@charset "utf-8";
/* 下層ページ共通　202202 */

section#other section, section#outline section {
	width: 640px;
	margin: 0 auto 60px;
	text-align: left;
}

section#other section::after, section#outline section::after {
	content: ""; clear: both; display: block;
}

section#other section img, section#outline section img {
/*	max-width: 640px;*/
	max-width: 100%;
}

#contents .w100 {
	width: 100%;
	margin: 0 auto 30px;
}

#contents .w640 {
	width: 640px;
}


#contents h1.tit_page {
	margin: 30px 10px;
	color:#000;
}

#contents h2, #contents h3, #contents h4, #contents h5 {
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height: 1.4;
}
#contents h2 { font-size: 140%;	color:#000;}
#contents h3 { font-size: 120%;}
#contents h4 { font-size: 100%;}

#contents hr {
    border: 0;
    border-bottom: 1px solid #E0E7EB;
    margin-bottom: 40px;
}


#contents section#title ul, #contents section#title ul li  {
	margin: 0;
}

#contents ul, #contents ol {
	margin: 20px 0 30px;
}

#contents ul li, #contents ol li {
	margin-bottom: 10px;
}

#contents ul.list01 li {
	margin-left: 25px;
	list-style: disc;
}

#contents ol li {
	margin-left: 25px;
	list-style: decimal;
}

/* リスト・カッコつき数字 */
#contents ol.list02 li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
#contents ol.list02 li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
/**/

#contents dl.dlist1 {
	margin-top: 30px;
}

#contents dl.dlist1 dt {
	margin-bottom: 5px;
	font-weight: bold;
}

#contents dl.dlist1 dd {
	margin-bottom: 30px;
	padding: 15px;
	background-color: #EBEFF2;
}

#contents .mainimage {
	margin-bottom: 30px;
}

#contents .mainimage img {
	width: 100%;
	margin: 0;
}


#contents .border1 {
	padding: 15px;
	border: 1px solid #96A9B3;
}

#contents .border2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #BCC7CE;
}

#contents .border3 {
	border: 1px solid #e0e7eb;
}

/* 注釈 */
#contents .note {
	display: inline-block;
/*	margin: 10px 0;*/
	font-size: 86%;
	line-height: 1.4;
}


/* GO TO TOP*/
.gotop {}
	.gotop:after {
	  content: "";
	  clear: both;
	  display: block;
	}

.gotop a {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background: url(/images/common/navi_cursor2.png) rgba(98, 122, 134, 0.75) center center;
    background-size: 36px 34px;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* request_box */
#container .request_box .tile ul li.act a {
	border: 1px solid #ffffff;
    background: #ffffff;
    color: #D60000;
}

#container .request_box .tile ul li.act a:hover {
	border: 1px solid #ffffff;
    background: #D60000;
    color: #ffffff;
}

#container .request_box {
    padding: 40px 0 30px 0;
    background-color: #D60000;
    text-align: center;
}

#container .request_box .tile ul {
	margin: 0;
}


/* 画像スライド */
#contents .slide {
	width: 100%;
}

#contents .slide img {
	width: 100%;
}


/* 動画 */
.movie_box {
  position: relative;
  width: 100%;
  margin: 10px 0;
  padding-top: 56.25%;
}
.movie_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* 動画 4:3の時 */
.movie_box43 {
  position: relative;
  width: 100%;
}

.movie_box43::before {
  content:"";
  display: block;
  padding-top: 75%;
}

.movie_box43 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* ページ内リンク */
#contents ul.link_box {
	width: 640px;
	margin: 0 auto 20px;
}
	#contents ul.link_box::after {
	  content: ""; clear: both; display: block;
	  }

#contents ul.link_box li {
	float: left;
	margin: 0 20px 10px 0;
}

#contents ul.link_box li a {
	display: block;
	padding: 3px 20px;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
	font-size: 90%;
	transition: all 0.15s ease-out;
}

