#second-visualcontents::before{background: url('../img/memento/header-image.png') center center no-repeat;background-size: contain;}
@media only screen and (max-width: 568px) {

}
.underlayer-intro img{max-width: 970px;}
@media only screen and (max-width:568px) {
    .induction-contact-inner{margin-bottom: 32px;}
}
.basic-ms-wrap::before{content: "";position: absolute;top: 100px;left: 0;width: 677px;height: 623px;background: url('../img/memento/service-bg01.png') center center no-repeat;background-size: cover;z-index: -1;}
.basic-ms-wrap::after{content: "";position: absolute;top: 100px;right: 0;width: 605px;height: 581px;background: url('../img/memento/service-bg02.png') center center no-repeat;background-size: cover;z-index: -1;}
@media only screen and (max-width: 568px) {
    .basic-ms-wrap::before{content: none;}
}
.requirement-wrap{border-top: #25a4ad 5px solid;box-shadow: 0 5px 15px 0 rgb(219 219 219);}
.requirement-wrap h3{padding: 10px;font-size: 24px;font-weight: 600;color: #20a4ad;text-align: center;background: url('../img/dot_05.png') left top repeat;}
.requirement-list{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 16px;}
.requirement-list li img{margin-bottom: 5px;}
.requirement-list li span{display: block;font-size: 16px;font-weight: 500;color: #20a4ad;text-align: center;}
.requirement-inner{padding: 24px 48px;background: #fff;}
@media only screen and (max-width: 568px) {
    .reaons-wrap {
        margin-top: 20px;
    }
    .requirement-inner{padding: 10px;}
    .requirement-list{flex-wrap: wrap;}
    .requirement-list li{width: 30%;}
    .requirement-list li:first-child,.requirement-list li:nth-child(2),.requirement-list li:nth-child(3){margin-bottom: 10px;}
}
.other-service-wrap{position: relative;background: url('../img/service_common/dot_07.png') top center repeat #D8EEF0;box-sizing: border-box;overflow: auto;}
.other-service-wrap h2{margin-bottom: 16px;padding: 4vw 0 0;font-size: 24px;font-weight: 600;text-align: center;}
.other-service-wrap h2 span{background: linear-gradient(transparent 75%, #f1e340 75%);}
@media only screen and (max-width:568px) {

}
.ms-example-wrap{padding: 4vw 0;background: url('../img/bg_pattern03.png') top center repeat;}
.ms-example{padding: 48px 24px 16px;}
.ms-example-inner{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;margin-bottom: 16px;}
.ms-example-inner img{width: 100%;}
.ms-example-inner .before-after{max-width: 466px;}
.ms-example-inner .service-cost{max-width: 240px;}
.ms-example-inner .customer-voice{max-width: 153px;}
.ms-example .room-time{margin-bottom: 16px;max-width: 375px;height: 27px;}
.ms-example p{padding: 16px;background: #FFF2E5;}
@media only screen and (max-width: 568px) {
    .ms-example{padding: 10px;}
    .ms-example-inner{flex-wrap: wrap;}
    .ms-example-inner .before-after{margin-bottom: 10px;width: 100%;max-width: 568px;height: auto;}
    .ms-example-inner .service-cost{width: 60%;height: auto;}
    .ms-example-inner .customer-voice{width: 35%;height: auto;}
}
.memento-cost-wrap{position: relative;padding: 4vw 0;}
.memento-cost-include{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;margin-bottom: 24px;width: 100%;max-width: 980px;}
.memento-cost-include h3{margin: 0;padding: 16px 10px;font-size: 16px;font-weight: 500;line-height: 1.5;color: #fff;text-align: center;width: 18%;background: #1ea4ad;box-sizing: border-box;}
.memento-cost-include ul{display: flex;flex-direction: row;justify-content: space-between;margin: 0;padding: 20px 16px;width: 82%;background: #D8EEF0;box-sizing: border-box;}
.memento-cost-include ul li{padding: 6px 10px;font-size: 16px;font-weight: 500;text-align: center;width: 100%;max-width: 120px;background: #fff;border: #1ea4ad 2px solid;box-sizing: border-box;}
.memento-cost-wrap table{margin-bottom: 16px;width: 100%;max-width: 980px; background: #fff;border: #1ea4ad 2px solid;box-sizing: border-box;}
.memento-cost-wrap table tbody{position: relative;box-sizing: border-box;}
.memento-cost-wrap table tbody th{padding: 10px;color: #fff;text-align: center;}
.memento-cost-wrap table tbody th.room,.memento-cost-wrap table tbody td.room{width: 250px;}
.memento-cost-wrap table tbody th.time,.memento-cost-wrap table tbody td.time{width: 250px;}
.memento-cost-wrap table tbody th.cost,.memento-cost-wrap table tbody td.cost{width: 480px;}
.memento-cost-wrap table tbody th.green{background: #1ea4ad;}
.memento-cost-wrap table tbody th.orange{background: #eba224;}
.memento-cost-wrap table tbody td{padding: 20px 10px;text-align: center;box-sizing: border-box;}
.memento-cost-wrap table tbody td.list-odd{background: url(../img/dot_02.png) left top repeat #f3f3f3;}
.memento-cost-wrap table tbody td.list-even{background: url(../img/dot_03.png) left top repeat #f3f3f3;}
.memento-cost-wrap table tbody td.cost{font-size: 18px;font-weight: 600;color: #eba224;}
.memento-cost-wrap table tbody td.bg-gray{background: #f2f2f2;}
.memento-cost-wrap table tbody td.border-right{border-right: #1ea4ad 1px solid;}
.memento-cost-notice p{font-size: 12px;font-weight: 300;}
@media only screen and (min-width: 569px) and (max-width: 768px) {
  .basic-ms-wrap::before {background: none;}
  .ms-example {padding: 24px 24px 16px;}
  .ms-example-inner {align-items: flex-start;}
  .ms-example-inner .before-after {width: 54%;}
  .ms-example-inner .service-cost {width: 25%;}
  .ms-example-inner .customer-voice {width: 15%;}
  .requirement-inner { padding: 24px; }
  .requirement-list li {width: 15%;}

  .memento-cost-include ul li {padding: 6px 8px; width: 15%;}

}

@media only screen and (max-width: 568px) {
    .memento-cost-include{flex-direction: column;}
    .memento-cost-include h3{width: 100%;}
    .memento-cost-include ul{flex-wrap: wrap;padding: 10px;width: 100%;}
    .memento-cost-include ul li{padding: 3px 5px;width: 30%;font-size: 14px;font-weight: 500;}
    .memento-cost-include ul li:first-child,.memento-cost-include ul li:nth-child(2),.memento-cost-include ul li:nth-child(3){margin-bottom: 10px;}
    .memento-cost-wrap table tbody td{padding: 10px;}
    .memento-cost-wrap table tbody th.room,.memento-cost-wrap table tbody td.room{width: 20%;font-weight: bold;}
    .memento-cost-wrap table tbody th.time,.memento-cost-wrap table tbody td.time{width: 40%;font-weight: bold;}
    .memento-cost-wrap table tbody th.cost,.memento-cost-wrap table tbody td.cost{width: 40%;font-weight: bold;}
}