@charset "UTF-8";

#footer .bg-scroll{
	display: none;
}
.wrapper{
    width: 1200%;
    height: 100vh;
}

/* +++#sec01+++ */
.video-wrapper{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}
.video-wrapper::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 4000;
	background: #1a5a78;
	opacity: .6;
}
.video-wrapper > video{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}
#sec01 .sec__inner{
	width: 100%;
	height: 100%;
}
.sec01__content{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 6000;
}
.sec01__panel{
	width: 100%;
/*
	max-width: 110rem;
*/
	max-width: 91.5rem;
	min-height: 44rem;
	padding: 7rem 0;
	border: 1px solid rgba(255,255,255,.45);
	border-radius: 2rem;
	background: rgba(255,255,255,.32);
	backdrop-filter: blur(4px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.sec01__title{
	font-size: 4.8rem;
	margin-bottom: 1.5rem;
}
.en-title{
	height: 3.8rem;
	max-width: 100%;
	margin-bottom: 3.8rem;
}
.en-title img{
	display: block;
	width: auto;
	height: 100%;
}
.sec01__text{
	letter-spacing: .02em;
}

/* +++#sec02+++ */
#sec02{
	color: #000;
}

#sec02 .sec__inner{
	display: block;
}

.sec02__panel{
	width: 100%;
	max-width: 145rem;
	height: 100%;
	margin: 0 auto;
	border-radius: 2rem;
	background: #fff;
	padding: 2rem 1rem;
}
.js-sec02-scroll-inner{
	padding: 4rem 4rem 4rem 5rem;
}

.sec02__panel .simplebar-content{
	padding: 6rem 6rem 7rem;
}

.sec02__panel .simplebar-track.simplebar-vertical{
	width: 1rem;
	top: 2rem;
	right: 1rem;
	bottom: 2rem;
	border-radius: .5rem;
	background: #eee;
	overflow: visible;
	z-index: 10;
}

.sec02__panel .simplebar-track.simplebar-vertical .simplebar-scrollbar{
	width: 100%;
	right: 0;
}

.sec02__panel .simplebar-track.simplebar-vertical .simplebar-scrollbar::before{
	content: "";
	position: absolute;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	border-radius: .5rem;
	background-color: #2BA1D0 !important;
	opacity: 1 !important;
}

.sec02__panel .simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-visible::before,
.sec02__panel .simplebar-track.simplebar-vertical:hover .simplebar-scrollbar::before{
	opacity: 1 !important;
}

.sec02__panel .simplebar-track.simplebar-horizontal{
	display: none;
}

.sec02__title{
	font-size: 3.6rem;
	line-height: 1.4;
	margin-bottom: 3.6rem;
	color: #2D68AA;
}

.sec02__lead{
	margin-bottom: 4rem;
}

.sec02__lead p{
	line-height: 2;
}

