@charset "utf-8";
/*===============================================
 *	コンテンツ
===============================================*/
.service-primary{border-radius: 6px;background: #fff;margin-bottom: 60px;}
.service-primary h4{background: var(--site-subcolor);border-top-left-radius: 6px;border-top-right-radius: 6px;color: #fff;font-size: 28px;font-weight: bold;padding: 45px 0 45px 140px;position: relative;}
.service-primary h4.icon::before{height: 70px;width: 70px;left: 50px;top:50%;transform: translateY(-50%);position: absolute;}
.service-primary h4.icon-huyou::before{content: "";display: block;background: url("../img/services/icon-huyou.png") left no-repeat;background-size: contain;}
.service-primary h4.icon-kaitori::before{content: "";display: block;background: url("../img/services/icon-kaitori.png") left no-repeat;background-size: contain;}
.service-primary h4.icon-sodai::before{content: "";display: block;background: url("../img/services/icon-sodai.png") left no-repeat;background-size: contain;}
.service-primary h4.icon-haihin::before{content: "";display: block;background: url("../img/services/icon-haihin.png") left no-repeat;background-size: contain;}
.service-primary h4.icon-kagu::before{content: "";display: block;background: url("../img/services/icon-kagu.png") left no-repeat;background-size: contain;}
.service-primary h4.icon-kaden::before{content: "";display: block;background: url("../img/services/icon-kaden.png") left no-repeat;background-size: contain;}
.service-primary h4.icon-sup::before{content: "";display: block;background: url("../img/services/icon-sup.png") left no-repeat;background-size: contain;}
.service-primary h4.icon-gomi::before{content: "";display: block;background: url("../img/services/icon-gomi.png") left no-repeat;background-size: contain;}
.service-secondary{padding: 50px;}
.photo-service{max-width: 460px;}
.service-detailbox{max-width: 530px;position: relative;}
.service-detailbox h5{color: var(--site-primary);font-size: 28px;font-weight: bold;margin-bottom: 1em;}
.service-detailbox p{line-height: 1.8;}
.service-detailbox p.btn-basic{position: absolute;right: 0;bottom: 0;}
/*--other--*/
.other-bg{background: url(../img/bg-body.png) repeat #f5f4f3;}
.service-other dl{max-width: 356px;margin:60px 0 5px 0;}
.service-other h4.other-ttl{text-align: center;font-size: 24px;font-weight: 900;color: var(--site-primary);line-height: 1.5;margin-top: 30px;}
.service-other p{line-height: 1.8; margin-top: 50px;}
.service-other dl:nth-child(2) p{margin-top: 14px;}
.service-other dl:nth-child(2) .btn-basic a{padding:1em .7em;letter-spacing: .5px;text-align: left;}
.service-other dl:nth-child(2) .btn-basic::after{right: 15px;}
.service-other .btn-basic{margin-top: 25px;}
.mt60{margin-top: 60px;}



@media only screen and (max-width: 1024px) {
.service-primary h4 {padding: 35px 0 35px 120px;}
.service-primary h4.icon::before {left: 30px;}
.service-secondary {padding: 30px;}
.service-detailbox {max-width: 410px;}
.service-other dl{max-width: 48%;}
}
@media only screen and (max-width: 768px) {
.photo-service{max-width:inherit;}
.service-detailbox{max-width: inherit;}
.service-detailbox p.btn-basic {position: relative;margin-top: 30px;}
.service-other h5.other-ttl{font-size: 18px;}
.service-other p{margin-top: 15px;}
}

@media only screen and (max-width: 568px) {
.service-primary{margin-bottom: 20px;}
.service-primary h4 {font-size: 20px;padding: 25px 0 25px 70px;}
.service-primary h4.icon::before {height: 40px;width: 40px;left: 20px;}
.service-secondary {padding: 20px;}
.service-detailbox h5 {font-size: 18px;}
.photo-service {max-width: initial;margin-bottom: 20px;}
/*--other--*/
.service-other {padding-top: 10px;}
.service-other .wrap{display:block;}
.service-other dl{margin: 30px 0;max-width: inherit;}
.service-other h4.other-ttl{font-size: 18px;}
.service-other h4.other-ttl{margin-top: 20px;}
.service-other p{margin-top: 20px;}
.service-other .btn-basic {margin-top: 20px;}
.mt60{margin-top: 30px;}
}