@charset "UTF-8";
/* CSS Document */
.br_sp {display: none}
.br_pc {display: inline}
.pc_none {display: none}
.sp_none {display: inline}
span.sup {vertical-align: super; font-size: 70%;}
span.sub {vertical-align:sub; font-size: 70%;}
span.palt {font-feature-settings: "palt"}

.standard a[href$=".xls"]:after, #main_cont a[href$=".xlsx"]:after {
	content: "";
	display: inline-block;
	background: url("../../image/excel-icon.gif") no-repeat right center;
	vertical-align:top;
	width: 14px;
	height: 14px;
	margin-left: 6px;
}

.standard a[href$=".pdf"]:after {
	content: "";
	display: inline-block;
	background: url("../../image/pdf-icon.gif") no-repeat right center;
	vertical-align: baseline;
	width: 14px;
	height: 14px;
	margin-left: 6px;
	position: absolute;
}

.standard a[href$=".html"]:after {
	content: "";
	display: inline-block;
	background: url("../../image/external-icon.gif") no-repeat right center;
	vertical-align: baseline;
	width: 14px;
	height: 14px;
	margin-left: 6px;
}
.standard a.gaibu:after {
	content: "";
	display: inline-block;
	background: url("../../image/external-icon.gif") no-repeat right center;
	vertical-align: baseline;
	width: 12px;
	height: 12px;
	margin-left: 6px;
}


.standard .imgbox a[href$=".pdf"]:after {
	content: "";
	background: url("") no-repeat right center;
}


.before dt a[href$=".html"]:after {content: none}


#search_box a {
	color: #333;
	text-decoration: underline;
}
#search_box a:hover {
	text-decoration: none;
}

@media screen and (max-width: 660px) {
	.br_sp {display: inline}
	.br_pc {display: none}
	.pc_none {display: inline}
	.sp_none {display: none}
	
	.component p {margin-bottom: 0!important}
}




#title_image {text-align: center; margin-bottom: 1em;}
@media screen and (min-width:661px) and (max-width:1024px) {
	#title_image img{width: 100%}
}
#title_image + p {font-weight: 800;margin-bottom: 2em;}



#keisai_shinsei {max-width: 300px; border: 4px solid #fb8a05;text-align: center; margin: 0 auto 3em}
#keisai_shinsei p a {font-size: 150%; font-weight: bold; color: #fb8a05;}
/*#keisai_shinsei p {font-size: 175%; font-weight: bold; color: #F7C48A}*/

@media screen and (max-width: 660px) {
	#keisai_shinsei {max-width: 100%; padding: .5em 0; margin-top: 1em;}
	#keisai_shinsei p a {font-size: 130%; line-height: 1.4;display: block}
}

#keisai_shinsei p a::after {
	background: url();
	content: "＞＞";
	margin-left: 5px;
	color: #00CF38;
	margin-right: .5em;
	font-weight: bold;
	letter-spacing: -.5em;
	
	display: inline;
}

#search_box {
	display: flex;
	align-items: stretch;
	flex-direction:row-reverse;
	justify-content: space-between;
	box-sizing: border-box;
}

@media screen and (min-width:661px) and (max-width:1024px) {
	#search_box {display: block}
}
@media screen and (max-width: 660px) {
	#search_box {display: block}
}


#company_box {
	box-sizing: border-box;
	margin-left: 1em;
	min-width: 280px;
}
#company_box h6 {margin: 0 0 1em 0;text-align: center}

#company_box > div {
	box-sizing: border-box;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
#company_box ul {
	margin: 0 .5em 0 1em;
}
#company_box ul li {font-size: 80%; padding-bottom: .8em;}
#company_box ul li a {font-feature-settings: "palt"; position: relative}

@media screen and (min-width:661px) and (max-width:1024px) {
	#company_box h6 {text-align: justify}
	#company_box {margin: 1em auto; max-width: 660px;}
	#company_box ul {display: flex; flex-wrap: wrap;}
	#company_box ul li {font-size: 90%; margin-right: 1.5em; width: 45%;}
}
@media screen and  (min-width:501px) and (max-width: 660px) {
	#company_box {margin: 1em auto; max-width: 660px;}
	#company_box ul {display: flex; flex-wrap: wrap}
	#company_box ul li {font-size: 80%; margin-right: 1.5em; width: 45%;}
}
@media screen and (max-width: 500px) {
	#company_box {margin: 1em auto; max-width: 660px;}
	#company_box ul {display: block}
	#company_box ul li {width: 100%;}
}


