#second-visualcontents::before{background: url('../img/demolition_work/header-image.png') center center no-repeat;background-size: contain;}
.page-intro-image img{margin: 0 auto;max-width: 975px;height: auto;}
@media only screen and (max-width:568px) {
    .page-intro-image{margin-bottom: 16px;}
    .page-intro-image img{max-width: 568px;height: auto;}
}
.service-menu-wrapper{border: #f2f2f2 1px solid;box-sizing: border-box;box-shadow: 0 3px 5px 0 rgb(183 183 183);}
.service-menu-wrapper h3{padding: 10px;font-size: 28px;font-weight: 700;color: #fff;text-align: center;background: #25a4ad;}
.service-menu-container{padding: 16px;background: url("../img/bg-note.png") left top repeat #fff;}
.service-menu{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.service-menu li { width: 23%; }
.service-menu li a span{display: block;padding: 10px;font-size: 16px;font-weight: 600;text-align: center;background: url(../img/dot_02.png) left top repeat #f2f2f2; position: relative;}
.service-menu li a span::after { content: ''; width: 17px; height: 17px; background: url("../img/demolition_work/arrow-down.png") no-repeat center; position: absolute; top: 50%; transform: translate(5px, -50%); }
@media only screen and (max-width: 568px) {
    .service-menu-container{padding: 16px 10px;}
    .service-menu li{width: 48%;}
    .service-menu li:first-child,.service-menu li:nth-child(2){margin-bottom: 10px;}
    .service-menu-wrapper h3 { padding: 8px; font-size: 22px; }
}
.house-demolition-wrap{position: relative;}
.house-demolition-wrap::before{content: "";position: absolute;top: 145px;right: 0;width: 632px;height: 581px;background: url('../img/demolition_work/content-bg01.png') center center no-repeat;background-size: cover;}
.service-ttl{display: flex;justify-content: space-between;margin: 0 auto;padding: 24px 0;max-width: 980px;align-items: center;}
.service-ttl h2{font-size: 30px;font-weight: 700;color: #FFDF20;}
.service-ttl p{width: 60%;font-size: 16px;font-weight: 400;color: #fff;}
@media only screen and (max-width: 568px) {
    .house-demolition-wrap::before{content: none;}
    .service-ttl{flex-direction: column;margin: 0;padding: 10px;align-items: normal;}
    .service-ttl h2{padding: 0;font-size: 24px;text-align: left;}
    .service-ttl p{width: 100%;text-align: left;}
}
.case-list{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 48px;}
.case-list li img{width: 288px;height: 175px;}
.case-list li span{display: block;padding: 10px;font-size: 16px;font-weight: 400;color: #fff;text-align: center;background: #25a4ad;}
.service-point-01{background: url('../img/demolition_work/house-photo01.jpg') left top no-repeat #fff; background-size: contain;}
.service-point-02{background: url('../img/demolition_work/house-photo02.jpg') right top no-repeat #fff;background-size: contain;}
.service-point-03{margin-bottom: 64px;background: url('../img/demolition_work/house-photo03.jpg') left top no-repeat #fff;background-size: contain;}
.service-point-02 .social-contributions-inner{margin: 0 auto 0 0;}
@media only screen and (max-width: 568px) {
    .case-list{flex-wrap: wrap;justify-content: space-evenly;margin-bottom: 16px;}
    .case-list li{width: 45%;}
    .case-list li:first-child,.case-list li:nth-child(2){margin-bottom: 10px;}
    .case-list li img{width: 100%;height: auto;}
    .service-point-01 h4{background: url('../img/demolition_work/house-photo01.jpg') left top no-repeat;background-size: contain;}
    .service-point-02 h4{padding: 16px 37% 16px 10px;background: url(../img/demolition_work/house-photo02.jpg) right top no-repeat;background-size: contain;}
    .service-point-03{margin-bottom: 24px;}
    .service-point-03 h4{background: url('../img/demolition_work/house-photo03.jpg') left top no-repeat;background-size: contain;}
}
.estimate-wrapper{position: relative;background: #fff;border: #eca225 5px solid;}
.estimate-wrapper::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 10px;background: url('../img/demolition_work/house-point-line.png') center center repeat;z-index: 1;}
.estimate-wrapper h4{position: relative;padding: 24px 16px 24px 25%;font-size: 24px;font-weight: 600;color: #fff;background: #eca225;}
.estimate-wrapper h4::before{content: "";position: absolute;top: -60px;left: 10px;width: 139px;height: 147px;background: url(../img/demolition_work/house-point-title.png) center center no-repeat;background-size: contain;z-index: 5;}
.estimate-content{background: url('../img/demolition_work/house-photo04_pc.jpg') right top no-repeat #fff;}
.estimate-content-inner{padding: 16px;max-width: 625px;}
.estimate-content-inner h5{margin-bottom: 16px;padding-bottom: 12px;font-size: 22px;font-weight: 600;color: #1fa4ad;border-bottom: #1fa4ad 1px solid;}
@media only screen and (max-width: 568px) {
    .estimate-wrapper h4{padding: 16px 10px 10px 38%;font-size: 20px;}
    .estimate-wrapper h4::before{background: url(../img/demolition_work/house-point-title_sp.png) center center no-repeat; background-size: contain; top: -3px;left: 0px;width: 130px;height: 125px;}
    .estimate-content{background: none;}
    .estimate-content-inner h5{font-size: 20px;}
    .estimate-content-inner img{margin-bottom: 10px;}
}
.min-demolition-wrap{position: relative;}
.min-demolition-wrap::before{content: "";position: absolute;top: 145px;right: 0;width: 711px;height: 656px;background: url('../img/demolition_work/content-bg02.png') center center no-repeat;background-size: cover;}
.min-demolition-title{margin-bottom: 36px;font-size: 32px;font-weight: 900;text-align: center;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;}
.min-demolition-title span.big{font-size: 40px;}
.min-demolition-title span.green{color: #1fa4ad;}
.min-demolition-title span.orange{color: #eca224;}
.min-demolition-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;}
.min-demolition-list li{width: 22.8%; margin-bottom: 16px;}
.min-demolition-list li span{display: block;padding: 3px;color: #fff;text-align: center;background: #25a4ad;}
.mindemo-point-01{background: url('../img/demolition_work/petit-photo01.jpg') left top no-repeat #fff;}
.mindemo-point-02{background: url(../img/demolition_work/petit-photo02.jpg) right top no-repeat #fff;}
.mindemo-point-03{background: url(../img/demolition_work/petit-photo03-2.jpg) left top no-repeat #fff;}
.mindemo-point-02 .social-contributions-inner{margin: 0 auto 0 0;}
@media only screen and (max-width: 568px) {
    .min-demolition-wrap::before{content: none;}
    .min-demolition-title{font-size: 20px;}
    .min-demolition-title span.big{font-size: 26px;}
    .min-demolition-list{margin-bottom: 0;}
    .min-demolition-list li{width: 48%;}
    .mindemo-point-01 h4{background: url('../img/demolition_work/petit-photo01.jpg') left top no-repeat;background-size: contain;}
    .mindemo-point-02 h4{padding: 16px 37% 16px 10px;background: url('../img/demolition_work/petit-photo02.jpg') right top no-repeat;background-size: contain;}
    .mindemo-point-03 h4{background: url('../img/demolition_work/petit-photo03-2.jpg') left top no-repeat;background-size: contain;}

    .dws-point-02 h4{background: url('../img/demolition_work/interior-photo02.jpg') left top no-repeat;background-size: contain;}
}
.ldemo-wrap{position: relative;}
.ldemo-wrap::before{content: "";position: absolute;top: 145px;left: 0;width: 669px;height: 632px;background: url('../img/demolition_work/content-bg03.png') center center no-repeat;background-size: contain;}
.ldemo-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;}
.ldemo-list li { width: 22.8%; }
.ldemo-list li span{display: block;padding: 5px 10px;font-size: 16px;font-weight: 400;color: #fff;text-align: center;line-height: 1;background: #25a4ad;}
@media only screen and (max-width: 568px) {
    .ldemo-wrap::before{content: none;}
    .ldemo-list{margin-bottom: 20px;}
    .ldemo-list li{width: 48%;}
    .ldemo-list li:first-child,.ldemo-list li:nth-child(2){margin-bottom: 10px;}
    .ldemo-list li span{font-size: 15px;}
}
.renovate-wrap{position: relative;}
.renovate-wrap::before{content: "";position: absolute;top: 145px;right: 0;width: 619px;height: 464px;background: url('../img/demolition_work/content-bg04.png') center center no-repeat;background-size: cover;}
.renovate-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin-bottom: 48px;}
.renovate-list li { width: 22.8%; }
.renovate-list li span{display: block;padding: 3px;color: #fff;text-align: center;background: #25a4ad;}
.one-stop-service-wrapper{box-shadow: 0px 4px 0 0 rgb(218 218 217);}
.one-stop-service-content.oss-content-01{background: url('../img/demolition_work/interior-photo01.jpg') right top no-repeat #fff;border-top: #2196f3 5px solid;}
.one-stop-service-content.oss-content-02{background: url('../img/demolition_work/interior-photo02.jpg') left top no-repeat #fff;border-top: #2196f3 5px solid;}
.one-stop-service-content-inner{margin: 0 auto 0 0;max-width: 683px;background: url(../img/bg_note.png) #fff;}
.one-stop-service-content-inner h4{padding: 16px 24px;font-size: 20px;font-weight: bold;background: url(../img/dot_02.png) left top repeat #f3f3f3;line-height: 1;}
.one-stop-service-content-inner h4 span{background: linear-gradient(transparent 75%, #f1e340 75%);}
.one-stop-service-content-inner p{padding: 24px;}
.one-stop-service{margin-bottom: 30px;background: #E1F2F3;}
.one-stop-service ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin:0; padding: 16px 16px 0;}
.one-stop-service ul li{position: relative;margin: 0 0 16px;padding: 10px;width: calc(100%/4);max-width: 220px;font-size: 16px;font-weight: 600;text-align: center;background: #fff;border: #25a4ad 1px solid;box-sizing: border-box;}
.one-stop-service ul li::before{content: "";position: absolute;top: 0;left: 0;border-bottom: 20px solid transparent;border-left: 20px solid #25a4ad;}
@media only screen and (max-width: 568px) {
    .renovate-wrap::before{content: none;}
    .renovate-list{margin-bottom: 20px;}
    .renovate-list li{width: 48%;}
    .renovate-list li:first-child,.renovate-list li:nth-child(2){margin-bottom: 10px;}
    .one-stop-service-content-inner p{padding: 12px;}
    .one-stop-service-content-inner h4{padding: 16px 37% 16px 10px;font-size: 17px;line-height: 1.5;background: url('../img/demolition_work/interior-photo01.jpg') right top no-repeat;background-size: contain;}
    .one-stop-service ul li{margin: 0 0 10px;padding: 10px 6px;width: 48%;font-size: 14px;}
}
.contact-promotion-wrapper{position: relative;}
.contact-promotion-wrapper::before{content: "";position: absolute;top: 84px;left: 0;width: 619px;height: 464px;background: url('../img/demolition_work/content-bg05.png') top center no-repeat;background-size: cover;}
.contact-promotion-wrapper::after{content: "";position: absolute;top: 84px;right: 0;width: 610px;height: 503px;background: url('../img/demolition_work/content-bg06.png') top center no-repeat;background-size: cover;z-index: -1;}
.contact-promotion-wrapper h2{font-size: 28px;color: #FFDF20;}
.contact-promotion-wrapper h3.contact-promotion-title{margin-bottom: 30px;font-size: 26px;font-weight: 900;text-align: center;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;}
.contact-promotion-wrapper h3.contact-promotion-title span{font-size: 34px;}
.contact-promotion-wrapper h3.contact-promotion-title span.green{color: #1fa4ad;}
.contact-promotion-wrapper h3.contact-promotion-title span.orange{color: #eca224;}
.contact-promotion-wrapper ul{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;margin-bottom: 80px;}
.contact-promotion-wrapper ul::before{content: "etc.";position: absolute;top: 20px;right: 19%;font-size: 12px;}
.contact-promotion-wrapper ul li{margin: 0 8px;padding: 5px 10px;width: 100%;max-width: 120px;text-align: center;background: #fff;border: #25a4ad 1px solid;box-sizing: border-box;}
.contact-promotion{position: relative;background: url('../img/bg_note.png') #fff;border: #25a4ad 10px solid;box-sizing: border-box;box-shadow: 0 5px 15px 0 rgb(219 219 219);}
.contact-promotion::before{content: "";position: absolute;top: -11px;left: 50%;transform: translateX(-50%);width: 90%;height: 11px;background: url('../img/bg_note.png') left top repeat #fff;}
.contact-promotion::after{content: "";position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);width: 90%;height: 12px;background: url('../img/bg_note.png') left top repeat #fff;}
.contact-promotion-inner{position: relative;padding: 48px 36px;}
.contact-promotion-inner::before{content: "";position: absolute;bottom: -11px;right: 60px;width: 289px;height: 267px;background: url('../img/demolition_work/other-staff.png');z-index: 1;}
.contact-promotion-inner h4{position: absolute;top: -25px;left: 50%;transform: translateX(-50%);font-size: 26px;font-weight: 600;}
.contact-promotion-inner h4 span{background: linear-gradient(transparent 75%, #f1e340 75%);}
.contact-promotion-inner p{max-width: 542px;}
@media only screen and (max-width: 568px) {
    .contact-promotion-wrapper::before{content: none;}
    .contact-promotion-wrapper::after{content: none;}
    .contact-promotion-wrapper .inner{margin-bottom: 48px;}
    .contact-promotion-wrapper h2{padding: 10px 16px;font-size: 24px;line-height: 1.5;}
    .contact-promotion-wrapper h3.contact-promotion-title{margin-bottom: 16px;font-size: 18px;}
    .contact-promotion-wrapper h3.contact-promotion-title span{font-size: 22px;}
    .contact-promotion-wrapper ul{justify-content: center;margin-bottom: 32px;}
    .contact-promotion-wrapper ul::before{top: 58px;right: 5px;font-size: 14px;}
    .contact-promotion-wrapper ul li{max-width: 130px;}
    .contact-promotion-wrapper ul li:first-child,.contact-promotion-wrapper ul li:nth-child(2){margin-bottom: 10px;}
    .contact-promotion-inner{padding: 54px 45% 20px 20px;}
    .contact-promotion-inner::before{ background: url('../img/demolition_work/other-staff_sp.png'); bottom: -15px;right: -10px;width: 190px;height: 180px;background-size: contain;background-repeat: no-repeat;}
    .contact-promotion-inner h4{top: 5%;width: 100%;font-size: 20px;text-align: center;}
}
.contact-area-container{background: #D8EEF0;}
.contact-area-container .inner{margin-bottom: 0;padding: 48px 0;}
.contact-area-container .inner h3{position: absolute;top: -25px;left: 50%;transform: translateX(-50%);font-size: 28px;font-weight: 600;color: #fff;}
.contact-area-container .inner h3::before{content: "";position: absolute;left: -27%;top: 0;transform: skew(-25deg,0deg);width: 500px;height: 48px;border: none;background: #eca225;z-index: -1;}
.contact-area-wrapper .contact-area-comment{margin: 0px auto 250px;}
.contact-area-wrapper .contact-area-comment::after{bottom: 425px;}
.contact-area-wrapper .contact-area-comment h4{margin-bottom: 16px;font-size: 38px;font-weight: 900;color: #fff;line-height: 1.2;}
@media screen and (max-width:568px) {
    .contact-area-container .inner{padding: 32px 0;}
    .contact-area-container .inner h3{top: -20px;width: 100%;font-size: 22px;text-align: center;}
    .contact-area-container .inner h3::before{left: 50%;top: 0;transform: skew(-25deg,0deg) translateX(-50%);width: 90%;max-width: 568px;min-width: 320px;height: 40px;}
    .contact-area-wrapper .contact-area-comment{margin: 0 auto 312px;}
    .contact-area-wrapper .contact-area-comment h4{font-size: 24px;line-height: 1.5;}
}

.title-img-01{margin-bottom: 40px;}
.title-img-01 img.is-show-pc{margin: 0 auto;width: 886px;height: 328px;}
.title-img-01 img.is-show-sp{margin: 0 auto;width: 90%;height: auto;}

.title-img-02{margin-bottom: 32px;}
.title-img-02 img.is-show-pc{margin: 0 auto;width: 879px;height: 304px;}
.title-img-02 img.is-show-sp{margin: 0 auto;width: 90%;height: auto;}

.title-img-03{margin-bottom: 32px;}
.title-img-03 img.is-show-pc{margin: 0 auto;width: 982px;height: 304px;}
.title-img-03 img.is-show-sp{margin: 0 auto;width: 90%;height: auto;}

.title-img-04{margin-bottom: 0;}
.title-img-04 img.is-show-pc{margin: 0 auto;width: 833px;height: 238px;}
.title-img-04 img.is-show-sp{margin: 0 auto;width: 90%;height: auto;}

@media only screen and (max-width: 568px) {
    .title-img-01{margin-bottom: 20px;}
    .title-img-02{margin-bottom: 20px;}
    .title-img-03{margin-bottom: 20px;}
    .title-img-03{margin-bottom: 20px;}
}

@media only screen and (min-width: 569px) and (max-width: 768px) {
  .service-ttl {padding: 20px;}
  .service-ttl h2 {font-size: 28px;}
  .service-ttl p {width: 72%;}
  .bg-blue_band {margin-bottom: 24px;}
  .house-demolition-wrap::before {top: 132px;background: url(../img/demolition_work/content-bg01.png) top left no-repeat; background-size: cover; width: 413px;}
  .title-img-01 img.is-show-pc {height: auto; max-width: 100%;}
  .case-list li {width: 30%;}
  .case-list li img {max-width: 100%; height: auto;}
  .estimate-wrapper h4 {padding: 24px 16px 24px 22%;}
  .estimate-wrapper h4::before {width: 131px;}
  .estimate-content {background-size: 32%;}
  .estimate-content-inner {max-width: 462px;}
  .estimate-content-inner h5 {font-size: 20px;}
  .min-demolition-wrap::before {top: 132px;background: url(../img/demolition_work/content-bg02.png) top left no-repeat; background-size: cover; width: 413px;}
  .min-demolition-title span.big {font-size: 34px;}
  .title-img-04 img.is-show-pc {max-width: 100%; height: auto;}
  .ldemo-wrap::before {top: 132px;background: url(../img/demolition_work/content-bg03.png) top left no-repeat; background-size: contain; width: 413px;}
  .title-img-02 img.is-show-pc {max-width: 100%; height: auto;}
  .renovate-wrap::before {top: 132px; background: url(../img/demolition_work/content-bg04.png) top left no-repeat; background-size: cover; width: 413px;}
  .title-img-03 img.is-show-pc {max-width: 100%; height: auto;}
  .one-stop-service-content-inner {max-width: 507px;}
  .one-stop-service ul li {width: 23%;}
  .contact-promotion-wrapper::before {background: none;}
  .contact-promotion-wrapper::after {top: 76px; background: url(../img/demolition_work/content-bg06.png) top left no-repeat; background-size: cover; width: 413px;}
  .contact-promotion-inner::before {right: 8px; width: 262px; height: 234px;}
  .contact-promotion-inner h4 {width: 63%; top: -4px;}
  .contact-promotion-inner p { max-width: 433px;}
  .contact-promotion {border: #25a4ad 8px solid;}
  .contact-area-wrapper .contact-area-comment::after {bottom: 517px;}
  .house-demolition-wrap .inner, .min-demolition-wrap .inner, .ldemo-wrap .inner, .renovate-wrap .inner, .contact-promotion-wrapper .inner {margin-bottom: 10vw;}
}