@charset "UTF-8";
.second-text {width:100%;}
.second-text img{width:100%;margin-bottom:3vw;}
.second-text .inner{width:90%;margin:0 auto;}
.second-text em{background: linear-gradient(transparent 60%, #cff0ed 60%);font-weight: bold;}
.second-text .mds{background:var(--green02);color:#fff;font-weight:bold;font-size: 4.5vw;padding:2%;margin-bottom:2%;}

.intro {margin-bottom:15%;}
.intro .sub{font-weight:bold;font-size:4.5vw;line-height:1.6;color:var(--green02);}

.set{margin-bottom: 12vw}

.features{background:var(--green01);padding: 12%  0;margin-bottom: 12%;}
.features ul{margin:5vw auto 0;}
.features li{background:#fff;padding: 6%;margin-bottom:3%;}
.features p{margin-bottom:0;}
.features .subtit{font-size:4.5vw;font-weight:bold;margin-bottom:2%;border-bottom:1px solid #ccc;padding:0 0 2% 2%;margin-bottom:4%;color:var(--green02);position:relative;}
.features .subtit:before{content:"";background:var(--green02);width:20%;height:1px;position:absolute;bottom:-1px;left:0;}
.features img{margin-bottom:2%;}

.ba-item{margin: 0 auto 0;padding: 0 0 18vw 0;}
.ba-item .item{width:90vw;}
.ba-item dl{margin-bottom:2%;font-size: 105%;}
.ba-item dt,.ba-item dd{display:inline-block;padding: 2%;vertical-align:top;}
.ba-item dt{background: var(--green01);width: 100%;line-height: 1.4;text-align: center;font-weight: bold;}
.ba-item dd{width: 100%;line-height: 1.4;}
.ba-item .slick-dots{bottom:-30vw;}
.area-title { width: 90vw; padding: 1vw 0 1vw 17.5vw; margin: 0 auto 5vw; }
.area-title.ba { background: url(../../images/icon-ba.png) no-repeat center left; background-size: auto 100%; }
.area-title .en { margin-bottom: 1.5vw; color: var(--green02); font-size: 7.24vw; font-family: "Lato"; font-weight: 400; letter-spacing: 0.4vw; display: block; }
.area-title .jp { font-size: 3.95vw; font-weight: bold; display: block; }
.ba-item .more01{margin-top:18vw;}

.flow{margin-bottom:16vw;border-bottom:1px solid #e6e6e6;padding:0 0 12vw 0;}
.flow img{margin-bottom: 8%;}
.flow .title{color: var(--green02);font-size: 9vw;font-family: "Lato";font-weight: 400;margin-bottom: 5vw}
.flow .title span{display:inline-block;font-size:3.5vw;color:#000;margin-left:3vw;}
.flow li{border:1px solid #ccc;margin-bottom:4%;padding-bottom:3%;padding: 3%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: start;align-items: center;position:relative;}
.flow li:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -20px;border: 20px solid transparent;border-top: 10px solid #c7e7e0;}
.flow li:nth-last-child(1):before{content:none;} 
.flow li span{background:var(--green02);width:10%;text-align:center;color:#fff;font-family: "Lato";font-weight: 400;margin-right: 2%;padding: 1%;border-radius: 30px;}
.flow li p{margin-bottom:0;line-height: 1.4;}

/*
.price {margin-bottom: 15vw;}
.price table{border:1px solid #ccc;width:100%;}
.price th{background: #f3f3f3;}
.price tr{border-bottom:1px solid #ccc;}
.price th,.price td{padding:2%;line-height: 1.4;vertical-align: middle;text-align: center;border-right:1px dotted #ccc;}
.price td:nth-child(1){background:var(--green02);font-weight:bold;color:#fff;}
*/

.qabox{width:90%;margin:0 auto 12vw;}
.top-qa .title{margin-bottom:3vw;}
.top-qa .title .en{font-size: 13vw;font-family: bicyclette;font-weight: 400;color: #d0979f;}
.qabox dl{margin-bottom:6vw;}
.qabox dt{background: var(--green01);padding: 3% 5% 3% 12%;font-size:120%;position:relative;line-height: 1.2;font-weight: bold;margin-bottom: 3vw;}
.qabox dt:before{content:"Q";position:absolute;left: 2%;top:50%;transform: translateY(-50%);width: 25px;height: 24px;background: #fff;text-align: center;padding-top: 2px;color: var(--green02);font-family: "Lato";font-weight: 400;}
.qabox dl p{line-height:1.6;}

.attention li{line-height:1.5;position:relative;padding: 2% 0 2% 5%;border-bottom: 1px dashed #efefef;}
.attention li:nth-last-child(1){border-bottom:none;}
.attention li:before{content: "\f058";font-weight: normal;font-family: 'icon';position:absolute;left:0;color:var(--green02);}


.treatment td{text-align: left;}
.treatment{margin-bottom:10%;}
.treatment table{width:100%;border: 1px solid #e8e8e8;margin-bottom: 0;}
.treatment tr{border-bottom:1px solid #e8e8e8;}
.treatment tr:nth-child(1){border-top:1px solid #e8e8e8;}
.treatment th,.treatment td{padding:3% 5%;line-height: 1.4;vertical-align: middle;display:block;}
.treatment th{background:#e8e8e8;width:100%;border-bottom:1px solid #ffffff;}
.treatment tr:nth-last-child(1) th{border-bottom:none;}
.treatment td{width:100%;text-align: justify;}
.treatment td li{text-indent:-1em;padding-left: 1em;margin-bottom: 2vw}
.treatment td li:last-child{margin-bottom: 0;}

.item li{margin-bottom: 12vw;}
.item li:last-child{margin-bottom: 0;}
.item li img{width: 100%;}
.item li .name{font-size: 150%;font-weight: 600;color:var(--green02);line-height: 1.2;}
.item li .name span{font-size: 70%;display: block;font-weight: normal;color: #353535;margin-bottom: 2vw;background: none;}
.item li dl{margin-bottom: 5vw;}
.item li dl:last-of-type{margin-bottom: 0;}
.item li dt{margin-bottom: 3vw;padding:1vw 0 2vw 3vw;border-bottom: 1px dotted #ccc;font-weight: 600;border-left: 5px solid var(--green02);line-height: 1.4;}
.item li dd{line-height: 1.6;}
.item li span{font-weight: 600;background:#fdffd5;}

.item-list{padding: 6%;border: 1px solid #ccc;}
.item-list b{background: #fdffd5;}

.flow-item-wrap{padding: 12vw 0;background: var(--green01);margin-bottom: 12vw}
	
.flow-item{width: 90%;margin: 0 auto;}
.flow-item >li{border:1px solid #dadada;background: #FFF;padding: 6%;margin-bottom: 8vw;position:relative;z-index: 1;}
.flow-item li:last-child{margin-bottom: 0;}
.flow-item li img{margin-bottom: 5vw;width: 100%;}
.flow-item li::after{content: ""; display: block; width: 1px; height: 40%;background-color:#dadada; position: absolute;left: 50%;z-index:0;top:100%;}
.flow-item li:last-child::after{display:none;}
.flow-item li .bn img{margin:5vw 0 0;}

.flow-item .inner{margin-bottom: 3vw;padding-bottom: 3vw;border-bottom: 1px dotted #ccc;}
.flow-item .inner:last-of-type{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}

.flow-item .ttl{margin-bottom: 3vw;}
.flow-item .ttl dt{font-size: 4vw;font-family: "Lato";font-weight: 400;color: #cda35a;letter-spacing: .08em;padding-left: 7vw;position: relative;line-height: 1;margin-bottom: 1vw;}
.flow-item .ttl dt::before{content: '';width:5vw; height: 1px;background: #cda35a;position: absolute;top: 50%;left: 0;transform:translateY(-50%)}
.flow-item .ttl dd{font-size: 5vw;font-feature-settings: "palt";letter-spacing: .06em;line-height: 1.4;}
.flow-item li .text p{text-align: justify;}
.flow-item li .text p.ast{font-size: 80%;}
.flow-item li .text p:last-of-type{margin-bottom: 0;}
.flow-item .btns{margin-top: 5vw;}
	

/* 当院の施術のポイント */
.points{padding: 6vw 4vw;background: var(--green01);margin-bottom: 12vw;}
p.points-ttl{padding-bottom: 4vw;border-bottom: 1px solid #ccc;position: relative;text-align: center;font-size: 4.2vw;font-weight: 600;margin-bottom: 9vw;}
p.points-ttl:after{content: '';border-style: solid;border-width: 3vw 3vw 0 3vw;border-color: var(--green02) transparent transparent transparent;position: absolute;bottom: -4.5vw;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.points ul{gap: 2.6vw;}
.points li{padding: 2vw;background: #fff;font-weight: 600;letter-spacing: 0.06rem;width: 100%;line-height: 1.4;margin-bottom: 1vw;text-indent: -1.5em;padding-left: 2.5em}
.points li::before{content: '\e900';font-family: 'icon';margin-right: 5px;color: var(--green02)}
.points li.no-set::before{content: ""}
.points li.no-set{background: none;}




/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.second-text{max-width:inherit;}
.second-text .mds{font-size:20px;padding: 10px;}
.second-text .inner{max-width:1200px;}
.second-text .note{font-size: 13px;text-align:center;margin: 11px auto 0;}
	
.set{margin-bottom: 120px;}

.intro{margin-bottom:100px;}
.intro .sub{font-size:18px;margin-bottom:10px;}
    
.features{padding: 100px 0 70px 0;margin-bottom: 90px;}
.features .sub{text-align:center;}
.features ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;margin-top: 30px;}
.features li{padding:30px;width:49%;margin-bottom:15px;}
.features .subtit{font-size:20px;padding: 0 10px 10px 10px;margin-bottom: 15px;}
.features img{margin-bottom:15px;}

.ba-item{padding-bottom:100px;}
.area-title.ba {background: url(../../images/icon-ba@2x.png) no-repeat center left;background-size: auto 60px;padding: 1vw 0 1vw 80px;margin-bottom: 10px;}
.area-title .en { margin-bottom: 6px; font-size: 40px; letter-spacing: 2px; }
.area-title .jp { font-size: 15px; }
.ba-item .item {width:350px;margin: 0 10px auto;}
.ba-item .item img{margin-bottom: 10px;}
.ba-item dd{font-size:14px;}
.ba-item .slick-dots{bottom: -70px;}
.ba-item .slick-dots li{width:15px;height:15px;margin: 0 8px;}
.ba-item .more01{margin-top:70px;}

.flow{padding-bottom:80px;margin-bottom:80px;}
.flow img{margin-bottom:50px;}
.flow .title{font-size: 50px;margin-bottom: 15px;}
.flow .title span{font-size:18px;margin-left: 20px;}
.flow li{padding: 10px 15px;margin-bottom: 23px;}
.flow li span{width:50px;padding:2px;}

/*.price{margin-bottom:100px;}*/
    
.qabox{margin-bottom:100px;max-width: 1200px;}

.qabox dl{margin-bottom: 25px;}
.qabox dt{padding:15px 0 15px 50px;margin-bottom:10px;}
.qabox dt:before{left: 10px;}
.qabox dl p{margin-bottom:10px;}

.attention li{padding:10px 0 10px 20px;}
	
	
.treatment{margin-bottom:80px}
.treatment th{width:25%;;}
.treatment th, .treatment td{padding: 15px 20px;display:table-cell}
.treatment td{font-size: 100%;line-height: 1.8;}
.treatment td li{margin-bottom: 8px;}
	
	
.item >li img{max-width: 380px;width: 30%;margin-bottom: 0}
.item >li{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;align-items:start;margin-bottom: 60px;}
.item li .text{width: 65%;}
.item li .name span{margin-bottom: 5px;}
.item li dl{margin-bottom: 20px;}
.item li dt{margin-bottom: 10px;padding:5px 0 5px 10px;}
	
.item-list{padding:25px;}
	
.flow-item-wrap{padding: 80px 0;margin-bottom: 80px;}
	
.flow-item{max-width: 1200px;}
.flow-item >li{padding: 40px;margin-bottom: 30px;}
.flow-item li .inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;width: 100%;}
.flow-item li img{order: 2;margin-bottom: 0;width: 385px;}
.flow-item .text{max-width:600px;width: 70%;}
.flow-item .text p{margin-bottom: 20px;}
.flow-item li .bn img{margin-top: 30px;}
.flow-item .inner{margin-bottom:30px;padding-bottom: 30px;}

.treatment-flow-ttl{margin-bottom: 10px;padding: 5px 10px}
.treatment-flow-ttl span{padding-right: 8px;margin-right: 15px;}
	
.flow-item .ttl{margin-bottom: 20px;}
.flow-item .ttl dt{font-size: 18px;padding-left:40px;margin-bottom: 10px;}
.flow-item .ttl dt::before{width: 30px;}
.flow-item .ttl dd{font-size: 25px;}	

	
/* 当院の施術のポイント */
.points{padding: 50px;margin-bottom: 80px;}
p.points-ttl{padding-bottom: 20px;font-size: 22px;margin-bottom: 40px;}
p.points-ttl:after{border-width: 10px 10px 0 10px;bottom: -16px;}
.points ul{gap: 10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.points li{padding: 14px 14px 14px 40px;width:49%;margin-bottom: 0;}
	
}



@media screen and (min-width: 1000px) {
.intro{margin-bottom:40px;}
.intro .inner{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;align-items:start;}
.intro img{width:40%;}
	
.intro .textbox{width:55%;}
.features{padding-bottom:90px;}
.features ul{justify-content: center;}
.features li{width: 31.5%;margin: 0 6px 12px;}
.ba-item{padding:0;margin-bottom:200px;}
.price th, .price td{padding:15px;}
.flow {position:relative;padding-bottom: 100px;margin-bottom: 120px;}
.flow:after{content:"";width: 800px;height: 560px;background:url(../../images/menu/bg01.png);background-size: contain;position:absolute;top: -270px;right: -110px;}
.flow img{position:absolute;width: 950px;top: -100px;}
.flow .textbox{width: 900px;margin:0 0 0 auto;background:#fff;position:relative;padding: 70px 0 0 70px;z-index: 2;min-height:430px;}
.flow ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;}
.flow li{width:49%;}
.flow li:before{transform:rotate(-90deg);top:44%;left: inherit;right: -21px;border: 10px solid transparent;border-top: 10px solid #c7e7e0;}
.flow li:nth-child(even):before{content:none;}
}




@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.flow:after{background: url(../../images/menu/bg01@2x.png);background-size: contain;}
}