#contents ul.link_box li a:hover,
#contents ul.link_box li a.current,
#contents ul.link_box li a:hover span {
	background-color: #D60000;
	border: 1px solid #D60000;
	color: #ffffff;
	text-decoration: none;
}

#contents ul.link_box li.full { width: 100%;}
#contents ul.link_box li.half { width: 48%;}
#contents ul.link_box li.half2 { width: 48%; margin: 0 20px 10px 0;}
#contents ul.link_box li.half2:nth-child(even) { width: 48%; margin: 0 0 10px 0;}

@media screen and (max-width: 736px){
#contents ul.link_box li.half2, #contents ul.link_box li.half2:nth-child(even) {
    width: 100%;
	margin-right: 0;
}
}

#contents ul.link_box {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}


/* リンク アイコン */
#contents a.link_text::after {
	content:" >";
	display: inline;
	margin: 0;
	padding-right: 5px;
	font-weight: bold;
	font-family: inherit;
	text-align: left;
}

#contents a.link_pdf::after {
	content:url("/images/common/ico_pdf.gif")!important;
	margin-right: 10px; /*PDFアイコンの後ろにテキストが続く場合*/
}
#contents a.link_word::after {
	content:url("/images/common/ico_word.gif")!important;}
#contents a.link_excel::after {
	content:url("/images/common/ico_excel.gif")!important;}
#contents a.link_ppt::after {
	content:url("/images/common/ico_ppt.gif")!important;}
#contents a.link_blank::after {
	content:url("/images/common/ico_blank_gr.gif")!important;}
#contents .list01 li a.link_blank:hover:after {
	content:url("/images/common/ico_blank_gr.gif")!important;} /*202203 リスト*/
#contents .link_box li a.link_blank:hover:after {
	content:url("/images/common/ico_blank_wh.gif")!important;} /*202202 メニューボタン*/
#contents a.link_pdf::after, #contents a.link_word::after, #contents a.link_excel::after, #contents a.link_ppt::after, #contents a.link_blank::after {
	display:inline-block;
	width: 20px;
	padding: 0 5px 0 5px;
}


#contents a.link_down::after {
	content:url("/images/common/ico_down.gif") !important;
	display:inline-block;
	width: 18px;
	padding: 0 5px 0 2px;
}
/* 201904 */
#contents a.link_youtube1::after {
	content:url("/images/common/ico_youtube1.gif") !important;
    display:inline-block;
    width: 70px;
	padding: 0 5px 0 5px;
}
#contents a.link_youtube2::after {
	content:url("/images/common/ico_youtube2.png") !important;
    padding: 10px 5px;
    display: inline;
}


/* SEE MORE 開く・閉じる */
#contents div.more_cont {
    display: none;
	text-align: left;
}

	#contents div.more_cont::after {
	  content: ""; clear: both; display: block;
	  }
	  
#contents p.more_btn {
	width: 120px;
	height: 30px;
	margin: 30px auto 20px;
	padding: 0 7px;
	line-height: 30px;
	border: 1px solid #d60000;
	background-color: #d60000;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.15s ease-out;
}

#contents p.more_btn span {
	display: inline-block;
	font-size: 14px;
	transition: all 0.15s ease-out;
	text-align: center;
	overflow: hidden;
	position: relative;
}

#contents p.more_btn:hover {
    border: 1px solid #d60000;
	background: #FFF;
	color: #d60000;
}

#contents p.more_btn span:after {
	width: auto;
	height: 30px;
	margin: 0 auto;
	padding: 0 15px;
    content: "CLOSE";
    background: #d60000;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
    position: absolute;
    left: 0;
    bottom: -40px;
}

#contents p.more_btn span:after {
	width: auto;
	height: 30px;
	margin: 0 auto;
	/*padding: 0 25px;*/
    content: "CLOSE";
    background: #d60000;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}

