@charset "utf-8";

/* carento
==================================*/
header nav ul li#navi4{background:url(/common/img/navhover.png) center no-repeat;}
/* voice
==================================*/
#voice{width:1040px; margin:0 auto 60px;}
#voice dd ul{list-style:none;}
#voice dd ul li{float:left; width:50%;}
@media screen and (max-width: 640px){
#voice{width:auto; margin:0 3% 30px;}
#voice dt img{width:40%;}
#voice dd ul li{float:none; width:100%; border:1px solid #9f083e; margin-bottom:10px;}
#voice dd ul li.last{ margin-bottom:0;}
}
/* box01
==================================*/
#box01{width:1040px; margin:0 auto 60px; list-style:none;}
#box01 li{float:left; width:60%; border:1px dashed #ff87af; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
#box01 li.last{ float:right; width:38%;}
#box01 li dl{padding:3%;}
#box01 li dl dt,
#box01 li dl dd{text-align:center; font-size:0; line-height:0;}
#box01 li dl dd span.left{display:block; float:left; width:60%;}
#box01 li dl dd span.right{display:block; float:right; width:40%;}
@media screen and (max-width: 640px){
#box01{width:auto; margin:0 3% 20px;}
#box01 li dl{padding:3%;}
#box01 li dl dt,
#box01 li dl dd{text-align:center; font-size:0; line-height:0;}
}
/* box02
==================================*/
#box02{width:1040px; margin:0 auto 60px; list-style:none;}
#box02 li{float:left; width:49%; border:1px dashed #ff87af; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
#box02 li.last{float:right; width:49%;}
#box02 li dl{padding:3%;}
#box02 li dl dt,
#box02 li dl dd{text-align:center; font-size:0; line-height:0;}
@media screen and (max-width: 640px){
#box02{width:auto; margin:0 3% 30px;}
}

/* 221220 追記 */
#beforeAfter {
    max-width: 1040px;
    margin: auto;
}

@media screen and (max-width: 640px){
    #beforeAfter .sTtl img {
        width: 40%;
    }
}