@charset "utf-8";

@font-face {font-family: 'Archivo Black';src: url("font/ArchivoBlack-Regular.ttf");}

/*===============================================
 *	common
===============================================*/
.bg-reason{border-top: #50bfcf 6px solid;border-bottom: #50bfcf 6px solid;}
.memo-box {background: #fff;position: relative;margin: 0 auto 2em;padding: 1em 1.25em;border: solid 3px #e4930d;border-radius: 6px;}
.memo-box span {font-weight: 700;}
.memo-box .memo-ttl {position: absolute;display: inline-block;top: -13px;left: 10px;padding: 0 9px;line-height: 1;font-size: 20px;background: #fff;color: #e4930d;font-weight: bold;}
.bg-blue_band_thin {background: #009db3;}
.letter-ttl {background: #009db3;}
.arrow-relief {max-width: 672px;}
.special-ttl {color: #009db3;font-size: 38px;font-weight: bold;margin-bottom: 2%;text-align: center;}
.special-ttl span {position: relative;display: inline-block;padding: 0 80px;}
.special-ttl span:before, .special-ttl span:after {content: '';position: absolute;top: 50%;display: inline-block;width: 60px;height: 2px;background-color: #009db3;}
.special-ttl span:before {left:0;}
.special-ttl span:after {right: 0;}
@media only screen and (max-width: 768px) {
.fl-dimensional span {padding-left: 15px;}
.ttl-dimensional em {font-size: 32px;}
.arrow-relief {max-width: initial;width: 74%;}
.special-ttl {font-size: 30px;}
}
@media only screen and (max-width: 568px) {
.ttl-dimensional em {font-size: 24px;}
.memo-box {padding: 10px;}
.memo-box .memo-ttl {font-size: 16px;}
.special-ttl {font-size: 22px;}
}
@media only screen and (max-width: 375px) {
.special-ttl span{padding: 0 40px;}
.special-ttl span:before, .special-ttl span:after {width: 30px;}
}
@media only screen and (max-width: 320px) {
.special-ttl {font-size: 18px;}
.special-ttl span{padding: 0 30px;}
.special-ttl span:before, .special-ttl span:after {width: 25px;}
.fl-dimensional span {padding-left: 5px;}
}
/*-----------------------------------------------
 *	anxiety
-----------------------------------------------*/
#anxiety-wrap{margin-bottom: 50px;}
#anxiety-wrap h4{font-size: 44px;margin-bottom: 30px;text-align: center;}
#anxiety-wrap .fl-right{margin:0 auto 40px;}
#anxiety-wrap .fl-right .anxiety-txtbox{left:0;}
#anxiety-wrap img.photo-anxiety{margin-left: 40%;max-width: 734px;z-index: 0;}
.anxiety-ttl{font-size: 40px;font-weight: bold;margin-bottom: 10px;text-align: center;}
.anxiety-ttl span{color: #009db3;font-size: 46px;}
.anxiety-box {background: url("../img/arrow-bottom.png") center bottom no-repeat;max-width: 1180px;position: relative;padding-bottom: 80px;}
.anxiety-txtbox{background: rgba(233,242,247,.8);max-width: 510px;padding: 0 0 20px;position: absolute;top: 15%;z-index: 5;width: 100%;}
.anxiety-txtbox ul{padding: 20px;}
.anxiety-txtbox ul li{background: url("../img/service/icon-check.png") left center no-repeat;background-size: 30px;font-size: 20px;font-weight: 700;padding-left: 40px;margin-bottom: 1em;}
.anxiety-txtbox ul li:last-child{margin-bottom: 0;}
.anxiety-txtbox ul li span{color: #346bb6;}
.txt-possible{max-width: 980px;margin: 0 auto 6%;}
@media only screen and (max-width: 1024px) {
#anxiety-wrap{margin: 2%;}
#anxiety-wrap img.photo-anxiety {width: 60%;}
}
@media only screen and (max-width: 768px) {
.anxiety-ttl{font-size: 32px;}
.anxiety-ttl span{font-size: 40px;}
.anxiety-box {background: url(../img/arrow-bottom.png) center bottom no-repeat;padding-bottom: 100px;}
#anxiety-wrap .fl-right .anxiety-txtbox {left: 0;position: relative;margin: -100px auto 0;max-width: 675px;}
#anxiety-wrap img.photo-anxiety {margin-left: 0;width: 100%;}
.txt-possible {max-width: 700px;}
}
@media only screen and (max-width: 568px) {
#anxiety-wrap{margin-bottom: 30px;}
#anxiety-wrap .fl-right {background-size: 140px;margin:0 auto 20px;}
#anxiety-wrap .fl-right .anxiety-txtbox {margin: -20px auto 0;max-width: initial;width: 94%;}
.anxiety-ttl {font-size: 26px;line-height: 1.4;margin-bottom: 0;}
.anxiety-ttl span {font-size: 30px;}
.anxiety-box {padding-bottom: 70px;}
.anxiety-txtbox ul {padding: 15px 5px 15px 15px;}
.anxiety-txtbox ul li {background-size: 20px;font-size: 16px;margin-bottom: 10px;padding-left: 25px;}
}
@media only screen and (max-width: 568px) {
.anxiety-txtbox ul li {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
.anxiety-ttl {font-size: 21px;}
.anxiety-ttl span {font-size: 26px;}
.ttl-dimensional {font-size: 17px;}
.ttl-dimensional em {font-size: 20px;}
}
/*===============================================
 *	reason-wrap
===============================================*/
#reason-wrap{background: url(../img/cleaning/bg-reason.png) repeat;padding: 4% 0 5%;margin-bottom: 60px;}
.ttl-main_reason{max-width: 845px;margin: 0 auto 2em;}
img.icon-reason{width: 80px;}
.img-sharebox{position: relative;margin-bottom: 5%;}
.img-sharebox::after{background: url(../img/cleaning/photo-share_man.png) no-repeat;background-size: contain;content: "";display: block;width:  279px;height: 323px;position: absolute;right: 0;top: -90px;z-index: 0;}
.ttl-main_share{max-width: 760px;position: relative;z-index: 5;}
.blueborder-contents {background: url(../img/bg-note.png) bottom left repeat #fff;border: #009db3 5px solid;position: relative;z-index: 5;}
.sub-ttl-safe{font-size: 38px;font-weight: bold;text-align: center;margin-bottom: 30px;}
.sub-ttl-safe img{max-width: 845px;margin: 0 auto;padding-top: 15px;}
.mag-arrow{margin-bottom: 10px;}
.brackets-box {background: #e4f3f9;padding: 20px;position: relative;z-index: 5;}
.brackets-box::before, .brackets-box::after {content: '';width: 30px;height: 30px;position: absolute;}
.brackets-box::before {border-left: solid 10px #009db3;border-top: solid 10px #009db3;top: 0;left: 0;}
.brackets-box::after {border-right: solid 10px #009db3;border-bottom: solid 10px #009db3;bottom: 0;right: 0;}
.brackets-box p {font-size: 36px;font-weight: bold;text-align: center;}
.brackets-box span {background: linear-gradient(transparent 65%, #a8e0f6 0%);padding: 0 4px;}
.sub-ttl-certificate{max-width: 900px;position: relative;z-index: 0;}
.certificate-li li {max-width: 435px;}
.certificate-li li:nth-child(1) dd img {max-width: 280px;margin-bottom: 20px;}
.certificate-li li:nth-child(2) dd img {max-width: 220px;}
.sub-ttl-recovery{max-width: 920px;margin: 0 auto;}
.sub-ttl-fulltime{max-width: 844px;margin: 0 auto;}
img.arrow-all{max-width: 855px;margin: 0 auto 1em;}
@media only screen and (max-width: 768px) {               
.ttl-main_reason {margin: 0 2%;}
img.icon-reason {width: 60px;height: 54px;}
.brackets-box p {font-size: 24px;}
.certificate-li {margin-bottom: 20px;}
.certificate-li li dt {margin-bottom: 10px;}
.certificate-li li dd {flex-wrap: wrap;}
.certificate-li li {max-width: initial;width: calc(96% / 2);}
.sub-ttl-recovery {max-width: initial;width: 92%;}
.sub-ttl-fulltime {max-width: initial;width: 92%;}
}
@media only screen and (max-width: 568px) {
#reason-wrap {padding: 30px 0;margin-bottom: 30px;}
.bg-reason {border-top: #50bfcf 4px solid;border-bottom: #50bfcf 4px solid;}
img.icon-reason {width: 50px;height: 44px;max-width: initial;}
.img-sharebox::after {width: 229px;height: 273px;top: -30px;}
.brackets-box::before, .brackets-box::after {width: 20px;height: 20px;}
.ttl-main_share {max-width: 260px;}
.sub-ttl-safe {font-size: 22px;}
.sub-ttl-safe img {max-width: 280px;padding-top: 5px;}
img.arrow-relief {margin: 0 auto 2em;}
.brackets-box {padding: 20px 8px;}
.brackets-box p {font-size: 18px;}
.certificate-li {margin-bottom: 0;}
.certificate-li li {width: 100%;}
.certificate-li li dd {flex-wrap: initial;}
}
@media only screen and (max-width: 375px) {
.ttl-main_share {max-width: 230px;}
.sub-ttl-safe {font-size: 19px;}
}
@media only screen and (max-width: 320px) {
.brackets-box::before {border-left: solid 7px #009db3;border-top: solid 7px #009db3;}
.brackets-box::after {border-right: solid 7px #009db3;border-bottom: solid 7px #009db3;}
.ttl-main_share {max-width: 200px;}
.sub-ttl-safe {font-size: 22px;}
.brackets-box p {font-size: 15px;}
}
/*===============================================
 * 02.	bereaved
===============================================*/
img.photo-reason {max-width: 349px;}
img.photo-reason_left{float: left;margin-right: 20px;}
img.photo-reason_right{float: right;margin-left: 20px;}
img.arrow-bereaved{max-width: 470px;margin: 0 auto;}
.sub-ttl-bereaved {max-width: 746px;margin: 0 auto;}
.bereaved-contents p{margin-bottom: 20px;}
@media only screen and (max-width: 768px) {
img.photo-reason_right {margin-left: 10px;}
img.photo-reason_left {margin-right: 10px;}
img.photo-reason {max-width: 240px;}
img.arrow-bereaved {max-width: 420px;}
.sub-ttl-bereaved {max-width: initial;width: 92%;}
}
@media only screen and (max-width: 568px) {
img.photo-reason {max-width: 165px;}
img.photo-reason_left{margin-right: 5px;}
img.photo-reason_right {margin-left: 5px;}
img.arrow-bereaved {max-width: 260px;}
.bereaved-contents p{margin-bottom: 10px;}
}
@media only screen and (max-width: 320px) {
img.arrow-bereaved {padding-top: 15px;}
}
/*===============================================
 * 03.	request
===============================================*/
.service-aboutbox {margin: 0 auto 10px;max-width: 900px;}
.service-aboutbox a {color: #009db3;}
.service-aboutbox li {background: #eafcff;border: #aae1e9 2px solid;padding: 0;width: calc(90%/5);}
.service-aboutbox li img {height: auto;object-fit: none;margin: 0;}
.service-aboutbox li span{height:60px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;line-height: 1.3;}
@media only screen and (max-width: 768px) {
.service-aboutbox li {width: calc(94%/5);margin-bottom: 5px;}
.service-aboutbox li span {font-size: 14px;}
}
@media only screen and (max-width: 568px) {
.service-aboutbox li span{height:50px;}
.service-aboutbox li {width: calc(96%/2);margin-bottom: 15px;}
.service-aboutbox li:nth-child(n+4) {margin: 0 0 15px;}
}
@media only screen and (max-width: 320px) {
.service-aboutbox li span {font-size: 13px;}
}
/*===============================================
 *	cleaning-wrap
===============================================*/
#cleaning-wrap{padding: 0 0 4%;}
.cleaning-mag{margin-bottom: 5%;}
.about-box {margin: 0 0 100px;position: relative;padding: 30px 20px 30px;}
.about-box:last-of-type {margin: 0 0 30px;}
.about-box:nth-last-of-type(1) {margin: 0 0 30px;}
.about-box:before {background: #e6f3f1;content: '';display: inline-block;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;width: calc(50vw + 450px);}
.num-box {color: #009db3;font-size: 10rem;line-height: 1;opacity: .8;font-family: 'Archivo Black', sans-serif;position: absolute;top: -0.5em;left: 50%;right: auto;margin-left: -560px;max-width: 1120px;width: 100%;}
.container-box {position: relative;display: flex;flex-direction: row-reverse;justify-content: space-between;}
.img-cleaning01{max-width: 845px;}
.img-cleaning02{max-width: 660px;}
.img-cleaning03{max-width: 650px;}
.img-cleaning04{max-width: 650px;}
.cleaning-ttl {font-size: 26px;font-weight: bold;position: relative;display: inline-block;margin-bottom: 2em;}
.cleaning-ttl:before {content: '';position: absolute;bottom: -20px;display: inline-block;width: 150px;height: 4px;left: 0;background-color: #009db3;}
.about-box .container-box .about-contents {width: calc(40% - 20px);padding-left: calc(50vw - 560px);padding-top: 50px;}
.about-box.pieces-even .num-box {text-align: right;}
.about-box.pieces-even .container-box .container-image {margin: 0;text-align: right;width: 40%;}
.about-box.pieces-even:before {right: 0px;left: auto;}
.about-box.pieces-even .container-box {flex-direction: row;}
.about-box.pieces-even .container-box .about-contents {padding-left: 0;padding-right: calc(50vw - 560px);}
.about-box.pieces-even .container-box .container-image {margin: 0 0 0 -20px;}
.cleaning-summary{background: url("../img/cleaning/bg-cleaning.jpg") left top repeat;padding: 30px 0;}
.cleaning-summary p{color: #fff;font-size: 30px;font-weight: bold;text-align: center;}
@media only screen and (max-width: 1024px) {
.container-img{margin: 0;}
.num-box {font-size: 8rem;margin-left: -510px;}
}
@media only screen and (max-width: 768px) {
.cleaning-ttl {font-size: 20px;}
.cleaning-mag{padding: 0 4%;}
.about-box {padding: 60px 20px 30px;margin: 0 0 60px;}
.about-box:before {right: auto;width: 80%;}
.about-box .container-box .about-contents {width: calc(60% - 20px);padding: 0;}
.num-box {max-width: 730px;}
.num-box {font-size: 6rem;margin-left: -370px;}
.img-cleaning01,.img-cleaning03 {margin: 0 -20px 0 0;width: 40%;}
.img-cleaning02,.img-cleaning04 {margin: 0 0 0 -20px;width: 40%;}
.about-contents {font-size: 15px;}
}
@media only screen and (max-width: 568px) {
.cleaning-ttl {font-size: 18px;margin-bottom: 1.5em;}
.cleaning-ttl:before {bottom: -10px;}
.cleaning-mag{margin-bottom: 7%;}
.about-box {padding: 40px 0 0;}
.about-box_last{margin: 0 0 30px;}
.about-box:before {width: 100%;}
.num-box {font-size: 4rem;margin-left: -190px;max-width: 380px;}
.container-box {display: block;}
.about-contents {font-size: 14px;}
.img-cleaning01, .img-cleaning02, .img-cleaning03, .img-cleaning04 {margin: 0;width: 100%;}
.about-box .container-box .about-contents {width: 92%;padding: 4%;}
.about-box.pieces-even .container-box .about-contents {width: 92%;padding: 4%;}
.cleaning-summary{margin-bottom: 2em;padding: 20px 0;}
.cleaning-summary p {font-size: 18px;padding: 2% 0;line-height: 1.6;}
}
@media only screen and (max-width: 320px) {
.cleaning-mag {margin-bottom: 10%;}
.num-box {margin-left: -160px;}
.cleaning-ttl {font-size: 17px;}
.cleaning-summary p {font-size: 15px;}
}
/*===============================================
 *	price-wrap
===============================================*/
.ttl-price-tbl{color: #fff;background: #346bb6;font-size: 34px;font-weight: bold;text-shadow: 1px 1px 0 #103971;text-align: center;padding: 5px 0 10px;letter-spacing: 1px;}
.txt-price_about{margin-bottom: 1em;}
table.price-tbl {width: 100%;}
table.price-tbl th {background: #dceaf0;text-align: center;color:#346bb6;font-size: 18px;font-weight: bold;border: solid 1px #ccc;padding: 2%;width: 40%;}
table.price-tbl th span{color: #282828;display: block;font-size: 14px;}
table.price-tbl td {color: #f25d5e;font-size: 24px;font-weight: 700;text-align: right;border: solid 1px #ccc;padding: 2%;}
table.price-tbl td span{font-size: 20px;}
img.bnr-credit{margin-bottom: 6%;}
@media only screen and (max-width: 568px) {
.ttl-price-tbl {font-size: 21px;}
table.price-tbl th,table.price-tbl td {border-bottom: none;display: block;width: 96%;}
table.price-tbl td span{font-size: 13px;}
table.price-tbl .last td {border-bottom: solid 1px #ccc;}
}
@media only screen and (max-width: 375px) {
table.price-tbl th {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
.ttl-price-tbl {font-size: 18px;}
table.price-tbl th {font-size: 14px;}
table.price-tbl td {font-size: 16px;}
}
/*===============================================
 *	#contract-wrap
===============================================*/
img.icon-contract{width: 66px;}
.ttl-definition {width: 58%;}
.definition-box {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;position: relative;flex-direction:row-reverse;}
.definition-box div{width: 62%;}
.definition-box div p{margin-bottom: 10px;}
.definition-box em{color: #dd717f;}
.bg-sorting_photo{padding: 2%;}
.bg-sorting_photo img{max-width: 329px;}
.mag10{margin-bottom: 2%;}
@media only screen and (max-width: 768px) {
.ttl-definition {width: 52%;}
.definition-box div {width: 53%;}
.bg-sorting_photo img {max-width: 320px;}
}
@media only screen and (max-width: 568px) {
img.icon-contract {width: 40px;}
.ttl-definition {margin-top: 4%;width: 62%;}
.bg-sorting_photo {margin-top: 1em;padding: 0 3% 3%;}
.bg-sorting_photo img {margin: 0 auto;}
.definition-box {flex-direction:row;}
.definition-box div {padding-top: 1em;width: 100%;}
}
@media only screen and (max-width: 320px) {
img.icon-contract {width: 32px;}
.definition-box div {padding-top: 1em;}
}
/*===============================================
 *	cv-field
===============================================*/
.cv-field{border: #009db3 2px solid;border-radius: 6px;}
.cv-field-ttl{background: #009db3;color: #fff;font-size: 28px;padding: 5px 0 5px 1em;letter-spacing: 1px;}
.cv-fieldbox{background: #daf3f7;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding: 30px;position: relative;}
.cv-txt{max-width: 560px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cv-field .cheapest-price_txt {font-size: 32px;}
.cv-field .cheapest-price_txt b {font-size: 38px;}
.cv-field .phonebox{max-width: 335px;}
.cv-field .contactbox{max-width: 210px;}
img.cv-field_woman{max-width: 292px;position: absolute;right: 10px;bottom: 0;}
@media only screen and (max-width: 768px) {
.cv-field-ttl {font-size: 26px;}
.cv-fieldbox {padding: 20px;}
.cv-txt {max-width: 450px;}
.cv-field .cheapest-price_txt {font-size: 24px;padding: 0 45px 0 45px;}
.cv-field .cheapest-price_txt b {font-size: 32px;}
.cv-field .phonebox {max-width: 255px;}
.cv-field .contactbox {max-width: 180px;}
img.cv-field_woman {max-width: 220px;}
}
@media only screen and (max-width: 568px) {
.cv-field-ttl {font-size: 16px;padding: 5px 0 5px 5px;letter-spacing: 1px;}
.cv-fieldbox {padding: 10px;}
.cv-field .cheapest-price_txt {font-size: 18px;padding: 0 30px 0 35px;}
.cv-field .cheapest-price_txt b {font-size: 25px;}
.cv-field .cheapest-txt::before, .cv-field .cheapest-txt::after {width: 22px;height: 24px;}
.cv-field .cheapest-txt::after {right: 0;}
.cv-field .cheapest-txt::before {left: 0;}
.cv-field .phonebox {margin-bottom: 10px;}
.cv-field .phonebox,.cv-field .contactbox {max-width: 230px;}
.cv-field .cheapest-price_txt {padding: 0 25px 0 25px;}
img.cv-field_woman {max-width: 115px;right: 0;}
}
@media only screen and (max-width: 375px) {
.cv-field-ttl {font-size: 15px;letter-spacing: 0;}
.cv-subhd_ttl {font-size: 15px;}
.cv-field .cheapest-price_txt {font-size: 15px;}
.cv-field .cheapest-price_txt b {font-size: 21px;}
.cv-field .phonebox,.cv-field .contactbox {max-width: 210px;}
img.cv-field_woman {max-width: 105px;}
}
@media only screen and (max-width: 320px) {
.cv-field {margin-bottom: 10px;}
.cv-fieldbox {padding: 10px;}
.cv-subhd_ttl {font-size: 13px;}
.cv-field .cheapest-txt {font-size: 14px;padding: 0 20px 0 25px;}
.cv-field .cheapest-price_txt b {font-size: 17px;}
.cv-field .phonebox,.cv-field .contactbox {max-width: 170px;}
img.cv-field_woman {max-width: 90px;}
}
/*===============================================
 *	faq
===============================================*/
.faq-list li {margin-bottom: 0;}
.faq-list dt {background: url("../img/cleaning/icon-q.png") left no-repeat;border-bottom: #009db3 3px solid;background-size: 20px;}
.faq-list dt:after {background: url("../img/cleaning/icon-open.png") right no-repeat;background-size: contain;}
.faq-list dt.close:after {background: url("../img/cleaning/icon-close.png") right no-repeat;}
.faq-list dd {background: url("../img/cleaning/icon-a.png") left no-repeat;}
@media only screen and (max-width: 568px) {
.faq-list dt {font-size: 15px;padding: .5em 1.0em .5em 1.8em;}
}
@media only screen and (max-width: 320px) {
.faq-list dt {background-size: 15px;font-size: 13px;}
}
/*===============================================
 *	alone-wrap
===============================================*/
#alone-wrap{background: url("../img/cleaning/bg-alone_pc.jpg") left top no-repeat;background-size: cover;padding: 3% 0;}
.alone-box{background: rgba(255,255,255,.5);padding: 10px;max-width: 980px;margin: 0 auto;}
.alone-contents{background: rgba(255,255,255,.5);padding: 4%;}
.alone-contents h2{font-size: 40px;font-weight: bold;margin-bottom: 2%;text-align: center;letter-spacing: 2px;text-shadow: 0 1px 1px #fff;}
.alone-contents p.txt-subhead{font-size: 24px;font-weight: bold;text-align: center;margin-bottom: 0;}
.alone-contents p{font-size: 18px;margin-bottom: 2%;}
@media only screen and (max-width: 1280px) {
#alone-wrap{background: url("../img/cleaning/bg-alone_1280.jpg") left top no-repeat;}
}
@media only screen and (max-width: 1024px) {
#alone-wrap{background-size: cover;padding: 5% 0;}
.alone-box {width: 80%;}
}
@media only screen and (max-width: 768px) {
.alone-contents h2{font-size: 36px;}
.alone-contents p.txt-subhead{font-size: 22px;}
.alone-contents p {font-size: 16px;}
}
@media only screen and (max-width: 568px) {
#alone-wrap{background: url("../img/cleaning/bg-alone_sp.jpg") left top no-repeat;padding: 50px 0;}
.alone-contents h2 {font-size: 28px;line-height: 1.4;margin-bottom: 15px;}
.alone-contents p.txt-subhead{font-size: 18px;margin-bottom: 10px;}
.alone-contents p {font-size: 15px;margin-bottom: 4%;padding: 0;}
}
@media only screen and (max-width: 320px) {
.alone-contents h2 {font-size: 22px;}
}