#contents p.more_btn.close span:after {
	bottom: 0;
}

#contents p.more_btn.close {
	border: 1px solid #d60000;
	background-color: #d60000;
	color: #ffffff;
}


/* SEE MORE 普通のリンク */
#contents p.more_btn2 {
	width: 135px;
	margin: 25px auto;
    border: 1px solid #d60000;
	background-color:  #d60000;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	transition: all 0.15s ease-out;
}

#contents p.more_btn2 a {
	display: inline-block;
	width: 125px;
	padding: 5px;
	color: #ffffff;
	transition: all 0.15s ease-out;
}

#contents p.more_btn2 a:hover {
	background-color: #ffffff;
	color: #d60000;
	text-decoration: none;
}


/* 表組み（table2はレスポンシブ対応） */
#contents .table1, #contents .table2, #contents .table3, #contents .table4 {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #ABBAC2;
	border-left: 1px solid #ABBAC2;
}

#contents .table1 th, #contents .table2 th, #contents .table3 th, #contents .table4 th {
	padding: 7px;
	background-color: #CBD5DC;
	border-bottom: 1px solid #ABBAC2;
    border-right: 1px solid #ABBAC2;
	color: #000;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	font-size: 94%;
}

#contents .table1 th.th2, #contents .table2 th.th2, #contents .table3 th.th2, #contents .table4 th.th2 {
	background-color: #E5EBEE;
}

#contents .table1 td, #contents .table2 td, #contents .table3 td, #contents .table4 td {
	padding: 7px;
	background-color: #ffffff;
	border-right: 1px solid #ABBAC2;
	border-bottom: 1px solid #ABBAC2;
	font-size: 94%;
}

#contents .table3 th, #contents .table3 td, #contents .table4 td {
	padding: 5px 10px;
	font-size: 100%;
	vertical-align: middle;
}

#contents .table1 a,
#contents .table2 a,
#contents .table3 a,
#contents .table4 a {
	color: #000;
}
#contents .table1 a:hover,
#contents .table2 a:hover,
#contents .table3 a:hover,
#contents .table4 a:hover {
	color: #D60000;
	text-decoration: underline;
}

#contents .table4 tr:nth-child(odd) td {
	background-color: #F7F8F9;
}
/*#contents .table1, #contents .table2, #contents .table3 {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #D0D8DC;
    border-left: 1px solid #D0D8DC;
}

#contents .table1 th, #contents .table2 th, #contents .table3 th {
	padding: 7px;
	background-color: #CBD5DC;
	border-bottom: 1px solid #ABBAC2;
	border-right: 1px solid #ABBAC2;
	color: #000;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	font-size:94%;
}
#contents .table1 th.th2 {
	background-color:#A8B7BF;
}
#contents .table1 td.td2 {
	background-color:#F7F8F9;
}


#contents .table1 td, #contents .table2 td, #contents .table3 td {
	padding: 7px;
	background-color: #ffffff;
	border-bottom: 1px solid #D0D8DC;
	border-right: 1px solid #D0D8DC;
	font-size:94%;
}

#contents .table3 th, #contents .table3 td {
	padding: 7px;
	font-size: 100%;
	vertical-align: middle;
}*/



/* グレー背景のBOX */
.text_box1{
	padding: 15px;
	background-color: #f2f5f7 ;
	margin-top: 20px;
}

.text_box2{
	padding: 15px;
	border: solid 1px #96A9B3;
	margin-top: 20px;
}


/* Q and A */
.q_icon{
	font-size: 140%;
}
.a_icon{
	font-size: 140%;
	color: #d60000;
}




/* 配下ページへのリンク・サイトマップ */
#contents .sitemap ul {
/*	width: 640px;*/
	margin: 0 auto 30px;
}

#contents .sitemap ul li {
	padding: 0px;
	padding-bottom:3px;
	margin: 0px;
}

