@charset "UTF-8";
/*=============================================*
 *= 住民患者向けの個別style追加用CSS          =*
**=============================================*/

/* パンくずリストの飛び先のないリンクの下線非表示用 */
.breadcrumb > .inner ul li a.nodeco {
  text-decoration: none;
}
.breadcrumb > .inner ul li a.nodeco:hover {
  color:#000000;
}

/* インデント1.5em */
.idt15 {
  padding-left: 1.5em;
}

/* 個別リンクの下線制御 */
/*.oplink {
  padding-left: 1.5em;
}*/
.oplink > a:hover {
  text-decoration: underline;
  color:#267CA7;
}
.oplink > a {
  margin: 0px 3px;
  color: #05338E;
}

/* [必須でない] */
.nonrequired30 {
  padding: 1px 1px 1px 30px;
  margin: 0px 1px 1px 1px;
}
.nonrequired34 {
  padding: 1px 1px 1px 34px;
  margin: 0px 1px 1px 1px;
}

/* [必須] */
.required {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #AF0000;
  color: #AF0000;
  font-size: 1.4rem;
  background: #FFFFFF;
  line-height: 1;
  padding: 1px 1px 1px 1px;
  font-weight: normal;
  margin: 0px 1px 1px 1px;
}

/* [緊急] */
.emergencyMark {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #F00;
  color: #FFF;
  font-size: 1.4rem;
  background: #F00;
  line-height: 1;
  padding: 3px 3px 3px 3px;
  font-weight: bold;
  margin: 2px 2px 2px 3px;
}

/* [重要] */
.importantMark {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #F90;
  color: #FFF;
  font-size: 1.4rem;
  background: #F90;
  line-height: 1;
  padding: 3px 3px 3px 3px;
  font-weight: bold;
  margin: 2px 2px 2px 3px;
}

/* [NEW] */
.brandNewMark {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #F90;
  color: #F90;
  font-size: 1.4rem;
  background: #FFFFFF;
  line-height: 1;
  padding: 3px 3px 3px 3px;
  font-weight: bold;
  margin: 2px 2px 2px 3px;
}

/*=============================================*/
/* 一覧の件数・ページネーション（お知らせ一覧/よくあるご質問） */
/*=============================================*/
.listHeaderPagination {
  /*width: 100%;*/
  background-color: #FFFFFF;
  display:-webkit-flex;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0px 10px 3px 10px;
  vertical-align: bottom;
}
/*=============================================*/
/* 一覧の件数・ページネーション（よくあるご質問） */
/*=============================================*/
.listFooterPagination {
  /*width: 100%;*/
  background-color: #FFFFFF;
  display:-webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 3px 10px 0px 0px;
  margin: 0px 0px 10px 0px;
}
/*=============================================*/
/* お知らせ一覧（searchBoxから転用） */
/*=============================================*/
.informBox > .inner ul {
  list-style: none;
}

.informBox > .inner ul li {
  border-bottom: 1px solid #05338E;
}

.informBox > .inner ul li:first-child {
  border-top: 1px solid #05338E;
}

.informBox > .inner ul li a {
  display: block;
  padding: 6px 30px 6px 6px;
  background: url(../img/icon_arrow_link.svg) no-repeat right 10px center/6px auto;
  background-color: #FFFFFF;
  transition: 0.3s;
/*  height: 60px;*/
}


.oshiraseInfo:hover p{
	opacity: 1.0;
    text-decoration: underline;
    color: #267CA7;
}
.oshiraseInfo:hover div div{
	opacity: 1.0;
    text-decoration: underline;
    color: #267CA7;
}
/* 右側にブロック寄せ */
.informBox > .inner ul li a p {
/*  margin-top: 1.2em;*/
  display: inline-block;
  max-width: 850px;/*88%*/
  vertical-align: middle;
  /*border: 1px solid gray;*/
}
/* 追加スタイル (お知らせの左側ブロック) */
.informBox > .inner ul li a .lblock {
  margin: 0px 10px 0px 0px;
  display: inline-block;
  width: 150px;
  /*border: 1px solid red;*/
  text-align: left;
  vertical-align: middle;
}

/*=============================================*/
/* お知らせ詳細（contentsから転用） */
/*=============================================*/

/*.contents (←30pxものマージンを孕むため除去)*/
section > .inner .jkItems {
  margin-top: 10px;
  letter-spacing: normal;
}

section > .inner .jkItems .item {
  margin-top: 20px;
  background: #FFFFFF;
  border: 2px solid #05338E;
  border-radius: 4px;
  overflow: hidden;
}

section > .inner .jkItems .item:first-child {
  margin-top: 0;
}

section > .inner .jkItems .item .name,
section > .inner .jkItems .item > .heading {
  background: #05338E;
  margin-bottom: 0px;
  padding: 0px 10px;
  color: #FFF;
}

section > .inner .jkItems .item .name a,
section > .inner .jkItems .item > .heading a {
  display: block;
  padding: 10px 20px;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: underline;
}

section > .inner .jkItems .item .name a:hover,
section > .inner .jkItems .item > .heading a:hover {
  text-decoration: none;
}

