@charset "UTF-8";

#PAGETOP .header-bg {opacity: 1;}
#PAGETOP #scroll_logo {display: block;}
@media screen and (min-width: 1280px){
#PAGETOP #global_nav ul li a {color: #fff;}
#PAGETOP #global_nav ul li a::after {border-left-color: #fff;}
}







main {margin-top: 130px;}
article {margin-bottom: 80px;}
@media screen and (max-width: 600px){
	/*article {font-size: 14px;}*/
}
.wrap {margin: auto;  width: 100%; padding: 0 20px; box-sizing: border-box; overflow: hidden;  }
.container { max-width: 980px; width: 100%; margin: auto; }




.h3Wrap {position: relative; margin-bottom: 50px}


p {word-break: break-all}

.backList {

	margin-top: 40px;
	text-align: center;
	margin-bottom: 60px;
	font-size: 1.2em;
}


h2 {font-size: 1.4em; margin-bottom: 25px; font-weight: normal; color: #327d8d;}
h3 {font-size: 1.4em; margin-bottom: 20px; font-weight: bold; color: #859a9b;}

h4 {font-size: 1.3em; margin-bottom: 20px; font-weight: bold; color: #548F75;}
h5 {font-size: 1.2em; margin-bottom: 20px; font-weight: bold;}

.top_pagetitle_a3 {position: relative;}

.bg_green, .bg_img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
}
.bg_img {
	width: calc(100vw - 20px);
}

section.inspection_info > section {/*margin-top: 50px;*/ text-align: left}
section.inspection_info > section:not(.lastInfo) {
	margin-bottom: 30px;
	border-bottom: 2px dotted #ccc;
	padding-bottom: 30px;
}

.inspection_title {margin-bottom: 80px}

.date {margin-bottom: 10px;}

.contetOpen {}
.contetOpen .open { margin-top: 30px; margin-bottom: 20px; display: none;}
.working .contetOpen .open {display: block;}

.working .contetOpen .open p {
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.6;
}

.contetOpen .open a {position: relative; display: inline-block; padding-left: 20px}
.contetOpen .open a::before {
	content: '≫';
	font-weight: 600;
	display: inline-block;
	transform: scaleX(0.8);
	position: absolute;
	left: 0;
	top: 0;
	
}
.closeTxt {color: #D11400; font-size: 1.1em; font-weight: bold; margin-top: 30px; margin-bottom: 20px;}
.working .contetOpen .closeTxt:not(.wItem01) {}

.closeTxt {}

.extension {color: #D11400;}



a.add_timerLink01 {pointer-events: none; color: #333;}
.working a.add_timerLink01 {pointer-events: auto; color: #005d82;}

.afterTimer_out {}
.working .afterTimer_out {display: none;}

.afterTimer_in {display: block;}
.working .afterTimer_in {display: none;}




.liStyle01 {}
.liStyle01 > li {list-style: disc; margin-left: 25px; margin-bottom: 10px}
.liStyle02 {margin-bottom: 20px;}
.liStyle02 > li {margin-bottom: 10px}
.liStyle02 > li.div01 {}
.liStyle02 > li.div01 span {display: inline-block;  margin-right: 15px; }


@media screen and (max-width: 600px){
	.liStyle02 > li.div01 span {display: block;}
	.liStyle02 > li.div01 {margin-top: 20px;}
}

.dlList {margin-top: 10px;}
.dlList > li:not(:last-child) {margin-bottom: 5px;}

.olStyle01 {counter-reset: count01;}
.olStyle01 > li {padding-left: 25px; margin-bottom: 15px; position: relative;}
.olStyle01 > li::after {
	counter-increment: count01;
	content: counter(count01);
	color: #000;
	display: inline-block;
	margin-right: 5px;
	font-size: 0.8em;
	position: absolute;
	left: 0;
	top: 3px;
	height: 18px;
	width: 18px;
	text-align: center;
}

.olStyle01 > li::before {
	content: '';
	display: inline-block;
	border-radius: 50%;
	height: 18px;
	width: 18px;
	box-sizing: border-box;
	border: 1px solid #000;
	position: absolute;
	left: 0;
	top: 4px;
}






.publish {margin-bottom: 80px;}
.publish .contents {
	box-sizing: border-box;
	padding: 35px;
	position: relative;
}

.publish .contents::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	background: #f3f5eb;
	border-radius: 20px;
}

.publish .contents > * {position: relative;}

.publish .contents ul {margin: 15px 0;}
.publish .contents ul > li:not(:last-child) {margin-bottom: 10px;}
.publish .contents ul > li > ul {margin-left: 17px;}
.publish .contents ul > li > ul > li {}
.publish .contents ul > li > ul > li > ul {margin-left: 17px;}
.publish .contents ul > li  dl {display: flex; flex-wrap:wrap;}
.publish .contents ul > li  dl > dt {width: 70px;}
.publish .contents ul > li  dl > dd {width: calc(100% - 70px);}

.publish .contents ul > li  dl > dd > ul {}
.publish .contents ul > li  dl > dd > ul > li {}
.publish .contents ul > li  dl > dd > ul > li > span {display: inline-block; margin-right: 10px;}

.publish > p {margin-top: 30px;}

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

	.publish .contents ul > li:not(:last-child) {margin-bottom: 20px;}
	.publish .contents ul > li  dl > dt {width: 100%;}
.publish .contents ul > li  dl > dd {width: calc(100%);}
}
@media screen and (max-width: 600px){
	.publish .contents {padding: 15px;}
}
@media screen and (max-width: 420px){
	.publish .contents {padding: 20px 0px;}
	.publish .contents::before {
	width: 100vw;
	border-radius: 0px;
	}
}




.pdfInfo {background: rgba(0,0,0,0.05); box-sizing: border-box; padding: 20px; display: flex; justify-content: space-between; align-items: center; margin-top: 50px;}
.pdfInfo p {width: calc(100% - 200px)}
.pdfInfo .imgArea {width: 158px;}
@media screen and (max-width: 600px){
	.pdfInfo {display: block;}
	.pdfInfo p {width: 100%; margin-bottom: 15px;}
	.pdfInfo .imgArea {width: 100%; text-align: center;}
}



/*** top ***/

.inspection_top {}
.inspection_top h2 {font-size: 2em;}
@media screen and (max-width: 1279px) {
    .inspection_top h2 {font-size: 1.6em;}
}

.inspection_listArea {}
.inspection_listArea .inspection_lists {}
.inspection_listArea .inspection_lists > li {
	box-sizing: border-box;
	padding-bottom: 15px;
	margin-bottom: 15px;
	/*border-bottom: 2px dotted #4F8C9D;*/
	border-bottom: 2px solid rgba(0,0,0,0.15);

	
}
.inspection_listArea .inspection_lists > li:first-child {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 2px solid rgba(0,0,0,0.15);
}
.inspection_listArea .inspection_lists > li .date {font-size: 0.9em; line-height: 1;}
.inspection_listArea .inspection_lists > li.new .date span {
	display: flex;
	align-items: center;
}
.inspection_listArea .inspection_lists > li.new .date span::after {
	content: 'NEW';
	color: #fff;
	background: #bb1d67;
	box-sizing: border-box;
	padding: 3px 5px 2px;
	display: inline-block;
	margin-left: 5px;
	font-size: 0.7em;font-weight: bold;
	
}
.inspection_listArea .inspection_lists > li .title {}