#contents .sitemap ul li ul li{
	padding-left: 10px;
	border-left: 2px solid #CFD6DB;
}

#contents .sitemap ul li ul {
	margin: 5px 0  0 20px;
}

#contents .sitemap ul li a::after {
	content:" >";
	margin: 0;
	font-weight: bold;
	font-family: inherit;
}



/* 情報公表（基礎データ）  */
#contents .factbook .table1 {
	font-size: 90%;
}

#contents .factbook .table1 th.gray {
	background-color: #F0F3F5;
	color: #666666;
}

#contents .factbook .table1 a::after {
	content:" >";
	display: inline;
	margin: 0;
	padding-right: 5px;
	font-weight: bold;
	font-family: inherit;
	text-align: left;
}

#contents .factbook sup {
	vertical-align: super;
}





/* レイアウト パターン */
#contents .box100_l, #contents .box100_r { width: 100px; }
#contents .box130_l, #contents .box130_r { width: 130px; }
#contents .box150_l, #contents .box150_r { width: 150px; }
#contents .box200_l, #contents .box200_r { width: 200px; }
#contents .box210_l, #contents .box210_r { width: 210px; }
#contents .box220_l, #contents .box220_r { width: 220px; }
#contents .box240_l, #contents .box240_r { width: 240px; }
#contents .box250_l, #contents .box250_r { width: 250px; }
#contents .box265_l, #contents .box265_r { width: 265px; }
#contents .box290_l, #contents .box290_r { width: 290px; }
#contents .box300_l, #contents .box300_r { width: 300px; }
#contents .box310_l, #contents .box310_r { width: 310px; }
#contents .box330_l, #contents .box330_r { width: 330px; }
#contents .box350_l, #contents .box350_r { width: 350px; }
#contents .box380_l, #contents .box380_r { width: 380px; }
#contents .box400_l, #contents .box400_r { width: 400px; }
#contents .box420_l, #contents .box420_r { width: 420px; }
#contents .box470_l, #contents .box470_r { width: 470px; }
#contents .box480_l, #contents .box480_r { width: 480px; }

#contents .box100_l, #contents .box130_l, #contents .box150_l, #contents .box200_l, #contents .box210_l, #contents .box220_l, #contents .box240_l, #contents .box250_l, #contents .box265_l, #contents .box290_l, #contents .box300_l, #contents .box310_l, #contents .box330_l, #contents .box350_l, #contents .box380_l, #contents .box400_l, #contents .box420_l, #contents .box470_l, #contents .box480_l {
	float: left;
	margin-right: 20px;}

#contents .box100_r, #contents .box130_r, #contents .box150_r, #contents .box200_r, #contents .box210_r, #contents .box220_r, #contents .box240_r, #contents .box250_r, #contents .box265_r, #contents .box290_r, #contents .box300_r, #contents .box310_r, #contents .box330_r, #contents .box350_r, #contents .box380_r, #contents .box400_r, #contents .box420_r, #contents .box470_r, #contents .box480_r {
	float: right;}



.floatR { float: right !important;}

.fll{float:left !important;}
.flr{float:right !important;}
.clear { clear: both;}

.clearfix::after {
	content: ""; clear: both; display: block;
}

.p0 {padding:0 !important;}
.pb0 {padding-bottom:0 !important;}

.m0a {margin:0 auto !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}


.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}


.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}

.pt20 {padding-top:20px !important;}
.pt40 {padding-top:40px !important;}
.pt60 {padding-top:60px !important;}

.plink { margin-top:-120px !important; padding-top:120px !important; }

.uline { text-decoration: underline;}

.indent1 { text-indent: 1em; }
.indent2 { padding-left:1em; text-indent:-1em;}
.indent3 { padding-left:2em; text-indent:-2em;}
.indent4 { padding-left:3em; text-indent:-3em;}
.indent5 { padding-left:4em; text-indent:-4em;}

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

