@charset "utf-8";

html { width: 100%; height: 100%; }
:root{--red1: #AB2964;--red2:#B54477;--gold1:#DDB786;--gold2:#AD9555;--gold3:#A1863D;
  --yellow:#ffff9e;--green:#5CA623;--blue:#2C8DC9;--black:#2F2E36;--base1:#F6F6F6;--base2:#EAEAEA;
  --base3:#DFDFDF;--base4:#EEEAE1;--base5:#F0E5E5;
  --small:66%;--mid:88%;--size_basic:16px;--size_lg:18px;}

.red1{ color:var(--red1);}
.red2{ color:var(--red2);}
.gold1{ color:var(--gold1); }
.gold2{ color:var(--gold2);}
.gold3{ color:var(--gold3);}
.yellow{ color:var(--yellow);}
.green{ color:var(--green);}
.greenbt{background: var(--green);}
.blue{ color:var(--blue);}
.base1{ color:var(--base1);}
.base2{ color:var(--base2);}
.base3{ color:var(--base3);}
.base4{ color:var(--base4);}
.base5{ color:var(--base5);}

.small {font-size: var(--small); }
.mid {font-size: var(--mid); }

.red_under {display: inline-block;position: relative;z-index: 5;line-height: 0.25;}
.red_under::after {content:"";display: block;width: 100%;height: 0.66em;background: var(--red2);position: relative;top: 0.025em;z-index: -1;}

.header__pc,br.brpc { display: block; }
.header__sp,br.brsp,br.brspsp { display: none; }

.spread {text-align: center;font-size: clamp(18px, 2.75vw, 29px);font-weight: 700;display: flex;justify-content: center;align-items: end;}
.spread::before,.spread::after{content: url(../images/spread.svg);display: block;position: relative;transform: scale(0.5);top: 0.5em;}
.spread::before{left: -7px;}
.spread::after{transform: scale(-0.5, 0.5);right: -7px;}
.spread img{max-width: 436px;}