section > .inner .jkItems .item dl {
  padding: 10px 10px;
  border-top: 1px solid #05338E;
  display: table;
  table-layout: fixed;
  width: 100%;
}

section > .inner .jkItems .item dl:first-child {
  border-top: none;
}

section > .inner .jkItems .item dl.fullCol dt {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

section > .inner .jkItems .item dl dt,
section > .inner .jkItems .item dl dd {
  display: table-cell;
  vertical-align: middle;
}

section > .inner .jkItems .item dl dt {
  width: 80px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #05338E;
}

section > .inner .jkItems .item dl dt.wide {
  width: 130px;
}

section > .inner .jkItems .item dl dt img {
  vertical-align: middle;
}

section > .inner .jkItems .item dl dt .vaT {
  vertical-align: top;
}

section > .inner .jkItems .item dl dd {
  padding-left: 0px;
}

section > .inner .jkItems .item dl dd .heading {
  font-weight: bold;
  margin-bottom: 5px;
}

section > .inner .jkItems .item dl dd .heading span {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
}

section > .inner .jkItems .item dl dd p a {
  color: #05338E;
  text-decoration: underline;
}

section > .inner .jkItems .item dl dd p a:hover {
  text-decoration: none;
}

/*=============================================*/
/* [jkItems2] マイホーム登録【行幅スリム】（contents→お知らせ詳細から転用） */
/*=============================================*/

section > .inner .jkItems2 {
  margin-top: 10px;
  letter-spacing: normal;
}

section > .inner .jkItems2 .item {
  margin-top: 20px;
  background: #FFFFFF;
  border: 2px solid #05338E;
  border-radius: 4px;
  overflow: hidden;
}

section > .inner .jkItems2 .item:first-child {
  margin-top: 0;
}

section > .inner .jkItems2 .item .name,
section > .inner .jkItems2 .item > .heading {
  background: #05338E;
  margin-bottom: 0px;
  padding: 0px 10px;
  color: #FFF;
}

section > .inner .jkItems2 .item .name a,
section > .inner .jkItems2 .item > .heading a {
  display: block;
  padding: 10px 20px;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: underline;
}

section > .inner .jkItems2 .item .name a:hover,
section > .inner .jkItems2 .item > .heading a:hover {
  text-decoration: none;
}

section > .inner .jkItems2 .item dl { /*◆*/
  padding: 2px 5px 2px 15px;
  border-top: 1px solid #05338E;
  display: table;
  table-layout: fixed;
  width: 100%;
}

section > .inner .jkItems2 .item dl:first-child {
  border-top: none;
}

section > .inner .jkItems2 .item dl.fullCol dt {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

section > .inner .jkItems2 .item dl dt,
section > .inner .jkItems2 .item dl dd {
  display: table-cell;
  vertical-align: middle;
}

section > .inner .jkItems2 .item dl dt {
  width: 80px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #05338E;
}

section > .inner .jkItems2 .item dl dt.wide {
  width: 130px;
}

section > .inner .jkItems2 .item dl dt img {
  vertical-align: middle;
}

section > .inner .jkItems2 .item dl dt .vaT {
  vertical-align: top;
}

section > .inner .jkItems2 .item dl dd {
  padding-left: 0px;
}

section > .inner .jkItems2 .item dl dd .heading {
  font-weight: bold;
  margin-bottom: 5px;
}

section > .inner .jkItems2 .item dl dd .heading span {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
}

section > .inner .jkItems2 .item dl dd p a {
  color: #05338E;
  text-decoration: underline;
}

section > .inner .jkItems2 .item dl dd p a:hover {
  text-decoration: none;
}

/*=============================================*/
/* よくある質問（searchBox→informBox（お知らせ一覧）から転用） */
/*=============================================*/
.faqBox > .inner ul {
  list-style: none;
}

.faqBox > .inner ul li {
  border-bottom: 1px solid #05338E;
}

.faqBox > .inner ul li:first-child {
  border-top: 1px solid #05338E;
}

.faqBox > .inner ul li a {
  display: block;
  padding: 6px 30px 6px 2em;
  text-indent:-1em;
  /*background: url(../../kankeisha/img/plus-square2.svg) no-repeat right 10px center/20px auto;*/
  /*background-color: #FFFFFF;*/
  transition: 0.3s;
/*  height: 60px;*/
}

.faqBox > .inner ul li a.faqInfo.pl {
  background: url(../../kankeisha/img/plus-square2.svg) no-repeat right 10px center/20px auto;
  background-color: #FFFFFF;
}
.faqBox > .inner ul li a.faqInfo.mn {
  background: url(../../kankeisha/img/minus-square2.svg) no-repeat right 10px center/20px auto;
  background-color: #FFFFFF;
}

.faqBox > .inner ul li a:hover {
  opacity: 0.7;
}

.faqBox > .inner ul li div.ansbg {
  background-color: #FFFFFF;
  padding-bottom: 4px;
}

.faqBox > .inner ul li div.ans {
	display: none;
  margin: 0px 30px 0px 2em;
  padding: 4px 4px 4px 2em;
  text-indent:-1em;
  background-color: #FFFFFF;
  box-shadow: inset 0 3px 3px 0 rgba(1.0, 1.0, 1.0, .1);
}

.strQ {
	position: relative;
	left: -0.2em;
	line-height:1.1em;
  font-size: 1.3em;
  font-weight: 900;
  color: #05338E;
  filter: drop-shadow(0 1px 1px rgba(0,0,0, .7));
}

.strA {
  position: relative;
  left: -0.2em;
  line-height:1.3em;
  font-size: 1.3em;
  font-weight: 900;
  color: #C33;
  filter: drop-shadow(0 1px 1px rgba(0,0,0, .7));
}

/*=============================================*/
/* リンク集 */
/*=============================================*/

.linkBox .inner .details .jkItems>.heading a .iconAccordion {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/icon_accordion.svg) no-repeat left top;
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
}

.linkBox .inner .details .jkItems>.heading a.js-active .iconAccordion {
	background-position: left bottom;
}

.linkBox .inner>.details {
	margin-top: 20px;
	background: #FFFFFF;
	border: 2px solid #05338E;
	border-radius: 4px;
	overflow: hidden;
}

.linkBox .inner .details .jkItems:first-child {
	margin-top: 0;
}

.linkBox .inner .details .jkItems>.heading
	{
	background: #05338E;
}

.linkBox .inner .details .jkItems>.heading a
	{
	display: block;
	padding: 10px 20px;
	color: #FFFFFF;
	font-size: 2rem;
	font-weight: bold;
}

.linkBox .inner .details .jkItems .heading a:hover
{
	text-decoration: none;
}

.linkBox .inner .details .jkItems>.details {
	padding: 20px 20px;
}

.linkBox .inner .details .jkItems .linkCollectionArea:first-child {
	padding-top: 15px;
}

.linkBox .inner .details .jkItems .linkCollectionArea:last-child {
	padding-bottom: 15px;
}

.linkBox .inner .details .jkItems .linkCollectionArea table {
	width: 100%;
}

.linkBox .inner .details .jkItems .linkCollectionArea table tr th {
	border-left: 1px solid #FFFFFF;
	background: #D6EDFF;
	font-size: 16px;
	padding: 3px 15px 2px;
	vertical-align: middle;
	background-color: #D6EDFF;
	width: 25%;
}

.linkBox .inner .details .jkItems .linkCollectionArea table tr:first-child th:first-child {
	border-bottom: 2px solid #FFFFFF;
}

.linkBox .inner .details .jkItems .linkCollectionArea table>tbody>tr>th {
	border: 1px solid #D6EDFF;
	padding: 0.8rem 0.4rem;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
}

.linkBox .inner .details .jkItems .linkCollectionArea table>tbody>tr>td {
	border: 1px solid #D6EDFF;
	border-top: none;
	padding: 0.8rem 0.4rem;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
}

.linkBox .inner .details .jkItems .linkCollectionArea table>tbody>tr>td>label {
	margin-left: 5px;
}

.linkBox .inner .details .jkItems .linkCollectionArea:first-child table tbody tr td {
	border-top: 1px solid #D6EDFF;
}

.linkBox .inner .details .jkItems .linkCollectionArea:first-child table tbody tr td p a {
  color: #05338E;
  text-decoration: underline;
}

.linkBox .inner .details .jkItems .linkCollectionArea:first-child table tbody tr td p a:hover {
  text-decoration: none;
}

.linkBox .inner .message-area {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40vh;
}

/*.linkKoumokuName{
    background: #D6EDFF;
    padding: 0.8rem 0.4rem;
}
*/
/*PC*/
.linkKoumokuTable{
    display: flex;
    margin-bottom: 3px;
}

.linkKoumokuName{
    background: #D6EDFF;
    padding: 0.8rem 0.4rem;
    width:45%;
    display: flex;
    align-items: center;
}

.linkKoumokuNaiyou{
    width:55%;

}

/*SP*/
.linkKoumokuTableSp{
    margin-bottom: 3px;
}

.linkKoumokuNameSp{
    background: #D6EDFF;
    padding: 0.8rem 0.4rem;
    display: flex;
    align-items: center;
}

/*=============================================*/
/* マイホーム登録（contentsから転用） */
/*=============================================*/

section.RegdAdrs {
  margin-bottom: 20px;
}

section.srchKwd {
  margin-bottom: 20px;
}
section.srchKwd .flexLeft {
  display: flex;
  width: 900px;
  background-color: transparent;
  justify-content: flex-start;
  padding: 0px 0px 0px 20px;
}
section.srchKwd input.kwdSrch {
  margin: 10px 0px 0px 0px;
	padding: 2px 4px;
  width: 550px;
  background: #FFF;
}
section.srchKwd input.kwdSrch:focus {
  background: #FFF;
}

section.srchKwd > .inner .jkItems2 .item4 {
  margin-top: 10px;
  background: #FFFFFF;
  border: 2px solid #05338E;
  border-radius: 4px;
  overflow: hidden;
}

section.srchKwd > .inner .jkItems2 .item4 > .heading {
  background: #05338E;
  margin-bottom: 0px;
  padding: 0px 10px;
  color: #FFF;
}

section.GoogleMap {
  margin-bottom: 20px;
}
section.GoogleMap .mapFrame {
  padding: 5px 5px 5px 5px;
}
section.GoogleMap .mapFrame .map {
  width: 740px;
	height: 400px;
}
/*
.mparent {
  top: 20px;
  padding-top: 20px;
  width: 48%;
  float: left;
  position: -webkit-sticky !important;
  position: sticky !important;
}
*/
section.regDelAdrs {
  margin-bottom: 10px;
}
section.regDelAdrs h2.heading {
  /*margin-bottom: 30px;*/
  font-size: 1.4em;
  text-align: center;
  font-weight: bold;
  color: #05338E;
  margin: 15px 0px 2px 0px;
}

section.regDelAdrs h2.heading.pt02 {
  text-align: left;
  font-size: 1.8rem;
  color: #000000;
  /*margin-bottom: 15px;*/
  padding: 2px 20px;
}

section.regDelAdrs .placeSelect {
  padding: 4px 0px 4px 20px;
}
section.regDelAdrs .placeRegist {
  padding: 4px 5px 4px 20px;
}
section.regDelAdrs .placeRegist input.placeName {
  padding: 2px 4px;
  width: 340px;
}
section.regDelAdrs .placeRegist input.placeName:focus {
  background: #FFF;
}



.backBtn2 a,
.backBtn2 button {
  display: block;
  margin: 10px 0px 0px 0px;
  padding: 7px 0 6px;
  width: 170px;
  background: #D8D8D8;
  border-radius: 4px;
  text-align: center;
  transition: 0.3s;
  border:0;
}

.backBtn2 a:hover,
.backBtn2 button:hover {
  opacity: 1.0;
  text-decoration: underline;
  color: #267CA7;
}

/* 検索条件変更ボタン専用（backBtn2と併せ適用） */
.reconfig button {
  margin: 0px 0px 15px 20px;
}


/*=============================================*/

/*  */
.inner > .heading {
  font-size: 2rem;
  font-weight: bold;
  color: #05338E;
}

/* ⊂ボタン⊃ */
.wideBtn {
  width:180px;
}

/* ⊂ボタン⊃（幅広縦狭）(buttonの定義の影響を受けているので差分定義) */
.wideNarrowBtn {
  border-radius: 20px;
  width: 180px;
  margin: 10px 0px 0px 0px;
}

/* ⊂⊃ ⊂⊃ ボタン領域（左右の余白なし） */
.commandBoxLeft {
	display: flex;
  width: 900px;
  background-color: transparent;
  justify-content: flex-start;
  padding: 5px 0px 5px 20px;
}

/* |⊂⊃ ⊂⊃ ⊂⊃| ボタン領域（左右均等配置、左右の余白なし） */
.commandBoxBtw {
  display: flex;
  width: 1000px;
  background-color: transparent;
  justify-content: space-between;
  padding:5px 10px 0px 0px;
  margin: 0px 0px 10px 0px;
}

/* ⊂⊃ ⊂⊃ ボタン領域 */
.commandBox {
  display: flex;
  width: 900px;
  background-color: transparent;
  justify-content: space-around;
  padding:20px 140px;
}

/* ［＿］ボタン領域（左寄せ） */
.commandSquareL {

  width: 900px;
  padding:10px 0px;
}

/* トップ画面 */
.subMenuBox > .inner ul li a {
  width: 100%;
  height: 100%;
}

.subMenuBox > .inner ul li div {
  display: block;
  transition: 0.3s;
}

.subMenuBox > .inner ul li div .heading {
  text-align: center;
  font-size: 1.4rem;
  background-color: #FFE474;
}

.subMenuBox > .inner ul li div .heading span {
  display: block;
  padding: 3px 40px;
}

.subMenuBox > .inner ul li div .heading span.icon03 {
  background: url(../img/icon_submenu_03.svg) no-repeat left 10px center;
}

.subMenuBox > .inner ul li div p {
  display: block;
  padding: 15px 20px;
}

.subMenuBox > .inner ul li a .heading span.icon03 {
  background: url(../img/icon_submenu_myhome.png) no-repeat left 10px center;
}

.subMenuBox > .inner ul li a .heading span.icon04 {
  background: url(../img/icon_submenu_login.png) no-repeat left 10px center;
}

.subMenuBox > .inner ul li a .heading span.icon05 {
  background: url(../img/icon_submenu_download.png) no-repeat left 10px center;
}

.subMenuBox > .inner ul li a .heading span.icon06 {
  background: url(../img/icon_submenu_question.png) no-repeat left 10px center;
}

.subMenuBox > .inner ul li div .heading span.icon07 {
  background: url(../img/icon_submenu_directoryassistance.png) no-repeat left 10px center;
}

.subMenuBox > .inner ul li a .heading span.icon08 {
  background: url(../img/icon_submenu_linkcollection-A.svg) no-repeat left 10px center;
  background-size: 26px 26px;
}

.subMenuBox > .inner ul li div .heading span.icon09 {
  background: url(../img/icon_submenu_featurephoneurl_A.svg) no-repeat left 10px center;
  background-size: 26px 26px;
}

.newsBox.news-active {
  display: block;
}

.newsBox {
  display: none;
}

.keywordTranslation {
	display: none !important;
}

.keywordNotTranslation {
	display: initial !important;
}

.topHeading {
	padding: 0 0 20px;
}

@media screen and (min-width: 768px) {
  .topSearchBox > .inner .tabContents .tabContent .col .item > ul.areaLists.pc_col5 li {
    width: 18%;
    margin-right: 2%;
  }
  .topSearchBox > .inner .tabContents .tabContent .col .item > ul.areaLists.pc_col5 li:nth-child(5n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .topSearchBox > .inner .tabContents .tabContent .col .item .flex .todoname> ul.areaLists.pc_col5 li {
    width: 14.7%;
    margin-right: 1%;
    font-size: 1.4rem;
  }
  .topSearchBox > .inner .tabContents .tabContent .col .item .flex .todoname> ul.areaLists.pc_col5 li:nth-child(5n) {
    margin-right: 0;
  }
}


/* anchor制御用 */
.jaLinkable {
	/* 特になし（マーキングのみ） */
}
.frgnRstrct {
	pointer-events:none;
	cursor: default;
	text-decoration: none;
}

.en-width {
	max-width: 93%;
}
.en-width:hover {
	text-decoration: underline;
    color: #267CA7;
}

/* 都道府県個別検索 */
.topSearchBox.areaTop > .inner > .pdBSS {
  letter-spacing: 0rem;
}

/* フッター */
.searchBox > .inner ul {
  margin-top: 0px;
}

.searchBox > .inner ul li {
  margin-top: 12px;
}

@media screen and (min-width: 768px) {
  .searchBox > .inner ul.pc_col5 li {
    width: 195px;
  }
  .searchBox > .inner ul.pc_col5 li:nth-child(4n) {
    width: 320px;
  }
}


/*=============================================*/
/* ≪ご意見登録≫ */
/*=============================================*/
.topMainBox {
  padding: 0px 0px;
  background: #D6EDFF;
  background-size: cover;
  background-position: center center;
}

.topMainBox > .inner {
/*  max-width: 1000px;*/
  margin: 0 auto;
}

.jkBlock {
  margin: 0px auto;
  padding: 5px 0px;
}
.jkBox {
  max-width: 1000px;
  margin: 6px auto;
}


.jkBox > .jkDetail {
  max-width: 800px;
  text-align: left;
  margin:0px 0px;

}
/*=============================================*/
.jkHead {
  display: block;
}

.jkTitle {
  display: inline-block;
  width: 180px;
  padding: 1px 1px;
}
.jkDetail {
  max-width: 720px;
  display: inline-block;
  vertical-align:top;
  font-size: 80%;
  padding: 2px 2px;
}

/*=============================================*/
.jkTitleBlk {
  display: block;
  /*width: 180px;*/
  padding: 1px 1px;
}
.jkDetailBlk {
  max-width: 720px;
  display: block;
  vertical-align:top;
  font-size: 80%;
  padding: 2px 2px;
}

/*=============================================*/
/* table colgroup≪ご意見：タイトル/内容≫ */
/*=============================================*/
.tbl_opnion {
  max-width: 900px;
  margin: 10px 5px 10px 0px;
  border-collapse: collapse;
}
.tbl_opnion tbody {
  background-color: #FFFFFF;
}
.tbl_opnion td {
  border: 1px solid gray;
}
.tbl_opnion td:nth-child(1) {           /* 見出し */
  background: #05338E;
  color: #FFFFFF;
  font-size: 120%;
  font-weight: bold;
  vertical-align:middle;
  padding: 0px 4px 0px 02px;
  width: 180px;
  white-space: nowrap;
}
.tbl_opnion td:nth-child(2) {           /* 内容 */
  vertical-align:middle;
  padding:2px 2px;
  width: 720px;
}
.tbl_opnion td:nth-child(2) input {     /* タイトル */
  background: #FFF;
  width: 100%;
  height: 100%;
}
.tbl_opnion td:nth-child(2) textarea {  /* 内容 */
  margin: 7px 0px 0px 0px;
  border: 1px solid gray;
  width: 100%;
  height: 100%;
}

/*=============================================*/
/* [+]付きフレーム ≪JK共通？【PCでは表示されない】≫ */
/*=============================================*/

.jkItem {
  margin-top: 0px;
  background: #FFFFFF;
/*  border: 2px solid #05338E;*/
/*  border-radius: 4px;*/
  overflow: hidden;
}
.jkItem:first-child {
  margin-top: 10px;
}
.jkItem:first-child div.details > table.tbl_stsfctn tr {
/*  border: 1px solid #05338E;*/
  border-top: 1px solid #05338E;
}
.jkItem > .heading {
  background: #05338E;
  display: none;
}
.jkItem > .heading a {
  display: block;
/*  display: inline-block;*/
/*  padding: 10px 20px;*/
  padding: 6px 48px 6px 6px;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: underline;
  word-break:break-all;
}
.jkItem > .heading a:hover {
  text-decoration: none;
}

/*=============================================*/
/* [+]なしフレーム ≪モーダル≫ */
/*=============================================*/
.jkItem2 {
  margin-top: 0px;
  background: #FFFFFF;
/*  border: 2px solid #05338E;*/
/*  border-radius: 4px;*/
  overflow: hidden;
}
.jkItem2:first-child {
/*  margin-top: 10px;*/
}
.jkItem2:first-child div.details  {
/*  max-height: 70vh;
  overflow: auto;*/
}
.jkItem2:first-child div.details > table.tbl_stsfctn tr {
/*  border: 1px solid #05338E;*/
  border-top: 1px solid #05338E;
}
.jkItem2 > .heading2 {
  background: #05338E;
  color: #FFFFFF;
  padding: 0px 0px 2px 4px;
  display: none;
}
.jkItem2 > .heading2 a {
  display: block;
/*  display: inline-block;*/
/*  padding: 10px 20px;*/
  padding: 6px 48px 6px 6px;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: underline;
  word-break:break-all;
}
.jkItem2 > .heading2 a:hover {
  text-decoration: none;
}

.jkDlgHead {
	background: #FFF;
	width: 100%;
  display: -ms-flexbox;
  display: flex;
/*  display: block;*/
/*  text-align: center;*/
  -ms-flex-align: center;
  align-items: center;
/*  -ms-flex-pack: end;*/
  justify-content: center;
/*  padding: 0.5rem;*/
  padding: 6px 0px;
}
.jkRemark {
	font-size: 1.3rem;
	color: #666;
	padding-left: 7px;
	line-height: 1.4rem;
	padding-bottom: 2px;
}
.bdrWH {
	border: 1px solid #FFF;
}
.bdrtopWH {
  border-top: 3px solid #FFF;
}
.bdrbtmWH {
  border-bottom: 3px solid #FFF;
}
a.railSelect {
  color: #05338E;
  text-decoration: none;
}
a.railSelect:hover {
  color:#267CA7;
  text-decoration: underline;
}
.jkDlgFootOuter {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: space-around;
/*  padding: 0.5rem;*/
  margin-top: 20px;
  background:transparent;
}
.jkMessage01 {
  background-color: #EEF;
  margin: 2px 3px;
  padding: 1px 3px 0px 5px;
	border: 1px solid #05338E;
	color: #05338E;
}
.modal > .inner {
  background: transparent;
}

.modal > .inner .sclBox2 {
  /* max-height: 60vh; トラブル管理簿98対応*/
  max-height: 50vh;
  overflow-y: auto;
}

/*=============================================*/
/* table colgroup≪利用者満足度調査：タイトル/内容≫ */
/*=============================================*/
.tbl_stsfctn {
  max-width: 900px;
  margin: 0px 5px 0px 0px;
  border-collapse: collapse;

}
.tbl_stsfctn tbody {
  background-color: #FFFFFF;
}
.tbl_stsfctn td {
  /*border: 1px solid #05338E;*/
}
.tbl_stsfctn tr {
  border: 1px solid #05338E;
  border-top: 1px solid #FFF;
}
/*.tbl_stsfctn:first-child tr {
  border-top: 1px solid #05338E;
}*/
.tbl_stsfctn td:nth-child(1) {           /* 必須 */
  background: #05338E;
  color: #FFFFFF;
  font-size: 120%;
  font-weight: bold;
  vertical-align:middle;
  padding: 0px 2px 0px 4px;
  width: 27px;
  white-space: nowrap;
/*  border-bottom: 1px solid #FFF;*/
}
.tbl_stsfctn td:nth-child(2) {           /* 見出し */
  background: #05338E;
  color: #FFFFFF;
  font-size: 100%;
  vertical-align:middle;
  padding:2px 2px;
  width: 153px;
/*  border-bottom: 1px solid #FFF;*/
}
.tbl_stsfctn td:nth-child(3) {           /* 内容 */
  vertical-align:middle;
  font-size: 90%;
  padding:2px 2px;
  width: 720px;
}
.tbl_stsfctn td:nth-child(3) input {     /*  */
/*  background: #FFF;
  width: 100%;
  height: 100%;*/
}
.tbl_stsfctn td:nth-child(3) textarea {  /*  */
  margin: 7px 0px 0px 0px;
  border: 1px solid gray;
  width: 100%;
  height: 100%;
}

.tbl_stsfctn td:nth-child(3) label {  /* radio */
  margin: 7px 0px 0px 0px;
/*  border: 1px solid gray;*/
  width: 100%;
  height: 100%;
}



/*=============================================*/
/* table colgroup≪モーダル：タイトル/内容≫ */
/*=============================================*/
.tbl_modal {
/*  max-width: 900px;*/
  margin: 0px 0px 0px 0px;
  border-collapse: collapse;
  background-color: #FFFFFF;

}
.tbl_modal tbody {
  background-color: #FFFFFF;
}
.tbl_modal td:nth-child(1) {           /* 必須 */
  background: #05338E;
  color: #FFFFFF;
  font-size: 120%;
  font-weight: bold;
  vertical-align:middle;
  padding: 0px 2px 0px 4px;
  width: 10px;
/*  width: 50px;*/
  white-space: nowrap;
  border-top: 1px solid #FFF;
}
.tbl_modal td:nth-child(2) {           /* 見出し */
  background: #05338E;
  color: #FFFFFF;
  font-size: 100%;
  vertical-align:middle;
  padding:2px 2px;
  width: 170px;
  /*width: 130px;*/
  border-top: 1px solid #FFF;
}
.tbl_modal td:nth-child(3) {           /* 内容 */
  vertical-align:middle;
  font-size: 90%;
  padding:2px 2px;
/*  width: auto;*/
  width: 820px;
  border-top: 1px solid #05338E;
}
.tbl_modal td:nth-child(3) input {     /*  */
/*  background: #FFF;
  width: 100%;
  height: 100%;*/
}
.tbl_modal td:nth-child(3) textarea {  /*  */
  margin: 7px 0px 0px 0px;
  border: 1px solid gray;
  width: 100%;
  height: 100%;
}

.tbl_modal td:nth-child(3) label {  /* radio */
  margin: 7px 0px 0px 0px;
/*  border: 1px solid gray;*/
  width: 100%;
  height: 100%;
}




/*=============================================*/
/*=============================================*/
/*
*/
.stsfctnTitle {
  display: inline-block;
  width: 50px;
  padding: 1px 1px;
}
.stsfctnDetail {
  width: 130px;
  height: 100px;
  display: inline-block;
/*  vertical-align:top;*/
  font-size: 80%;
  padding: 2px 2px;
  word-break:break-all;
}

.tbl_stsfctn_inner {
/*  max-width: 900px;*/
/*  margin: 10px 5px 10px 0px;
  border-collapse: collapse;*/
  border: 1px solid #F00;
  height:100%;
  width: 180px;
}
.tbl_stsfctn_inner tbody {
  background-color: #FF0;
/*  background-color: #05338E;*/
}
.tbl_stsfctn_inner td {
}
.tbl_stsfctn_inner td:nth-child(1) {           /* 必須 */
/*  background: #05338E;
  color: #FFFFFF;*/
/*  font-size: 100%;
  font-weight: bold;*/
  vertical-align:middle;
/*  padding: 0px 4px 0px 02px;*/
  width: 50px;
  white-space: nowrap;
}
.tbl_stsfctn_inner td:nth-child(2) {           /* 見出し */
  background: #05338E;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  vertical-align:middle;
  padding: 0px 4px 0px 02px;
  width: 130px;
  word-break:break-all;
}
.tbl_stsfctn_inner td:nth-child(3) {           /* 内容 */
  display: none;
/*  background: url(../img/icon_accordion.svg) no-repeat left top;*/
}



/*=============================================*/
/* radio custom for ≪利用者満足度調査≫ */
/*=============================================*/
ul.rowHorizon2 {
  list-style: none;
/*  letter-spacing: -2em;*/
}

ul.rowHorizon2 > li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: -0.05em;
  min-width: 80px;
/*  margin-right: 20px;*/
  margin-bottom: 1px;
}

ul.rowHorizon2.pt02 > li {
/*  min-width: inherit;*/
/*  margin-right: 10px;*/
  margin: 0px 3px 0px 7px;
}
/*
.radio {
  line-height: 1em;
  position: relative;
}
*/

.radio > span {
/*  display: inline-block;*/
  vertical-align: text-top;
}

.radio .icon {
  margin-right: 5px;
/*
  background: url(../img/icon_radio.svg) no-repeat left top;
  height: 20px;
  width: 20px;
  cursor: pointer;
  overflow: hidden;
*/
}

/*
.radio .icon + input[type="radio"] {
  / *filter: alpha(opacity=0); -moz-opacity:0; opacity:0;* /
  position: absolute;
  top: 0px;
  left: 0;
  margin: 0px;
  width: 20px;
  height: 20px;
}
*/
/*
.radio.js-on .icon {
  background: url(../img/icon_radio.svg) no-repeat left bottom;
}
*/
/*=============================================*/
/* radio custom for ≪モーダル≫ */
/*=============================================*/
ul.rowHorizon3 {
  list-style: none;
/*  letter-spacing: -2em;*/
}

ul.rowHorizon3 > li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: -0.05em;
  min-width: 80px;
/*  margin-right: 20px;*/
  margin-bottom: 1px;
}

