@charset "UTF-8";

/* =============================================
sp-size 
================================================*/

.massage-peel .intro span{font-weight: 600;background: #fdffd5;}
.massage-peel .item dl{margin-bottom: 5vw;}
.massage-peel .item dl:last-of-type{margin-bottom: 0;}
.massage-peel .item dt{margin-bottom: 3vw;padding:1vw 0 2vw 3vw;border-bottom: 1px dotted #ccc;font-weight: 600;border-left: 5px solid var(--green02);}
.massage-peel .item dd{line-height: 1.6;}
.massage-peel .item-list{padding: 6%;border: 1px solid #ccc;}

.massage-peel .flow{margin-bottom:16vw;border-bottom:1px solid #e6e6e6;padding:0 0 12vw 0;}
.massage-peel .flow img{margin-bottom: 8%;}
.massage-peel .flow .title{color: var(--green02);font-size: 9vw;font-family: "Lato";font-weight: 400;}
.massage-peel .flow .title span{display:inline-block;font-size:3.5vw;color:#000;margin-left:3vw;}
.massage-peel .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;}
.massage-peel .flow li:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -20px;border: 20px solid transparent;border-top: 10px solid #c7e7e0;}
.massage-peel .flow li:nth-last-child(1):before{content:none;} 
.massage-peel .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;}
.massage-peel .flow li p{margin-bottom:0;line-height: 1.4;}

.massage-peel .flow ul span{width: 12%;margin-right: 4%;}
.massage-peel .flow ul p{width: 84%;}

.massage-peel sub{ vertical-align: sub;font-size: 60%;}
.massage-peel .attention{margin-bottom: 6vw;}

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {

.massage-peel .item dl{margin-bottom: 20px;}
.massage-peel .item dt{margin-bottom: 10px;padding:5px 0 5px 10px;}
.massage-peel .item-list{padding:25px;}
	
.massage-peel .flow{padding-bottom:80px;margin-bottom:80px;}
.massage-peel .flow img{margin-bottom:50px;}
.massage-peel .flow .title{font-size: 50px;}
.massage-peel .flow .title span{font-size:18px;margin-left: 20px;}
.massage-peel .flow li{padding: 10px 15px;margin-bottom: 23px;}
.massage-peel .flow li span{width:50px;padding:2px;}
.massage-peel .flow ul span{width: 12%;margin-right: 4%;}
.massage-peel .flow ul p{width: 84%;}
	
.massage-peel .attention{margin-bottom:40px;}
.massage-peel .mb{margin-bottom: 160px;}
	
}

@media screen and (min-width: 1000px) {
	
.massage-peel .intro{margin-bottom:40px;}
.massage-peel .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;}
.massage-peel .intro img{width:40%;}
.massage-peel .intro .textbox{width:55%;}
.massage-peel .features{padding-bottom:90px;}
.massage-peel .features ul{justify-content: center;}
.massage-peel .features li{width: 31.5%;margin: 0 6px 12px;}
.massage-peel .ba-item{padding:0;margin-bottom:200px;}
.massage-peel .price th, .price td{padding:15px;}
.massage-peel .flow {position:relative;padding-bottom: 100px;margin-bottom: 120px;}
.massage-peel .flow:after{content:"";width: 800px;height: 560px;background:url(../../images/menu/bg01.png);background-size: contain;position:absolute;top: -190px;right: -110px;}
.massage-peel .flow img{position:absolute;width: 950px;top: -100px;}
.massage-peel .flow .textbox{width: 900px;margin:0 0 0 auto;background:#fff;position:relative;padding: 70px 0 0 70px;z-index: 2;min-height:430px;}
.massage-peel .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;}
.massage-peel .flow li{width:49%;}
.massage-peel .flow li:before{transform:rotate(-90deg);top: 15px;left: inherit;right: -21px;border: 10px solid transparent;border-top: 10px solid #c7e7e0;}
.massage-peel .flow li:nth-child(even):before{content:none;}

}