@charset "UTF-8";

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

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

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

.hifu .attention{margin-bottom: 6vw;}

.hifu .limited-cam{width: 90%;margin: 0 auto 12vw;}
.hifu .limited-cam img{width: 100%;}





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

.hifu .item dl{margin-bottom: 20px;}
.hifu .item dt{margin-bottom: 10px;padding:5px 0 5px 10px;}
.hifu .item-list{padding:25px;}
	
.hifu .flow{padding-bottom:80px;margin-bottom:80px;}
.hifu .flow img{margin-bottom:50px;}
.hifu .flow .title{font-size: 50px;}
.hifu .flow .title span{font-size:18px;margin-left: 20px;}
.hifu .flow li{padding: 10px 15px;margin-bottom: 23px;}
.hifu .flow li span{width:50px;padding:2px;}
	
.hifu .attention{margin-bottom:40px;}
.hifu .mb{margin-bottom: 160px;}
	
.hifu .limited-cam{max-width: 900px;margin-bottom: 100px;}
	
}

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

}