@charset "UTF-8";

.about ul{margin-bottom:3%;}
.about li{position:relative;padding:0 0 0 5%;}
.about li:before{content: '\f058';font-family: 'icon';position:absolute;left:0;color:var(--gold);}

.reason{ margin-bottom: 10vw}
.reason .textbox{margin-bottom:5vw;}
.reason .textbox ul{margin: 6vw auto;}
.reason .textbox li{margin-bottom:1.6vw;text-indent: -0.6em;padding-left: 0.6em; }
.reason .textbox li:before{content:"・";}

.info .box{border:1px solid #ccc;padding:5%;font-size:95%;margin-bottom:15%;}
.info .box .tit{text-align:center;font-size:120%;border-bottom:1px solid #ccc;padding-bottom:3%;}
.info .box ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.info .box li{width:24%;}
.info .box li p{font-size:70%;text-align:center;}



/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.subhero{background: url(../../../images/menu/surgery/hyaluronic-acid/pc-subhero.jpg) center left -380px;padding: 250px 0;background-size: cover;}
.about ul{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.about li{width: 49%;padding: 0 0 0 18px;margin: 0 0 6px 0;}
.about li.w100{width:100%;}
  
.reason{margin-bottom: 60px;}
.reason .textbox{margin: 0 auto 4%;width: 100%;}
.reason .textbox ul{margin: 20px auto;}
.reason .textbox li{margin-bottom: 6px;}
.reason .textbox li:before{content:"・";}

.info .box{padding:50px;margin-bottom: 70px;}
.info .box .tit{padding-bottom:20px;}
.info .box ul{-webkit-justify-content: center;justify-content: center;}
.info .box li{width:155px;margin:0 20px;}
.info .box li img{margin-bottom:10px;}
.info .box li p{font-size:14px;}

.peculiarity .textbox{padding-top:160px;}
.peculiarity 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;}
.peculiarity li{width:49%;}
}

@media screen and (min-width: 1000px) {	
.combination{margin-bottom: 20px;}
.peculiarity{margin-bottom:20px;}
}

@media screen and (min-width: 1200px) {
.subhero{background: url(../../../images/menu/surgery/hyaluronic-acid/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/surgery/hyaluronic-acid/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/surgery/hyaluronic-acid/pc-subhero@2x.jpg) center top;background-size: 2000px;}
}