@charset 'UTF-8';
/*************
/* 100%表示用
*************/
/* 基本設定 */
#page-main {
  width: 100%;
}

/* container */
.page_container{
	width: 76.923%;
	margin-right: auto;
	margin-left: auto;
}
.page_container2{
	width: 76.923%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 768px){
	.page_container{
		width: 92.3%;
	}
	.page_container2{
		width: 84.44%;
	}
}
@media screen and (min-width: 1200px){
	.page_container{
		width: 91.11%;
	}
	.page_container > .inner{
		width: 96.341%;
		margin-left: auto;
	}
}


/********************
/* 会社案内
********************/
@media screen and (min-width: 768px){
	.company_block{
		width: 72.15%;
		margin-left: auto;
	}
}
/*** 会社概要 ***/
#overview .txt_block p + p{
	margin-top: 0.66rem;
}
#overview .txt_block p span{
	display: block;
	margin-bottom: 0.3rem;
}
.ov_office{
	margin-top: 3.33rem;
	margin-bottom: 0;
}
.ov_office li{
	list-style: none;
}
.ov_office img{
	margin-bottom: 1.06rem;
}
.ov_office p{
	font-size: 1rem;
	line-height: 2;
	margin-bottom: 0;
}
@media screen and (min-width: 768px){
	#overview .txt_block p + p{
		margin-top: 1rem;
	}
	.ov_office{
		display: flex;
		justify-content: space-between;
	}
	.ov_office li{
		width: calc((100% - 40px)/2);
	}
}
@media screen and (min-width: 1200px){
	#overview .txt_block p + p{
		margin-top: 1.28rem;
	}
	.ov_office{
		margin-top: 5.88rem;
	}
	.ov_office li{
		width: calc((100% - 60px)/2);
	}
	.ov_office img{
		margin-bottom: 1.87rem;
	}
}
@media screen and (max-width: 767px){
	.ov_office li + li{
		margin-top: 1.76rem;
	}
}
/*** アクセス ***/
#access{
	margin-top: 4.66rem;
}
#access .youtube{
	border-radius: 5px;
	overflow: hidden;
}
@media screen and (min-width: 1200px){
	#access{
		margin-top: 8.87rem;
	}
	#access .youtube{
		border-radius: 10px;
		aspect-ratio: 2 / 1;
		padding: 0;
	}
}
/*** 設備紹介 ***/
#equipment{
	margin-top: 4.66rem;
}
.eq_table{
	margin-bottom: 0;
}
.eq_table li{
	list-style: none;
	position: relative;
}
.eq_table li:first-child{
	border-top: 1px solid rgba(180,180,180,0.25);
	border-bottom: 1px solid rgba(180,180,180,0.25);
}
.eq_table li.item{
	padding: 1.4rem 0;
}
.eq_table li.item .eq_th span{
	display: block;
	font-size: 0.76rem;
}
.eq_table li .item{
	border-bottom: 1px solid rgba(180,180,180,0.25);
	display: flex;
	align-items: center;
	padding: 1.4rem 0;
}
.eq_table li .item .eq_th{
	width: 80%;
}
.eq_table li .item .eq_td{
	width: 20%;
}
@media screen and (min-width: 768px){
	.eq_table li.item{
		padding: 2rem 0;
		display: flex;
		align-items: center;
	}
	.eq_table li.flex{
		display: flex;
		justify-content: space-between;
	}
	.eq_table li .item{
		padding: 2rem 0;
		width: calc((100% - 10px)/2);
	}
	.eq_table li.item .eq_th, .eq_table li .item .eq_th{
		width: 185px;
	}
	.eq_table li.item .eq_td, .eq_table li .item .eq_td{
		width: calc(100% - 185px);
	}
}
@media screen and (min-width: 992px){
	.eq_table li.item .eq_th, .eq_table li .item .eq_th{
		width: 225px;
	}
	.eq_table li.item .eq_td, .eq_table li .item .eq_td{
		width: calc(100% - 225px);
	}
}
@media screen and (min-width: 1200px){
	#equipment{
		margin-top: 8.87rem;
	}
	.eq_table li .item{
		padding: 2.16rem 0;
		width: calc((100% - 20px)/2);
	}
	.eq_table li.item .eq_th, .eq_table li .item .eq_th{
		width: 300px;
	}
	.eq_table li.item .eq_td, .eq_table li .item .eq_td{
		width: calc(100% - 300px);
	}
}
@media screen and (min-width: 1400px){
	.eq_table li.item .eq_th, .eq_table li .item .eq_th{
		width: 340px;
	}
	.eq_table li.item .eq_td, .eq_table li .item .eq_td{
		width: calc(100% - 340px);
	}
}
@media screen and (min-width: 1600px){
	.eq_table li.item .eq_th{
		width: 29.8%;
	}
	.eq_table li.item .eq_td{
		width: 70.2%;
	}
	.eq_table li .item .eq_th{
		width: 60.72%;
	}
	.eq_table li .item .eq_td{
		width: 39.28%;
	}
}
@media screen and (max-width: 767px){
	.eq_table li.item .eq_td{
		margin-top: 0.6rem;
	}
}
/*** グループ会社 ***/
#group{
	 margin-top: 4.66rem;
}
.group_table{
	margin-bottom: 0;
}
.group_table li{
	list-style: none;
	border-bottom: 1px solid rgba(180,180,180,0.25);
	padding: 35px 0;
}
.group_table li:first-child{
	border-top: 1px solid rgba(180,180,180,0.25);
}
.group_tit{
	font-size: 1.16rem;
	margin-bottom: 0.33rem;
}
.group_txtinner .txt_block{
	line-height: 2;
}
.international_group{
	text-indent: -0.5em;
	display: block;
}
.group_map a{
	display: inline-block;
	font-size: 0.86rem;
	font-weight: 300;
	letter-spacing: 0;
	text-align: center;
	color: #1e283c;
	transition: .3s;
}
.group_map a img{
	display: block;
	width: 20px;
	margin: 0 auto;
}
.group_map a:hover{
	text-decoration: none;
	opacity: 0.7;
}
@media screen and (min-width: 768px){
	.group_table li{
		display: flex;
		justify-content: space-between;
	}
	.group_img{
		width: 38.157%;
	}
	.group_txtArea{
		width: 57.28%;
		display: flex;
		position: relative;
	}
	.group_txtinner{
		align-self: center;
		width: 80%;
	}
	.group_map{
		position: absolute;
		right: 0;
		bottom: 0;
	}
}
@media screen and (min-width: 992px){
	.group_txtinner{
		width: 100%;
	}
}
@media screen and (min-width: 1200px){
	#group{
		margin-top: 8.87rem;
	}
	.group_table li{
		padding: 50px 0;
	}
	.group_tit{
		font-size: 1.23rem;
		margin-bottom: 0.56rem;
	}
	.group_map{
		bottom: -10px;
	}
	.group_map a{
		font-size: 0.88rem;
	}
	.group_map a img{
		width: 30px;
	}
}
@media screen and (min-width: 1400px){
	.group_img{
		height: 350px;
	}
	#page-main .group_img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
@media screen and (max-width: 767px){
	.group_img{
		margin-bottom: 1.5rem;
	}
	.group_map{
		text-align: right;
	}
}
.company_foot{
	width: 92.3%;
	aspect-ratio: 72 / 49;
	margin-top: 6rem;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 768px){
	.company_foot{
		width: 95.55%;
		aspect-ratio: 43 / 20;
	}
}
@media screen and (min-width: 1200px){
	.company_foot{
		margin-top: 11.47rem;
	}
}

/********************
/* 四国洗機について
********************/
.page_ab .aboutimg2_sp{
	display: none;
}
@media screen and (max-width: 767px){
	.page_ab .aboutimg1_pc{
		display: none;
	}
	.page_ab .aboutimg2_sp{
		display: block;
		width: 62.6%;
	}
}
/* 事業内容 */
.ourbusiness{
	margin-top: 6.06rem;
}
.page_business{
	margin-bottom: 0;
}
.page_business li{
	list-style: none;
}
.page_business_img{
	margin-bottom: 2.33rem;
}
.page_business .no{
	width: 48px;
	height: 24px;
	border-radius: 30px;
	color: #fff;
	background-color: #3296fa;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 0.96rem;
}
.pob_tit{
	font-size: 1.46rem;
	letter-spacing: 0;
	margin-bottom: 1.63rem;
}
.pob_tit .f-eng{
	display: block;
	font-size: 0.73rem;
	font-weight: 300;
	letter-spacing: 0.05em;
	margin-top: 0.1rem;
}
.page_business .vm{
	margin-top: 2.7rem;
}
@media screen and (min-width: 768px){
	.page_business{
		display: flex;
		justify-content: space-between;
	}
	.page_business li{
		width: calc((100% - 60px)/3);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.pob_tit{
		font-size: 1.33rem;
	}
}
@media screen and (min-width: 992px){
	.page_business{
		width: 93.42%;
		margin-left: auto;
	}
	.page_business li{
		width: calc((100% - 80px)/3);
	}
}
@media screen and (min-width: 1200px){
	.ourbusiness{
		margin-top: 11.55rem;
	}
	.page_business li{
		width: calc((100% - 116px)/3);
	}
	.page_business_img{
		margin-bottom: 2.35rem;
	}
	.page_business .no{
		font-size: 0.88rem;
		width: 60px;
		height: 30px;
		margin-bottom: 0.76rem;
	}
	.pob_tit{
		font-size: 1.58rem;
		margin-bottom: 1.25rem;
	}
	.pob_tit .f-eng{
		font-size: 0.76rem;
		margin-top: -0.12rem;
	}
	.page_business .vm{
		margin-top: 2.44rem;
	}
}
@media screen and (max-width: 767px){
	.page_business li + li{
		margin-top: 4rem;
	}
}
/* ギャラリー */
.about_gallery{
	margin-top: 6.06rem;
}
@media screen and (min-width: 1200px){
	.about_gallery{
		margin-top: 10.96rem;
	}
}


/********************
/* 採用情報
********************/
/* 採用メッセージ */
.rec_mes_tit{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.75;
	font-size: 1.66rem;
	margin-bottom: 1.6rem;
}
.rec_mes_txtArea .txt_block{
	line-height: 2;
	font-size: 0.86rem;
	text-align: justify;
}
.rec_mes_img{
	display: flex;
	position: relative;
}
.rec_mes_img .img1{
	width: 77.5%;
	padding-bottom: 22.12%;
}
.rec_mes_img .img2{
	position: absolute;
	width: 45%;
	margin-left: -22.5%;
	right: 0;
	bottom: 0;
}
.rec_mes_txtArea .vm{
	margin-top: 3.5rem;
}
@media screen and (min-width: 768px){
	.rec_message{
		width: 92.3%;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding-left: 10.72%;
	}
	.rec_mes_txtArea{
		width: 48.33%;
		padding-top: 4rem;
	}
	.rec_mes_img{
		width: 43.33%;
	}
}
@media screen and (min-width: 992px){
	.rec_mes_txtArea{
		width: 38.33%;
	}
	.rec_mes_img{
		width: 48.33%;
	}
}
@media screen and (min-width: 1200px){
	.rec_message{
		width: 93.33%;
		padding-left: 10.72%;
	}
	.rec_mes_txtArea{
		padding-top: 8.023rem;
	}
	.rec_mes_tit{
		font-size: 2.647rem;
		margin-bottom: 2.217rem;
	}
	.rec_mes_txtArea .txt_block{
		font-size: 0.88rem;
	}
	.rec_mes_txtArea .vm{
		margin-top: 4.2rem;
	}
}
@media screen and (min-width: 1400px){
	.rec_mes_img .img1{		
		padding-bottom: 10.7rem;
	}
	.rec_mes_img .img1 img{		
		max-height: 880px;
	}
}
@media screen and (min-width: 1600px){
	.rec_mes_img .img1{		
		padding-bottom: 14.7rem;
	}
}
@media screen and (min-width: 1800px){
	.rec_mes_txtArea{
		width: 33.33%;
	}
	.rec_mes_img{
		width: 53.33%;
	}
}
@media screen and (max-width: 767px){
	.rec_mes_txtArea{
		width: 76.92%;
		margin-right: auto;
		margin-left: auto;
	}
	.rec_mes_img{
		width: 92.3%;
		margin-top: 5.33rem;
		margin-right: auto;
		margin-left: auto;
		padding-left: 10%;
	}	
	.rec_mes_img .img2{
		width: 35%;
	}
}
/* 数字でみる四国洗機 */
.rec_data{
	position: relative;
	width: 92.3%;
	margin-top: 6rem;
	margin-right: auto;
	margin-left: auto;
	padding: 5.4rem 0 6rem;
	color: #fff;
}
.rec_data::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	background-color: #53595d;
	border-radius: 20px;
	z-index: -1;
}
.rec_data .inner{
	width: 83.33%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 1200px){
	.rec_data{
		width: 95.55%;
		margin-top: 11.47rem;
		padding: 11.47rem 0 11.35rem;
	}
}
@media screen and (min-width: 1800px){
	.rec_data_img{
		height: 990px;
	}
	#page-main .rec_data_img img{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}
/* 先輩インタビュー */
#interview{
	margin-top: 5.96rem;
}
.recint_block{
	margin-bottom: 0;
}
.recint_block li{
	list-style: none;
}
.recint_block li a{
	color: #1e283c;
}
.recint_block li a:hover{
	text-decoration: none;
}
.recint_img{
	overflow: hidden;
}
.recint_txtArea{
	position: relative;
	margin-top: 1.6rem;
}
.recint_txtArea::after{
	position: absolute;
	content: "";
	background-image: url("../images/arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: 6px;
	right: 0;
	width: 14px;
	height: 11px;
}
.recint_yaku{
	font-size: 0.86rem;
	letter-spacing: 0.04em;
	margin-bottom: 0.1rem;
}
.recint_name{
	font-size: 1.33rem;
	font-weight: 300;
	letter-spacing: 0.2em;
	margin-bottom: 0;
}
.recint_name .f-eng{
	display: block;
	font-size: 0.73rem;
	letter-spacing: 0;
	margin-top: -0.13rem;
	color: #a5a9b1;
}
.st_modal{
	display: none;
    height: 100vh;
    position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
    top: 0;
    width: 100%;
	z-index: 999999;
}
.modal__bg{
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
	width: calc(100% - 30px);
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	max-height: calc(100vh - 30px);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: #1e283c;
	border-radius: 20px;
	color: #fff;
	padding: 5.96rem 0;
}
.interview_inner{
	width: 83.33%;
	margin-right: auto;
	margin-left: auto;
}
.interview_txtArea .recint_name .f-eng{
	color: #fff;
}
.recint_tit{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.53rem;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0;
	margin-top: 2.53rem;
	margin-bottom: 1.8rem;
}
.interview_txtArea .txt_block{
	width: 100%;
	max-width: 500px;
	text-align: justify;
	font-size: 0.86rem;
	letter-spacing: 0.04em;
	line-height: 2;
}
.modal_back{
	color: #fff;
	text-decoration: none;
	font-size: 1.03rem;
	font-weight: 300;
	letter-spacing: 0.02em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
	margin-top: 2.93rem;
}
.modal_back .arrow{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #3296fa;
	position: relative;
	margin-right: 15px;
}
.modal_back .arrow::after{
	position: absolute;
	content: "";
	width: 9px;
	height: 7px;
	background-image: url("../images/arrow_w.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(180deg);
}
.modal_back:hover{
	color: #fff;
	text-decoration: none;
	opacity: 0.7;
}
@media screen and (min-width: 768px){
	.recint_block{
		width: 72.15%;
		margin-left: auto;
		display: flex;
		justify-content: space-between;
	}
	.recint_block li{
		width: 47.368%;
	}
	.interview_flex{
		display: flex;
		justify-content: space-between;
	}
	.interview_img{
		width: 40.9%;
	}
	.interview_txtArea{
		width: 47.72%;
	}
}
@media screen and (min-width: 1200px){
	#interview{
		margin-top: 11.55rem;
	}
	.recint_txtArea{
		margin-top: 1.85rem;
	}
	.recint_txtArea::after{
		width: 16px;
		height: 13px;
		top: 9px;
	}
	.recint_yaku{
		font-size: 0.88rem;
		margin-bottom: -0.22rem;
	}
	.recint_name{
		font-size: 1.47rem;
	}
	.recint_name .f-eng{
		font-size: 0.76rem;
		margin-top: -0.417rem;
	}
	.modal__content{
		width: 95.55%;
		max-height: calc(100vh - 60px);
		top: 30px;
		padding: 11.76rem 0 11.47rem;
	}
	.interview_inner{
		width: 76.74%;
	}
	.recint_tit{
		font-size: 2.35rem;
		margin-top: 4.58rem;
		margin-bottom: 2.12rem;
	}
	.interview_txtArea .txt_block{
		font-size: 0.88rem;
		line-height: 2.26;
	}
	.modal_back{
		font-size: 1.05rem;
		margin-top: 5.28rem;
	}
	.modal_back .arrow{
		width: 40px;
		height: 40px;
		margin-right: 20px;
	}
	.modal_back .arrow::after{
		width: 10px;
		height: 8px;
	}
}
@media screen and (min-width: 1800px){
	.recint_img{
		height: 650px;
	}
	#page-main .recint_img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
@media screen and (max-width: 767px){
	.recint_block li + li{
		margin-top: 2.36rem;
	}
	.interview_img{
		margin-bottom: 2.36rem;
	}
}
/* 募集要項 */
#recruitment{
	margin-top: 5.76rem;
}
@media screen and (min-width: 1200px){
	#recruitment{
		margin-top: 10.46rem;
	}
}
@media screen and (max-width: 475px){
	#recruitment .c-title1 .f-eng{
		font-size: 3.5rem;
	}
}
/* エントリー */
.rec_entry{
	position: relative;
	width: 92.3%;
	margin-top: 6rem;
	margin-right: auto;
	margin-left: auto;
	padding: 5.4rem 0 6rem;
}
.rec_entry::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	background-color: #f2f2f2;
	border-radius: 20px;
	z-index: -1;
}
.rec_entry .inner{
	width: 83.33%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 768px){
	.rec_entry_block{
		width: 74.24%;
		margin-left: auto;
	}
}
@media screen and (min-width: 1200px){
	.rec_entry{
		width: 95.55%;
		margin-top: 11.47rem;
		padding: 11.47rem 0 11.35rem;
	}
	.rec_entry .inner{
		width: 73.33%;
	}
}


