@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:"・";}

.reason .attbox{padding: 6%;background: #fff;}
.reason .attbox dt{  background: var(--gold); color: #fff; font-weight: bold;text-align: center;padding: 1%;margin-bottom: 2%;}
.reason .attbox dd{line-height: 1.8;}

.type{background:#fff;padding:6%;margin-bottom: 12vw;}
.type .box{border:1px solid #d3c7b1;padding:6%;margin:5vw auto 0;}
.type dt{background:var(--black);color:#fff;font-weight:bold;text-align:center;padding:1%;margin-bottom:2%;}
.type .box dl:nth-child(1) {margin-bottom:5%;}
.type .box dl:nth-child(1) dt{background:var(--gold);}
.type .tit{ color: var(--gold);font-size: 120%;font-family: var(--mincho); font-weight: 600; }

.voice li{background:none;margin-bottom:0;padding:0;}
.voice li iframe{width:100%;height:40vw;}

.combination .subtit{font-size: 3.8vw;font-weight: 600;font-family: var(--gothic);line-height: 1.4;padding-bottom: 5%;}
.combination .set{background:#fff;padding:5%;margin-bottom: 5%;}
.combination  a{width:100%;margin-bottom:2%;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.subhero{background: url(../../../images/menu/surgery/botox/pc-subhero.jpg) center right -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;}
	
.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:"・";}

.reason .attbox{padding: 40px;}
.reason .attbox dt{  background: var(--gold); color: #fff; font-weight: bold;text-align: center;padding: 1%;margin-bottom: 2%;}
.reason .attbox dd{line-height: 1.8;}
.voice li{width: 49%;}
.voice li iframe{height: 350px;}

.combination .subtit{font-size:20px;padding-bottom: 20px;}
}

@media screen and (min-width: 1000px) {	
.type{padding: 50px;margin-bottom: 60px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.type img{width:100%;order:2;margin-bottom: 0;}
.type .textbox{width:52%;order:1;}
.type .box{border:none;padding:0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;width:100%;order:3;margin: 40px 0 0 0;}
.type .box dl{width:49%;}
.combination{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;align-items: normal;}
.combination .set{width: 49%;padding: 40px;margin-bottom: 25px;}
.combination .textbox{width:100%;margin-bottom:0;}
.combination img{width:100%;margin-bottom:20px;}

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