.fcr { color: #d60000; }
.fcgr { color: #b0bfc8; }
.bold { font-weight: bold;}
.fcr_b { color: #d60000; font-weight: bold; }

.fsmall { font-size: 85%;}
.fnormal { font-weight:normal;}

.none_pc { display: none;}
.none_sp { display: block;}


@media screen and (max-width: 736px) {

/* パンくずリスト */	
#container #title .breadcrumb ul li.next {
	height: auto;
}	

	
section#other section, section#outline section {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents section.w100 {
	width: 100%;
	padding: 0;
}

#contents section.w640 {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents section img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 5px auto 0;
}

#contents h1.tit_page {
	margin: 20px 10px;
}

#contents h2 {
	font-size: 18px;
}


/* ページ内リンク */
#contents ul.link_box {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents ul.link_box li {
	width: 48%;
	margin-right: 10px;
}

#contents ul.link_box li:nth-child(even) {
	margin-right: 0;
}

#contents ul.link_box li a {
	padding: 3px 10px;
}





/* 表組み（レスポンシブで1列） */
#contents .table2 th {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#contents .table2 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}


/* 表組み スクロール */
.scroll {
	padding: 5px;
	border: 2px solid #BCC7CE;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}

.scroll::-webkit-scrollbar {
	height: 10px;
}
.scroll::-webkit-scrollbar-track {
	background: #E7EBEE;
}
.scroll::-webkit-scrollbar-thumb {
	background: #92A2AB;
}



/* レイアウト パターン */
#contents .box100_l, #contents .box100_r { width: 100%; }
#contents .box130_l, #contents .box130_r { width: 100%; }
#contents .box150_l, #contents .box150_r { width: 100%; }
#contents .box200_l, #contents .box200_r { width: 100%; }
#contents .box210_l, #contents .box210_r { width: 100%; }
#contents .box220_l, #contents .box220_r { width: 100%; }
#contents .box240_l, #contents .box240_r { width: 100%; }
#contents .box250_l, #contents .box250_r { width: 100%; }
#contents .box265_l, #contents .box265_r { width: 100%; }
#contents .box290_l, #contents .box290_r { width: 100%; }
#contents .box300_l, #contents .box300_r { width: 100%; }
#contents .box310_l, #contents .box310_r { width: 100%; }
#contents .box320_l, #contents .box320_r { width: 100%; }
#contents .box330_l, #contents .box330_r { width: 100%; }
#contents .box350_l, #contents .box350_r { width: 100%; }
#contents .box380_l, #contents .box380_r { width: 100%; }
#contents .box400_l, #contents .box400_r { width: 100%; }
#contents .box420_l, #contents .box420_r { width: 100%; }
#contents .box470_l, #contents .box470_r { width: 100%; }
#contents .box480_l, #contents .box480_r { width: 100%; }

#contents .box100_l, #contents .box130_l, #contents .box150_l, #contents .box200_l, #contents .box210_l, #contents .box220_l, #contents .box240_l, #contents .box250_l, #contents .box265_l, #contents .box290_l, #contents .box300_l, #contents .box310_l, #contents .box320_l, #contents .box330_l, #contents .box350_l, #contents .box380_l, #contents .box400_l, #contents .box420_l, #contents .box470_l, #contents .box480_l {
	clear: both;
	float: none;
	margin: 0 auto;}

#contents .box100_r, #contents .box130_r, #contents .box150_r, #contents .box200_r, #contents .box210_r, #contents .box220_r, #contents .box240_r, #contents .box250_r, #contents .box265_r, #contents .box290_r, #contents .box300_r, #contents .box310_r, #contents .box320_r, #contents .box330_r, #contents .box350_r, #contents .box380_r, #contents .box400_r, #contents .box420_r, #contents .box470_r, #contents .box480_r {
	clear: both;
	float: none;}

.none_pc { display: block;}
.none_sp { display: none;}

}