.sec02__content{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.sec02__subject{
	width: 37.934%;
}

.sec02__subject-image{
	width: 100%;
	margin-bottom: 2rem;
}

.sec02__subject-image img{
	width: 100%;
	object-fit: contain;
}

.sec02__subject-caption{
	color: #666;
}

.sec02__subject-en{
	margin-bottom: 1.2rem;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: .04em;
	color: #8AA9D8;
}

.sec02__subject-title{
	margin-bottom: 1.8rem;
	font-size: 2.4rem;
	line-height: 1.4;
	color: #2D68AA;
}

.sec02__subject-text{
	line-height: 1.6;
}

.sec02__connector{
	width: 15.6rem;
	height: .3rem;
	margin: 0 -1.5rem 0 -2rem;
	background: linear-gradient(90deg, rgba(255,255,255,0), #2D68AA);
	position: relative;
	z-index: 3;
}

.sec02__connector span{
	position: absolute;
	right: 1.5rem;
	bottom: 1.5rem;
	width: max-content;
	line-height: 1;
	color: #2D68AA;
}

.sec02__connector::after{
	content: "";
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background: #2D68AA;
	position: absolute;
	right: -.6rem;
	top: 50%;
	transform: translateY(-50%);
}

.sec02__reasons{
/*
	width: 54.4rem;
	height: 54.4rem;
*/
	width: 48.441%;
	aspect-ratio: 1 / 1;
	position: relative;
	margin-right: 2.7rem;
}

.sec02__reasons::before{
	content: "";
	position: absolute;
	inset: -2.7rem;
	border: 1px dashed rgba(45,104,170,.35);
	border-radius: 50%;
	z-index: 0;
}

.sec02__reason{
/*
	width: 29rem;
	height: 29rem;
*/
	width: 53.308%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	padding: 0 2.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	position: absolute;
	z-index: 1;
}

.sec02__reason--insidious{
	left: 0;
	top: 0;
	background: url(../images/water_inspection/wi-sec02-bg01.svg) no-repeat;
	background-position: center;
	background-size: 100% auto;
}

.sec02__reason--severe{
	right: 0;
	top: 0;
	background: url(../images/water_inspection/wi-sec02-bg02.svg) no-repeat;
	background-position: center;
	background-size: 100% auto;
}

.sec02__reason--costly{
	left: 0;
	bottom: 0;
	background: url(../images/water_inspection/wi-sec02-bg03.svg) no-repeat;
	background-position: center;
	background-size: 100% auto;
}

.sec02__reason--critical{
	right: 0;
	bottom: 0;
	background: url(../images/water_inspection/wi-sec02-bg04.svg) no-repeat;
	background-position: center;
	background-size: 100% auto;
}

.sec02__reason-en{
	margin-bottom: 1.3rem;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: .04em;
	color: #66D7F1;
}

.sec02__reason-title{
	margin-bottom: 2rem;
	font-size: 2.3rem;
	line-height: 1.35;
}

.sec02__reason-text{
	font-size: 1.4rem;
	line-height: 2;
}

.sec02__reason-center{
	width: 13rem;
	height: 13rem;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #2D68AA;
	background: radial-gradient(#F8FCFE 0%, #EAF7FD 65%, #CFEAF7 100%);
	box-shadow: 0 .5rem 2rem rgba(45,104,170,.12);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}

.sec02__reason-center p{
	margin-bottom: .8rem;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: .04em;
	color: #8AA9D8;
}

.sec02__reason-center strong{
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 700;
}

/* +++#sec03+++ */
#sec03 .sec__inner{
	flex-direction: column;
}

.sec03__body{
	width: 100%;
	padding: 6rem;
	border-radius: 2rem;
	background: #fff;
}
.sec03__title{
	margin-bottom: 3rem;
	font-size: 3.6rem;
/*
	line-height: 1.4;
	font-weight: 500;
*/
	color: #2D68AA;
	text-align: center;
}
.sec03__table{
	width: 100%;
	margin-bottom: 3.5rem;
}
.sec03__table table{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	color: #000;
}
.sec03__table th,
.sec03__table td{
	border: 1px solid #D6D6D6;
	vertical-align: middle;
}
.sec03__table th{
	height: 5.6rem;
	padding: 1.8rem 3.2rem;
	font-weight: 500;
	line-height: 1.4;
	background: #DDF2FA;
	text-align: center;
}
.sec03__table td{
	height: 6.6rem;
	padding: 1.2rem 3rem;
	line-height: 1.5;
	text-align: center;
}
.sec03__table th:nth-child(1),
.sec03__table td:nth-child(1){
	width: 23.2%;
	text-align: left;
}
.sec03__table th:nth-child(2),
.sec03__table td:nth-child(2){
	width: 38.4%;
}
.sec03__table th:nth-child(3),
.sec03__table td:nth-child(3){
	width: 38.4%;
}
.sec03__table tbody tr:nth-child(odd){
	background: #F5F5F5;
}
.sec03__lead{
	margin-bottom: 2.5rem;
	line-height: 1.7;
	text-align: center;
	color: #000;
}
.sec03__image-wrap{
	width: 100%;
	max-width: 96rem;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 3rem;
}
.sec03__image{
	width: calc((100% - 9rem) / 4);
	aspect-ratio: 1.38 / 1;
	border-radius: 2rem;
	overflow: hidden;
}
.sec03__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* +++#sec04+++ */
#sec04 .sec__inner{
	flex-direction: column;
}

.sec04__title{
	margin-bottom: 4rem;
	font-size: 3.6rem;
	text-align: center;
}

.sec04__panel{
	width: 100%;
	height: 67rem;
	border-radius: 2rem;
	background: #fff;
	color: #000;
	padding: 1rem;
}



.sec04__panel .simplebar-track.simplebar-vertical{
	width: 1rem;
	top: 1rem;
	right: 1rem;
	bottom: 1rem;
	border-radius: .5rem;
	background: #eee;
	z-index: 10;
	visibility: visible !important;
}

.sec04__panel .simplebar-track.simplebar-vertical .simplebar-scrollbar{
	width: 100%;
	right: 0;
	visibility: visible !important;
}

.sec04__panel .simplebar-track.simplebar-vertical .simplebar-scrollbar::before{
	content: "";
	position: absolute;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	border-radius: .5rem;
	background-color: #2BA1D0 !important;
	opacity: 1 !important;
}

.sec04__panel .simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-visible::before,
.sec04__panel .simplebar-track.simplebar-vertical:hover .simplebar-scrollbar::before{
	opacity: 1 !important;
}

.sec04__panel .simplebar-track.simplebar-horizontal{
	display: none;
}

.sec04__comparison-wrap{
	padding-bottom: 4rem;
	margin-bottom: 4rem;
	border-bottom: 1px solid #ddd;
}

.sec04__comparison{
	display: grid;
	grid-template-columns: 15% 28.5% 12% 28.5% 15%;
	grid-template-rows: repeat(3, auto);
	gap: .5rem;
}

.sec04__side,
.sec04__label,
.sec04__box{
	display: flex;
	align-items: center;
	justify-content: center;
}

.sec04__side{
	grid-row: 1 / 4;
	flex-direction: column;
}

.sec04__side--air{
	grid-column: 1;
	border: 1px solid #F1CE74;
	border-left: 0;
	border-radius: 0 3rem 3rem 0;
	background: linear-gradient(135deg, #FFF0B4, #FFF8E8);
	color: #A23C54;
}

.sec04__side--water{
	grid-column: 5;
	border: 1px solid #A9DCDC;
	border-right: 0;
	border-radius: 3rem 0 0 3rem;
	background: linear-gradient(135deg, #D8F5EB, #DCEEF9);
	color: #00748B;
}

.sec04__side-title{
	font-size: 2.2rem;
	line-height: 1;
}

.sec04__side-icon{
	width: 3.3rem;
	margin: 1.2rem auto 0;
	display: block;
}

.sec04__side-icon--air{
	color: #F5BC3D;
}

.sec04__side-icon--water{
	color: #55C5D9;
}

.sec04__box{
	min-height: 11rem;
	padding: 1.5rem 1rem;
	justify-content: flex-start;
	align-items: stretch;
	border-radius: 1rem;
}

.sec04__box--air{
	border: 1px solid #EED9A1;
	background: #FFFCF3;
}

.sec04__box--water{
	border: 1px solid #B8DEDC;
	background: #F1FBFA;
}

.sec04__box--air-environment{grid-column:2;grid-row:1;}
.sec04__box--water-environment{grid-column:4;grid-row:1;}
.sec04__box--air-mode{grid-column:2;grid-row:2;}
.sec04__box--water-mode{grid-column:4;grid-row:2;}
.sec04__box--air-survey{grid-column:2;grid-row:3;}
.sec04__box--water-survey{grid-column:4;grid-row:3;}

.sec04__label{
	border: 1px solid #D8D7D3;
	border-radius: 1rem;
	background: #EEEDEA;
	line-height: 1.7;
	text-align: center;
}

.sec04__label--environment{grid-column:3;grid-row:1;}
.sec04__label--mode{grid-column:3;grid-row:2;}
.sec04__label--survey{grid-column:3;grid-row:3;}

.sec04__list{width:100%;}
.sec04__list li{display:flex;align-items:flex-start;gap:1rem;line-height:1.5;}
.sec04__list li:not(:last-child){margin-bottom:1rem;}
.sec04__list--plain{display:flex;flex-direction:column;justify-content:center;}
.sec04__list--plain li{display:block;padding:.65rem .4rem;line-height:1.45;}
.sec04__list--plain li:not(:last-child){margin-bottom:0;}
.sec04__list--plain li sub{
	display: inline-block;
	transform: translateY(-.25em);
}
.sec04__num{
	flex: 0 0 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #EFB92E;
}

.sec04__num.-brown{color:#92654a;}
.sec04__box--water .sec04__num{background:#3D8DA7;}

.sec04__text p:not(:last-child){
	margin-bottom: .3em;
}

.sec04__panel-inner{
	padding: 6rem;
}
.feature-text{
	color: #2D68AA;
	text-decoration-line: underline;
	text-decoration-style: wavy;
	text-decoration-color: #2D68AA;
	font-weight: 700;
}

/* +++#sec05 - #sec08 common+++ */
.wi-structure .sec__inner{
	flex-direction: column;
}

.structure-panel{
	width: 100%;
	padding: 5.5rem 4.8rem 4.5rem;
	border: 1px solid rgba(255,255,255,.55);
	border-radius: 2rem;
	background: rgba(255,255,255,.62);
	backdrop-filter: blur(10px);
	color: #000;
}

.structure-title{
	margin-bottom: 3.5rem;
	font-size: 3.6rem;
	line-height: 1.4;
	color: #2D68AA;
}

.structure-title span{
	margin-left: 1.2rem;
	font-size: 1.8rem;
}

.structure-overview{
	width: 100%;
	display: grid;
	grid-template-columns: 38.275% 31.725% 30%;
	align-items: start;
}

.structure-main-image{
	width: 100%;
	aspect-ratio: 1.48 / 1;
	border-radius: 2rem;
	overflow: hidden;
}

.structure-main-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.structure-info{
	padding-left: 4rem;
}

.structure-info--right{
	padding-left: 2rem;
}

.structure-info-block:not(:last-child){
	margin-bottom: 2.8rem;
}

.structure-info-title{
	margin-bottom: 1.2rem;
	display: flex;
	align-items: center;
	gap: 1.6rem;
	font-size: 2.2rem;
	line-height: 1.4;
	color: #2D68AA;
}

.structure-info-title::before{
	content: "";
	display: block;
	width: 4.5rem;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	flex: 0 0 4.5rem;
	background: url(../images/water_inspection/wi-sec05-icon01.png) no-repeat center / 100% auto;
}

.icon02.structure-info-title::before{
	background-image: url(../images/water_inspection/wi-sec05-icon03.png);
}

.icon03.structure-info-title::before{
	background-image: url(../images/water_inspection/wi-sec05-icon02.png);
}

.structure-info-block p,
.structure-survey-list{
	line-height: 1.7;
}

.structure-survey-list{
	padding-left: 1.2em;
}

.structure-survey-list li{
	list-style: disc;
}

.structure-cases{
	margin-top: 3.5rem;
	padding: 3rem 3rem 2.4rem;
	border-radius: 2rem;
	background: linear-gradient(-79deg, rgba(45,104,170,.1) 0%, rgba(45,104,170,.1) 13%, rgba(36,134,180,.1) 100%);
	display: flex;
	align-items: stretch;
}

.structure-cases-head{
	width: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	padding-left: 5.3rem;
	padding-right: 10rem;
}

.structure-cases-title{
	font-size: 2.8rem;
	line-height: 1.4;
	color: #2D68AA;
}

.structure-cases-en{
	font-size: 1.4rem;
	letter-spacing: .05em;
	color: #2D68AA;
	opacity: .5;
	line-height: 1.4;
	margin-block: .2rem 3.2rem;
}

.structure-slider-nav{
	display: flex;
	align-items: center;
	gap: 1rem;
}

.structure-slider-nav .slick-arrow{
	width: 2.2rem;
	height: 1.5rem;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.structure-slider-nav .slick-arrow img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.structure-slider{
	width: 76%;
	min-width: 0;
}

.structure-slider .slick-list{
	margin: 0 -1.2rem;
}

.structure-slide{
	padding: 0 1.2rem;
}

.structure-slide-link{
	display: block;
	color: #000;
}

.structure-slide-image{
	width: 100%;
	aspect-ratio: 1.31 / 1;
	margin-bottom: 1rem;
	border-radius: 2rem;
	overflow: hidden;
	position: relative;
	display: block;
}

.structure-slide-image > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.structure-zoom{
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	right: 1.8rem;
	bottom: 1.8rem;
}

.structure-zoom img{
	width: 100%;
	height: 100%;
}

.structure-slide figcaption{
	font-size: 1.4rem;
	line-height: 1.4;
}

/* +++#sec09+++ */
#sec09 .sec__inner{
	flex-direction: column;
}

.sec09__title{
	width: 100%;
	margin-bottom: 4.5rem;
	font-size: 3.6rem;
	line-height: 1.4;
}

.sec09__list{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3rem;
}

.sec09__item{
	min-width: 0;
}

.sec09__card{
	width: 100%;
	height: 31rem;
	padding: 2.5rem;
	border: 0;
	border-radius: 2rem;
	background: #fff;
	color: #2D68AA;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	text-align: center;
	position: relative;
}

.sec09__tag{
	padding: .5rem 1.5rem;
	margin-bottom: 1.3rem;
	border-radius: 2rem;
	background: #F1F5FA;
	font-size: 1.4rem;
	line-height: 1;
	white-space: nowrap;
}

.sec09__name{
	min-height: 4.8rem;
	font-size: 2rem;
	line-height: 1.25;
}

.sec09__image{
	width: 100%;
	max-width: 16.1rem;
	height: auto;
	margin: 0 auto;
}

.sec09__image img{
	display: block;
	width: 100%;
}

.detail-button{
	width: fit-content;
    	padding-bottom: 1.5rem;
    	border-bottom: 2px solid #2D68AA;
	margin: auto auto 0;
	gap: 2rem;
	align-items: center;
	line-height: 1;
}
.detail-button:after {
	content: "";
	display: block;
	width: 2.4rem;
	height: 1em;
	background: url(../images/arrow-blue01.svg) no-repeat;
	background-size: 100% auto;
	background-position: center;
}



.sec09__card:after{
	content: "";
	display: block;
	width: 2rem;
	aspect-ratio: 1 / 1;
	background: url(../images/rov-sec04-icon01.svg) no-repeat;
	background-size: 100% auto;
	background-position: center;
	position: absolute;
	right: 2.5rem;
	bottom: 2.5rem;
}

.sec09__more-plus::before,
.sec09__more-plus::after{
	content: "";
	background: #2D68AA;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.sec09__more-plus::before{
	width: 100%;
	height: 2px;
}

.sec09__more-plus::after{
	width: 2px;
	height: 100%;
}

/* equipment popup */
.equipment-popup{
	width: 100vw;
	height: 100vh;
	padding: 8rem 4rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	transition: opacity .25s ease, visibility .25s ease;
}

.equipment-popup.active{
	visibility: visible;
	opacity: 1;
}

.equipment-popup__overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	background: rgba(1,140,197,.85);
}

.equipment-popup__inner{
	width: 100%;
	max-width: 120rem;
	height: min(82vh, 90rem);
	border-radius: 1rem;
	background: #fff;
	position: relative;
	z-index: 2;
	overflow: hidden;
	box-shadow: 0 2rem 4rem rgba(0,77,120,.25);
	
}

.equipment-popup__scroll{
	width: 100%;
	height: 100%;
	padding: 4rem 4rem 5rem;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-gutter: stable;
}

.equipment-popup__content{
	width: 100%;
	color: #17253A;
}

.equipment-popup__title{
	width: fit-content;
	margin: 0 auto 1rem;
	padding: .6rem 5.7rem;
	border-radius: .4rem;
	background: #356EB0;
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.2;
	text-align: center;
}

.equipment-popup__spec{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
}

.equipment-popup__spec-column{
	min-width: 0;
}

.equipment-popup__spec-row{
	min-height: 5.4rem;
	border-bottom: 1px solid #718094;
	display: grid;
	grid-template-columns: 45% 55%;
/*
	align-items: center;
*/
	padding-block: 2.5rem;
}

.equipment-popup__spec-row dt{
	padding-right: 1.5rem;
	font-weight: 700;
}

.equipment-popup__spec-row dd{
	line-height: 1.45;
}

.equipment-popup__machine{
	padding-top: 2rem;
}

.equipment-popup__machine > p{
	margin-bottom: 1.5rem;
}

.equipment-popup__machine figure{
	height: 23rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.equipment-popup__machine img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

#equipment-popup08 .equipment-popup08__table{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border-bottom: 1px solid #718094;
}

#equipment-popup08 .equipment-popup08__table th,
#equipment-popup08 .equipment-popup08__table td{
	padding: 2.5rem 1.5rem;
	line-height: 1.45;
	text-align: left;
}

#equipment-popup08 .equipment-popup08__table th{
	width: 25%;
	padding-left: 0;
	font-weight: inherit;
	vertical-align: top;
}

#equipment-popup08 .equipment-popup08__table td:nth-child(2){
	width: 35%;
}

#equipment-popup08 .equipment-popup08__table td:last-child{
	width: 40%;
	padding-right: 0;
}

