@charset "UTF-8";
.second-text{width:100%;}
.second-text .inner{width:90%;margin:0 auto;}
.second-text img{width:100%;}

.intro.inner{margin-bottom:15vw;}

.beauty{width:95%;margin:0 auto;}
.beauty ul{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;}
.beauty li{background:#f5f2f8;margin-bottom:5%;width:49%;}
.beauty li .textbox{padding:8% 8%;}
.beauty li .tit{text-align:center;font-family:var(--mincho);font-size:4vw;line-height:1.3}
.beauty li .tit span{display:block;font-family: proxima-nova;font-weight: 400;color:var(--purple02);font-size:90%;}
.beauty li .sub{margin-bottom:0;font-size:90%;color:var(--purple01);font-weight:bold;}

.support.inner{margin-bottom:15vw;}
.support li{background:#fff;box-shadow: 5px 2px 12px 5px rgb(185 185 185 / 36%);margin-bottom:5vw;padding-bottom:8vw;}
.support li img{margin-bottom:4vw;border-bottom:4px solid #e2bee6;}
.support li p{width: 88%;margin:0 auto 4vw;}
.support li span{font-family: proxima-nova;font-weight: 400;color:var(--purple01);display:block;text-align:center;margin-bottom: 1vw;}
.support li .tit{text-align:center;font-weight:bold;color:var(--purple01);font-size:5vw;line-height: 1.3;}

.metit{margin-bottom:12vw;}
.metit ul{text-align:left;}
.metit li{display:inline-table;background:#e7e0ed;padding: 2% 3% 2% 6vw;margin-bottom: 1.5vw;position:relative;line-height: 1.3;}
.metit li:before{content: '\f058';font-family: 'icon';color:var(--purple01);position:absolute;left: 2vw;}
.metit img{width:100%;}

.flow{margin-bottom:15vw;}
.flow ul{position:relative;}
.flow ul:before{content:"";width:6%;height:90%;bottom:0;left:47%;background:#e7e0ed;position:absolute;z-index:-1;}
.flow li{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: center;border: 1px solid #ccc;padding: 5%;margin-bottom: 5vw;background:#fff;}
.flow li img{width: 19%;}
.flow li .textbox{width: 75%;}
.flow li p{font-size:90%;}
.flow li .tit{font-size:120%;margin-bottom:1vw;font-weight: bold;}

.menulist{margin-bottom:15vw;}
.menulist li{ background:#fff;box-shadow: 5px 2px 12px 5px rgb(185 185 185 / 36%);margin-bottom:5vw;padding-bottom:8vw;}
.menulist li img{width:100%;border-bottom:4px solid #e2bee6;margin-bottom:5%;}
.menulist .textbox{width:90%;margin:0 auto;}
.menulist .tit{font-weight:bold;color:var(--purple02);text-align:center;font-size:120%;position:relative;margin-bottom:6vw;}
.menulist .tit:after{content:"";width:8%;height:1px;background:var(--purple01);position:absolute;bottom:-3vw;left:46%;}


.post{margin-bottom:10vw;}
.post img{width:100%;margin-bottom:5vw;}
.post li{padding: 4% 3% 4% 6vw;position:relative;line-height: 1.3;border-bottom:1px dashed #ccc;font-weight: bold;}
.post li:before{content: '\f058';font-family: 'icon';color:var(--purple01);position:absolute;left: 2vw;}
.post .set{background:#e7e0ed;margin-bottom:5%;padding:8%;}
.post .set span{font-family: proxima-nova;font-weight: 400;color:var(--purple02);}
.post .set .tit{font-weight:bold;font-size:4.5vw;border-bottom:1px solid #ccc;padding-bottom:5%;color:var(--purple01);}

.sameas{background: linear-gradient(to bottom, #926e91 40vw, #d6b8d5);padding: 15vw 0 10vw 0;margin-bottom: 16vw;}
.sameas .midashi01{color:#fff;}
.sameas .inner >p{color:#fff;}
.sameas li{margin-bottom: 5%;background:#fff;padding:8%;}
.sameas li img{margin-bottom:5vw;}
.sameas .tit{font-weight:bold;font-size:4.6vw;text-align:center;padding-bottom: 3vw;border-bottom: 2px solid #e7e0ed;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 769px) { 
.intro.inner{margin-bottom: 40px;}
.intro p{text-align:center;}
	
.metit{margin-bottom: 60px;}
.metit li{padding:10px 10px 10px 30px;margin-bottom:10px;}
.metit li:nth-child(1){width:100%;}
.metit li:before{left:10px;}
.metit .textbox{width: 56%;display: inline-block;vertical-align: middle;}
.metit .inner >img{width: 34%;max-width: 300px;display:inline-block;margin-left: 4%;vertical-align: middle;}
	
.flow{margin-bottom:120px;}
.flow ul:before{width:2%;left:49%;}
.flow li{-webkit-justify-content: left;justify-content: left;padding: 20px 30px;margin-bottom: 26px;}
.flow li img{width: 8%;max-width: 70px;}
.flow li .textbox{margin-left: 22px;width: 82%;}
.flow li .tit{margin-bottom: 6px;line-height: 1;}
.flow li p:nth-last-child(1){margin-bottom:0;}

.sameas{padding: 130px 0 150px;background: linear-gradient(to bottom, #926e91 70%, #d6b8d5);margin-bottom: 130px;}
.sameas .inner >p{text-align:center;}
.sameas li{display: grid;gap: 0 30px;grid-template-columns: 1fr 1fr;margin-bottom: 30px;padding:40px;}
.sameas .tit{font-size:20px;padding-bottom: 10px;text-align: left;}
.sameas li img{margin-bottom:0}
	
.menulist{margin: 0 0 90px 0;position: relative;}
.menulist ul{ 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;}
.menulist li{width:49%;margin-bottom:30px;padding-bottom: 50px;}
.menulist .tit{margin-bottom: 40px;}
.menulist .tit:after{bottom: -20px;}
.menulist .textbox a{width:80%;}
    	
.support.inner{margin-bottom: 110px;}
.support ul{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;}
.support li{width:48%;padding-bottom: 50px;margin-bottom:40px;}
.support li img{margin-bottom:25px;}
.support li .tit{font-size:22px;margin-bottom: 20px;}
.support li span{margin-bottom:10px;}
	
.post li{padding:15px 20px 15px 25px}
.post li:before{left:5px;}
.post .set{padding:40px;margin-bottom: 20px;}
.post .set .tit{font-size:24px;padding-bottom: 10px;}

.beauty{max-width:1200px;}
.beauty li .textbox{padding: 30px 30px;}
.beauty li .tit{font-size:25px;}
.beauty li .tit span{font-size:18px;}
.beauty li{width:24%;}
	
.cvarea p{text-align:center;}
}

@media screen and (min-width: 1200px) { 
.second-text .inner{max-width:1200px;}
	
.support li{width:32%;margin-bottom:30px;}
.support li p{width:82%;}
.support li .tit{font-size:20px;}
	
.post{margin-bottom: 120px;}
.post img{position:absolute;width: 680px;left: calc(50% - 820px);margin-bottom: 0;}
.post .textbox{width: 56%;margin: 0 0 80px auto;}
	
.metit .textbox{width:65%;}
	
.menulist li{width:32%;}
.menulist .textbox{width:86%;}

}
  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {

}