@charset "utf-8";
/*=============================================== *
	サービス-共通
===============================================*/
main{margin: 0 0 60px;}
.primary-frame{margin: 0 auto;border-radius: 6px;}
.top-purchase_contents{margin-bottom: 0;}
@media only screen and (max-width: 568px) {
.case-box .case-ttl{padding: .5em;}
main{margin: 0 0 30px;}
.case-box {padding: 15px;}
.case-box .customer-msg {padding: 17px;}
.case-box .staff_msg {padding: 17px;}
}

/*-----------------------------------------------
 *	Tokushu,Kazai
-----------------------------------------------*/
#special-cleaning .service-ttl::before{font-size: 120px;}
#home-organizing .service-ttl::before{font-size: 120px;}
@media only screen and (max-width: 1024px) {
#special-cleaning .service-ttl::before{font-size: 100px;line-height: 1.0;}
#home-organizing .service-ttl::before{font-size: 100px;line-height: 1.0;}
}
@media only screen and (max-width: 568px) {
#special-cleaning .service-ttl::before{font-size: 80px;}
#home-organizing .service-ttl::before{font-size: 60px;}
}
/*===============================================
 *	Service-見出し
===============================================*/
.heading-service{margin: 0 0 60px;position: relative;}
.heading-service::before{content: "";background: url("../img/service-list/bg-heading_service.png") right no-repeat;background-size: contain;display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 290px;height: 126px;}
.heading-service::after{content: "";background: linear-gradient(90deg, var(--site-primary) 0% 50%, var(--site-basecolor) 50%);background-size: contain;display: block;position: absolute;left: 0;bottom: 0;width: 80px;height: 5px;}
.service-ttl {color: var(--site-primary);line-height: 1.3;font-size: 46px;font-weight: bold;padding: 0 0 30px;position: relative;z-index: 10;}
.service-ttl em{text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);}
.service-ttl span {font-size: 30px;position: relative;display: inline-block;padding: 0 40px;z-index: 2;}
.service-ttl span:before, .service-ttl span:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);display: inline-block;width: 30px;height: 4px;background: var(--site-primary);}
.service-ttl span:before {left:0;}
.service-ttl span:after {right: 0;}
.service-ttl::before {content: attr(data-en);position: absolute;top: -30px;left: 0;letter-spacing: 2px;color: rgba(47,146,201,0.1);font-size: 130px;}
@media only screen and (max-width: 960px) {
.heading-service {margin: 0 0 50px;}
.service-ttl {font-size: 38px;}
.heading-service::before {width: 223px;height: 96px;}
.service-ttl::before {top: -30px;font-size: 90px;}
}
@media only screen and (max-width: 560px) {
.heading-service {margin: 0 0 40px;}
.heading-service::before {width: 145px;height: 66px;bottom: -10px;top: initial;transform: initial;}
.service-ttl {font-size: 28px;}
.service-ttl::before {top: -20px;font-size: 58px;}
.service-ttl span {font-size: 20px;padding: 0 30px;letter-spacing: 0;margin: 0 0 5px;}
.service-ttl span:before, .service-ttl span:after {height: 2px;width: 20px;}
}
@media only screen and (max-width: 375px) {
.service-ttl {font-size: 26px;}
}
/*=============================================== *
	Service-導入文
===============================================*/
#service-intro {margin: 0 auto 60px;}
#service-intro .layer-item {padding: 0;}
#service-intro .layer-item:nth-of-type(3) {margin: 0 0 60px;}
#service-intro .layer-item img{max-width: 510px;}
#service-lintroist .layer-contents {width: 50%;}
#service-intro .layer-hd_box {border-radius: 0 0 0 6px;line-height: 1.4;margin: 0 0 .5em -4em;}
#service-intro .layer-txt_box {padding: 0;}
#service-intro .top-point_head {font-size: 37px;line-height: 1.4;}
#service-intro .top-point_head span {padding: 0 0 0 50px;}
#service-intro .top-point_head span::before {left: -10px;}
#service-intro .top-point_contents {width: 54%;}
#service-intro .top-point_wrap {border-radius: 6px;margin: 60px 0;}
@media only screen and (max-width: 1024px) {
#service-intro .layer-item img {max-width: 430px;}
#service-intro .top-point_contents {width: 50%;}
}
@media only screen and (max-width: 960px) {
#service-intro {margin: 0 auto 50px;}
#service-intro .layer-item img {max-width: 330px;}
#service-intro .layer-contents {width: 51%;}
#service-intro .top-point_wrap {margin: 50px 0;}
#service-intro .top-point_contents {width: 52%;}
}
@media only screen and (max-width: 568px) {
#service-intro {margin: 0 0 40px;}
#service-intro .layer-item {margin: 0 0 40px;}
#service-intro .layer-item:nth-of-type(3) {margin: 0 0 50px;}
#service-intro .layer-item img {max-width: initial;width: 100%;margin:0 0 10px;}
#service-intro .layer-contents {width: 100%;}
#service-intro .layer-hd_box {margin: 0 0 1em 0;padding: 0;width: 100%;}
#service-intro .top-point_wrap {margin: 40px 0;padding: 4%;}
#service-intro .top-point_head {font-size: 28px;}
#service-intro .top-point_head span {padding: 0 0 0 30px;}
#service-intro .top-point_head span::before {left: -5px;}
#service-intro .top-point_contents {width: 100%;}
}
@media only screen and (max-width: 375px) {
#service-intro .top-point_head {font-size: 25px;}
}
/*=============================================== *
	Service-お困りごと
===============================================*/
.problems-ttl{max-width: 1120px;margin: 0 auto 40px;position: relative;}
.problems-ttl::before,.problems-ttl::after{content: "";display: block;position: absolute;top: -50px;}
.problems-ttl::before{background: url("../img/service-list/bg-problems_left.png") no-repeat;background-size: contain;width: 173px;height: 256px;left: 0;}
.problems-ttl::after{background: url("../img/service-list/bg-problems_right.png") no-repeat;background-size: contain;width: 185px;height: 253px;right: 0;}
.service-problems_list{background: #fff;border-radius: 6px;padding: 40px 40px 20px;max-width: 1120px;margin: 0 auto;align-items: flex-start;}
.service-problems_list li{background: url("../img/common/icon-chk.png") 1em center no-repeat #f6f2e8;border-radius: 6px;padding: 15px 10px 15px 3em;width: 47%;font-size: 20px;font-weight: bold;margin: 0 0 20px;}
@media only screen and (max-width: 1024px) {
.problems-ttl{margin: 0 auto 40px;max-width: initial;width: 92%;}
.service-problems_list {margin: 0 auto;max-width: initial;width: 92%;}
.problems-ttl::before {width: 140px;height: 207px;}
.problems-ttl::after {width: 145px;height: 198px;}
}
@media only screen and (max-width: 960px) {
.problems-ttl{margin: 0 auto 30px;}
.problems-ttl::before, .problems-ttl::after {top: -10px;}
.problems-ttl::before {width: 110px;height: 163px;}
.problems-ttl::after {width: 115px;height: 157px;}
.service-problems_list {padding: 20px;}
.service-problems_list li {background: url(../img/common/icon-chk.png) .5em center no-repeat #f6f2e8;padding: 15px 10px 15px 2.5em;width: 48%;font-size: 18px;}
}
@media only screen and (max-width: 560px) {
.problems-ttl {margin: 0 auto 20px;width: 95%;}
.problems-ttl::before, .problems-ttl::after {top: -40px;}
.problems-ttl::before {width: 59px;height: 87px;}
.problems-ttl::after {width: 65px;height: 89px;}
.service-problems_list {padding: 20px;}
.service-problems_list li {background: url(../img/common/icon-chk.png) .5em center no-repeat #f6f2e8;padding: 15px 0 15px 2em;letter-spacing: 0;width: 100%;background-size: 20px;font-size: 17px;}
.service-problems_list li:last-child{margin: 0;}
}
@media only screen and (max-width: 375px) {
.service-problems_list {padding: 15px;}
}
/*=============================================== *
	Service-ポイント
===============================================*/
.lower-point_list {column-gap: 35px;row-gap: 35px;margin: 0 auto 60px;max-width: 1120px;width: 100%;}
.lower-point_list li {width: 100%;max-width: 350px;}
.lower-point_list li img {border-radius: 6px;margin: 0 0 10px;}
.lower-point_list li dt {font-size: 26px;background: none;line-height: 1.4;color: var(--site-secondary);font-weight: bold;width: 100%;margin: 0 auto 10px;text-align: center;}
@media only screen and (max-width: 1024px) {
.lower-point_list {column-gap: 20px;width: 92%;}
.lower-point_list li {width: calc(92% / 3);}
.lower-point_list li dt {font-size: 20px;}
}
@media only screen and (max-width: 960px) {
.lower-point_list {margin: 0 auto 50px;}
}
@media only screen and (max-width: 568px) {
.lower-point_list li {max-width: initial;width: 100%;}
.lower-point_list li dt {font-size: 22px;}
.lower-point_list .flow-badge {font-size: 24px;}
.lower-point_list .flow-badge span {font-size: 18px;}
}
/*=============================================== *
	Service-安心
===============================================*/
.service-common{max-width: 1120px;margin: 0 auto;width: 100%;}
.service-com_detail{background: #f6f2e8;padding: 40px;border-radius: 6px;}
.service-com_detail img {border-radius: 6px;}
@media only screen and (max-width: 1024px) {
.service-common{max-width: initial;margin: 0 auto;width: 92%;}
}
@media only screen and (max-width: 960px) {
.service-com_detail {padding: 30px;}
}
@media only screen and (max-width: 568px) {
.service-com_detail {padding: 4%;}
}
/*=============================================== *
	Service-よくある質問
===============================================*/
.service-faq_wrap{background: #fff;border:var(--site-secondary) 4px solid;padding: 2%;max-width: 1120px;margin: 0 auto 3%;}
.service-faq_wrap .answer a{color: var(--site-primary);border-bottom: 1px solid var(--site-primary);}
.service-faq_wrap .answer a:hover {border-bottom: none;text-decoration: none;}
@media only screen and (max-width: 1024px) {
.service-faq_wrap {max-width: initial;width: 92%;}
}
@media only screen and (max-width: 568px) {
.service-faq_wrap {margin: 0 auto 30px;padding: 4%;width: 100%;border-right: none;border-left: none;border-radius: 0;}
}
/*=============================================== *
	サービス-ご紹介
===============================================*/
.lower-service_list {max-width: 1120px;margin: 0 auto;width: 100%;}
.lower-service_list li{line-height: 1.2;margin: 0 0 20px 0;width: 32%;}
.lower-service_list li img{max-width: 100px;border-radius: 6px 0 0 6px;margin: 0 .5em 0 0;}
.lower-service_list li a > p{font-weight: bold;}
.lower-service_list li a{background: var(--site-secondary);box-shadow: 0 5px #167f76;border-radius: 6px;color: #fff;display: flex;align-items: center;font-size: clamp(15px, 1.8vw, 20px);position: relative;}
.lower-service_list li a::after {border: 2px solid #00998c;border-left: 0;border-bottom: 0;right: 2%;}
.lower-service_list li a:hover {transform: translate(0, 3px);color: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.lower-service_list li.no_img {text-align: center;}
.lower-service_list li.no_img a{background: #f3fffe;border:var(--site-secondary) 3px solid;display: block;padding: 30px 0;color: var(--site-secondary);}
.lower-service_list li.txt-house a{padding: 20px 0;}
@media only screen and (max-width: 1024px) {
.lower-service_list {margin: 0 auto 5%;width: 92%;}
.lower-service_list li img {max-width: 107px;margin: 0 .5em 0 0;}
}
@media only screen and (max-width: 960px) {
.lower-service_list li img {max-width: 90px;}
}
@media only screen and (max-width: 568px) {
.lower-service_list li {margin: 0 0 20px;width: 48%;}
.lower-service_list li a:hover {transform:none;box-shadow: none;}
.lower-service_list li img {max-width: 65px;}
.lower-service_list li.no_img a{padding: 20px 0;}
.lower-service_list li.txt-house a{padding: 10px 0;}
}