@charset "UTF-8";

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

.epi .intro-words span{font-weight: 600;background: #fdffd5;}

.epi .intro02 ul li{border:1px solid var(--green02);padding: 4vw;margin-bottom: 6vw;}
.epi .intro02 ul li p{margin-bottom: 0;}
.epi .intro02 ul li p.subtitle{font-size:4.6vw;text-align: center;color: var(--green02);border-bottom: 1px solid #ccc;font-weight: bold;margin-bottom: 6vw;padding-bottom: 4vw;line-height: 1.2;}
.epi .intro02 ul li p span{font-size: 80%;}

.epi li.scroll{margin-bottom: 2vw;}
.epi .soprano{width: 70%;margin: 0 auto 4vw;}
.epi p.notice{margin-bottom: 6vw;}

.epi .features ul span{font-weight: 600;background: #fdffd5;}
.epi .epi-structure{margin: 0 auto;}
.epi .epi-structure img{width: 1200px; overflow: auto;}

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

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

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

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

.attention-set{margin-bottom: 8vw;}






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

.epi .intro {margin-bottom: 0;}
.epi .intro img{margin-bottom: 20px;}
.epi .intro02 ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: stretch;align-items: stretch;}
.epi .intro02 ul li{width: 32%;padding: 20px;}
.epi .intro02 ul li p.subtitle{font-size:18px;margin-bottom: 14px;padding-bottom: 14px;}
.epi .epi-structure img{width: 100%;max-width: 1000px;margin-top: 20px;}
.epi .item li{margin-bottom: 60px;}
.epi .soprano{margin: 0 auto 20px;}
	
.structure{margin-bottom:80px}
.structure th{width:25%;;}
.structure th, .structure td{padding: 15px 20px;display:table-cell}
.structure td{font-size: 100%;line-height: 1.8;}
.structure td li{margin-bottom: 8px;}
	
.epi .attention{margin-bottom:40px;}
.epi .mb{margin-bottom: 160px;}
	
.epi .flow{padding-bottom:80px;margin-bottom:80px;}
.epi .flow img{margin-bottom:50px;}
.epi .flow .title{font-size: 50px;}
.epi .flow .title span{font-size:18px;margin-left: 20px;}
.epi .flow li{padding: 10px 15px;margin-bottom: 23px;}
.epi .flow li span{width:50px;padding:2px;}
	
	
.attention-set{margin-bottom: 200px;}
	
}

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

}