@charset "UTF-8";
.about .movie{margin-bottom:5vw;}
.about iframe{width:100%;height:45vw;}
.about .box .subtit{background: var(--gold);color: #fff;font-weight: bold;text-align: center;padding: 2% 2%;margin-bottom: 0;line-height: 1.4;}
.about .box li{margin-bottom:5%;position: relative;padding:0 0 0 5%;}
.about li:before{content: '\f058';font-family: 'icon';position:absolute;left:0;color:var(--gold);}
.about .movie li{padding:0;}
.about .movie li:before{content:none;}
.voice li{background:none;margin-bottom:0;padding:0;}
.voice li iframe{width:100%;height:40vw;}
.info{margin-bottom:10vw;}
.info .tbl01{margin-bottom:0;}
.info iframe{width:100%;height:45vw;}

@media screen and (min-width: 736px) {
.subhero{background: url(../../../images/menu/skin/dermapen/pc-subhero.jpg) center left -380px;padding: 225px 0;background-size: cover;}
.voice li{width: 49%;margin-bottom: 12px;}
.voice li iframe{height: 350px;}
.about .movie{margin:60px 0;}
.about .movie iframe{height:400px;}
.about .box li{padding: 0 0 0 18px;margin: 0 0 6px 0;}
.about .movie li{padding: 0;}
.info iframe{height:400px;}
}

@media screen and (min-width: 1000px) {	
.info{margin-bottom:100px;}
.about .box ul{ display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.about .box li{width:49%;margin-bottom:0;}
.about .box li iframe{height:300px;}
}

@media screen and (min-width: 1200px) {
.subhero{background: url(../../../images/menu/skin/dermapen/pc-subhero.jpg) center top;background-size: 2000px;}

}
  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.subhero{background: url(../../../images/menu/skin/dermapen/pc-subhero@2x.jpg) center left -380px;background-size: cover;}
}
@media screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1200px) and (min-resolution: 2dppx) {
.subhero{background: url(../../../images/menu/skin/dermapen/pc-subhero@2x.jpg) center top;background-size: 2000px;}

}