body {
  font: 500 var(--size_basic) "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",Meiryo, sans-serif;
  font-optical-sizing: auto;
  color: var(--black);
  background: url(../images/bg.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  position: relative;
}
  @supports (background-image: url('../images/bg@2x.webp')) {
    body{background-image: url('../images/bg@2x.webp');background-color: var(--black);}
   }
/*　メイン　*/
main,header,footer {max-width: 750px;width: 100%;margin: auto;position: relative;background: #FFF;z-index: 6;transition: 0.15s;}
main{padding: 2em 0 0;z-index: 8;background-image: url(../images/foot_bg.jpg) ;
  background-position: bottom;
  background-repeat:no-repeat; background-color: #FFF;
  margin: 0 auto -3em;box-shadow: 0px 3px 3px 0px rgba(0, 0, 0 , .25);}
@supports (background-image: url('../images/foot_bg@2x.webp')) {
  main{background-image: url('../images/foot_bg@2x.webp');background-size: contain;}
 }
.footbar{position: absolute;z-index: 0;width: 100%;height: 6em;}

section{padding: 2em 0 2em;}
.contents{width: 90%;margin:auto;}

article{padding:0 0 25em}


/* メインビジュアル　*/
header {
  width: 100%;
  max-width: 750px;
  height: auto;
  background-image: url(../images/main_bg.jpg);
  background-repeat:no-repeat;
  background-color: #FFF;
  background-position-y: -6em;
  padding: 0;
  margin-top: 0;
  overflow: hidden;
  text-align: center;
  }
@supports (background-image: url('../images/main_bg@2x.webp')) { header { 
  background-image: url('../images/main_bg@2x.webp');background-size: cover;  background-position-y: -11em; } 
}

.header__pc{background: url('../images/main_bg.jpg') no-repeat #FFF;background-size: cover; }
.header__cont{ max-width: 560px; margin: auto; }
.title-catch{font-size: clamp(15px, 3vw, 21px);font-weight: 600;text-align: center;padding: 45vh 0% 0;max-width: 540px;margin: auto;}
.header__cont .title{max-width: 505px;margin: auto;padding: 1vh 0 0;}
.header__cont .header__deco{position: absolute;top: 56%;left: 3%;transform: scale(0.75);}
.header__cont .header__deco:first-child{left: 5%;}
.header__cont .header__deco:last-child{transform: scale(0.75) scaleX(-1.0);right: 3%;left: unset;}
.header__cont .title_under{margin: 0px auto 3.5vh;width: 80%;}

.price {width: 95%;padding: 0 0 5px;max-width: 520px;margin: auto;}
.price_area p{text-align: center;font-weight: 700;width: 90%;margin: 0.5em auto;}
.price_above{max-width: 360px;margin: 1em auto;}

.apply__button {
  margin: 13px auto;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  width: 90.0%;
  max-width: 420px;
  line-height: 1.66;
  padding: 0.75em 0;
  transition: 0.3s;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 5;
  box-shadow: 0px 3px 2px rgb(68 68 68 / 0.25);
  font-size: clamp(18px, 3vw, 24px);
  }
.apply__button a {color: inherit;text-decoration: none;margin-right: -11%;}
.apply__button:hover { background-color:#519b18;}

.apply__button:before {content: url(../images/wine.svg);position: absolute;left: 8%;top: 22.5%;display: table;/* width: 30px; *//* transform: scale(1.0); */transition: 0.15s;}
.apply__button:hover::before{ transform: rotate(10deg);}

/* 申込ボタン */
aside{position: fixed;left: 50%;top: 6%;margin-left: -750px;width: 100%;max-width: 335px;z-index: 6;transition: 0.15s;text-align: center;}
aside h2{color: #FFF;text-align: center;margin: 0 0 0.5em;font-size: clamp(17px, 3vw, 19.5px);}
aside .apply__button {width: 90%;font-size: clamp(17px, 3vw, 18px);left: 0;}
aside .apply__button:before {transform: scale(0.88) ;top: 13%;}
aside .apply__button:hover:before {transform: rotate(10deg) scale(0.88)}
aside img{margin: 1em auto 1.5em;text-align: center;}
aside .aside1{}
aside .aside2{width: 88%;margin: auto;}

.bt-show { animation-name:fadein-anime-bt; animation-duration:0.5s; animation-fill-mode: forwards; }
 @keyframes fadein-anime-bt{ 0% {opacity:0; bottom: -11%} 100% {opacity:1; bottom: 0%} }
    



.bonus{background: url(../images/bonus_bg.jpg);background-size: cover;background-position: center;padding: 2em 0 5em;}
@supports (background-image: url('../images/bonus_bg@2x.webp')) { .bonus   {background-image: url('../images/bonus_bg@2x.webp');} }
.bonus__head{background: url(../images/bonus_ribon.svg) no-repeat;position: relative;height: 102px;max-width: 734px;margin: auto;}
.bonus h2{text-align: center;font-size: clamp(31px, 2.25vw, 38px);margin: 1em auto;font-weight: 700;top: 8px;position: relative;width: fit-content;color: #FFF;left: 3.5%;text-shadow: 0 1px 1px #69193d;}
.bonus h2 span{font-size: 135%;line-height: 1;position: relative;bottom: -3px;}

.bonus_baloon{position: absolute;width: 150px;left: 50%;margin: -9.5% 0 0 -38%;}

.bonus__area {display: flex;flex-direction: column;margin: -1.75em auto;max-width: 650px;padding: 1.5em 0 1em;background: #FFF;}
.bonus__area_cell {width: 100%;margin: 0 auto;padding: 1.75em 6.5% 1.25em;display: flex;}
.bonus__area_cell:nth-child(even){background: var(--base1);}
.bonus__area_cell:last-child{border: 0;}

.bonus__area_img{position: relative;margin-right: 5%;}
.bonus__area_img img{width: 127px; object-fit: cover;}
.bonus__area_img div img{width: 48px;height: 48px;position: absolute;top: -15%;left: -15%;}

.bonus__area_box{width: 72.5%;}
.bonus__area  h3{margin: 0 0 0.25em;line-height: 1.45;font-weight: 600;font-size: clamp(21px, 1.75vw, 18px);color: var(--red2);}
.bonus__area .bonus_sub{font-size: 88%;border: 1px solid #ddd;width: fit-content;    padding: 1.25% 2.5%;line-height: 1;background: #f7f7f7;margin: 0 0 1em;font-size: 17px;}


.problem{font-size: clamp(16px, 3vw, 20px);line-height: 1.75;padding: 0;background: #FFEFE0;}
.problem__head {display: flex;justify-content: space-around;align-items: center;color: #FFF;padding: 6% 1% 3%;}
.problem__head_cont {position: relative;}
.problem__head_cont h3{font-size: clamp(18px, 3.25vw, 21px);}
.problem__head_cont h2{font-weight: 600;max-width: 360px;} 
.problem__head_cont::after{display: block;background: #AB986C;position: absolute;height: 100px;top: 115%;left: 33%;width: 1px;}

.problem__cell{padding: 2% 0%;display: flex;justify-content: space-between;align-items: center;}
.problem__cell.cell1 .problem__img img{border-radius: 0 8px 8px 0;}
.problem__cell.cell2 {flex-direction: row-reverse;}
.problem__cell.cell2 .problem__img img{border-radius: 8px 0 0 8px;}
.problem__cell.cell2 .problem__box{left: 3%;}
.problem__cell.cell3 .problem__img img{border-radius: 0 8px 8px 0;}
.problem__cell.cell4 { flex-direction: row-reverse; }
.problem__cell.cell4 .problem__box{left: 3%;right: unset;}
.problem__cell.cell4 .problem__img img{border-radius: 8px 0 0 8px;}
.problem__cell.cell5 .problem__img img{border-radius: 0 8px 8px 0;}

.problem__img{position: relative;}
.problem__img .bubble{position: absolute;width: 59px;right: -18px;top: 55%;}
.problem__cell.cell2 .problem__img .bubble,.problem__cell.cell4 .problem__img .bubble{transform: scaleX(-1);left: -18px;}

.problem__box{display: flex;flex-direction: column;width: 48%;padding: 1.5% 0.5%;position: relative;margin-right: 3%;}
.problem__box h3{color: var(--red1);font-size: clamp(20px, 2.25vw, 19px);font-weight: 700;line-height: 1.5;margin: 0 0 0.75em;}
.problem__box_cont{background: #FFF; border-radius: 8px; padding: 2%;}
.problem__box_cont p{font-size: clamp(16px, 2.25vw, 16px);font-weight: 500;line-height: 1.66;padding: 2% 3%;margin: 1%;}
.problem__summary{padding: 0 0 2em; position: relative;}
.problem__summary_head{display: flex;font-size: clamp(33px, 2.75vw, 42px);font-weight: 700;z-index: 1;margin: 1.0em auto 0.25em;padding: 1em 0 0.5em;background: url(../images/probrem_solve1.svg) no-repeat;justify-content: center;background-position: center top;position: relative;align-items: center;width: 100%;}
.problem__summary_head div:nth-child(1) {margin: 0 0.25em 0 0;position: relative;z-index: 5;}
.problem__summary_head div:nth-child(1) img{width: 88px;margin: 0;}
.problem__summary_head div:nth-child(2) { line-height: 1.2; position: relative;}
.problem__summary_head div:nth-child(2):after{ content:url(../images/probrem_solve_deco.svg); position: absolute; right: 0; top: -15%; z-index: 00; }
.problem__summary_head::before{content:url(../images/probrem_solve_ill.svg);position: absolute;left: 0;top: -15%;z-index: 00;}
.problem__summary_head::after{content:url(../images/probrem_solve_ill.svg);position: absolute;transform: scaleX(-1.0);right: 0;top: -15%;left: -25%;z-index: 00;}
.problem__summary_cont{max-width: 588px;margin: auto;border-top: 2px solid #111;border-bottom: 2px solid #111;padding: 0.5em 0;}
.problem__summary_cont .red1{background: linear-gradient(transparent 70%, var(--yellow) 30%); font-weight: 600;}
.problem__summary_cont ul li{display: flex;justify-content: flex-start;line-height: 1.66;font-size: clamp(17px, 3vw, 18px);margin: 0.25em 0;padding: 0.25em 0;border-bottom: 1px dotted #888;}
.problem__summary_cont ul li::before{content: url(../images/checker.svg);display: block;width: 25px;margin: 1% 2.5% 0 0;}
.problem__summary_cont ul li:last-child{border: 0;}

.wineforlife {background: url(../images/wineforlife_bg.jpg);padding: 8em 0 7em;background-size: 107%;background-position: center;background-position-x: 5%;text-align: center;}
@supports (background-image: url('../images/wineforlife_bg@2x.webp')) { 
  .wineforlife { background-image: url('../images/wineforlife_bg@2x.webp');} 
}

.wineforlife h2{text-align: center;font-size: clamp(23.5px, 3.75vw, 35px);font-weight: 800;line-height: 1.35;color: var(--red2);width: fit-content;
  margin: 0.5em auto 0.66em;background: linear-gradient(transparent 70%, var(--yellow) 30%); }
.wineforlife h2 b{display: block;font-weight: 800;}
.wineforlife h3{text-align: center;font-size: clamp(19.5px, 2.75vw, 23px);font-weight: 700;margin: auto;line-height: 1.5;padding: 0 0 1.25em;background: url(../images/wineforlife_fuki.svg) no-repeat;background-position: center;background-position-y: 100%;}
.wineforlife p{margin: 0 0 1em;font-size: clamp(17px, 2.75vw, 18.5px);line-height: 1.5; text-align: center;}

.improve{background: #F2E4E9;padding: 3em 0 2em;}
.improve__head{text-align: center;position: relative;max-width: 348px;margin: 0 auto 2em;}
.improve__head::before{content: url(../images/improve_side.svg);position: absolute;top: 20%;left: 0;}
.improve__head::after{content: url(../images/improve_side.svg);position: absolute;top: 20%;right: 8px;transform: scaleX(-1.0);}
.improve__head p{text-align: center;font-size: clamp(19px, 3.25vw, 20px);}
.improve__head h2{text-align: center;font-size: clamp(25px, 3.75vw, 33px);font-weight: 800;line-height: 1.35;}

.improve__cell{padding: 3% 0%;display: flex;justify-content: space-between;align-items: center;}
.improve__cell.cell2{flex-direction: row-reverse;}
.improve__cell.cell1 .improve__img img,
.improve__cell.cell3 .improve__img img{border-radius: 0 8px 8px 0;}
.improve__cell.cell2 .improve__img img{border-radius: 8px 0 0 8px; }

.improve__img{ max-width: 315px; }
.improve__box{width: 48%;position: relative;right: 5%;}
.improve__cell.cell2 .improve__box{right: unset;left: 5%;}

.improve__box h3{color: var(--red2);font-size: clamp(19.5px, 2.25vw, 21px);font-weight: 700;line-height: 1.35;margin: 0 0 0.5em;padding: 0 0 0.5em;border-bottom: 1px dotted var(--red1);}
.improve__box_cont{/* width: 90%; */margin: auto;}
.improve__box_cont p{ margin: 0 0 0.88em; } 
.improve__box_cont ul{background: #FFF;border-radius: 8px;padding: 2% 5% 2% 10%; position: relative;}
.improve__box_cont ul li{list-style-type: disc;margin: 0.5em 0;}

.improve__cell.cell1 .improve__box_cont ul::before,
.improve__cell.cell3 .improve__box_cont ul::before{ content: ""; position: absolute; top: 50%; left: -25px; margin-top: -15px; border: 11px solid transparent; border-right: 15px solid #ffffff; }
.improve__cell.cell2 .improve__box_cont ul::before{ content: ""; position: absolute; top: 50%; right: -25px; margin-top: -15px; border: 11px solid transparent; border-left: 15px solid #ffffff; }

.wellness {background: url(../images/wellness_bg.jpg) no-repeat #F2F2F2;padding: 2.75em 0 2.75em;background-size: contain;}

.wellness__head h2{text-align: center;padding: 0;margin: 1.5em auto 2em;font-size: clamp(25px, 4.75vw, 39px);font-weight: 600;line-height: 1.15;}
.wellness__head h2 span{background: #FFF;padding: 0 1%;line-height: 1.65;font-weight: 500;}
.wellness__head h2 .s1 span{color: var(--red1);}
.wellness__head h2 .s2{color: #FFF;background: var(--red2);padding: 0 3%;}

.wellness__cell {background: #FFF;width: 100%;margin: 0 auto 1em;border-radius: 5px;padding: 3.5% 5%;}


.wellness__cell_icon {width: 88px;margin: auto;}
.wellness__cell_cont {position: relative;}
.wellness__cell_cont_box {display: flex;margin: 0.5em 0;align-items: center;justify-content: space-between;}
.wellness__cell_cont_box_img {width: 15%;max-width: 65px;}
.wellness__cell_cont_box_cont {width: 83%;padding: 0 0%;}

.wellness__cell_cont_box_cont h3{color: var(--red2);font-size: clamp(18px, 2.75vw, 18.5px);font-weight: 700;margin: 0 0 0.5em;}
.wellness__cell_cont_box_cont p{margin: 0 0 0.5em;font-size: 17px;line-height: 1.66;}
.wellness__summary{text-align: center;font-size: clamp(18px, 2.75vw, 23px);}

.course{background: #f2f2f2;padding: 2em 10.5% 3em;}
.course h3{background: var(--red2);color: #FFF;text-align: center;margin: 0 auto 1.25em;padding: 0.5% 3.5%;width: fit-content;font-size: clamp(18px, 2.75vw, 19.5px);line-height: 1.5;}
.course h2{color: var(--red2);font-size: clamp(25px, 2.75vw, 27.5px);text-align: center;margin: 0.1em auto 0.75em;font-weight: 800;}
.course h3 + p{text-align: center;margin: 0.25em auto 0;display: flex;width:fit-content;justify-content: center;align-items: center;font-size: clamp(18px, 2.75vw, 21px);font-weight: 600;}
.course h3 + p:before{content:"-";display: block;transform: scaleX(21.0) scaleY(0.5);position: relative;left: -25%;}
.course h3 + p:after{content:"-";display: block;transform: scaleX(21.0) scaleY(0.5);position: relative;right: -25%;}

.course ul{ margin: 0 0 0.75em; }
.course ul li{padding: 0.25em 0;margin: 0.25em 0;border-bottom: 1px dotted #888;font-size: clamp(17px, 2.25vw, 16px);display: flex;}
.course ul li::before{content: url(../images/checker.svg);display: block;margin: 0 0.5% 0 0;transform: scale(0.75);}
.course ul li:last-child{border: 0;}

.skill{padding: 0 0 3em;}
.skill__bg{background: url(../images/skill_bg.jpg);padding: 4em 0 6em;background-size: cover;}
@supports (background-image: url('../images/skill_bg@2x.webp')) { .skill__bg { background-image: url('../images/skill_bg@2x.webp');} }
.skill__bg h3{background: var(--gold2);color: #FFF;text-align: center;max-width: 585px;margin: auto;padding: 1%;font-size: clamp(19.5px, 2.75vw, 20.5px);}
.skill__head{max-width: 500px;text-align: center;margin: -2.5em auto 02em;background: #FFF;padding: 1.5em 0 0.5em;}
.skill__head > p{font-size: clamp(19.5px, 2.75vw, 19.5px);font-weight: 600;position: relative;max-width: 265px;margin: auto;}
.skill__head > p::before{ content: url(../images/skill_side.svg); position: absolute; top: 0%; left: -5px; transform: scale(1); }
.skill__head > p::after{ content: url(../images/skill_side.svg); position: absolute; top: 0%; right: -5px; transform: scaleX(-1); }
.skill__head h2{font-size: clamp(21px, 2.75vw, 27px);margin: 0.25em auto 0.5em;font-weight: 800;}
.skill__head h2 span{    background: linear-gradient(transparent 70%, var(--yellow) 30%);}
.skill__cell{width: 95%;margin: 1em auto 2em;display: flex;align-items: center;}
.skill__cell.cell2,.skill__cell.cell4{ flex-direction: row-reverse; }

.skill__cell .skill__img{width: 50%;}
.skill__cell .skill__box{width: 50%;padding: 0%;}
.skill__box_cont{line-height: 1.66;}
.skill__cell.cell2 .skill__box,.skill__cell.cell4 .skill__box{padding:0 0 0 5%;}
.skill__cell.cell1 .skill__box,.skill__cell.cell3 .skill__box{padding:0 5% 0 0 ;}
.skill__box h3{font-size: clamp(20.5px, 3vw, 18px);font-weight: 700;color: var(--red2);margin: 0 0 0.75em;border-left: 3px solid var(--red2);padding: 0 0 0 5%;line-height: 1.25;}


.result{background: var(--base5);padding: 0em 0 3em;}
.result p{width: 85%;font-size: clamp(15px, 3vw, 16px);line-height: 1.75;text-align: center;margin: auto;}
.result__head { position: relative; top: -1em; }
.result__head .result_head-special{max-width: 225px;margin: 0 auto;padding: 2em 0 0;}
.result__head .result_head-goods{
  width: fit-content;
  margin: auto;
  display: flex;
  justify-content: center;
  position: relative;
  background: var(--red2);
  padding: 1.5% 6%;
  color: #FFF;
  font-size: 18px;
  }
.result__head .result_head-goods::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -11px;
  border: 11px solid transparent;
  border-top: 15px solid var(--red2);
}

.result__head .result_head-amount{max-width: 465px;width: 47%;margin: 0px auto 1.5em;padding: 0em 2em;border-top: 1px solid #ddd;}
.result__item {display: flex;width: 95%;margin: 1.25em auto 0;padding: 0 0 2em;justify-content: space-between;}
.result__item_box {position: relative;width: 32.5%;/* background: #FFF; */}
.result__item_icon {position: absolute;width: 65px;top: -30px;right: 15px;}
.result__item_title-row{padding: 7.5%;background: #FFF;min-height: 7em;display: flex;justify-content: center;align-items: center;}
.result__item_title-sub {font-size: clamp(13px, 1vw, 14px);margin: 1em 0 0.5em;}
.result__item_title {font-size: clamp(19.5px, 2.25vw, 17px);font-weight: 600;text-align: center;}
.result__item_title-under {font-size: clamp(15px, 2.25vw, 14px);border-top: 1px solid #d7d7d7;margin: 0.75em 0 0;padding: 0.75em 0 0;width: 90%;}

.result h3{font-size: clamp(21px, 2.25vw, 21px);font-weight: 700;text-align: center;color: var(--red2);}
.result h4{width: 69%;font-size: clamp(18px, 3vw, 18px);line-height: 1.75;text-align: center;margin: 0.75em auto;padding: 0.25em 0;border-top: 1px solid #888;border-bottom: 1px solid #888;font-weight: 600;}

.curriculum{ background-image: linear-gradient(0deg, transparent calc(100% - 1px), #F0F6F9 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px),#F0F6F9 calc(100% - 1px)); background-size: 11px 11px; background-repeat: repeat; background-position: center center; }
.curriculum__head{text-align: center;margin: 0.5em 0 2.0em;}
.curriculum__head h2{font-size: clamp(19.5px, 2.25vw, 21px);font-weight: 700;position: relative;}
.curriculum__head h2:after{content:url(../images/book_under.svg);display: block;position: absolute;left: 48%;top: 48%;}
.curriculum__head img{width: 100px;margin: 0 0 0.25em;}

.curriculum__cont{ margin: 1em auto; }
.curriculum__cont_cell{display: flex;justify-content: flex-start;margin: 0 0 1em;padding: 0;min-height: 5em;align-items: center;}
.curriculum__cont_cell div:nth-child(1){background: url(../images/book.svg) no-repeat;min-width: 115px;min-height: 115px;display: flex;align-items: center;justify-content: center;font-size: clamp(15px, 2.25vw, 18px);font-weight: 700;} .curriculum__cont_cell div:nth-child(1) span{ font-size: 160%; margin: 0 0.1em; position: relative; top: -0.075em; }
.curriculum__cont_cell div:nth-child(2){min-width: 40px;border-bottom: 1px solid #bfbbb3;}
.curriculum__cont_cell div:nth-child(3){text-align: left;background: #FFF;padding: 2.5% 2.5%;border: 1px solid #958f84;width: 100%;}
.curriculum__cont_cell div:nth-child(3) h3{font-size: clamp(17px, 2.25vw, 17px);font-weight: 700;color: var(--red2);margin: 0 0 0.75em;}
.curriculum__cont_cell div:nth-child(3) ul{ list-style-type: disc; padding: 0 0 0 1.5em; }
.curriculum__cont_cell div:nth-child(3) ul li{font-size: clamp(16px, 2.25vw, 17px);}

.curriculum__bonus{display: flex;justify-content: space-between;align-items: flex-start;margin: 3em 0 1em;background: #FFF;padding: 1%;}
.curriculum__bonus_box{width: calc(100% - 260px);}
.curriculum__bonus_title{background: var(--red2); color: #FFF; text-align: center; padding: 1%}
.curriculum__bonus_cont{ width: 100%; }
.curriculum__bonus_cont h3{margin: 0.25em 0;padding: 0 0 0.25em;/* border-bottom: 1px solid #d6dce1; */font-size: clamp(19.5px, 2.25vw, 18px);font-weight: 700;}
.curriculum__bonus_cont h3 span.join_fee{font-size: 77.5%;display: block;text-align: right;color: #000;font-weight: 500;margin-top: 0.25em;}
.curriculum__bonus_cont p{ margin: 0.85em 0 0.5em; }
.curriculum__bonus_cont ul{ padding: 0 0 0 1.25em; }
.curriculum__bonus_cont ul li{ font-size: 93%; list-style: disc; }
.curriculum__bonus_img{max-width: 245px;}


.sugest h2{font-size: clamp(18px, 2.25vw, 23px);font-weight: 700;margin: 0 0 1.0em;}
.sugest p{ line-height: 1.66; font-size: clamp(16px, 2.25vw, 17px); }

.voice__head{text-align: center;margin: 1.0em 0 1.5em;}
.voice__head h2{font-size: clamp(17px, 2.25vw, 21px);font-weight: 700;}
.voice__head h2:after{content: url(../images/fuki_under.svg); display: block;}

.voice__cont_cell{display: flex;width: 100%;margin: 0.5em auto;justify-content: space-around;/* align-items: center; */padding: 4.25%;border-radius: 8px;}

.voice__cont_cell:nth-child(1){background:#F2E4E9 ;}
.voice__cont_cell:nth-child(1) h3{color:#B13B71;}
.voice__cont_cell:nth-child(2){background:#E4E4F2 ;}
.voice__cont_cell:nth-child(2) h3{color:#374E71;}
.voice__cont_cell:nth-child(3){background:#FEF5DB ;}
.voice__cont_cell:nth-child(3) h3{color:#3C2D0E;}
.voice__cont_cell:nth-child(4){background:#E9F2E4 ;}
.voice__cont_cell:nth-child(4) h3{color:#0E2D05;}

.voice__cont_cell div:nth-child(1){width: 95px;}
.voice__cont_cell div:nth-child(2){width: calc(100% - 125px);}

.voice__cont_cell div:nth-child(1) img{min-width: 93px;margin: 0 0 0.5em;}
.voice__cont_cell div:nth-child(1) p{font-size: 12.5px;text-align: center;}
.voice__cont_cell div:nth-child(2) h3{font-size: clamp(17px, 2.25vw, 18px);font-weight: 700;margin: 0 0 0.75em;}

.online{ background: #f1f1f1; }
.online__head{margin: 1em 0;}
.online__head h2{font-size: clamp(19.5px, 3.25vw, 21px);font-weight: 700;line-height: 1.35;text-align: center;}
.online__head p{font-size: 17px;;font-weight: 600;text-align: center;margin: 0.25em auto 0.5em;}

.online__cont{}
.online__cont_cell{background: #FFF;width: 88%;margin: 0.5em auto;padding: 3% 2% 3% 1%;display: flex;align-items: center;}
.online__cont_cell div:nth-child(1) {min-width: 88px;padding: 0 2%;text-align: center;margin-right: 2.5%;}
.online__cont_cell div:nth-child(1) img{}
.online__cont_cell div:nth-child(2) h3{font-size: 17px;;font-weight: 700;color: var(--red2);margin: 0 0 0.25em;}
.online__cont_cell div:nth-child(2) p{}

.deliver{margin: auto;background: #f1f1f1;padding: 0em 0 2em;}
.deliver__head{text-align: center;padding: 1em 0 0;}
.deliver h2{margin: auto;font-size: clamp(21px, 3.25vw, 23px);font-weight: 700;line-height: 1.35;text-align: center;}
.deliver h2 span.red2{/* display: block; */}
.deliver h2::before{left: -31px;}
.deliver h2::after{transform: scale(-1, 1);right: -31px;}

.deliver img{max-width: 670px;margin: 0.75em auto 1.0em;display: block;}


.deliver__area h3{font-size: clamp(17px, 2.25vw, 18px);font-weight: 600;color: var(--red2);text-align: left;border-bottom: 2px dotted #CC91AC;padding: 0 0 0.5em;line-height: 1.25;}
.deliver__area h3 span{display: block; line-height: 1.33;}

.deliver__area_cell .tip{height: 1.5em;width: 4px;background: var(--red2);position: absolute;left: 0;top: 12.5%;}
.deliver__area_cell_box { margin: 8% 0 0; text-align: center; } 

.deliver__area {display: grid;grid-template-columns: 1fr 1fr;margin: auto;max-width: 670px;gap: 1.5% 1%;}
.deliver__areah3{font-size: clamp(16px, 2.25vw, 18px);font-weight: 500;}
.deliver__area_cell {text-align: center;background: #FFF;padding: 5.5% 7%;position: relative;}
.deliver__area_cell_detail {/* width: 80%; */margin: 0.5em auto 0;padding: 1.5% 0;font-size: clamp(16px, 2.25vw, 17px);text-align: left;}


.deliver__area_cell_box .ao-chan {width: 30%;position: relative;}


.deliver_baloon {background: var(--red2);color: #FFF;padding: 3% 5%;border-radius: 3px;position: relative;/* font-size: clamp(16px, 2.25vw, 20px); */font-weight: 600;}
.deliver_baloon:after{content: "";position: absolute;top: 60%;right: 0;border-style: solid;border-width: 11px 0 1px 13px;border-color: transparent transparent transparent var(--red2);translate: 100% -50%;}

.deliver__area_cell.ao-chan{background: #FFF;padding: 10% 5%;text-align: left;position: relative;font-weight: 600;border: 0;font-size: clamp(16px, 2.25vw, 17px);}
.deliver__area_cell.ao-chan .ao-chan{position: absolute;bottom: 0;left: 71.5%;max-width: 88px;} 


.flow{ background: #f1f1f1; }
.flow__head h2{text-align: center;margin: 1em auto 1.0em;font-size: clamp(19.5px, 2.25vw, 21px);font-weight: 600;}
.flow__cont{ position: relative; }
.flow__cont_cell{display: flex;justify-content: flex-start;background: #FFF;margin: 0.5em auto;position: relative;z-index: 2;}
.flow__num{background: var(--red2);padding: 3.5%;}
.flow__cont_box{display: flex;width: 100%;justify-content: flex-start;align-items: center;font-size: clamp(16px, 2.25vw, 17px);}
.flow__cont_box div:nth-child(1){width: 47.5%;padding: 0 5%;}
.flow__cont_cell:nth-child(4) .flow__cont_box div:nth-child(1){width: 100%;}
.flow__cont_box div:nth-child(2){width: 5%;border-bottom: 2px dotted #cfcfcf;}
.flow__cont_box div:nth-child(3){ width: 45%; padding: 0 5%; }
.flow__line{height: 100%;width: 8px;background: var(--red2);position: absolute;z-index: 0;top: 0;left: 50%;}


.sugest {background: url(../images/sugest_bg.jpg);padding: 3em 2em 5em;background-size: cover;}
@supports (background-image: url('../images/sugest_bg@2x.webp')) { .sugest   { background-image: url('../images/sugest_bg@2x.webp');} }
.sugest__cont {color: #FFF;width: 85%;margin: auto;}


.profile {background-position: top;padding: 0 0 2em;background: #f1f1f1;}
.profile__head {display: flex;width: 100%;margin: auto;justify-content: space-around;align-items: center;background: url(../images/photo_prof.jpg);height: 370px;}
.profile__head_box{margin-left: -45%;width: 250px;height: 200px;background: #FFF;}
.profile__head_cont {background: #FFF;text-align: center;border: 1px solid var(--gold2);margin: 2%;height: 95%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.profile__head_cont h2{font-size: clamp(24px, 3.5vw, 35px);font-weight: 600;}
.profile__head_cont h3{font-size: clamp(13px, 2.25vw, 17px);font-weight: 500;border-bottom: 1px solid var(--gold2);padding: 0 0 0.25em;}
.profile__head_cont h4{font-size: clamp(14px, 2.25vw, 15px);font-weight: 400;}

.profile__cont {width: 92.5%;margin: 2.0em auto 0.5em;}
.profile__cont h3{text-align: center;font-weight: 700;margin: 0 0 1.5em;}
.profile__cont ul{}
.profile__cont ul li{padding: 3% 2% 3% 9%;width: 100%;margin: 1% 0;background: url(../images/profile_tag.svg) no-repeat #FFF;background-position: 2%;}
.profile__cont p{margin: 0 0 1.25em;font-size: 16px;line-height: 1.66;}

.profile__cont_box{display: flex;margin: 2em 0 0;justify-content: space-between;}
.profile__cont_box div:nth-child(1){ width: 80%; }
.profile__cont_box div:nth-child(2){ max-width: 100px; width: 20%; }

.trial{background: url(../images/trial_bg.png);background-size: cover;background-position: center;}
.trial__base{background: #FFF;text-align: center;padding: 7%;border-radius: 0px;}
.trial__head{position: relative;}
.trial__head::before{content:url(../images/trial_para.svg);position: absolute;left: -2%;top: -21%;}
.trial__head::after{content:url(../images/trial_para.svg);top: -21%;right: -3%;transform: scaleX(-1.0);position: absolute;}

.trial__head h3{font-size: clamp(18px, 2.75vw, 21px);margin: 0.25em auto 0.1em;font-weight: 600;position: relative;width: fit-content;}
.trial__head h3::before{content: url(../images/skill_side.svg);position: absolute;top: 0;left: -32px;transform: scale(1);}
.trial__head h3::after{content: url(../images/skill_side.svg);position: absolute;top: 0%;right: -25px;transform: scaleX(-1) scale(1.0);}

.trial__head h2{font-size: clamp(25px, 2.75vw, 33px);margin: 0.1em auto 0.5em;font-weight: 600;}
.trial__head h2 span{color: #ef4152;font-weight: 800;background: linear-gradient(transparent 70%, var(--yellow) 30%);}
.trial__head h2 span:after{display: inline;content: "";width: 100%;height: 5px;background: var(--yellow);}

.trial__cont p{margin: 1em 0 2.5em;font-size: clamp(17px, 2.75vw, 17px);line-height: 1.66;}
.trial__cont ul{background: var(--base1);padding: 2% 5%;margin: 0.5em auto;}
.trial__cont ul li{text-align: left;background: url(../images/checker.svg) no-repeat;padding: 0 0 0 2.5em;line-height: 1.45;margin: 0.75em auto;width: 85%;font-size: 17px;}
.trial__cont a{display: block;background-color:#ef4152;color: #FFF;width: 92.5%;max-width: 325px;margin: auto;position: relative;padding: 0.75em 1em;border-radius: 3px;font-size: clamp(17px, 2.75vw, 18px);font-weight: 600;}
.trial__cont a:after{content: url(../images/arrow.svg);position: absolute; right: 15px;}
.trial__cont a:hover{background-color:#e23849;}

.overview__head {text-align: center;}
.overview__head h2 {font-size: clamp(19.5px, 2.25vw, 21px);font-weight: 700;}
.overview__head h2::after{content: url(../images/fuki_under.svg); display: block;}
.overview__head h3 {font-size: clamp(17px, 2.25vw, 18px);}

.overview__cont {background: #FFF;margin: 1% auto;padding: 2.5% 2.5% 1.5%;text-align: center;}
.overview__cont p{margin: 0 0 0.5em;font-weight: 600;font-size: 17px;}
.overview__cont_price img{max-width: 215px;margin: 0 auto 0;}
.overview__supple {border-top: 1px dotted #bfbfbf;margin-top: 5%;padding-top: 2.5%;padding-bottom: 2%;font-size: clamp(13px, 2.25vw, 15px);}
.overview__cont_box{background: #f7f7f7;padding: 2.5% 5%;margin: 1.5em 0 1.5em;}
.overview__cont_box h3{font-weight: 600; display: flex; justify-content: center; align-items: center;}
.overview__cont_box h3::before{content: url(../images/gift.svg); transform: scale(1.0);display: block; margin-right: 2.5%;}

.overview__cont_box_listbox{margin: 0.5em 0 0;padding: 1em 0 0;border-top: 1px dotted #cbcbcb;}
.overview__cont_box_list{display: flex;margin: 0.25em 0;justify-content: space-between; }
.overview__cont_box_list div{position: relative;}
.overview__cont_box_list div:after{content: "";position: absolute;top: 50%;left: 100%;margin-top: -5px;border: 5px solid transparent;border-left: 5px solid var(--red2);}
.overview__cont_box_list div{background: var(--red2);color: #FFF;width: 25%;padding: 0.5% 1%;}
.overview__cont_box_list p{width: 55%;text-align: left;margin: 0;}
.overview__cont_box_list b{font-size: 80%;}
.overview__cont_price{display: flex;align-items: center;background: #F0E5E5;justify-content: center;padding: 3%;margin: 0 0 1.5em;}
.overview__cont_price div:nth-child(1){ background: var(--red2); color: #FFF; min-width: 145px; border-radius: 3px; line-height: 2; margin-right: 2.5%; }
.overview__cont_price div:nth-child(2){}
.overview__cont ul{margin: 2.0em 0 2.0em;}
.overview__cont ul li{text-align: left;background: url(../images/checker.svg) no-repeat #f7f7f7;background-position: 5px;background-position-x: 1em;padding: 1em 0.5em 1em 3.5em;line-height: 1.45;margin: 0.25em auto;}
.overview__cont_expire{font-size: clamp(24.5px, 2.25vw, 25px);font-weight: 800;color: var(--red2);margin: 0 0 1.25em;}
.overview__cont_limit{width: 185px;margin: 0 auto -8px;}
.overview__cont_schedule{display: flex;justify-content: space-between;align-items: baseline;width: 90%;margin: 1.5em auto 0;padding: 0 0 1.0em;border-bottom: 1px dotted #d7d7d7;}
.overview__cont_schedule > div:nth-child(1){text-align: left;width: 27.5%;border-left: 3px solid var(--red1);padding: 0 0 0 2.5%;line-height: 1.1;}
.overview__cont_schedule >  div:nth-child(2){ width: 10%; }
.overview__cont_schedule >  div:nth-child(3){width: 55%;}
.overview__cont_schedule_days{display: flex;justify-content: space-between;}
.overview__cont_schedule_days p{font-weight: 500;}
.overview__cont_schedule:last-child{border: 0;}


.qa {background: var(--base1);}
.qa__head {text-align: center;margin: 1em 0 2em;}
.qa__head img{width: 21px;margin: 0 auto 0.5em;}
.qa__head h2{font-size: clamp(18px, 2.25vw, 21px);font-weight: 700;}

.qa__cell {background: #FFF;width: 90%;max-width: 600px;margin: 0.5em auto;}
.qa__cell_box.q{color: var(--red2);padding-bottom: 0;padding-right: 0.1em;font-weight: 600;}
.qa__cell_box.a{padding-left: 2.1em;}

.qa__cell_box {display: flex;padding: 1em 2em;align-items: flex-start;}
.qa__cell_box div:nth-child(1){display: flex;align-items: center;}
.qa__cell_box div:nth-child(1) img{width: 17px;}
.qa__cell_box div:nth-child(2){margin: 0 0 0 1em;display: flex;align-items: center;font-size: 17px;}
.qa__cell_box.a div:nth-child(1){ margin-left: -0.1em; }

.qa hr{width: 1em;margin-left: 1em;}

.qa__under{ text-align: center;}
.qa__under .vertical{font-weight: 300;transform: scaleY(1.5);margin: 1em 0 2em;}
.qa__under h3{font-weight: 700;margin: 0 0 0.15em;font-size: clamp(18px, 2.25vw, 21px);}
.qa__under p{font-size: 17px;margin: 1em auto;}

.explain{ padding: 3em 0 0em; }
.explain h2{text-align: center;font-size: clamp(17.5px, 2.25vw, 21.5px);font-weight: 700;display: flex;justify-content: center;align-items: center;line-height: 0;max-height: 48px;} 
.explain h2::before{content: url(../images/explain.svg);display: block;transform: scale(0.5);width: 100px;left: -5%;position: relative;}

.explain p{max-width: 580px;margin: 1.5em auto;font-size: clamp(17px, 2.25vw, 17px);}
.explain__cont_box{display: flex;background: #f7f7f7;max-width: 605px;margin: 0.5em auto;justify-content: space-around;padding: 2% 5%;width: 100%;}
.explain__cont_box:nth-child(1)  div:nth-child(1)::before{content: url(../images/qa_line.svg);display: block;margin: 2.5% 8% 0 0;}
.explain__cont_box:nth-child(2)  div:nth-child(1)::before{content: url(../images/qa_zoom.svg);display: block;margin: 3% 8% 0 0;}
.explain__cont_box div:nth-child(1){width: 41%;display: flex;align-items: center;padding-left: 0%;/* justify-content: center; */}
.explain__cont_box div:nth-child(2){transform: scaleX(5);color: #c1c1c1;}
.explain__cont_box div:nth-child(3){ width: 30%; }
.explain__cont_box a{text-decoration: underline; color: #5E7787;}
.explain__cont p{text-align: center;line-height: 1.66;}

.alert__head {text-align: center;margin: 0 auto 2em;padding-top: 2em;border-top: 1px dotted #d7d7d7;max-width: 630px;}
.alert__head img{width: 21px;margin: 0 auto 0.5em;}
.alert__head h2{font-size: clamp(15.5px, 2.25vw, 17px);font-weight: 700;}
.alert__cont {max-width: 630px;margin: 3em auto 0;padding: 0 0 2em;}
.alert__cont ul{padding-left: 1em;}
.alert__cont ul li{margin: 0 0 1em;list-style-type: disc;font-size: 16px;}


.contact {padding: 0;}
.contact__head {text-align: center;}
.contact__head img{width: 24px;margin: 0 auto 0.75em;}
.contact__head h2{font-size: clamp(18px, 2.25vw, 20px);font-weight: 700;}
.contact__cont {width: 90%;max-width: 580px;margin: 3em auto;font-size: clamp(15px, 2.25vw, 16px);}
.contact__cont_cell {background: var(--base1);margin: 1em 0;padding: 1em;border-radius: 5px;}



/*　フッター　*/
footer {margin-top: 3em;padding: var(--size_basic) 0;font-size: 14px;text-align: center;background: transparent;color: #FFF;}
  
.fadein-top1,.fadein-top2,.fadein-top3,.fadein-top4,.fadein-top5,.fadein {opacity: 0; }
.show {animation-name:fadein-anime;animation-duration:1.5s;animation-fill-mode: forwards; }@keyframes fadein-anime{ 0% {opacity:0} 100% {opacity:1;} }

.show_first {animation-name:fadein-anime_first;animation-duration:1.0s;animation-fill-mode: forwards; }
@keyframes fadein-anime_first{ 0% {opacity:0;} 100% {opacity:1;} }




@media screen and (max-width: 1599px) {
  main, header, footer {left: 5%;}
  aside {left: 56%;}
}

@media screen and (max-width: 1392px) {
  main, header, footer {left: 10%;}
  aside {left: 62%;}
 .footer-copyright {margin-bottom: 2%;}
}

@media screen and (max-width: 1280px) {
  main, header, footer {left: 15%;}
  aside {left: 67%;}
  .title-catch{padding: 43vh 0% 0;}
}

@media screen and (max-width: 1200px) {
  aside {left: 69.5%;width: 300px;}
  .title-catch{padding: 41vh 0% 0;}
}

@media screen and (max-width: 1120px) {
  main, header, footer {left: 0%;}
  aside{top: auto;bottom: 0vh;width: 100%;max-width: unset;}
  aside::after{opacity: 0.95;display: block;content: "";width: 100%;height: 100%;top: 0;position: absolute;
    background: linear-gradient(#faf6ef, #faf6ef);box-shadow: 0px 0px 11px -7px #777777;}
  aside img{display: none;}
  aside .apply__button{margin: 0.5em auto 2em;}

aside{position: fixed;left: 0;opacity: 0;bottom: 0%;width: 100%;z-index: 555;margin: auto;}
aside img{margin-bottom: 8px;}

.title-catch{padding: 39vh 0% 0;}
}

@media screen and (max-width: 1020px) {
  main, header, footer {max-width: unset;}
}


@media screen and (max-width: 820px) {
    .bonus h2{padding: 1% 0 0;}
    aside h2{display: none;}

}


@media screen and (max-width: 750px) {
body{background: var(--black);}

  .header__pc,br.brpc { display: none; } 
  .header__sp,br.brsp { display: block; } 
  main{background-size: contain;padding: 1em 0 0;}
  @keyframes fadein-anime_first{ 0% {opacity:0; margin-top: -3vh;} 100% {opacity:1; margin-top: 0vh;} }
  
  article{padding: 0 0 15em;}
.header__cont .title{width: 71%;padding: 8vh 0 1vh;}
.header__cont .title_under{margin: 2px auto 6.5vh;width: 80%;}
.header__cont .days { width: 80%;}
.header__cont .wine{width: 65%;}
.contents{width: 100%;position: relative;padding: 1em 0 0em;}


/* メインビジュアル　*/
header {
  width: 100%;
  max-width: 750px;
  height: auto;
  background-image: url(../images/main_bg.jpg);
  background-repeat:no-repeat;
  background-color: #FFF;
  background-position-y: -6em;
  padding: 0;
  margin-top: 0;
  overflow: hidden;
  text-align: center;
  }
@supports (background-image: url('../images/main_bg@2x.webp')) { header { 
  background-image: url('../images/main_bg@2x.webp');background-size: cover;  background-position-y: -11em; } 
}

.header__cont{ max-width: 560px; margin: auto; }
.title-catch{font-size: clamp(15px, 3vw, 21px);font-weight: 600;text-align: center;padding: 45vh 0% 0;max-width: 540px;margin: auto;}
.header__cont .title{max-width: 463px;margin: auto;padding: 1vh 0 0;}
.header__cont .header__deco{position: absolute;top: 56%;left: 3%;transform: scale(0.75);}
.header__cont .header__deco:first-child{left: 5%;}
.header__cont .header__deco:last-child{transform: scale(0.75) scaleX(-1.0);right: 3%;left: unset;}
.header__cont .title_under{margin: 0px auto 3.5vh;width: 80%;}


.price {width: 92.5%;}
.price_above{max-width: 320px;margin: 1em auto 0.5em;}

.apply__button a {margin-right: -11%;}
.apply__button:hover { background-color:#519b18;}

.apply__button:before {top: 8.5%;transform: scale(0.88);}
.apply__button:hover::before{ transform: rotate(10deg);}

/* 申込ボタン */
aside{transition: 0.15s;text-align: center;}

aside .apply__button {width: 90%;font-size: clamp(17px, 3vw, 18px);left: 0;}
aside .apply__button:before {transform: scale(0.88) ;top: 13%;}
aside .apply__button:hover:before {transform: rotate(10deg) scale(0.88)}
aside img{margin: 1em auto 1.5em;text-align: center;}
aside .aside2{width: 88%;margin: auto;}

.bt-show { animation-name:fadein-anime-bt; animation-duration:0.5s; animation-fill-mode: forwards; }
 @keyframes fadein-anime-bt{ 0% {opacity:0; bottom: -11%} 100% {opacity:1; bottom: 0%} }
    

.bonus{background-size: 135%;background-position: top;padding: 3em 0 9em;}
.bonus__head{background-size: contain;background: var(--red1);}
.bonus h2{margin: 0.25em auto;top: 11px;left: 6.5%;}
.bonus h2 span{font-size: 145%;bottom: -3px;}

.bonus_baloon{width: 115px;left: 50%;margin: -15.5% 0 0 -52%;}

.bonus__area {margin: -4.5em auto;}
.bonus__area_cell {flex-direction: column;}
.bonus__area_cell:last-child{border: 0;}

.bonus__area_img{margin-right: 0;}
.bonus__area_img img{width: 100%;object-fit: cover;}
.bonus__area_img div img{width: 68px;height: 68px;top: -5%;right: 0%;left: unset;}

.bonus__area_box{width: 100%;margin: auto;max-width: 350px;}
.bonus__area  h3{margin: 0.5em 0;line-height: 1.45;font-weight: 700;text-align: center;}
.bonus__area .bonus_sub{ padding: 2.25%; width: 100%; text-align: center; }


.problem{font-size: clamp(16px, 3vw, 20px);line-height: 1.75;padding: 0;background: #FFEFE0;}
.problem__head_cont {position: relative;width: 90%;}
.problem__head_cont h3{font-size: clamp(18px, 3.25vw, 21px);}
.problem__head_cont h2{ width: 92.5%; margin: auto; } 
.problem__head_cont::after{display: block;background: #AB986C;position: absolute;height: 100px;top: 115%;left: 33%;width: 1px;}

.problem__cell{padding: 2% 0%;flex-direction: column;}
.problem__cell.cell1 .problem__img img{border-radius: 8px;}
.problem__cell.cell2 { padding: 2% 0%; flex-direction: column; }
.problem__cell.cell2 .problem__img img{border-radius: 8px;}
.problem__cell.cell2 .problem__box{left: 0%;}
.problem__cell.cell3 .problem__img img{border-radius: 8px;right: 0;}
.problem__cell.cell4 { padding: 2% 0%; flex-direction: column; }
.problem__cell.cell4 .problem__box{left: 0%;}
.problem__cell.cell4 .problem__img img{border-radius: 8px;}
.problem__cell.cell5 .problem__img img{border-radius: 0 8px 8px 0;}

.problem__img .bubble{ transform: rotate(45deg) scale(0.75); bottom: -37%; top: unset; right: 50px; }
.problem__cell.cell2 .problem__img .bubble,.problem__cell.cell4 .problem__img .bubble{left: unset;right: 0%;transform: rotate(45deg) scale(0.75);bottom: -41%;top: unset;}

.problem__box{margin-right: 0%;width: 90%;}
.problem__box h3{min-height: 3em;margin: 0.25em auto 0.75em;min-height: 63px;}
.problem__box_cont{padding: 2%;}
.problem__box_cont p{font-size: clamp(16px, 2.25vw, 16px);font-weight: 500;line-height: 1.66;padding: 2% 3%;margin: 1%;}
.problem__summary{ overflow: hidden; }
.problem__summary_head{width: 80%;align-items: center;margin: 0.25em auto 0.25em;}
.problem__summary_head::before{transform: scale(-0.66, 0.66);top: -41%;right: -35%;z-index: 0;}
.problem__summary_head::after{transform: scale(0.66);left: -38%;top: -41%;z-index: 0;}
.problem__summary_head div:nth-child(1) img{width: 61px;}
.problem__summary_head div:nth-child(2) {margin: 0 1.5% 0 0;position: relative;z-index: 5;}
.problem__summary_cont{width: 90%;}
.problem__summary_cont ul li::before{margin: 3% 4.5% 0 0;}
.problem__summary_cont ul li:last-child{border: 0;}

.wineforlife { background-size: 175%; background-position-x: 35%; padding: 5em 0 5em; }
.wineforlife h2{ width: 92.5%; }
.wineforlife h2 b{display: block;font-weight: 800;}
.wineforlife h3{ line-height: 2.5; }
.wineforlife p{margin: 0 auto 1em;line-height: 1.5;width: 90%;}

.improve{padding: 2em 0 2em;}
.improve__head{max-width: 300px;margin: 0 auto 1em;}
.improve__head p{font-weight: 600;text-align: center;}
.improve__head h2{color: var(--red2);text-align: center;}

.improve__cell{ flex-direction: column; }
.improve__cell.cell2{ flex-direction: column; }
.improve__cell.cell1 .improve__img img,
.improve__cell.cell3 .improve__img img{border-radius: 8px;}
.improve__cell.cell2 .improve__img img{border-radius: 8px;}

.improve__img{ max-width: unset; width: 90%; }
.improve__box{width: 90%;right: 0;}
.improve__cell.cell2 .improve__box{right: unset;left: 0%;}

.improve__box h3{ margin: 1em 0 0.5em; }
.improve__box_cont p{} 
.improve__box_cont ul{}
.improve__box_cont ul li{margin: 0.5em 0;}

.improve__cell.cell1 .improve__box_cont ul::before,
.improve__cell.cell3 .improve__box_cont ul::before{top: -5%;left: 45%;margin-top: -15px;border: 11px solid transparent;border-bottom: 15px solid #ffffff;}
.improve__cell.cell2 .improve__box_cont ul::before{top: -5%;right: 45%;margin-top: -15px;border: 11px solid transparent;border-bottom: 15px solid #ffffff;}

.wellness {background: url(../images/wellness_bg.jpg) no-repeat #F2F2F2;padding: 2.75em 0 2.75em;}
@supports (background-image: url('../images/wellness_bg@2x.webp')) { .wellness  {background-image: url('../images/wellness_bg@2x.webp');background-size: 125%;} }

.wellness__head h2{ margin: 0 auto 2em; line-height: 2.2; }
.wellness__head h2 span{ padding: 2%; }
.wellness__head h2 .s2{color: #FFF;padding: 2% 3%;font-size: 115%;}

.wellness__cell {width: 95%;margin: 0 auto 0.5em;padding: 2.5% 5%;}

.wellness__cell_icon {width: 88px;margin: auto;}
.wellness__cell_cont_box { position: relative; }
.wellness__cell_cont_box_img {width: 12.5%;max-width: 65px;position: absolute;right: -1%;top: 2.5%;}
.wellness__cell_cont_box_cont {width: 100%;padding: 0 0%;}

.wellness__cell_cont_box_cont h3{ width: 80%; position: relative; margin: 0 0 0.75em; }
.wellness__cell_cont_box_cont p{ margin: 0; }
.wellness__summary{ width: 80%; margin: 0 auto; }

.course{padding: 0px 5.5% 1.5em;}
.course h3{margin: 0 auto 0.5em;padding: 2.0% 2.5%;line-height: 1.25;}
.course h2{margin: 0.1em auto 0.75em;line-height: 1.25;}
.course h3 + p{margin: 0.75em auto;}
.course h3 + p:before{transform: scaleX(5.0) scaleY(0.5);left: -11%;}
.course h3 + p:after{transform: scaleX(5.0) scaleY(0.5);right: -6%;}

.course ul{}
.course ul li::before{ margin: 0 2.5% 0 0; }
.course ul li:last-child{border: 0;}

.skill{padding: 0;}
.skill__bg{padding: 4em 0 5em;background-size: contain;}
.skill__bg h3{font-weight: 600;max-width: 338px;padding: 1.5%;}
.skill__head{max-width: 500px;text-align: center;margin: -2.5em auto 02em;background: #FFF;padding: 1.5em 0 0.5em;}
.skill__head > p::before{ content: url(../images/skill_side.svg); position: absolute; top: 0%; left: -5px; transform: scale(1); }
.skill__head > p::after{ content: url(../images/skill_side.svg); position: absolute; top: 0%; right: -5px; transform: scaleX(-1); }
.skill__cell{width: 88%;flex-direction: column;}
.skill__cell.cell2{ flex-direction: column; }
.skill__cell.cell4{flex-direction: column;}

.skill__cell .skill__img{width: 100%;}
.skill__cell .skill__box{width: 100%;padding: 0%;}
.skill__box_cont{line-height: 1.66;}
.skill__cell.cell2 .skill__box,.skill__cell.cell4 .skill__box{padding: 0 0  5%;}
.skill__cell.cell1 .skill__box,.skill__cell.cell3 .skill__box{ padding: 0 0 5%; }
.skill__box h3{ line-height: 1.35; margin: 0 0 0.5em; }

.result{padding: 0em 0 1em;}
.result p{width: 85%;font-size: clamp(15px, 3vw, 16px);line-height: 1.75;text-align: center;margin: auto;}

.result__head {top: -1.5em;}
.result__head .result_head-special{max-width: 225px;margin: 0 auto;padding: 2em 0 0;}
.result__head .result_head-goods{ padding: 2.5% 6%; font-weight: 600; }
.result__head .result_head-goods::after{ left: 50%; margin-left: -11px; border: 11px solid transparent; border-top: 11px solid var(--red2); }
.result__head .result_head-amount{max-width: 465px;width: 47%;margin: 0px auto 1.5em;padding: 0em 2em;border-top: 1px solid #ddd;}

.result__item {width: 90%;margin: 0em auto 0;flex-direction: column;}
.result__item_box {position: relative;width: 100%;margin: 0 0 0.5em;}
.result__item_icon {position: absolute;width: 65px;top: -30px;right: 15px;}
.result__item_title-row{padding: 5%;min-height: unset;}
.result__item_title-sub {font-size: clamp(13px, 1vw, 14px);margin: 1em 0 0.5em;}
.result__item_title-under {font-size: clamp(15px, 2.25vw, 14px);border-top: 1px solid #d7d7d7;margin: 0.75em 0 0;padding: 0.75em 0 0;width: 90%;}

.result h3{text-align: left;width: 90%;margin: auto;}
.result h4{width: 87%;line-height: 1.5;text-align: center;margin: 0.75em auto;padding: 0.5em 0;}

.curriculum{ padding: 1em 0 1em; }
.curriculum__head{text-align: center;margin: 0 0 1.5em;}
.curriculum__head h2{font-weight: 700;}
.curriculum__head img{margin: 0 0 0.25em;}

.curriculum__cont_cell{align-items: flex-start;}
.curriculum__cont_cell div:nth-child(1){min-width: 75px;min-height: 75px;background-size: 75px;position: relative;left: 3%;} .curriculum__cont_cell div:nth-child(1) span{ font-size: 160%; margin: 0 0.1em; position: relative; top: -0.075em; }
.curriculum__cont_cell div:nth-child(2){min-width: 0px;}
.curriculum__cont_cell div:nth-child(3){padding: 3.5% 3.5% 3.5% 6%;width: 77%;margin-top: 3%;}
.curriculum__cont_cell div:nth-child(3) h3{font-size: clamp(17px, 2.25vw, 17px);font-weight: 700;color: var(--red2);margin: 0 0 0.75em;}
.curriculum__cont_cell div:nth-child(3) ul{ list-style-type: disc; padding: 0 0 0 1.5em; }

.curriculum__bonus{ flex-direction: column; width: 95%; margin: auto; }
.curriculum__bonus_box{width: 100%;}
.curriculum__bonus_title{ font-size: clamp(21px, 2.25vw, 18px); font-weight: 600; }
.curriculum__bonus_cont{width: 95%;margin: 2.5% auto;}
.curriculum__bonus_cont h3{margin: 0.75em 0;}
.curriculum__bonus_cont h3 span{ margin-top: 0.75em; }
.curriculum__bonus_cont p{ margin: 0.85em 0 0.5em; }
.curriculum__bonus_cont ul{ padding: 0 0 0 1.25em; }
.curriculum__bonus_cont ul li{ line-height: 1.66; }
.curriculum__bonus_img{max-width: unset;width: 100%;}

.sugest h2{margin: 0 0 0.75em;}
.sugest p{ width: 85%; }

.voice__head{ text-align: center; margin: 0 0 1.5em; }
.voice__head h2{font-size: clamp(19.5px, 2.25vw, 21px);font-weight: 700;}
.voice__head h2:after{content: url(../images/fuki_under.svg); display: block;}

.voice__cont_cell{width: 95%;margin: 0.25em auto;}

.voice__cont_cell:nth-child(1) h3{color:#B13B71;}
.voice__cont_cell:nth-child(2){background:#E4E4F2 ;}
.voice__cont_cell:nth-child(2) h3{color:#374E71;}
.voice__cont_cell:nth-child(3){background:#FEF5DB ;}
.voice__cont_cell:nth-child(3) h3{color:#3C2D0E;}
.voice__cont_cell:nth-child(4){background:#E9F2E4 ;}
.voice__cont_cell:nth-child(4) h3{color:#0E2D05;}

.voice__cont_cell div:nth-child(1){ margin-right: 4%; }
.voice__cont_cell div:nth-child(2){width: calc(100% - 75px);}

.voice__cont_cell div:nth-child(1) img{min-width: 75px;margin: 0 0 0.5em;}
.voice__cont_cell div:nth-child(1) p{font-size: 12.5px;text-align: center;}
.voice__cont_cell div:nth-child(2) h3{font-size: clamp(17px, 2.25vw, 18px);font-weight: 700;margin: 0 0 0.75em;}

.online__head{margin: 0 auto 1em;width: 88%;}
.online__head h2{ margin: auto; }
.online__head p{font-weight: 600;text-align: center;margin: 0.5em auto;}

.online__cont_cell{ align-items: flex-start; }
.online__cont_cell div:nth-child(1) {min-width: 75px;}
.online__cont_cell div:nth-child(2) h3{margin: 0 0 0.75em;}

.deliver{padding: 0em 0 2em;}
.deliver__head{ padding: 0; }
.deliver h2{display: flex;justify-content: center;font-weight: 600;line-height: 1.35;text-align: center;}
.deliver h2 span.red2{display: block;}
.deliver h2::before{left: -31px;}
.deliver h2::after{transform: scale(-1, 1);right: -31px;}

.deliver img{margin: 0.75em auto;width: 90%;}

.deliver__area_cell{ width: 90%; margin: 0.25em auto; }
.deliver__area_cell_box { margin: 8% 0 0; text-align: center; } 

.deliver__area {grid-template-columns: 1fr;margin: auto;max-width: 670px;gap: 0.5% 1%;}
.deliver__areah3{font-size: clamp(16px, 2.25vw, 18px);font-weight: 500;}
.deliver__area_cell_box .ao-chan {width: 30%;position: relative;}

.deliver_baloon {background: var(--red2);color: #FFF;padding: 3% 5%;border-radius: 3px;position: relative;/* font-size: clamp(16px, 2.25vw, 20px); */font-weight: 600;}
.deliver_baloon:after{content: "";position: absolute;top: 60%;right: 0;border-style: solid;border-width: 11px 0 1px 13px;border-color: transparent transparent transparent var(--red2);translate: 100% -50%;}

.deliver__area_cell.ao-chan{background: #FFF;padding: 10% 5%;text-align: left;position: relative;font-weight: 600;border: 0;font-size: clamp(16px, 2.25vw, 17px);}
.deliver__area_cell.ao-chan .ao-chan{position: absolute;bottom: 0;left: 71.5%;max-width: 88px;} 

.flow{ padding: 0em 0; }
.flow__cont{ width: 90%; margin: auto; }
.flow__num{padding: 7.5%;display: flex;justify-content: center;align-items: center;}
.flow__cont_box{ flex-direction: column; padding: 3.5% 5%; font-size: clamp(17px, 2.25vw, 17px); }
.flow__cont_box div:nth-child(1){width: 100%;padding: 0;}
.flow__cont_cell:nth-child(4) .flow__cont_box div:nth-child(1){width: 100%;}
.flow__cont_box div:nth-child(2){width: 5%;transform: rotate(90deg);padding: 10% 0 0;left: -7.5%;position: relative;}
.flow__cont_box div:nth-child(3){width: 100%;padding: 0;}
.flow__line{height: 100%;width: 8px;background: var(--red2);position: absolute;z-index: 0;top: 0;left: 50%;}


.sugest {background: url(../images/sugest_bg.jpg);padding: 1em 2em 6em;background-size: cover;}
.sugest__cont {color: #FFF;width: 85%;margin: auto;}

.profile__head {height: 233px;background-size: 125%;}
.profile__head_box{width: 185px;height: 185px;}
.profile__head_cont {height: 96%;}

.profile__cont {margin: 1.5em auto 0;}

.profile__cont ul li{padding: 5% 5% 5% 18%;background-position: 4%;}
.profile__cont p{margin: 0 0 0.75em;line-height: 1.5;}

.profile__cont_box{display: flex;margin: 1.5em 0 0;}
.profile__cont_box div:nth-child(1){width: 100%;}
.profile__cont_box div:nth-child(2){max-width: 100px;width: 20%;display: none;}

.trial{ padding: 0.5em 0 1em; }
.trial__base{padding: 5% 3% 5%;width: 90%;margin: auto;}

.trial__head::before{left: -5%;top: -65%;}
.trial__head::after{top: -65%;right: -5%;transform: scaleX(-1.0);}

.trial__head h3{margin: 0.5em auto 0.1em;}

.trial__head h2{ margin: 0.1em auto 1em; }
.trial__head h2 span:after{display: inline;content: "";width: 100%;height: 5px;background: var(--yellow);}

.trial__cont p{margin: 1em 0 1.5em;}
.trial__cont ul{padding: 1% 1%;}
.trial__cont ul li{padding: 0 0 0 2.5em;width: 92.5%;}

.overview{ padding: 1em 0 0; }
.overview__head h2::after{content: url(../images/fuki_under.svg); display: block;}

.overview__cont {margin: 5% auto;}
.overview__cont p{margin: 0 0 0.75em;text-align: center;font-weight: 500;font-size: clamp(17px, 2.25vw, 17px);}
.overview__cont img{max-width: 180px;margin: 0;}
.overview__supple {border-top: 1px dotted #bfbfbf;margin-top: 5%;padding-top: 2.5%;padding-bottom: 2%;font-size: clamp(13px, 2.25vw, 15px);}
.overview__cont_box{ padding: 3.5% 5%; margin: 0.5em 0 1.5em; }
.overview__cont_box h3::before{content: url(../images/gift.svg); transform: scale(1.0);display: block; margin-right: 2.5%;}

.overview__cont_box_listbox{width: 92.5%;margin: auto;}
.overview__cont_box_list{ flex-direction: column; position: relative; }
.overview__cont_box_list div{position: relative;}
.overview__cont_box_list div:after{ display: none; }
.overview__cont_box_list div{background: var(--red2);color: #FFF;width: 100%;padding: 2% 1%;}
.overview__cont_box_list p{width: 100%;text-align: left;padding: 2.5% 3% 3.5%;background: #FFF;}
.overview__cont_box_list b{font-size: 80%;position: absolute;bottom: 27%;right: 2.5%;}
.overview__cont_price{margin: 0 0 1.0em;}
.overview__cont_price div:nth-child(1){min-width: 105px;line-height: 2;margin-right: 5%;}
.overview__cont_price div:nth-child(2){ line-height: 2; }

.overview__cont ul li{padding: 0.75em 0.5em 0.75em 3.5em;}
.overview__cont_expire{margin: 0;}

.overview__cont_schedule{ flex-direction: column; }
.overview__cont_schedule > div:nth-child(1){width: 100%;margin: 0 0 0.75em;}
.overview__cont_schedule > div:nth-child(2){width: 100%;text-align: left;margin: 0 0 0.25em;}
.overview__cont_schedule > div:nth-child(3){width: 100%;}
.overview__cont_schedule:last-child{border: 0;}

.qa__head {text-align: center;margin: 0em 0 2em;}
.qa__head img{width: 21px;margin: 0 auto 0.5em;}
.qa__head h2{font-size: clamp(18px, 2.25vw, 21px);font-weight: 700;}

.qa__cell_box.q{ padding-right: 0.5em; padding-left: 1em; }
.qa__cell_box.a{padding-right: 0.5em;padding-left: 1em;}

.qa__cell_box {font-weight: 500;}
.qa__cell_box div:nth-child(1) img{width: 15px;}
.qa__cell_box div:nth-child(2){margin: -5px 0 0 1em;}

.qa hr{width: 1em;margin-left: 1em;}

.qa__under{ text-align: center;}
.qa__under .vertical{font-weight: 300;transform: scaleY(1.5);margin: 1em 0 2em;}
.qa__under h3{margin: 0 auto 0.25em;width: 95%;}
.qa__under p{width: 90%;margin: 1.5em auto 0;}


.explain{ padding: 2em 0 0em; }
.explain h2::before{width: 100px;}

.explain p{width: 90%;}
.explain__cont{ width: 90%; margin: auto; }
.explain__cont_box{ flex-direction: column; padding: 3% 5%; }
.explain__cont_box:nth-child(1)  div:nth-child(1)::before{content: url(../images/qa_line.svg);display: block;margin: 2.5% 8% 0 0;}
.explain__cont_box:nth-child(2)  div:nth-child(1)::before{content: url(../images/qa_zoom.svg);display: block;margin: 3% 8% 0 0;}
.explain__cont_box div:nth-child(1){width: 100%;justify-content: flex-start;padding: 0 15%;margin: 0 0 0.25em;}
.explain__cont_box div:nth-child(2){transform: scaleX(5);display: none;}
.explain__cont_box div:nth-child(3){width: 100%;text-align: center;}
.explain__cont_box a{text-decoration: underline; color: #5E7787;}


.alert{ padding: 0 0 2em; }
.alert__head { width: 90%; }
.alert__head img{width: 21px;margin: 0 auto 0.5em;}
.alert__head h2{font-size: clamp(15.5px, 2.25vw, 17px);font-weight: 700;}
.alert__cont {width: 85%;margin: 2em auto 0;padding: 0 0 1em;}
.alert__cont ul{padding-left: 1em;}
.alert__cont ul li{margin: 0 0 1em;list-style-type: disc;font-size: 16px;}


.contact {padding: 0;}
.contact__head {text-align: center;}
.contact__head img{width: 24px;margin: 0 auto 0.75em;}
.contact__head h2{font-size: clamp(18px, 2.25vw, 20px);font-weight: 700;}
.contact__cont {width: 90%;max-width: 580px;margin: 3em auto;font-size: clamp(15px, 2.25vw, 16px);}
.contact__cont_cell {background: var(--base1);margin: 1em 0;padding: 1em;border-radius: 5px;}


/*　フッター　*/
footer {margin-top: 3em;padding: var(--size_basic) 0;font-size: 14px;text-align: center;background: transparent;color: #FFF;padding: 1em 0 7em;}
  
.fadein-top1,.fadein-top2,.fadein-top3,.fadein-top4,.fadein-top5,.fadein {opacity: 0; }
.show {animation-name:fadein-anime;animation-duration:1.5s;animation-fill-mode: forwards; }@keyframes fadein-anime{ 0% {opacity:0} 100% {opacity:1;} }

.show_first {animation-name:fadein-anime_first;animation-duration:1.0s;animation-fill-mode: forwards; }
@keyframes fadein-anime_first{ 0% {opacity:0;} 100% {opacity:1;} }
}


@media screen and (max-width: 575px) {
header{ margin: 0; }

.apply{display: block;padding: 1em 0 1em;}
.apply__box{width: 100%;}
.result p{text-align: left;}
}

@media screen and (max-width: 350px) {
  .apply__button a{ margin: auto;}
  .apply__button:before{display: none;}
}