ul.rowHorizon3.pt02 > li {
/*  min-width: inherit;*/
/*  margin-right: 10px;*/
  margin: 0px 3px 0px 7px;
}

/*=============================================*/
/* select custom (都道府県選択) for ≪利用者満足度調査≫ */
/*=============================================*/
.selectBox2 select {
  font-size: 1.6rem;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  background: url(../img/icon_arrow_pulldown.svg) no-repeat right 10px center #F8F8F8;
  padding: 2px 15px 0px 5px;
  margin: 1px 3px 1px 7px;
  width: 140px;
}
/*=============================================*/
/* pagenation用追加部分 */
/*=============================================*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 1px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #1666bf;
  border-color: #1666bf;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.flex{
	display: flex;
}

/*=============================================*/
/* 必須マーク */
.require::after {
  content: " *";
  color: red;
  vertical-align: middle;
}

/*=============================================*/
/* メッセージエリア */
.alert{
	position:relative;
	margin: 2px 7px 7px 7px;
  font-size: 20pt;
	border:1px solid transparent;
	border-radius:.25rem
}
.alert-error{
	color:#000000;
	background-color:#FFFFFF;
	border-color:#FFFFFF;
	font-weight: bold
}

/*=============================================*/
/* Modal */
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0%;
    left: 20%;
    z-index: 1050;
    display: none;
    width: 60%;