#map_box {box-sizing: border-box; width: 660px;}
@media screen and (max-width: 660px) {#map_box {display: none}}
@media screen and (min-width:661px) and (max-width:1024px) {
	#map_box {margin: 0 auto;}
}



#map_box h6 {margin: 0 0 1em 0;text-align: center}
@media screen and (min-width:661px) and (max-width:1024px) {#map_box h6 {text-align: justify}}

#map_box > div {
	box-sizing: border-box;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
#map_box div#map_image {position: relative; width: 550px; margin: 0 auto;}
#map_box div#map_image img {min-width: 550px;}

#map_check > input {display: none}


.btn_area{
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	border: 1px solid #000;
	background: #fff;
	opacity: .8;
}

#btn_hokkaido {top: 110px;left: 450px}
#btn_iwate {top: 218px;left: 450px}
#btn_miyagi {top: 260px;left: 447px}
#btn_fukushima {top: 293px;left: 430px}
#btn_ibaraki {top: 328px;left: 454px}
#btn_tochigi {top: 318px;left: 425px}
#btn_gunma {top: 318px;left: 395px}
#btn_saitama {top: 340px;left: 410px}
#btn_chiba {top: 365px;left: 460px}
#btn_gifu {top: 357px;left: 335px}
#btn_aichi {top: 394px;left: 335px}
#btn_shiga {top: 364px;left: 303px}
#btn_mie {top: 400px;left: 302px}
#btn_osaka {top: 386px;left: 258px}
#btn_hyogo {top: 364px;left: 234px}
#btn_kagawa {top: 406px;left: 214px}
#btn_tokushima {top: 430px;left: 212px}
#btn_kouchi {top: 452px;left: 218px}
#btn_ehime {top: 424px;left: 162px}
#btn_yamaguchi {top: 372px;left: 144px}
#btn_fukuoka {top: 376px;left: 100px}
#btn_kumamoto {top: 418px;left: 85px}
.area_info {
	display:block;
	position: absolute;
	top: 50px;
	left: 30px;
	text-align: justify;
	box-sizing: border-box;
	width: 280px;
	padding: 8px;
	border: 1px solid #333;
	opacity: 0;
	z-index: -1;
}
.area_info p:first-child {
	display: block;
	font-weight: bold;
	font-size: 110%!important;
	line-height: 1!important;
	margin: 0 0 .5em 0;
}
.area_info p a {
	display: block;
	font-size: 90%!important;
	line-height: 1!important;
	margin: 0 0 .75em 0.2em;
	font-feature-settings: "palt"
}

.area_info input {
	border: none;
	background: #ccc; 
	cursor: pointer;
	margin-left: 210px;
}


#hokkaido:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#iwate:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#miyagi:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#fukushima:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#ibaraki:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#tochigi:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#gunma:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#saitama:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#chiba:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#gifu:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#aichi:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#shiga:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#mie:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#osaka:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#hyogo:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#kagawa:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#tokushima:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#kouchi:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#ehime:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#yamaguchi:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#fukuoka:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}
#kumamoto:checked + .area_info {z-index: 1; opacity: 1; transition: 1s}


.component_info_list {margin: 1.5em 0 2.5em 1em;}
.component_info_list li{list-style: disc; color: #333;}
@media screen and (min-width:661px) and (max-width:1024px) {
	.component_info_list {margin: .5em 0 1em 1em; text-align: center}
	.component_info_list li{list-style: none;}
}
@media screen and (max-width: 660px) {
	.component_info_list {display: none}
}


.role_and_efforts {
	margin-top: 3em;
	padding-top: 3em;
	border-top: 1px solid #ccc;
}

.role_and_efforts h5#role_and_efforts {
	line-height: 1em;
	border: none;
	margin-left: 0em;
	margin-bottom: 0;
	padding-left: 0em;
}
.role_and_efforts h5#role_and_efforts::after {
	border: none;
}

.detail_link {
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0 0 0;
}
.detail_link  img {
	margin-right: 1em;
	width: 300px;
}
.detail_link p a {
	color: #333;
	border-bottom: 1px solid #333;
}
.detail_link p a::before {
	content: "▶︎";
	color: #454fc7;
	padding-right: .5em;
}
.detail_link p span {
	margin-left: 2em;
}

@media screen and (max-width: 660px) {
	.detail_link p {
		margin-top: 1em;
	}
	.detail_link p a{
		font-size: 150%!important;
	}
}