/*===============================================
 *	見出し
===============================================*/
#second-visualcontents{max-width: 530px;}
#second-visualcontents h1 span{max-width: 110px;}
@media only screen and (max-width: 568px) {
.basic-subttl:before, .basic-subttl:after {width: 40px;}
}
/*===============================================
 *	コンテンツ
===============================================*/
.point-box{max-width: 1048px;background: #fff;border: 6px solid var(--site-primary);border-radius: 6px;padding:40px;margin-bottom: 40px;position: relative;}
.point-box li:first-child {margin-bottom: 40px;padding-bottom: 40px;border-bottom: var(--site-primary) 1px dashed;}
.point-box .s-left{width: 455px;}
.point-box .s-left p{background:#e67519;color: #fff; text-align:center; padding: 5px 0;margin-bottom: 30px;font-size: 22px;font-weight: bold;}
.point-box .s-right{max-width: 530px;}
.point-box:first-child .s-right{max-width: 680px;}
.point-box .s-right img{max-width: 505px;margin: 20px auto 0;}
.point-box .s-right p{max-width: 673px;letter-spacing: 0px;margin-top: 20px;}
.point-box .st-icon {background: var(--site-keycolor02);padding: 6px 6px 7px;}
.st-icon{padding: 4px  15px 6px;}
.st-icon em{display: block;}
@media only screen and (max-width: 1024px) {
.point-box .s-left {max-width: 375px;}
.point-box .s-right{max-width:464px;}
}

@media only screen and (max-width: 768px) {
.point-box .s-left{max-width:285px;}
.point-box .s-right{max-width:317px;}
}
@media only screen and (max-width: 568px) {
.point-box li:first-child {margin-bottom: 30px;padding-bottom: 20px;}
.point-box .s-left {margin-bottom: 20px;}
.point-box {padding: 20px;margin-bottom: 30px;}
.after-staff p::after { width: 116px;top: 88.5%;right: 31%;}
}
/*===============================================
 *	メリット・デメリット
===============================================*/
.merit-subttl{max-width: 360px;}
.merit_demerit-box{background: #fff;max-width: 535px;border-radius: 6px;width: 100%;}
.merit_demerit-box dt{color: #fff;font-size: 24px;text-align: center;padding: 20px 0;position: relative;}
.merit_demerit-box dd{padding: 20px;}
.merit_demerit-box li{font-size: 18px;position: relative;border-bottom: #444 1px solid;padding: 0 0 15px 40px;margin:0 0 20px 0;}
.merit_demerit-box li:last-child{border-bottom: none;margin:0;padding: 0 0 0 40px;}
.merit_demerit-box dt::before{content: "";display: inline-block;vertical-align: middle;position: absolute;left: 18%;top: 50%;transform: translateY(-50%);}
.merit-box dt{background: #018ccf;}
.merit-box dt::before{background: url("../img/demolition-wrecking/icon-merit.png") left center no-repeat;width: 73px;height: 72px;position: absolute;background-size: contain;}
.merit-box{border: #018ccf 5px solid;}
.merit-box li{background: url("../img/demolition-wrecking/icon-chk.png") top left no-repeat;background-size: 28px;}
.demerit-box dt{background: #e52b12;}
.demerit-box dt::before{background: url("../img/demolition-wrecking/icon-demerit.png") left center no-repeat;width: 64px;height: 64px;position: absolute;background-size: contain;}
.demerit-box{border: #e52b12 5px solid;}
.demerit-box li{background: url("../img/demolition-wrecking/icon-batsu.png") top left no-repeat;background-size: 24px;}

@media only screen and (max-width: 1024px) {
.merit_demerit-box {max-width: 455px;}
}
@media only screen and (max-width: 568px) {
.merit-subttl {max-width: initial;margin: 0 20px 20px;padding: 0 40px;}
.merit-subttl {margin: 0 0 20px;padding: 0 10px;}
.merit-box {margin-bottom: 30px;}
.merit_demerit-box dt {font-size: 20px;padding: 10px 0;}
.merit_demerit-box li {font-size: 16px;padding: 0 0 10px 30px;}
.merit_demerit-box li:last-child {padding: 0 0 0 30px;}

.merit-box li {background-size: 20px;}
.merit-box dt::before {width: 53px;height: 52px;}
.demerit-box li{ackground-size: 20px;}

.demerit-box dt::before {width: 53px;height: 52px;}

}

/*===============================================
 *	サービスの流れ
===============================================*/
.flow-box li{width: 1048px;background: #fff;border: 6px solid var(--site-primary);border-radius: 6px;padding:40px 30px;margin-bottom: 80px;position: relative;}
.flow-box li:last-child{margin-bottom: 0;}
.flow-box li:not(:last-of-type)::after {content: '';display: block;background: url("../img/icon-bottom_arrow.png") no-repeat;width: 132px;height: 46px;background-size: contain;position: absolute;left: 50%;bottom: -70px;transform: translateX(-50%);z-index: 2;}


.flow-box .s-left{width: 455px;}
.flow-box .s-left p{background:#e67519;color: #fff; text-align:center; padding: 5px 0;margin-bottom: 30px;font-size: 22px;font-weight: bold;}
.flow-box .s-right{max-width: 530px;}
.flow-box:first-child .s-right{max-width: 680px;}
.flow-box .s-right img{max-width: 505px;margin: 20px auto 0;}
.flow-box .s-right p{max-width: 673px;letter-spacing: 0px;margin-top: 30px;}

@media only screen and (max-width: 1024px) {
.flow-box .s-right {max-width: 454px;}
.flow-box .s-left {width: 405px}
}

@media only screen and (max-width: 768px) {
.flow-box .s-left{max-width:285px;}
.flow-box .s-right{max-width:317px;}


}

@media only screen and (max-width: 568px) {
.flow-box li{border-width: 3px;max-width: 85%;margin-bottom: 60px;width: 100%;padding: 20px;}
.flow-box li:not(:last-of-type)::after {width: 92px;height: 32px;bottom: -50px;}        
.flow-box .s-left{max-width:100%;margin-bottom: 20px;}
.flow-box .s-left p{font-size: 20px;}
.flow-box .s-right p{margin-top: 20px;}
.flow-box li:last-child{margin-bottom: 0;}

}