/*    height: 100%;*/
/*    overflow: hidden; */
    outline: 0;
}


.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px);
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 20rem;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
  background: #F8F8F8;  /* add 紺系:#05338E 水色系:#D6EDFF  橙系:#FFE474 薄橙:#FFFDF2 灰色:#F8F8F8  */
}

.modal-title {
    margin: 0;
    line-height: 1.5;
    font-size: 2rem;
  color:#333; /* add */
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
    font-size: 2rem;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

button, select {
    text-transform: none;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    font-size: 1.5rem;
  background: #FFFDF2;  /* add 紺系:#05338E 水色系:#D6EDFF  橙系:#FFE474 薄橙:#FFFDF2 灰色:#F8F8F8 */
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.5rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
  background: #F8F8F8;  /* add 紺系:#05338E 水色系:#D6EDFF  橙系:#FFE474 薄橙:#FFFDF2 灰色:#F8F8F8 */
}

.modal .modal-footer {
    text-align: center;
    display: table-cell;
}

.modal-footer>:not(:last-child) {
    margin-right: 0.25rem;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.btn2 {
	display: inline-block;
/*    font-weight: 400;*/
/*    color: #FFFFFF;*/
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s;
/*    font-size: 1.4rem;*/
/*    font-weight: 600;*/
    line-height: 1.0;
/*    background: #4472C4;*/
    transition: all 0.3s;
    letter-spacing: 0.1em;
    margin: 0 1rem;
}
/*
*/
/*     background-color: transparent; */
/*     border: 1px solid transparent; */

.btn-width {
    width: 120px;
    height: 30px;
}
.modal-backdrop.show {
    opacity: .5;
}

/* .modal-backdrop.fade { */
/*     opacity: 0; */
/* } */
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.fade {
    transition: opacity .05s linear;
}
/*=============================================*/
/* ≪その他項目選択≫ */
.radio_c {
  line-height: 1;
  position: relative;
}

.radio_c > span {
  display: inline-block;
  vertical-align: middle;
}

.radio_c .icon {
  margin-right: 10px;
  background: url(../img/icon_radio.svg) no-repeat left top;
  height: 20px;
  width: 20px;
  cursor: pointer;
  overflow: hidden;
}

.radio_c .icon + input[type="radio"] {
  /*filter: alpha(opacity=0);
      -moz-opacity:0;
      opacity:0;*/
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 20px;
  height: 20px;
}

.radio_c.js-on .icon {
  background: url(../img/icon_radio.svg) no-repeat left bottom;
}

/*=============================================*/
/* 検索結果一覧画面(一覧形式)
/*=============================================*/
.result_contents_border {
    border: 2px solid #05338E;
    border-top: none;
    display: block;
}

.result_access_title {
  min-width: 150px;
}

.access_contents li {
  list-style: none;
}

.result_tel {
 display: inline-block;
}

.selectFormTableA {
  border: 1px solid #05338E;
  width: 100%;
  table-layout: fixed;
  line-height: 1;
}

.selectFormTableA.borderNone {
  border: none;
}

.selectFormTableA tr th {
  border-top: 1px solid #FFFFFF;
  text-align: left;
  width: 265px;
  background: #05338E;
  padding: 10px 10px 10px 20px;
  color: #FFFFFF;
  font-weight: normal;
  vertical-align: middle;
}

.selectFormTableA tr td {
  background: #FFFFFF;
  border-top: 1px solid #05338E;
  padding: 10px 10px 10px 10px;
  vertical-align: middle;
}

.selectFormTableA tr:first-child th,
.selectFormTableA tr:first-child td {
  border-top: none;
}

/* フッター. */
footer > .inner .btm .logo img {
  width: 100%;
}

/* ヘッダー. */
header > .inner .logoArea .logo01 a img {
  width: auto;
  max-width: 90px;
  max-height: 100%;
}

header > .inner .logoArea .logo01 {
  height: 35px;
}

header > .inner .logoArea .siteName {
  width: auto;
}

/*=============================================*/
/* 用語解説
/*=============================================*/
.iconYougoKaisetsu {
  background: url(../img/icon_submenu_question.png) no-repeat center;
  background-size: 24px;
  cursor: pointer;
  height: 16px;
  width: 16px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}

.tooltipBlock {
  display: inline;
  position: relative;
}

.yougoKaisetsuText {
  display: none;
  position: fixed;
  z-index: 101;
  background: #FFFDF2;
  padding: 5px 5px;
  text-align: left;
  line-height: 1.4;
  color: #000;
  border-radius: 3px;
  border: 1px solid #FFE474;
  width: auto;
  white-space: pre-line;
  pointer-events: auto;
  word-break: normal;
}

.yougoKaisetsuText .yougo {
  display: inline;
  font-size: 1.6rem;
  font-weight: bold;

}

.yougoKaisetsuText .kaisetsu {
  display: inline;
  font-size: 1.2rem;

}

.yougoKaisetsuText:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
}

/*=============================================*/
/*=============================================*/
/*=============================================*/
/*=============================================*/