#equipment-popup08 .equipment-popup08__table tr:not(:last-of-type) td{
	border-bottom: 1px solid #718094;
}

.equipment-popup__gallery{
	margin-top: 5rem;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.5rem 2rem;
}

.equipment-popup__gallery-item img{
	width: 100%;
/*
	height: 14rem;
*/
	object-fit: contain;
}

.equipment-popup__gallery-item figcaption{
	margin-top: 1rem;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.35;
}

.equipment-popup__close{
	width: 4rem;
	height: 4rem;
	border: 0;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 .3rem 1rem rgba(0,0,0,.12);
	position: absolute;
	right: 1.8rem;
	top: 1.8rem;
	z-index: 20;
	cursor: pointer;
}

.equipment-popup__close::before,
.equipment-popup__close::after{
	content: "";
	width: 1.8rem;
	height: 2px;
	background: #2D68AA;
	position: absolute;
	left: 50%;
	top: 50%;
}

.equipment-popup__close::before{
	transform: translate(-50%, -50%) rotate(45deg);
}

.equipment-popup__close::after{
	transform: translate(-50%, -50%) rotate(-45deg);
}

body.equipment-popup-active{
	overflow: hidden;
}

/* +++#sec10+++ */
#sec10{
	padding-top: 12rem;
}
#sec10 .sec__inner{
	flex-direction: column;
}
.sec08__inner{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.sec08__faq{
	width: calc(100% - 38rem);
	padding-right: 3.2rem;
}
#sec10 .sec-title04{
	width: 100%;
	margin-bottom: 2rem;
}
#sec10 .sec-title04:after{
	content: "";
	display: block;
	width: 18.5rem;
	height: 10rem;
	background: url(../images/rov-sec10-text01.svg) no-repeat;
	background-position: center;
	background-size: 100% auto;
	margin-left: 1.5rem;
}
#sec10 .sec-title01 span{
	margin-top: .5em;
}
#sec10 ul{
	width: 100%;
}
#sec10 li{
	border-radius: 2rem;
	padding: 1.5rem 3.8rem 1.5rem 3rem;
	background: linear-gradient(90deg, #008CC5, #2C68AA);
	line-height: 2;
	cursor: pointer;
}
#sec10 li h3{
	font-size: 2.4rem;
}
#sec10 li:not(:last-of-type){
	margin-bottom: 4rem;
}
#sec10 li h3:after{
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: url(../images/zoom-icon01.svg) no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.sec08__image-wrap{
	width: 38rem;
	display: flex;
	row-gap: 2rem;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.sec08__image{
    background: rgba(255, 255, 255, .4);
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 2rem;
	padding: 3rem 4rem;
}
.sec08__image-title{
	font-size: 2rem;
	margin-bottom: 2.4rem;
	font-weight: 700;
	letter-spacing: 0;
	white-space: nowrap;
	color: #2D68AA;
	text-align: center;
}
.sec08__image-item:not(:last-child){
	margin-bottom: 2rem;
}
.sec08__image-item a{
	display: block;
}
.sec08__image-item img{
	width: 100%;
}

.faq-pop-up{
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(1,149,197,.8);
	backdrop-filter: blur(10px);
	visibility: hidden;
	opacity: 0;
	transition: .3s all ease;
	z-index: 99;
}
.faq-pop-up>.flex_all_center{
	width: 100%;
	height: 100%;
}
.faq-pop-up.active{
	visibility: visible;
	opacity: 1;
}
body.pop-up-active{
	overflow: hidden;
}
.pop-up-inner{
	padding: 4rem;
	border-radius: 2rem;
	background: rgba(255,255,255,.4);
	border: 1px solid rgba(255,255,255,.6);
	backdrop-filter: blur(20px);
	box-shadow: 0 2.1rem 3rem #197cb1;
	position: relative;
	z-index: 999;
}
.pop-up-title{
	font-size: 2.4rem;
	line-height: 2;
	margin-bottom: 2rem;
}
.pop-up-faq-area{
	height: auto;
	max-height: 40.6rem;
	overflow-y: hidden;
}
.faq_dl dt{
	border-radius: 1rem;
	background: #DDF2FA;

	padding: 2rem 2rem 2rem 6rem;

	font-size: 2rem;
	line-height: 2;
	position: relative;
}

.faq_dl dt:before{
	content: attr(data-no);
	font-weight: 500;
	font-size: 2.4rem;
	color: #008CC5;
	position: absolute;
	left: 2rem;
	top: 1.2em;
	font-family: "Heebo", YuGothic, 游ゴシック, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	line-height: 1;
}
.faq_dl dd:before{
	content: attr(data-no);
	font-weight: 500;
	font-size: 2.4rem;
	color: #008CC5;
	position: absolute;
	left: 2rem;
	top: 1.2em;
	font-family: "Heebo", YuGothic, 游ゴシック, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	line-height: 1;
}

.faq_dl dd{
	padding: 2rem 2rem 2rem 6rem;

	line-height: 2;
	position: relative;
}

.mCSB_inside>.mCSB_container{
	margin-right: 4rem;
}
.mCSB_scrollTools{
	background: #eee !important;
	width: 1rem !important;
	opacity: 1 !important;
	border-radius: .5rem;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	background: #2BA1D0 !important;
}
.mCSB_scrollTools .mCSB_draggerRail{
	opacity: 0;
}

.custom-scrollbar-container{
	height: auto;
}

.close-button{
	position: absolute;
	right: 3rem;
	top: 3rem;
	width: 2.1rem;
	cursor: pointer;
	outline: none;
	background: none;
	border: none;
}
.overlay{
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
}


@media screen and (min-width: 1033px){
}
@media screen and (max-width: 1032px){

	/* +++#sec01+++ */
	#sec01{
		padding-block: 8rem;
		display: flex;
		flex-direction: column;
	}
	#sec01 .inner{
		width: 100%;
		max-width: 73.9rem;
		height: auto;
		margin-inline: auto;
		padding-top: 26vh;
	}
	.sec01__content{
		height: auto;
	}
	.sec01__panel{
		max-width: 100%;
		min-height: auto;
		padding: 3rem 1.5rem;
		border-radius: 1.2rem;
	}
	.sec01__title{
		font-size: 3rem;
	}
	.en-title{
		width: 40.4rem;
		margin-bottom: 3.5rem;
	}
	.video-wrapper > video{
		height: calc(100% - 12.5rem);
		top: 12.5rem;
		object-fit: contain;
		object-position: top;
	}

	/* +++#sec02+++ */
	#sec02{
		min-height: auto;
	}

	#sec02 .sec__inner{
		max-width: 73.9rem;
		padding: 3rem 1.5rem;
	}

	.sec02__panel{
		height: auto;
		border-radius: 1.2rem;
/*
		overflow: hidden;
*/
	}
	.js-sec02-scroll-inner{
		padding: 0;
	}

	.sec02__panel .simplebar-content{
		padding: 5rem 3rem;
	}

	.sec02__panel .simplebar-track.simplebar-vertical{
		display: none;
	}

	.sec02__title{
		font-size: 2.8rem;
		margin-bottom: 2.5rem;
	}

	.sec02__lead{
		margin-bottom: 4rem;
		font-size: 1.5rem;
	}

	.sec02__content{
		flex-direction: column;
		padding-bottom: 1.5rem;
	}

	.sec02__subject{
		width: 100%;
		max-width: 48rem;
		margin: 0 auto 4rem;
	}

	.sec02__connector{
		display: none;
	}

	.sec02__reasons{
		max-width: 54rem;
		max-height: 54rem;
		flex-basis: 54rem;
		margin: 2rem auto 0;
		width: calc(100% - 4rem);
		height: auto;
		aspect-ratio: 1 / 1;
	}

	/* +++#sec03+++ */
	#sec03{
		min-height: auto;
	}
	#sec03 .sec__inner{
		max-width: 73.9rem;
	}
	.sec03__body{
		padding: 4rem 3rem;
		border-radius: 1.2rem;
	}
	.sec03__title{
		margin-bottom: 2.5rem;
		font-size: 2.4rem;
	}
	.sec03__table{
		margin-bottom: 2.5rem;
	}
	.sec03__table table{
		font-size: 1.4rem;
	}
	.sec03__table th,
	.sec03__table td{
		padding: 1.2rem 1.5rem;
	}
	.sec03__lead{
		margin-bottom: 2rem;
		font-size: 1.4rem;
	}
	.sec03__image-wrap{
		gap: 1.5rem;
	}
	.sec03__image{
		width: calc((100% - 4.5rem) / 4);
		border-radius: 1.2rem;
	}

	/* +++#sec04+++ */
	#sec04{
		min-height: auto;
	}

	#sec04 .sec__inner{
		max-width: 73.9rem;
		flex-direction: column;
	}

	.sec04__title{
		font-size: 2rem;
		margin-bottom: 1.3rem;
	}

	.sec04__panel{
		height: auto;
		padding: 0;
		overflow: visible;
	}

	.sec04__panel-inner{
		padding: 3rem 1.5rem;
	}

	/* 1032px以下ではSimpleBarのスクロールバーを非表示 */
	.sec04__panel .simplebar-track{
		display: none !important;
	}

	.sec04__comparison-wrap{
		overflow: visible;
	}

	/* PC版の比較図を90度回転させた構成 */
	.sec04__comparison{
		width:100%;
		min-width:0;
		display:grid;
		grid-template-columns:repeat(3,minmax(0,1fr));
		grid-template-rows:auto;
		gap:1rem;
		overflow:visible;
	}

	.sec04__side,
	.sec04__label,
	.sec04__box{width:100%;grid-column:auto;grid-row:auto;}

	.sec04__side--air{
		grid-column:1 / 4;
		grid-row:1;
		min-height:8rem;
		flex-direction:row;
		gap:1.5rem;
		border:1px solid #F1CE74;
		border-radius:2rem 2rem 0 0;
	}

	.sec04__box--air-environment{grid-column:1;grid-row:2;}
	.sec04__box--air-mode{grid-column:2;grid-row:2;}
	.sec04__box--air-survey{grid-column:3;grid-row:2;}

	.sec04__label--environment{grid-column:1;grid-row:3;}
	.sec04__label--mode{grid-column:2;grid-row:3;}
	.sec04__label--survey{grid-column:3;grid-row:3;margin-top:0;}

	.sec04__box--water-environment{grid-column:1;grid-row:4;}
	.sec04__box--water-mode{grid-column:2;grid-row:4;}
	.sec04__box--water-survey{grid-column:3;grid-row:4;}

	.sec04__side--water{
		grid-column:1 / 4;
		grid-row:5;
		min-height:8rem;
		flex-direction:row;
		gap:1.5rem;
		border:1px solid #A9DCDC;
		border-radius:0 0 2rem 2rem;
	}

	.sec04__side-icon{width:1.5em;margin:0;}
	.sec04__box{min-height:16rem;padding:1.5rem;}
	.sec04__label{min-height:6rem;padding:1rem;}

	/* +++#sec05 - #sec08 common+++ */
	.wi-structure{
		min-height: auto;
	}

	.wi-structure .sec__inner{
		max-width: 73.9rem;
		flex-direction: column;
	}

	.structure-panel{
		padding: 4rem 3rem;
		border-radius: 1.2rem;
		max-width: 56rem;
		margin-inline: auto;
	}

	.structure-title{
		margin-bottom: 3rem;
		font-size: 2.8rem;
	}

	.structure-title span{
		font-size: 1.5rem;
	}

	.structure-overview{
		grid-template-columns: 1fr 1fr;
		gap: 3rem;
	}

	.structure-main-image{
		grid-column: 1 / 3;
		max-width: 56rem;
		margin: 0 auto;
		border-radius: 1.2rem;
	}

	.structure-info,
	.structure-info--right{
		padding-left: 0;
	}

	.structure-cases{
		flex-direction: column;
		padding: 3rem 2rem;
	}

	.structure-cases-head{
		width: 100%;
		padding: 0;
		margin-bottom: 2rem;
		position: relative;
		display: block;
	}

	.structure-cases-title{
		margin-right: 0;
		font-size: 2.4rem;
	}

	.structure-cases-en{
		margin: .5rem auto 0;
	}
	.structure-slider-nav{
		position: absolute;
		right: 0;
		bottom: 1rem;
	}
