@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------
  #top
----------------------------------------------------*/

/* ----- メインビジュアル ----- */
#mainvisual_area {
	background: url(../img/save_bg.jpg) 0 0 no-repeat;
	background-size: cover;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 32%;
	position: relative;
}

p.mainvisual_txt {
	font-size: 3.5rem;
}
@media (max-width: 768px) {
	p.mainvisual_txt {
		font-size: 2.0rem;
		margin-top: 0;
	}
}
span.mainvisual_subtxt {
	font-size: 2.0rem;
}
@media (max-width: 768px) {
	span.mainvisual_subtxt {
		font-size: 1.3rem;
	}
}

#cleaning_area{
	margin: 0 20px;
}
.attention{font-size: 14px;margin-top: 5px;}

/* ----- cleaning ----- */
.cle_service{max-width: 1040px;margin: 80px auto 20px;border-top: 1px solid #555;padding-top:80px;}

.main_copy{text-align: center;}
.main_copy h2{font-size:4.0rem;}
.main_copy p{margin-top: 20px;font-size: 1.4rem;text-align: center;}
@media (max-width: 768px) {
	.cle_service{margin: 30px auto 20px;padding-top:0;}
	.main_copy h2{font-size:2.6rem;}
	.main_copy p{margin-top: 10px;font-size: 1.4rem;text-align: left;}
}

.str_point{margin-top: 80px;}
.str_point h2{font-size:4.0rem;line-height: 5rem;}
.str_flex .img{width: 150px;margin: 0 auto;text-align: center;}
.str_flex .img img{width: 100%;margin: 0 auto;}
.str_flex{display: flex;justify-content: space-between;flex-wrap: wrap;width: 90%;max-width: 1040px;margin:40px auto 0;}
.str_flex .box{width: calc(100% / 3 - 20px);box-sizing: border-box;background:#eee;padding:40px 20px;border-radius: 20px;}
.str_flex h4{font-size: 1.7rem;font-weight: bold;text-align: center;margin-top:10px;}
.str_flex p{font-size: 1.4rem;text-align: left;margin-top:10px; }
@media(max-width: 768px){
	.str_flex{margin:15px auto 0;}
	.str_flex div{width: 100%;}
	.str_flex div:not(:nth-child(1)){margin-top: 10px;}
	.str_point h2{font-size:3.5rem;}
	.str_flex .box{width: 100%;box-sizing: border-box;background:#eee;padding:40px 20px;}
	.str_flex .img{width: 120px;margin: 0 auto;text-align: center;}
}

.subject{text-align: center;margin-top: 50px;}
.subject h3,.sub_area h3{font-size: 2.4rem;}
.subject p.hojin{font-size: 2rem;margin-top: 5px;font-weight: bold;}
.subject p.etc{margin-top: 10px;font-size: 1.6rem;}
.sub_flex{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;max-width: 1040px;margin:0 auto;}
.sub_flex div{width: calc(100% / 4 - 20px);border:1px solid #777;margin-top: 20px;}
.sub_flex div img{width: 100%;}
.sub_flex div p{font-size: 1.4rem;padding: 5px 0;font-weight: bold;}

.sub_area{text-align: center;margin-top: 50px;}
.sub_area p{font-size: 2rem;font-weight: bold;margin-top: 10px;}

@media(max-width: 768px){
	.sub_area{text-align: center;margin-top: 30px;}
	.subject h3,.sub_area h3{font-size: 2rem;}
	.subject p.etc{margin-top: 10px;font-size: 1.4rem;}
	.sub_flex div{width: calc(100% / 2 - 5px);margin-top: 10px;}
	.sub_flex:after{content: '';width: 0;height: 0;display: none !important;}
	.sub_area p{font-size: 1.8rem;font-weight: bold;margin-top: 5px;}
}

table.cle_tbl{margin-bottom: 160px;border-top: 1px solid #777;max-width: 900px;width: 100%;margin-top: 20px;box-sizing: border-box;}
table.cle_tbl th{width:300px;border-left:1px solid #777; border-bottom: 1px solid #777;background: #eee;padding: 15px;vertical-align: middle;box-sizing: border-box;}
table.cle_tbl td{border-left:1px solid #777; border-bottom: 1px solid #777; border-right: 1px solid #777;padding: 15px;box-sizing: border-box;}
.att{width: 100%;max-width:800px;margin: 10px auto 0;font-size: 1.4rem;text-indent: -1em;padding-left: 1em;}

@media(max-width: 768px){
	table.cle_tbl{margin-bottom: 100px;}
	table.cle_tbl th{display: block;width: 100%;border-right:1px solid #777;font-size: 1.4rem; }
	table.cle_tbl td{display: block;font-size: 1.4rem;}
}


@media(max-width: 768px){
	.sub_flex div{width: calc(100% / 2 - 5px);margin-top: 10px;}
	.sub_flex:after{content: '';width: 0;height: 0;display: none !important;}
}

.cle_service h2{font-size: 4.0rem;}
.cle_service p{font-size: 1.6rem;}

.svc_ttl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.svc_ttl:after{content: '';width: 0;height: 0;display: none !important;}
.svc_ttl .txt{width: 50%;}
.svc_ttl .txt h3{font-size: 2.4rem;color:#09b8f1;}
.svc_ttl .txt p{margin-top: 10px;}
.svc_ttl .img{width: 45%;}
.svc_ttl .img img{width: 100%;}
@media(max-width: 768px){
	.cle_service h2{font-size: 3.0rem;margin-bottom: -20px;}
	.cle_service p{font-size: 1.4rem;}
	.svc_ttl .txt{width: 100%;}
	.svc_ttl .txt h3{font-size: 2.0rem;color:#09b8f1;}
	.svc_ttl .txt p{margin-top: 10px;}
	.svc_ttl .img{width: 100%;margin-top: 20px;}
}

.link_box{width: 90%;max-width: 1000px;margin:30px auto 50px;display: flex;justify-content: space-between;flex-wrap: wrap;}

.pdf_img{width: 100%;display: flex;justify-content: space-between;}
.pdf_img div{width: calc(100% / 3 - 15px);border: 1px solid #aaa;margin-top: 10px;}
.pdf_img div img{width: 100%;}


.pdf_btn a{
	width: 90%;
	text-align: center;
	line-height: 50px;
	display: block;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	margin:20px 0 0 0;
	background: #09b8f1;
	color: #fff;
	position: relative;
	z-index: 2;
	overflow: hidden;
	box-shadow: 0 3px 0 #ccc, 0 0 0 rgba(0, 0, 0, 0.2);
    transition: 0.2s ease;
}
.pdf_btn a:hover{
	top: 2px;
	color:#fff;
	background: #068cea;
	box-shadow: 0 0 0 #ccc, 0 0 0 rgba(0, 0, 0, 0.2);
	letter-spacing: 0.3em;
}
@media (max-width: 768px) {
	.pdf_img div{width: calc(100% / 2 - 15px);border: 1px solid #aaa;margin-top: 10px;}
	.sp_none{display: none;}
	.pdf_btn a{
	width: 100%;
	text-align: center;
	line-height: 50px;
	display: block;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	margin: 0 auto;
	background: #09b8f1;
	color: #fff;
	position: relative;
	z-index: 2;
	overflow: hidden;
	box-shadow: 0 3px 0 #ccc, 0 0 0 rgba(0, 0, 0, 0.2);
    transition: 0.2s ease;
    margin:20px auto 0;
	}
}



.anchor_link a{
	width: calc(100% / 3 - 20px);
	text-align: center;
	line-height: 50px;
	display: block;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	margin: 0 auto;
	background: #09b8f1;
	color: #fff;
	position: relative;
	z-index: 2;
	overflow: hidden;
	box-shadow: 0 3px 0 #ccc, 0 0 0 rgba(0, 0, 0, 0.2);
    transition: 0.2s ease;
}
.anchor_link a:hover{
	top: 2px;
	color:#fff;
	background: #068cea;
	box-shadow: 0 0 0 #ccc, 0 0 0 rgba(0, 0, 0, 0.2);
	letter-spacing: 0.3em;
}
@media (max-width: 768px) {
	.anchor_link a{
	width: 100%;
	text-align: center;
	line-height: 50px;
	display: block;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	margin: 0 auto;
	background: #09b8f1;
	color: #fff;
	position: relative;
	z-index: 2;
	overflow: hidden;
	box-shadow: 0 3px 0 #ccc, 0 0 0 rgba(0, 0, 0, 0.2);
    transition: 0.2s ease;
	}
}
@media(max-width: 768px){
	.anchor_link .link_box a:not(:nth-child(1)){
		margin-top: 10px;
	}
}

.service_box{padding:100px 0 0;max-width: 900px;width: 100%; margin: 0 auto;}
p.tax{max-width: 1040px;margin: 60px auto 80px;font-size: 1.4rem;}

@media(max-width: 768px){
	.service_box{padding:50px 0 0;max-width: 900px;width: 100%; margin: 0 auto;}
	p.tax{max-width: 1040px;margin: 20px auto 60px;font-size: 1.3rem;}
}