/********************
/* 事業内容共通
********************/
.service_container{
	width: 87.179%;
	margin-right: auto;
	margin-left: auto;
}
.about_business .no{
	color: #fff;
	background-color: #3296fa;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 24px;
	border-radius: 30px;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
	font-weight: 500;
	margin-bottom: 1.3rem;
}
.ab_flex + .ab_flex{
	margin-top: 2.86rem;
}
.ab_entit{
	font-size: 1rem;
	letter-spacing: 0;
	font-weight: 300;
	display: flex;
	align-items: center;
	margin-bottom: 2.43rem;
}
.ab_entit::before{
	content: "";
	width: 14px;
	height: 8px;
	background-image: url("../images/diamond.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	top: 0;
	left: 0;
	display: block;
	margin-right: 10px;
}
.ab_block{
	position: relative;
	padding-top: 2.86rem;
}
.ab_block::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(180,180,180,0.5);
	top: 0;
	left: 0;
}
.first .ab_block:nth-of-type(1){
	padding-top: 0;
}
.first .ab_block:nth-of-type(1)::before{
	display: none;
}
.ab_block + .ab_block{
	margin-top: 2.86rem;
}
.ab_tit{
	letter-spacing: 0;
	line-height: 1.37;
	font-size: 1.66rem;
	margin-bottom: 1.76rem;
}
.ab_flex.first .ab_block:first-of-type .ab_tit{
	margin-bottom: 1.1rem;
}
.ab_txtArea .txt_block{
	text-align: justify;
	line-height: 2;
	letter-spacing: 0.04em;
}
.ab_block_img{
	margin-top: 2.5rem;
}
.ab_block_img p{
	margin-top: 0.733rem;
	line-height: 2;
	margin-bottom: 0;
}
.ab_block .txt_block p + p{
	margin-top: 0.9rem;
}
.flushing-test{
	margin-top: 4.333rem;
}
.flushing-test .ab_flow_tit{
	margin-bottom: 1rem;
}
.flushing-test .ab_works_item{
	margin-top: 2.166rem;
}
@media screen and (min-width: 768px){
	.ab_flex{
		display: flex;
		justify-content: space-between;
	}
	.ab_img{
		width: 23.02%;
		margin-top: 7.5rem;
	}
	.ab_flex.first .ab_img{
		margin-top: 4.5rem;
	}
	.ab_txtArea{
		width: 62.5%;
	}
}
@media screen and (min-width: 1200px){
	.service_container{
		width: 84.44%;
	}
	.about_business .no{
		width: 60px;
		height: 30px;
		font-size: 0.88rem;
		margin-bottom: 2.14rem;
	}
	.ab_flex + .ab_flex{
		margin-top: 5.88rem;
	}
	.ab_entit{
		font-size: 1.17rem;
		margin-bottom: 4.48rem;
	}
	.ab_entit::before{
		width: 15px;
		height: 9px;
		font-size: 1.17rem;
	}
	.ab_tit{
		font-size: 2.058rem;
		margin-bottom: 2.7rem;
	}
	.ab_flex.first .ab_block:first-of-type .ab_tit{
		margin-bottom: 2.117rem;		
	}
	.ab_block{
		padding-top: 5.88rem;
	}
	.ab_block + .ab_block{
		margin-top: 5.88rem;
	}
	.ab_img{
		margin-top: 11.529rem;
	}
	.flushing-test{
		margin-top: 9.77rem;
	}
	.flushing-test .ab_flow_tit{
		margin-bottom: 0.7588rem;
	}
	.flushing-test .ab_works_item{
		margin-top: 3.029rem;
	}
	.ab_flex.first .ab_img{
		margin-top: 7.4rem;
	}
	.ab_block_img{
		margin-top: 3.71rem;
	}
	.ab_block_img p{
		margin-top: 1.1647rem;
	}
	.ab_block .txt_block p + p{
		margin-top: 1.84rem;
	}
}
@media screen and (max-width: 767px){
	.ab_img{
		margin-bottom: 3.33rem;
	}
	.ab_flex.first .ab_img{
		margin-bottom: 2.83rem;
	}
}
/* list */
.ab_list{
	margin-bottom: 0;
}
.ab_list li{
	list-style: none;
	position: relative;
	display: flex;
	align-items: center;
	padding-bottom: 0.66rem;
	margin-bottom: 0.8rem;
}
.ab_list li:first-child{
	margin-top: 0;
}
.ab_list li::before{
	content: "";
	background-image: url("../images/diamond.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 10px;
	height: 8px;
	margin-right: 10px;
}
.ab_list li::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	background: url("../images/page/dots.svg") repeat-x left center;
	bottom: 0;
	left: 0;
}
.ab_list li span{
	font-size: 0.73rem;
}
@media screen and (min-width: 768px){
	.ab_list{
		display: flex;
		flex-wrap: wrap;
	}
	.ab_list li{
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.ab_list li:nth-child(2){
		margin-top: 0;
	}
	.ab_list li:nth-child(2n){
		margin-right: 0;
	}
}
@media screen and (min-width: 992px){
	.ab_list li{
		width: calc((100% - 26px)/2);
		margin-right: 26px;
	}
}
@media screen and (min-width: 1200px){
	.ab_list li{		
		width: calc((100% - 36px)/2);
		padding-bottom: 1.47rem;
		margin-top: 1.76rem;
		margin-right: 36px;
	}
	.ab_list li::before{
		width: 12px;
		height: 8px;
		margin-right: 14px;
	}
	.ab_list li span{
		font-size: 0.76rem;
	}
}
@media screen and (min-width: 1400px){
	.ab_list li{
		width: calc((100% - 72px)/3);
	}
	.ab_list li:nth-child(3){
		margin-top: 0;
	}
	.ab_list li:nth-child(2n){
		margin-right: 36px;
	}
	.ab_list li:nth-child(3n){
		margin-right: 0;
	}
}
/* 施工例 */
.ab_works + .ab_works{
	margin-top: 0.76rem;
}
.ab_subtit{
	position: relative;
	display: flex;
	align-items: center;
	font-size: 1.13rem;
	letter-spacing: 0.04em;
	margin-bottom: 1.13rem;
}
.ab_subtit::before{
	content: "";
	background-image: url("../images/diamond.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 8px;
	margin-right: 10px;
}
.ab_works_item div{		
	text-align: center;
	letter-spacing: 0;
	font-size: 0.86rem;
}
.ab_works_item div img{
	margin-bottom: 0.63rem;
}
.ab_works_item div span{
	font-size: 1rem;
}
.ab_works_item.cw div + div + div{
	margin-top: 1.13rem;
}
.ab_works_item.cw div img{
	margin-bottom: 0;
}
.ab_works_item.cw div p{
	font-weight: 300;
	font-size: 0.86rem;
	margin-top: 0.2666rem;
	margin-bottom: 0;
}
@media screen and (min-width: 768px){
	.ab_works_item{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.ab_works_item div{
		width: calc((100% - 10px)/2);
	}
	.ab_works_item.cw div{
		margin-top: 10px;
	}
	.ab_works_item.cw div:nth-of-type(1), .ab_works_item.cw div:nth-of-type(2){
		margin-top: 0;
	}
}
@media screen and (min-width: 992px){
	.ab_works_item div{
		width: calc((100% - 20px)/2);
	}
	.ab_works_item.cw div{
		margin-top: 20px;
	}
}
@media screen and (min-width: 1200px){
	.ab_works + .ab_works{
		margin-top: 2.129rem;
	}
	.ab_subtit{
		font-size: 1.17rem;
		margin-bottom: 1.26rem;
	}
	.ab_subtit::before{
		width: 12px;
		height: 8px;
		margin-right: 14px;
	}
	.ab_works_item div{
		width: calc((100% - 40px)/2);
		font-size: 0.88rem;
		margin-top: 2.341rem;
	}
	.ab_works_item div img{
		margin-bottom: 0.65rem;
	}
	.ab_works_item.cw div + div + div {
		margin-top: 2.34rem;
	}
	.ab_works_item.cw div p{
		font-size: 1rem;
		margin-top: 0.8117rem;
	}
}
@media screen and (min-width: 1400px){
	.ab_works_item div{
		width: calc((100% - 50px)/2);
	}
}
@media screen and (max-width: 767px){
	.ab_works_item div + div{
		margin-top: 1.13rem;
	}
	.ab_works_item.cw{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.ab_works_item.cw div{
		width: calc((100% - 5px) /2);
	}
	.ab_works_item.cw div + div{
		margin-top: 0;
	}
	.ab_works_item.cw div + div + div{
		margin-top: 1.13rem;
	}
	.ab_works_item.cw div:nth-of-type(1), .ab_works_item.cw div:nth-of-type(2){
		margin-bottom: 5px;
	}
}
/* our business */
.ab_businnes{
	position: relative;
	color: #fff;
	padding: 5.06rem 0 6.66rem;
	margin-top: 6.16rem;
}
.ab_businnes::before{
	position: absolute;
	content: "";
	width: 92.3%;
	height: 100%;
	background-color: #53595d;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 20px;
	z-index: -1;
}
.ab_businnes .ourbusiness{
	margin-top: 0;
}
@media screen and (min-width: 1200px){
	.ab_businnes{
		padding: 9.29rem 0 11.76rem;
		margin-top: 11.04rem;
	}
	.ab_businnes::before{
		width: 95.55%;
	}
}
/*** 化学洗浄 ***/
.ab_flow_block + .ab_flow_block{
	margin-top: 0.5rem;
}
.ab_flow_tit{
	font-size: 1.2rem;
	letter-spacing: 0;
	margin-bottom: 1.6rem;
}
.ab_flow_block ul{
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.ab_flow_block ul::before{
	position: absolute;
	content: "";
	width: calc(100% - 4px);
	height: 1px;
	background-color: rgba(180,180,180,0.5);
	top: 6px;
	left: 50%;
	transform: translateX(-50%);
}
.ab_flow_block ul li{
	list-style: none;
	position: relative;
	writing-mode: vertical-rl;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 0.201em;
	padding-top: calc(12px + 20px);
}
.ab_flow_block ul li::before{
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #3296fa;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.ab_flow_block ul li.cl{
	color: #3296fa;
}
.ab_flow_flex{
	margin-top: 2.7rem;
}
.ab_flow_txt{
	background-color: #3296fa;
	color: #fff;
	border-radius: 100px;
	text-align: center;
	line-height: 1.94;
	letter-spacing: 0.04em;
	padding: 1.5rem 1rem;
	margin-top: 2.166rem;
}
@media screen and (min-width: 1200px){
	.ab_flow_block + .ab_flow_block{
		margin-top: 0.276rem;
	}
	.ab_flow_tit{
		font-size: 1.47rem;
		margin-bottom: 1.65rem;
	}
	.ab_flow_block ul::before{
		top: 9px;
	}
	.ab_flow_block ul li{
		font-size: 1.2rem;
		padding-top: calc(18px + 25px);
	}
	.ab_flow_block ul li::before{
		width: 18px;
		height: 18px;
	}
	.ab_flow_flex{
		margin-top: 3.5235rem;
	}
	.ab_flow_txt{
		font-size: 1.058rem;
		padding: 2.36rem 1rem;
		margin-top: 2.852rem;
	}
}

/*** フラッシング ***/
.flushing_flex{
	margin-top: 4.5rem;
}
.flushing_img{
	margin-top: 1.833rem;
}
.flushing_txtArea .ab_flow_tit{
	margin-bottom: 0.666rem;
}
@media screen and (min-width: 768px){
	.flushing_flex{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 5rem;
	}
	.flushing_txtArea{
		width: 44.21%;
	}
	.flushing_img{
		width: 47.368%;
		margin-top: 0;
	}
}
@media screen and (min-width: 1200px){
	.flushing_flex{
		margin-top: 6.333rem;
	}
	.flushing_txtArea .ab_flow_tit{
		margin-bottom: 0.758rem;
	}
}
@media screen and (min-width: 1800px){
	.flushing_img{
		height: 304px;
	}
	.flushing_img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/*** 耐圧試験 ***/
.pressure_flex{
	margin-top: 2.8333rem;
}
@media screen and (min-width: 1200px){
	.pressure_flex{
		margin-top: 3.6176rem;
	}
}
.list_no{
	width: 48px;
	height: 24px;
	border-radius: 30px;
	color: #fff;
	background-color: #3296fa;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}
.list_con{
	width: calc(100% - 68px);
	margin-top: -0.1rem;
}
@media screen and (min-width: 1200px){
	.list_no{
		width: 60px;
		height: 30px;
		font-size: 0.88rem;
	}
	.list_con{
		width: calc(100% - 90px);
	}
}
.const .ab_works + .ab_works{
	margin-top: 1.7rem;
}
@media screen and (min-width: 1200px){
	.const .ab_works + .ab_works{
		margin-top: 2.029rem;
	}
}


/********************
/* 事業内容共通
********************/
.p_privacy-block{
	margin-bottom: 0;
}
.p_privacy-block > li{
	list-style: none;
	margin-top: 3.16rem;
}
.privacy_list1, .privacy_list2, .privacy_list3{
	margin-bottom: 0;
}
.privacy_list1 > li, .privacy_list2 > li, .privacy_list3 > li{
	margin-left: 20px;
	margin-bottom: 0.5rem;
}
@media screen and (min-width: 1200px){
	.p_privacy-block > li{
		margin-top: 4.18rem;
	}
}



/********************
/* 安心安全の取り組み
********************/
.service_container.safety{
	max-width: 1320px;
}
.safety-mainText{
	margin-bottom: 5.766rem;
}
.safety-block + .safety-block{
	margin-top: 3.1rem;
}
.safety-tit{
	font-size: 1.333rem;
	line-height: 1.6;
	font-weight: 400;
	margin-bottom: 1.1rem;
}
.safety-block ul{
	margin-bottom: 0;
}
.safety-block ul li{
	list-style: none;
	padding-left: 20px;
	position: relative;
	margin-top: 1.2rem;
}
.safety-block ul li::before{
	position: absolute;
	content: "";
	background-image: url("../images/diamond.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 8px;
	top: 12px;
	left: 0;
}
.safety-block ul li span{
	display: block;
	font-size: 1.13rem;
	letter-spacing: 0.04em;
	margin-bottom: 0.533rem;
}
@media screen and (min-width: 768px){
	.safety-block ul{
		padding-left: 1rem;
	}
}
@media screen and (min-width: 1200px){
	.safety-mainText{
		margin-bottom: 7.6235rem;
	}
	.safety-block + .safety-block{
		margin-top: 4.782rem;
	}
	.safety-tit{
		font-size: 1.7647rem;
		margin-bottom: 2.017rem;
	}
	.safety-block ul li{
		padding-left: 24px;
		margin-top: 1.1529rem;
	}
	.safety-block ul li::before{
		width: 12px;
		height: 8px;
		top: 17px;
	}
	.safety-block ul li span{
		font-size: 1.17rem;
		margin-bottom: 0.5647rem;
	}
}