.structure-slider-nav .slick-arrow{
	width: 2rem;
	height: 1.5rem;
}
	.structure-slider{
		width: 100%;
	}

.structure-slide-image{
	border-radius: 1.2rem;
}
.structure-slide{
	padding-inline: 1rem;
}
	/* +++#sec09+++ */
	.sec09__list{
		display: flex;
		justify-content: space-between;
		gap: 1.5rem;
		flex-wrap: wrap;
	}
	.sec09__item{
		max-width: calc(50% - .75rem);
		width: calc(50% - .75rem);
		height: auto;
	}
	.sec09__title{
		font-size: 2.4rem;
		margin-bottom: 3rem;
	}

	#sec09{
		min-height: auto;
	}

	#sec09 .sec__inner{
		max-width: 73.9rem;
	}


	.sec09__card{
/*
		height: 29rem;
*/
		border-radius: 1.2rem;
	}

	.equipment-popup{
		padding: 6rem 2rem;
	}

	.equipment-popup__inner{
		max-width: 73.9rem;
/*
		height: 84vh;
*/
	}
	.detail-button{
		gap: 0;
		justify-content: space-between;
		width: 12rem;
		margin-inline: auto;
	}
	.detail-button:after{
		width: 1.8rem;
	}
	.equipment-popup__scroll{
		padding: 3rem;
	}

	.equipment-popup__title{
		width: 75%;
		font-size: 2rem;
	}

	.equipment-popup__spec{
		grid-template-columns: 1fr;
	}

	.equipment-popup__gallery{
		grid-template-columns: repeat(2, 1fr);
	}

	.equipment-popup__machine figure{
		height: 28rem;
	}
	.detail-button{
		margin-top: 1.5rem;
		padding-bottom: 1rem;
	}

	/* +++#sec10+++ */
	#sec10{
		min-height: auto;
	}
	.sec08__inner{
		flex-direction: column;
	}
	#sec10 .sec-title04{
		margin-bottom: 1.6rem;
        font-size: 2.4rem;
	}
	#sec10 .sec-title04:after{
		width: 7rem;
        height: 4rem;
        margin-left: 1.5rem;
	}
	.sec08__faq{
		width: 100%;
		margin-bottom: 2.5rem;
		padding-right: 0;
	}
	#sec10 li{
		border-radius: 1.2rem;
        padding: 1.2rem;
	}
	#sec10 li:not(:last-of-type){
		margin-bottom: 2.4rem;
	}
	#sec10 li h3{
		font-size: 1.5rem;
		padding-right: 2.5rem;
		position: relative;
	}
	#sec10 li h3:after{
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.sec08__image-wrap{
		width: 100%;
		max-width: 75%;
		gap: 2.5rem;
		margin-left: auto;
		margin-right: auto;
		flex-direction: row;
		justify-content: center;
	}
	.sec08__image{
		padding: 2rem 1.5rem;
		border-radius: 1.2rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sec08__image{
		width: 100%;
	}
	.sec08__image-title{
		width: 100%;
	}
	.sec08__image-item{
		width: 100%;
	}
	.sec08__image-item:not(:last-child){
		margin-bottom: 1.5rem;
	}
	.faq-pop-up{
        padding: 8rem 2rem;
        z-index: 99999;
	}
	.pop-up-inner{
		padding: 2rem;
		border-radius: 1.2rem;
	}
	.pop-up-title{
		font-size: 1.8rem;
		margin-bottom: 1.6rem;
	}
	.pop-up-faq-area{
		height: auto;
		max-height: 46rem;
		overflow-y: hidden;
	}
	.faq_dl dt{
		border-radius: .5rem;

		padding: 1.2rem 1.2rem 1.2rem 4rem;

		font-size: 1.5rem;
		line-height: 1.75;
	}
	.faq_dl dt:before{
		font-size: 1.8rem;
		left: 1.2rem;
		top: .8em;
	}
	.faq_dl dd:before{
		font-size: 1.8rem;
		left: 1.2rem;
		top: .8em;
	}
	.faq_dl dd{

		padding: 1.2rem 1.2rem 1.2rem 4rem;

		line-height: 1.75;
	}
	.sec08__image-wrap{
		width: 100%;
		flex-direction: column;
	}

	.mCSB_inside>.mCSB_container{
		margin-right: 0;
	}
	.mCSB_scrollTools{
		display: none !important;
	}
	.close-button{
		position: absolute;
		right: 3rem;
		top: 3rem;
		width: 2.1rem;
		cursor: pointer;
		outline: none;
		background: none;
		border: none;
	}
	.sec08__image-wrap{
		max-width: 100%;
	}

}
@media screen and (min-width: 769px) and (max-width: 1032px){

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

	/* +++#sec01+++ */
	.sec01__title{
		font-size: 2.4rem;
		margin-bottom: 1rem;
	}
	.en-title{
		width: 100%;
		max-width: 100%;
		height: 2rem;
		margin-bottom: 1.5rem;
	}
	.en-title img{
		margin-inline: auto;
	}
	.sec01__text{
		font-size: 1.4rem;
		line-height: 1.9;
	}

	/* +++#sec02+++ */
	#sec02 .sec__inner{
		padding-bottom: 4.5rem;
	}
	.sec02__panel .simplebar-content{
		padding: 4rem 1.5rem;
	}

	.sec02__title{
		font-size: 2.4rem;
		margin-bottom: 2rem;
	}

	.sec02__lead{
		margin-bottom: 3rem;
		font-size: 1.4rem;
	}

	.sec02__subject{
		max-width: 42.6rem;
		margin-bottom: 3.6rem;
	}

	.sec02__subject-en{
		font-size: 1.2rem;
		margin-bottom: .5rem;
	}

	.sec02__subject-title{
		font-size: 2rem;
		margin-bottom: 1rem;
	}

	.sec02__subject-text{
		font-size: 1.4rem;
	}

	.sec02__reasons{
		width: calc(100% - 3rem);
		flex-basis: auto;
	}

	.sec02__reasons::before{
		inset: -1.5rem;
	}

	.sec02__reason{
		width: 60%;
		height: 60%;
	}

	.sec02__reason-en{
		margin-bottom: .8rem;
		font-size: 1.1rem;
	}

	.sec02__reason-title{
		margin-bottom: 1rem;
		font-size: 1.4rem;
	}

	.sec02__reason-text{
		font-size: .9rem;
		line-height: 1.5;
	}
	.sec02__reason--insidious{
		left: -1.5rem;
		top: -1.5rem;
	}
	.sec02__reason--severe{
		right: -1.5rem;
		top: -1.5rem;
	}
	.sec02__reason--costly{
		left: -1.5rem;
		bottom: -1.5rem;
	}
	.sec02__reason--critical{
		right: -1.5rem;
		bottom: -1.5rem;
	}
	.sec02__reason-center{
		width: 26%;
		height: 26%;
	}

	.sec02__reason-center p{
		margin-bottom: .5rem;
		font-size: .9rem;
	}

	.sec02__reason-center strong{
		font-size: .85rem;
	}


	/* +++#sec03+++ */
	.sec03__body{
		padding: 3rem 1.5rem;
	}
	.sec03__title{
		font-size: 2rem;
	}
	.sec03__table{
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.sec03__table table{
		width: 90rem;
	}
	.sec03__table th,
	.sec03__table td{
		padding: 1rem 1.5rem;
	}
	.sec03__lead{
		text-align: left;
	}
	.sec03__image-wrap{
		max-width: 48rem;
		flex-wrap: wrap;
		gap: 1.5rem;
	}
	.sec03__image{
		width: calc((100% - 1.5rem) / 2);
	}

	/* +++#sec04+++ */
	.sec04__title{
		line-height: 1.5;
		margin-left: auto;
		margin-right: auto;
	}

/*
	.sec04__panel{
		height: 55rem;
	}
*/
/* +++#sec05 - #sec08 common+++ */
	.structure-panel{
		padding: 3rem 1.5rem;
	}

	.structure-title{
		font-size: 2.4rem;
	}

	.structure-title span{
		display: block;
		margin: .8rem 0 0;
		font-size: 1.4rem;
	}

	.structure-overview{
		display: block;
	}

	.structure-main-image{
		margin-bottom: 3rem;
	}

	.structure-info{
		margin-bottom: 3rem;
	}

	.structure-info--right{
		margin-bottom: 0;
	}

	.structure-info-title{
		font-size: 2rem;
		gap: 1.2rem;
	}

	.structure-info-title::before{
		width: 3.8rem;
		flex-basis: 3.8rem;
	}

	.structure-cases{
		margin-top: 3rem;
		padding: 2rem 1.5rem;
	}

	.structure-cases-head{
		flex-wrap: wrap;
	}

	.structure-cases-title{
		font-size: 2.2rem;
	}
/*
	.structure-slider-nav{
		width: 100%;
		margin-top: 1.5rem;
	}
*/
	.structure-slider-nav{
		bottom: 0;
	}
	.structure-slider .slick-list{
		margin: 0 -.75rem;
	}

	.structure-slide{
		padding: 0 .75rem;
	}

	.structure-slide-image{
		border-radius: 1.2rem;
	}


	/* +++#sec09+++ */

	.detail-button{
		margin-top: 1.5rem;
	}
	.sec09__card:after{
		width: 1.2rem;
		right: 1rem;
		bottom: 1rem;
	}
	.sec09__card{
		height: auto;
		margin: 0 auto;
		padding: 1.5rem;
	}
	.sec09__tag{
		font-size: 1.2rem;
		margin-bottom: .8rem;
		padding: .4rem .8rem;
		border-radius: 999px;
	}
	.sec09__name{
		font-size: 1.4rem;
		min-height: 3.6rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.equipment-popup{
		padding: 4rem 1rem;
	}

	.equipment-popup__inner{
		height: 88vh;
	}

	.equipment-popup__scroll{
		padding: 2.5rem 1.5rem 3rem;
	}

	.equipment-popup__title{
		width: calc(100% - 5rem);
		margin-bottom: 2.5rem;
		font-size: 1.7rem;
	}

	.equipment-popup__spec-row{
		grid-template-columns: 42% 58%;
		font-size: 1.3rem;
	}

	#equipment-popup08 .equipment-popup08__table{
		font-size: 1.3rem;
	}

	.equipment-popup__gallery{
		margin-top: 3rem;
		gap: 1.5rem;
	}
	.equipment-popup__gallery-item figcaption{
		margin-top: .7rem;
		font-size: 1.2rem;
	}
	.equipment-popup__gallery-item img{
		height: auto;
		max-height: 24rem;
		object-fit: contain;
	}

	.equipment-popup__close{
		width: 3.5rem;
		height: 3.5rem;
		right: .8rem;
		top: .8rem;
	}

}