@charset "utf-8";

html { width: 100%; height: 100%; }
:root{
--red1:#B33E5C;
--red2:#8A1F44;
--gold1:#DDB786;
--gold2:#AD9555;
--gold3:#A1863D;
--yellow:#ffff9e;
--green:#5CA623;
--black:#2F2E36;
--base1:#F6F6F6;
--base2:#EAEAEA;
--base3:#DFDFDF;
--base4:#EEEAE1;
--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{background: var(--green);}
.base1{ color:var(--base1);}
.base2{ color:var(--base2);}
.base3{ color:var(--base3);}
.base4{ color:var(--base4);}

.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), url(../images/bg.jpg);
  background-attachment: fixed;
  background-position: right, left;
  background-repeat: repeat-y;
  position: relative;
}
/*　メイン　*/
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;background: #EEE3C7;}

section{padding: 2em 0 2em;}
.impression .contents{width: 83%;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;}
@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; } 
}

.title-catch{font-size: clamp(15px, 3vw, 22px);font-weight: 600;text-align: right;padding: 2.5% 5%;}
.title-baloon_box{font-weight: 600;padding: 0.5% 10%;display: flex;justify-content: flex-end;position: relative;/* max-width: 574px; */width: 100%;text-align: right;}
.title-baloon{
    max-width: 432px;
    position: relative;
    right: -35px;
}

.header__cont{background: url(../images/main_base.png) no-repeat;width: 448px;height: 428px;margin: 1.5em 0 8em -15%;position: relative;left: 50%;}
.header__cont .ao-chan{position:absolute;top:-5px;width: 103px;right: 24px;}
.header__cont .title_ao-chan{max-width: 154px;margin:8px auto;padding: 61px 0 0;}
.header__cont .title{max-width:363px;/* width: 65%; */margin: auto;padding: 2.1rem 0 1rem;}
.header__cont .title_sub{max-width: 208px; margin:2px auto;}
.header__cont .title_under{font-size: clamp(15px, 3vw, 21px);font-weight: 400;margin: 33px auto 33px;color: #FFF;text-align: center;}

.wine{width: 49.5%;max-width: 351px;position: absolute;left: -8.5%;top: 2.5%;z-index: 5;}

.header__copy { background: #FFF; font-size: clamp(17px, 3vw, 19.5px); text-align: center; position: relative; z-index: -1; width: 88.5%; margin: 0 auto 1.5em; }
.header__copy b{display: block;color: var(--red1);font-size: 120%}



.apply__button {
  margin: 13px auto;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  width: 95%;
  max-width: 620px;
  line-height: 1.66;
  padding: 1em 1em;
  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(17px, 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;transition: 0.15s;}
.apply__button:hover::before{ transform: rotate(10deg);}
.price_display{color: var(--green);font-size: 150%;font-weight: 800;margin: 0 0.5% -4px;position: relative;bottom: -2px;}

/* 申込ボタン */
aside{position: fixed;left: 50%;top: 6%;margin-left: -750px;width: 100%;max-width: 335px;z-index: 6;transition: 0.15s;}
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-bottom: 8px;}

.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%} }
    

.gift{background: url(../images/bg_w.jpg);background-position: center;padding: 0;}
.gift p{ width: 45%; margin-left: 3%; font-size: clamp(16px, 3vw, 20px); line-height: 1.75;}

.gift__head {}
.gift__head .gift_head-special{max-width: 225px;margin: 0 auto;padding: 2em 0 0;}
.gift__head .gift_head-goods{max-width: 500px;margin: -1em auto;display: flex;justify-content: center;}
.gift__head .gift_head-goods::before,.gift__head .gift_head-goods::after{ content: url(../images/para.svg); display: block; width: 125px; height: 168px; position: relative; top: -3em; }
.gift__head .gift_head-goods::before{left: -7px;}
.gift__head .gift_head-goods::after{transform: scale(-1, 1);right: -7px;}


.gift__head .gift_head-amount{max-width: 465px;width: 47%;margin: 0px auto 1.5em;padding: 0em 2em;border-top: 1px solid #ddd;}

.gift__item {display: flex;width: 90%;margin: 2em auto 0;padding: 0 0 2em;}
.gift__item_box {position: relative;width: 33%;}
.gift__item_icon {position: absolute;width: 65px;top: -30px;right: 15px;}
.gift__item_photo {max-width: 200px;border: 1px solid #e9e9e9;border-radius: 13px;padding: 5%;margin: 4.5%;background: #FFF;}
.gift__item_title-row{margin: 0 4.5%;}
.gift__item_title-sub {font-size: clamp(13px, 1vw, 14px);margin: 1em 0 0.5em;}
.gift__item_title {font-size: clamp(18px, 2.25vw, 18px);font-weight: 700;}
.gift__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%;}

.feature{font-size: clamp(16px, 3vw, 20px);line-height: 1.75;padding: 0;}
.feature__head { background: url(../images/feature__head_bg.svg) var(--red2); display: flex; justify-content: space-around; align-items: center; color: #FFF; padding: 2.5% 1%; }
.feature__head_cont {position: relative;}
.feature__head_cont h3{font-size: clamp(18px, 3.25vw, 21px);}
.feature__head_cont h2{font-size: clamp(22px, 4.25vw, 32px);font-weight: 600;} 
.feature__head_cont::after{content: "";display: block;background: #AB986C;position: absolute;height: 100px;top: 115%;left: 33%;width: 1px;}

.feature__cell{padding: 25% 0% 0%;display: flex;}
.feature__cell.cell1 {background: url(../images/feature_bg1.jpg);background-size: cover;background-position: right;}
.feature__cell.cell2 {background: url(../images/feature_bg2.jpg);justify-content: flex-end;background-size: cover;}
.feature__cell.cell3 {background: url(../images/feature_bg3.jpg);background-size: cover;}
.feature__cell.cell4 {background: url(../images/feature_bg4.jpg);justify-content: flex-end;background-size: cover;}
.feature__cell.cell5 {background: url(../images/feature_bg5.jpg);background-size: cover;}


@supports (background-image: url('../images/feature_bg1@2x.jpg')) {
   .feature__cell.cell1 { background-image: url('../images/feature_bg1@2x.jpg'); } }
   @supports (background-image: url('../images/feature_bg2@2x.jpg')) {
    .feature__cell.cell2 { background-image: url('../images/feature_bg2@2x.jpg'); } }
    @supports (background-image: url('../images/feature_bg3@2x.jpg')) {
      .feature__cell.cell3 { background-image: url('../images/feature_bg3@2x.jpg'); } }
      @supports (background-image: url('../images/feature_bg4@2x.jpg')) {
        .feature__cell.cell4 { background-image: url('../images/feature_bg4@2x.jpg'); } }
        @supports (background-image: url('../images/feature_bg5@2x.jpg')) {
          .feature__cell.cell5 { background-image: url('../images/feature_bg5@2x.jpg'); } }


.feature__box{display: flex;flex-direction: column;background: #FFF;width: 50%;padding: 7.5% 5.5%;position: relative;right: 0;}
.feature__box div:first-child{/* width: 20.5%; */text-align: center;margin: 0 auto 0.75em;position: absolute;top: -10%;left: 5%;}
.feature__box div:last-child{line-height: 1.5;padding: 5px 0;font-size: clamp(17px, 2.25vw, 19.5px);}

.feature__box_cont {font-weight: 500;}
.feature__box span{background: #FFEE92;}

.feature p{margin: 11px 0;}


.facination {padding: 2em 1em;position: relative;background: #F5F5F5;}
.facination_box{display: flex;align-items: center;}
.facination_img {padding: 2%;position: relative;z-index: 8;width: 300px;}
.facination_img img{position: absolute;width: 294px;top: -7em;}
.facination_cont {font-size: clamp(16px, 2.25vw, 19.5px);padding: 0 7.5%;width: 68%;position: relative;}
.facination_cont p{font-weight: 600;margin: 1.15em 0;text-shadow: 1px 2px #ffffff;}
.facination_vino{position: absolute;left: 50%;}

.impression {background: url(../images/impression_bg.jpg);position: relative;padding: 5em 0 0;z-index: -1;}
.impression h2{color: #FFF;border-left: 3px solid var(--gold3);font-size: clamp(20px, 2.75vw, 27px);font-weight: 700;margin: 0.25em 0 1.25em;line-height: 1.33;padding: 0 0 0 0.75em;}
.impression__list li{padding: 0.85em 1em 0.75em 0em;margin: 0.25em 0;border-radius: 3px;display: flex;justify-content: flex-start;background: linear-gradient(90deg, var(--gold3) 0%, var(--gold3) 55%, #8b7029 75%, #665734 100%);}
.impression__list li::before{content:url(../images/bother.svg);display: block;position: relative;left: -1.25em;top: -1.5em;transform: scale(0.85);}
.impression__list li p{color: #FFF;font-size: clamp(17px, 2.75vw, 18px);width: 66.5%;margin-left: 0.1em;font-weight: 500;text-shadow: 0 0 black;}
.impression h3{color: #FFF;font-size: clamp(19px, 2.75vw, 25px);font-weight: 600;padding: 5% 3% 8%;}
.impression h3 .red_under{color: #dfd7c0;}
.impression_vino{position: absolute;z-index: 5;left: 50%;bottom: 2%;margin: 0px 0 0 21.5%;}


.want {background: url(../images/want.jpg);padding: 2em 0 3em;background-size: cover;}
.want h2{text-align: center;font-size: clamp(33px, 6.75vw, 38px);font-weight: 500;line-height: 1.35;margin: 0.5em auto 1.25em;text-shadow: #fff 5px 2px 35px,#fff 5px 2px 35px,#fff 5px 2px 35px,#fff 5px 2px 35px;}
.want h2 b{display: block;font-weight: 800;}
.want h3{text-align: center;font-size: clamp(17px, 2.75vw, 23px);font-weight: 700;margin: 1.0em auto 1.25em;}
.want__baloon {
  padding: 0.25em 1em;
  margin: 0.25em auto;
  text-align: center;
  color: #FFF;
  border-radius: 3px;
  background: linear-gradient(135deg, #973356 0%, #973356 50%, var(--red2) 50%, var(--red2) 100%);
  width: 54%;
  font-weight: 600;
  font-size: clamp(19.5px, 2.75vw, 25px);
  position: relative;
  }
.want__baloon:after{
  content: "";
  position: absolute;
  right: -50%;
  bottom: -20px;
  left: 0px;
  width: 0px;
  height: 0px;
  margin: auto;
  transform: rotate(3deg);
  border-style: solid;
  border-color: #6f1836 transparent transparent transparent;
  border-width: 21px 21px 0px 0px;
  }

.want__list {background: #FFF;width: 83%;margin: auto;padding: 1.25% 5%;border-radius: 5px;}
.want__list li{margin: 0.66em 0;padding: 0.66em 0;display: flex;font-size: clamp(16px, 2.75vw, 17px);line-height: 1.66;border-bottom: 1px dotted var(--base3);}
.want__list li:last-child{border: 0;padding: 0;}
.want__list li::before{content: url(../images/checker.svg);display: block;margin-right: 2em;}


.exp {background: url(../images/exp_bg.jpg) no-repeat var(--base4);padding: 2.75em 0 2em;}

.exp__head h3{text-align: center;font-size: clamp(16.5px, 2.75vw, 24.5px);background: #FFF;/* display: inline-block; */margin: 1.5em auto 1em;width: fit-content;font-weight: 700;}
.exp__head h3 span{margin: 0.1em 0.5em;display: inline-block;}
.exp__head h4{text-align: center;font-size: clamp(21.5px, 2.25vw, 24.5px);color: #FFF;display: inline-block;margin: 0.25em auto 2.25em;width: 100%;}
.exp__head h4 span{margin: 0.1em 2.5em;padding: 1.25% 2%;display: inline-block;background: var(--black);line-height: 0.5;}
.exp__head h4 span:nth-child(1){color: var(--gold1);}
.exp__head h2{text-align: center;padding: 0;/* width: fit-content; */margin: 25px auto;font-size: clamp(38px, 4.75vw, 41px);font-weight: 700;line-height: 1.15;}
.exp__head h2 span{background: #FFF;padding: 0 1%;}

.exp__cell {background: #FFF;width: 93%;margin: 0 auto 1em;border-radius: 5px;padding: 3.5% 5%;}
.exp__cell_head {text-align: center;border-bottom: 1px solid var(--gold2);padding: 0 0 1em;margin: 0px 0 2.5em;}
.exp__cell_head h3{text-align: center;font-size: clamp(25px, 3.75vw, 29px);background: #FFF;font-weight: 700;display: inline-block;margin: 0.25em 0 0.15em;}
.exp__cell_head h4{text-align: center;font-size: clamp(18px, 2.75vw, 18px);color: var(--gold3);font-weight: 600;/* margin: 0 0 1em; */}
.exp__cell_icon {width: 88px;margin: auto;}
.exp__cell_cont {position: relative;}
.exp__cell_cont_box {display: flex;margin: 0.5em 0 1em;align-items: center;}
.exp__cell_cont_box_img {width: 40%;max-width: 225px;}
.exp__cell_cont_box_cont {width: 70%;padding: 0 3%;}
.exp__cell_cont_box_cont p{margin: 0 0 0.5em;font-size: clamp(17px, 2.75vw, 19.5px);}
.exp__cell_cont_box_con h4{border-left:2px solid var(--gold3); padding-left: 1em;}
.exp__cell_cont_baloon {background: var(--base4);width: 76.5%;padding: 2.5%;position: relative;margin-top: 2em;border-radius: 5px;font-size: clamp(16px, 1.75vw, 17px);}
.exp__cell_cont_baloon:after{content: "";position: absolute;top: 50%;right: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent var(--base4);translate: 100% -50%;}

.exp__cell:nth-child(4) .exp__cell_cont_baloon:after{ top: 75%;}
.exp__cell_cont_baloon ul{}
.exp__cell_cont_baloon ul li{margin: 0.5em 0; display: flex;}
.exp__cell_cont_baloon ul li:before{content:url("../images/exp_checker.svg");display: block;margin-right: 1em;}
.exp__cell_cont_figure {position: absolute;width: 88px;bottom: -48px;right: 16px;}

.exp__cell_cont_box_2 {display: flex;justify-content: space-between;margin: 1em 0 2em;}
.exp__cell_cont_box_2 .exp__cell_cont_box_img {max-width: 160px;}
.exp__cell_cont_box_2 .exp__cell_cont_box_cont {width: 67.5%;padding: 0;}
.exp__cell_cont_box_2 .exp__cell_cont_box_cont  h4{font-weight: 700;border-left: 2px solid var(--gold2);padding-left: 0.5em;font-size: clamp(21px, 2.75vw, 20.5px);line-height: 1;margin: 0 0 0.75em;}
.exp__cell_cont_box_cont_day {display: flex;background: var(--base4);margin: 0.5em 0 1.25em;line-height: 1.5;font-size: clamp(16px, 1.75vw, 15px);}
.exp__cell_cont_box_cont_day_month{background: var(--gold3);color: #FFF;padding: 1.5% 4.5% 2%;}
.exp__cell_cont_box_cont_day_days{padding: 1.5% 3% 2%;}


.merit h2 {padding: 0 0 1.25em;margin: 0em auto 0.5em;background: #FFF;font-size: clamp(17px, 2.25vw, 21px);font-weight: 600;line-height: 1;text-align: center;width: 50%;}
.merit p { text-align: left; margin: 1.5em auto 6em; font-size: clamp(16px, 2.15vw, 18px); line-height: 1.75; width: 75%; }
.merit_img { background: url(../images/photo3.jpg) no-repeat; background-size: contain; background-position: center; width: 100%; height: 327px; }

.merit_conpare {width: 98%;margin: 0 0 0  auto;padding: 2em 0;position: relative;}

.merit {margin-bottom: 0;padding-bottom: 0;position: relative; }
.merit h2 {padding: 0 0 1.25em;margin: 0em auto 0.5em;background: #FFF;font-size: clamp(18px, 2.25vw, 21px);font-weight: 600;line-height: 1;text-align: center;width: 50%;}
.merit p { text-align: left;margin: 1.5em auto 6em;font-size: clamp(16px, 2.15vw, 18px);line-height: 1.75;width: 75%; }
.merit_img {background: url(../images/photo3.jpg) no-repeat;background-size: contain;background-position: center;width: 100%;height: 327px; }

.swiper {display: block;width: 38px;position: absolute;top: 0%;right: 5%;z-index: 15; }

.merit_conpare_area {max-width: 1280px;
  overflow-x: scroll;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;
  scroll-snap-type: x mandatory;padding: 0 0 1em;scroll-behavior: smooth;
  width: 100%;justify-content: flex-start;scrollbar-color: var(--base3) #ffffff;scrollbar-width: thin;scroll-padding: 20px;
  }
.merit_conpare_box_cont {color: var(--black);position: relative;font-size: 16px;font-weight: 600;text-align: left;width: 88%;margin: auto;}



.worth h2{margin: 1em auto 1.5em;background: #FFF;font-size: clamp(21px, 3.25vw, 23px);display: flex;justify-content: center;align-items: center;font-weight: 600;line-height: 1.35;text-align: center;width: 50%;}
.worth h2 span.red2{display: block;font-weight: 800;font-size: clamp(23px, 3.25vw, 25px);}
.worth h2::before{left: -31px;}
.worth h2::after{transform: scale(-1, 1);right: -31px;}
.worth img{max-width: 195px;}

.worth__area h3{font-size: clamp(17px, 2.25vw, 18px);font-weight: 600;}
.worth__area_cell_box { margin: 8% 0 0; text-align: center; } 
.worth__area_cell_box .ao-chan {width: 30%; position: relative;}
.worth__area_cell_box .worth_baloon_area{width: 62.5%;}

.worth h2::before,.worth h2::after{content: url(../images/spread.svg);display: block;width: 33px;height: 48px;position: relative;}

.worth__area {display: grid;grid-template-columns: 1fr 1fr;width: 90%;margin: auto;}
.worth__areah3{font-size: clamp(16px, 2.25vw, 18px);font-weight: 500;}
.worth__area_cell {width: 95%;margin: 0.5em auto;background: #eee;text-align: center;padding: 3.5%;border-radius: 5px;border: 1px solid var(--base3);}
.worth__area_cell_detail {color: #FFF;border-radius: 3px;background: linear-gradient(135deg, var(--gold2) 0%, var(--gold2) 50%, var(--gold3) 50%, var(--gold3) 100%);width: 80%;margin: 0.5em auto;padding: 1.5% 2%;font-size: clamp(16px, 2.25vw, 18px);text-shadow: 1px 2px #957b34;}

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

.worth_baloon {background: var(--red2);color: #FFF;padding: 3% 5%;border-radius: 3px;position: relative;font-weight: 600;}
.worth_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%;}

.worth__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);}
.worth__area_cell.ao-chan .ao-chan{position: absolute;bottom: 0;left: 71.5%;max-width: 88px;} 


.oneday h2{font-size: clamp(25px, 3.25vw, 25px);margin: 0 0 0.66em;font-weight: 600;}
.oneday p{font-size: clamp(17px, 2.25vw, 17px);width: 47%;margin: 0 0 0.5em;line-height: 1.66;}

.recommend h2{text-align: center;font-size: clamp(21px, 2.25vw, 23px);margin: 1em auto;font-weight: 700;position: relative;width: fit-content;}
.recommend h2:after{content: url(../images/recommend.svg);display: block;position: absolute;right: -1em;top: 19px;}

.recommend__area_cell img{height: 73px;object-fit: cover;}
.recommend__area  h3{display: flex;margin: 0 0 0.25em;min-height: 3.3em;line-height: 1.45;font-weight: 500;font-size: clamp(17px, 1.75vw, 16px);}
.recommend__area  h3::before{content: "■";display: flex;color: var(--red1);margin: 0.5px 0.75em 0 0;transform: scale(0.15,1.5);top: 8px;position: relative;/* left: -5px; */width: 1px;}




.trusure {background: url(../images/tresure.jpg) no-repeat #211102;display: flex;justify-content: flex-end;padding: 1.75em 0;background-size: cover;}
.trusure__box {display: flex;align-items: center;justify-content: space-around;margin: 4% 8%;}
.trusure__cont {color: #FFF;font-size: clamp(21.5px, 2.25vw, 25px);font-weight: 700;margin: -7px 5% 0 0;letter-spacing: 0.08em;text-shadow: 0 1px #574f4f;}

.trusure__area{background: rgba(74,52,32,0.66);width: 68%;padding: 1%;display: flex;flex-direction: column;}
.trusure__thumb {display: flex;width: 100%;align-content: stretch;}
.trusure__thumb_cell {background: #FFF;color: #463915;margin: 0.25em;padding: 1% 4%;font-size: 15px;font-weight: 600;border-radius: 3px;position: relative;}
.trusure__thumb_cell:after{content: url(../images/checker_tresure.svg);display: block;position: absolute;right: -7px;top: -11px;}

.trusure__img {position: relative;top: -13px;}


.price {padding: 0 0 5px;}
.price1 {background: url(../images/price_bg1.jpg);}
@supports (background-image: url('../images/price_bg1@2x.webp')) { .price1 { background-image: url('../images/price_bg1@2x.webp'); background-size: cover;} }


.price2 {background: url(../images/price_bg2.jpg);background-size: cover;}
.price__head {background: rgba(138,31,68,0.95);padding: 2.5% 7%;text-align: center;color: #FFF;font-size: clamp(18.5px, 2.25vw, 21px);}
.price__cont {background: #FFF;margin: 5% auto;padding: 2.5% 2.5% 1.5%;width: 68%;}
.price__supple {border-top: 1px dotted #bfbfbf;margin-top: 5%;padding-top: 2.5%;padding-bottom: 2%;font-size: clamp(13px, 2.25vw, 15px);}


.oneday {background: url(../images/oneday.jpg);padding: 3em 0 3em;background-size: cover;}
.oneday__cont {color: #FFF;width: 85%;margin: auto;}

.recommend__area {display: grid;grid-template-columns: 1fr 1fr;margin: 2em auto;max-width: 680px;margin: auto;padding: 0 0 1em;}
.recommend__area_cell {width: 90%;margin: 2em auto 0em;border-bottom: 1px dotted #c2d4df;}
.recommend__area_cellimg{height: 68px;object-fit: cover;}
.recommend__area h3::before{content: "■";display: flex;color: var(--red1);margin: 0.5px 0.75em 0 0;transform: scale(0.15,1.5);top: 5px;position: relative;/* left: -5px; */width: 1px;}


.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;font-weight: 600;}
.qa__cell_box.q{color: var(--red2);padding-bottom: 0;padding-right: 0.1em;}
.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;}

.price__head_ribon {display: inline-block;position: relative;margin: 0 0 0.75em;width: 245px;line-height: 40px;font-weight: 600;color:var(--red2);background: #fff;box-sizing: border-box;z-index: 2; }
.price__head_ribon span{border: 3px solid var(--red2);display: inline-block;width: 245px;position: relative;z-index: 5;}
.price__head_ribon::before,.price__head_ribon::after{content: '';position: absolute;z-index: 1;border: 48px solid #ffffff;border-width: 20px 15px 20px;bottom: -3px;width: 20px;}
.price__head_ribon::before{left: -24px;border-left-color: transparent;}
.price__head_ribon::after{right: -24px;border-right-color: transparent;}


.light{}
.light .contents{width: 83%;margin:auto;}
.light h2{text-align: center;color: var(--red1);line-height: 1.33;font-weight: 700;font-size: clamp(23px, 2.5vw, 25px);}
.light h3{text-align: center;font-weight: 600;font-size: clamp(22px, 2.25vw, 21px);}
.light__head{background: var(--base2);padding: 3%;border-radius: 3px;margin: 1em 0;}
.light__head p{width: 95%;margin: auto;text-align: center;font-size: 17px;}
.light__head_area{padding: 2% 15%;margin: 2% auto;display: flex;background: #FFF;justify-content: space-evenly;width: 95%;border-radius: 3px;align-items: center;}
.light__head_area div:nth-child(1){background: var(--red1);color: #FFF;padding: 1.5% 3%;border-radius: 3px;}
.light__head_area div:nth-child(2){ padding: 1% 2%; }

.light__cont ul{border: 1px solid var(--base3);padding: 1% 4%;border-radius: 3px;}
.light__cont ul li{margin: 1% 0;padding: 2% 0 2% 3em;border-bottom: 1px dotted var(--base3);background: url("../images/checker.svg") no-repeat;background-position-y: center;font-size: 17px;}

.light__cont ul li:last-child{border: 0;}
.light__cont p{margin: 1.5em auto;text-align: center;font-weight: 600;font-size: clamp(16px, 2.25vw, 18px);}

.light__graph{
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: flex-start;
    max-width: 690px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0 0 1em;
    scroll-behavior: smooth;
    width: 100%;
    justify-content: flex-start;
    scrollbar-color: var(--base3) #ffffff;
    scrollbar-width: thin;
    scroll-padding: 20px;
}

.light__graph_box{ width: 25%; flex: 0 0 38.5%; margin: 0.1em; padding: 0 0 0.5em; text-align: center; background: #FFF; scroll-snap-align: center; }
.light__graph_box.topics{flex: 0 0 21.5%;}

.light__graph_box_cont {
  color: var(--black);
  position: relative;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  width: 85%;
  margin: auto;
  line-height: 1.5;
  }
.light__graph_box_initial{background: var(--base1);height: 65px;display: flex;font-weight: 600;}
.light__graph_box.topics .light__graph_box_initial{background: var(--base2);}
.light__graph_box_initial.ht{height: 88px;}
.light__graph_box_initial:nth-of-type(odd) {background: var(--base2);}
.light__graph_box.topics .light__graph_box_initial:nth-of-type(odd) {background: var(--base3);}
.light__graph_box.topics .light__graph_box_cont{text-align: left;}

.light__graph_box_head{color: #FFF;line-height: 2;}
.light__graph_box_head.st{background: var(--gold2);}
.light__graph_box_head.lt{background: var(--red2);}
.light__graph + p{text-align: center;}

.apply__button.lightbt{ max-width: 260px;font-size: clamp(15px, 1.75vw, 16px);font-weight: 500; }
.apply__button.lightbt:before{content: url(../images/arrow2.svg)}

.profile {background: url(../images/bg_w.jpg);background-position: top;padding: 0 0 2em;}
.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, 16px);font-weight: 400;}

.profile__cont {width: 90%;max-width: 580px;margin: 3em auto;}
.profile__cont p{margin: 0 0 1.5em;font-size: 16px;line-height: 1.66;}


.alert__head {text-align: center;margin: 1em auto 2em;}
.alert__head img{width: 21px;margin: 0 auto 0.5em;}
.alert__head h2{font-size: clamp(18px, 2.25vw, 21px);font-weight: 700;}
.alert__cont {width: 90%;max-width: 580px;margin: 3em auto 0;padding: 0 0 3em;border-bottom: 1px dotted #d7d7d7;}
.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;background: #EEE3C7;font-size: 14px;text-align: center;}
  
.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;/* margin-top: -3.5vh; */} 100% {opacity:1;/* margin-top: 2vh; */} }




@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%;}
}

@media screen and (max-width: 1200px) {
  aside {left: 69.5%;width: 300px;}
}

@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;}
}


@media screen and (max-width: 820px) {

  .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 21em;}
.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;}
.feature__head_cont h2,.feature__head_cont h3{ line-height: 1.25; }
.gift{padding: 11px 0;}
}


@media screen and (max-width: 750px) {

header{margin-top: 0vh;border-radius: 0;}
article{padding: 0 0 16em;}
/* メインビジュアル　*/
header {width: 100%;max-width: 750px;background: #FFF;padding: 0;margin-top: 0;overflow: hidden;}
.title-catch{font-size: clamp(15px, 3vw, 24px);font-weight: 600;text-align: right;padding: 3.5% 5%;}
.title-baloon_box{font-weight: 600;padding: 1.5% 10%;display: flex;justify-content: flex-end;position: relative;right: 0%;/* text-align: right; */}
.title-baloon {background: #FFF;font-size: clamp(15px, 3vw, 24px);border-radius: 88px;border: 2px solid var(--red1);color: var(--red1);width: 400px;text-align: center;padding: 10px;}

.header__cont{background: url(../images/main_base.png) no-repeat;width: 448px;height: 428px;margin: 3em 0 10em -15%;position: relative;left: 50%;}
.header__cont .ao-chan{position:absolute;top:-5px;width: 188px;right: -13px;}
.header__cont .title_ao-chan{max-width: 154px;margin:8px auto;padding: 61px 0 0;}
.header__cont .title{max-width:363px;/* width: 65%; */margin: auto;padding: 4vh 0 2vh;}
.header__cont .title_sub{max-width: 208px; margin:2px auto;}
.header__cont .title_under{font-size: clamp(15px, 3vw, 21px);font-weight: 400;margin: 33px auto 33px;color: #FFF;text-align: center;}

.wine{width: 52%;max-width: 383px;position: absolute;left: -12.5%;top: 6%;z-index: 5;}

.header__copy {text-align: left;position: relative;z-index: -1;width: 88.5%;margin: 0.5em auto 1.5em;}
.header__copy b{display: inline;font-size: 100%;}

.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%} }
   

.apply__button {max-width: 400px;}
.apply__button a{margin-right:0;}
.apply__button:hover { background-color:green}

.apply__button:before {transform: scale(0.75);top: 13%;left: 3%;display: none;}
.apply__button:hover::before{ transform: rotate(10deg);}
.price_display{color: var(--green);font-size: 150%;font-weight: 800;margin: 0 0.5% -4px;position: relative;bottom: -2px;}

.gift p{ width: 45%; margin-left: 3%; font-size: clamp(16px, 3vw, 20px); line-height: 1.75; font-family: "Yu Gothic", "Meiryo", sans-serif; font-weight: 500; }

.gift__head .gift_head-special{max-width: 185px;padding: 2.25em 0 0.75em;}
.gift__head .gift_head-goods{margin: 0em auto 0.5em;width: 95%;}
.gift__head .gift_head-goods::before,.gift__head .gift_head-goods::after{ content: url(../images/para.svg); display: block; width: 35px; height: 48px; position: relative; top: -7em; transform: scale(0.66); }
.gift__head .gift_head-goods::before{left: 32px;content: url(../images/para2.svg);top: -5em;}
.gift__head .gift_head-goods::after{transform: scale(-0.66, 0.66);right: 32px;content: url(../images/para2.svg);top: -5em;}


.gift__head .gift_head-amount{width: 75%;max-width: unset;}

.gift__item {margin: 0em auto 0;padding: 0 0 1em;flex-direction: column;}
.gift__item_box {display: flex;margin: 0 0 1.85em;width: 100%;}
.gift__item_icon {width: 15%;top: -25px;left: -8px;}
.gift__item_photo {padding: 3%;margin: 0 1% 0 2.5%;height: fit-content;width: 56%;}
.gift__item_title-row{ margin: 0 0 0 2.5%; }
.gift__item_title-sub {margin: 0em 0 0.25em;}
.gift__item_title { line-height: 1.25; }
.gift__item_title-under {margin: 0.5em 0 0;padding: 0.5em 0 0;width: 100%;font-weight: 600;line-height: 1.33;}

.feature__head {padding: 4% 1% 4%;}
.feature__head_cont {width: 60%;}
.feature__head_cont h3{line-height: 1.25;margin: 0 0 0.75em;}
.feature__head_cont h2{line-height: 1.25;} 
.feature__head_cont::after{height: 45px;top: 107%;}
.feature__head_img {width: 30%;}

.feature__cell{padding: 32% 0 0%;}
.feature__cell.cell1 {background-position: 15%;}

.feature__cell.cell4{
    background-size: 160%;
    background-position-x: 58%;
}
.feature__cell.cell5{
    background-size: 130%;
    background-position-x: 35%;
}

.feature__box{width: 62.25%;padding: 7.5% 5% 6%;}
.feature__box div:first-child{width: 38%;}

.feature__box_cont {font-weight: 600;}
.feature__box span{background: #FFEE92;}

.feature p{margin: 11px 0;}


.facination {padding: 1em 1em 1em;}
.facination_box{flex-direction: unset;align-items: center;}
.facination_img {padding: 0;width: 88%;left: -8%;}
.facination_img img{width: 100%;left: 0;top: -6em;}
.facination_cont {padding: 0 0.5% 0 0;width: 95%;margin-left: -1em;}
.facination_vino{position: absolute;left: 50%;}

.impression {padding: 3em 0 2em;background-position: right;}
.impression .contents{width: 88%;}
.impression h2{ margin: 0 0 1.5em; }
.impression__list li{padding: 0.75em 1em 0.75em 0em;border-radius: 0px;background: linear-gradient(90deg, var(--gold3) 0%, var(--gold2) 50%, var(--gold3) 100%);line-height: 1.33;}
.impression__list li::before{transform: scale(0.75);}
.impression__list li p{width: 88.5%;font-weight: 600;margin: 0;}
.impression h3{padding: 6% 0% 3%;}
.impression_vino{left: 68%;top: 40%;display: none;}


.want {padding: 2em 0 2em;background-position: center top;}
.want h2{margin: 0.75em auto;line-height: 1.25;font-weight: 700;}
.want h2 b{display: block;}
.want h3{margin: 0.5em auto 0.5em;}

.want__baloon {margin: 0.15em auto;width: 84%;}
.want__baloon:after{
  content: "";
  position: absolute;
  right: -50%;
  bottom: -20px;
  left: 0px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: var(--red2) transparent transparent transparent;
  border-width: 21px 35px 5px 0px;
  }

.want__list {width: 88%;padding: 2.5% 5%;}
.want__list li{margin: 0.5em 0;padding: 0.5em 0;line-height: 1.5;font-weight: 600;}
.want__list li:last-child{border: 0;padding: 0;margin: 0.5em 0;padding: 0.5em 0;}
.want__list li::before{margin-right: 0.75em;transform: scale(0.75);}

.spread img{max-width: 300px; width: 80%;}

.exp {padding: 1.25em 0 2em;background-position-y: -2em;background-position-x: -13em;}

.exp__head h3{letter-spacing: -0.0075em;}
.exp__head h4{display: block;margin: 0.5em auto 1.5em;width: 80%;}
.exp__head h4 span{margin: 0 0.5em;line-height: 1.33;}

.exp__head h2 span{display: inline-block;background: #FFF;padding: 0 0.75%;}

.exp__cell_head h3{margin: 0 0 0.25em;line-height: 1.25;}
.exp__cell_head h4{line-height: 1.33;}


.exp__cell_cont_box {flex-direction: column;}
.exp__cell_cont_box_img {width: 100%;max-width: 320px;margin: 0 0 0.5em;}
.exp__cell_cont_box_img img{ height: 188px; object-fit: cover; }

.exp__cell_cont_box_cont {width: 100%;padding: 0 1%;font-weight: 600;}
.exp__cell_cont_box_cont p{margin: 0 0 1em;font-weight: 600;}
.exp__cell_cont_box_con h4{border-left:2px solid var(--gold3); padding-left: 1em;}
.exp__cell_cont_baloon {margin-top: 1em;width: 75%;padding: 3% 5%;}

.exp__cell:nth-child(4) .exp__cell_cont_baloon{width: 100%;font-weight: 600;}
.exp__cell:nth-child(4) .exp__cell_cont_baloon:after{display: none;}
.exp__cell_cont_baloon ul li{margin: 0.75em 0;display: flex;}
.exp__cell_cont_baloon ul li:before{content:url("../images/exp_checker.svg");display: block;margin-right: 1em;}
.exp__cell_cont_figure {width: 63px;bottom: -7px;right: -8px;}

.exp__cell:nth-child(4) .exp__cell_cont_figure{display: none;}

.exp__cell_cont_box_2 {flex-direction: column;}
.exp__cell_cont_box_2 .exp__cell_cont_box_img {max-width: unset;}
.exp__cell_cont_box_2 .exp__cell_cont_box_cont {width: 100%;padding: 0;}
.exp__cell_cont_box_cont_day {margin: 0.5em 0 1em;flex-direction: column;text-align: center;}
.exp__cell_cont_box_cont_day_month{padding: 1.75% 4.5% 1.75%;}
.exp__cell_cont_box_cont_day_days{padding: 1.5% 3% 1.75%;}


.merit { margin-bottom: 0; padding-bottom: 0;  position: relative; }
.merit h2 {padding: 0 0 0.75em;margin: 0em auto 0.5em;width: 88%;text-align: left;}
.merit p { text-align: left; margin: 1.5em auto 6em; font-size: clamp(16px, 2.15vw, 18px); line-height: 1.75; width: 75%; }
.merit_img { background: url(../images/photo3.jpg) no-repeat; background-size: contain; background-position: center; width: 100%; height: 327px; }

.swiper { display: block; width: 38px; position: absolute; top: 0%; right: 5%; z-index: 15; }

.merit_conpare {padding: 1em 0;width: 97.5%;}
.merit_conpare_area {
  margin: auto;
  max-width: 1280px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding: 0 0 1em;
  scroll-behavior: smooth;
  width: 100%;
  justify-content: flex-start;
  scrollbar-color: var(--base3) #ffffff;
  scrollbar-width: thin;
  scroll-padding: 20px;
  }

.price__cont {width: 90%;}
.price__supple{width: 95%;margin: 5% auto 0;}
.worth h2{width: 88%;}
.worth h2::before{left: -31px;}

.worth img{max-width: 136px;width: 40%;}
.worth .ao-chan img{max-width: unset;width: 90%;}

.worth__area {grid-template-columns: 1fr;}
.worth__area_cell {margin: 0.25em auto;padding: 3.5% 1% 3.5% 3%;display: flex;justify-content: space-evenly;}
.worth__area_cell div:nth-child(1){width: 60%;}
.worth__area_cell.ao-chan div{width:85%;}
.worth__area_cell_detail {border-radius: 0px;width: 98%;padding: 2.5% 3%;}
.worth__area_cell_box {margin: 5% 0 0;text-align: center;} 
.worth__area_cell_box .ao-chan {width: 30%; position: relative;}
.worth__area_cell_box .worth_baloon_area{width: 70.5%;}
.worth_baloon:after{top: 50%;border-width: 0px 0 13px 12px;}
.worth__area_cell.ao-chan{padding: 3% 0;margin-top: 1em;display: block;}
.worth__area_cell.ao-chan .ao-chan{left: 77.5%;max-width: 77px;} 

.oneday {background-position: 27%;padding: 0;}
.oneday h2{font-weight: 600;display: block;width: fit-content;}
.oneday p{width: 75%;margin: 0.5em 0 0;/* background: rgba(0,0,0,0.5); */display: inline;padding: 0.1em 0.15em;font-weight: 600;text-shadow: 0 0px 3px black;}
.oneday__cont {width: 100%;background: rgba(0, 0, 0, 0.25);padding: 11% 7%;}

.recommend h2{margin: 0.5em auto 2em;}
.recommend h2:after{top: 18px;transform: scale(0.85);right: -2em;}
.recommend__area {grid-template-columns: 1fr;}
.recommend__area_cell {width: 90%;margin: 1.25em auto 0em;border-bottom: 0;display: flex;flex-direction: row-reverse;align-items: center;align-items: flex-start;}
.recommend__area  h3{padding: 0 0 0 3.5%;font-weight: 600;}
.recommend__area  h3::before{content: none;/* display: flex; *//* color: var(--red1); *//* margin: 0.5px 0.75em 0 0; *//* transform: scale(0.15,1.5); *//* top: 5px; *//* position: relative; *//* left: -5px; *//* width: 1px; */}
.recommend__area  img{width: 30%;border-radius: 5px;margin-top: 5px;}

.trusure {padding: 7.85em 0 0;background-position: top;background-size: contain;}
.trusure__area{background: no-repeat;width: 100%;padding: 0;margin: auto;flex-direction: column-reverse;}

.trusure__thumb_cell {margin: 0;padding: 3% 4%;border-radius: 0px;line-height: 1.35;
  background: var(--base4);vertical-align: middle;width: 100%;border-right: 1px solid #d3cdc0;}
.trusure__thumb_cell:last-child{border: 0;}
.trusure__thumb_cell:after{right: 8px;top: 35px;transform: scale(0.75);}




.trusure__box {margin: 1% 4%;}
.trusure__cont {margin: 1.25% 5% 1.5% 0;line-height: 1.33;}
.trusure__img {position: relative;top: -20px;}

.qa__head {margin: 0em 0 2em;}

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

.qa__cell_box.a div:nth-child(1){color: var(--gold3);}

.price__head{text-align: center;line-height: 1.33;}
.price__head_ribon span{ text-align: center; }
.price__head_ribon::before,.price__head_ribon::after{content: '';position: absolute;z-index: 1;border: 48px solid #ffffff;border-width: 20px 15px 20px;bottom: -3px;width: 20px;}
.price__head_ribon::before{left: -24px;border-left-color: transparent;}
.price__head_ribon::after{right: -24px;border-right-color: transparent;}


.profile__head {background-size: contain;background-repeat: no-repeat;height: 200px;}
.profile__head_box{width: 160px;height: 150px;}
.profile__head_img { width: 45%; }
.profile__cont {margin: 1em auto 1.5em; font-weight: 600;}


.light{padding: 1em 0 2em;background: linear-gradient(0deg, #ffffff 0%, #ffffff 99.5%, #efefef 100%);}
.light__head p{text-align: left;margin: 0.5em auto 1.25em;font-weight: 600;}
.light__head_area{padding: 3%;flex-direction: column;text-align: center;width: 95%;}
.light__head_area div:nth-child(1){width: 100%;}
.light__head_area div:nth-child(2){margin: 3% auto;}

.light__cont ul li{margin: 2% 0;padding: 3% 0 3% 2.5em;font-weight: 600;background-position-y: 15px;background-position-x: 5px;}
.light__cont ul li:last-child{border: 0;}

.light__graph{left: 0%;position: relative;}
.light__graph_box{flex: 0 0 42.5%;}
.light__graph_box.topics{flex: 0 0 35.5%;}

.light__graph_box.topics .light__graph_box_initial:nth-of-type(odd) {background: var(--base3);}
.light__graph_box_head.lt{background: var(--red2);}
.light__graph + p{ width: 80%; margin: 1em auto 1em; text-align: left;  font-weight: 600;}

.apply__button.lightbt{ display: flex; align-items: center; justify-content: center; margin: 1em auto 0; padding: 0.54em 0; }
.apply__button.lightbt:before{content: url(../images/arrow2.svg)}

.alert__cont {margin: 2em auto 0;padding: 0 0 1em;}
.alert__cont ul li{ line-height: 1.66; }

.contact__cont {line-height: 1.66;margin: 3em auto 1.5em;}
main, header, footer {padding: 0;}

footer{padding: 1em 0 8em; }
.footer-copyright {margin-bottom: 0;}
}


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

.apply{display: block;padding: 1em 0 1em;}
.apply__box{width: 100%;}

.gift p{width: 55%;line-height: 1.65;margin-left: 0;}
}

@media screen and (max-width: 350px) {
  .feature__head_cont h3{font-size: 16px; line-height: 1.33;}
  .want__baloon,.want h3{font-size: 16px;}
  .exp__head h3 {font-size: 15px;}
  .worth__area_cell.ao-chan {font-size: 14px;}
  .profile__head {background-size: cover;};
  .apply__button a{ margin: auto;}
  .apply__button:before{display: none;}
}

/****************************************

	2025/06/17 追加

*****************************************/
/*　汎用　*/
.block {
  display: block;
}
@media (max-width: 1600px) {
  .block-xxxl {
    display: block !important;
  }
}
@media (max-width: 1399px) {
  .block-xxl {
    display: block !important;
  }
}
@media (max-width: 1199px) {
  .block-xl {
    display: block !important;
  }
}
@media (max-width: 991px) {
  .block-lg {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .block-md {
    display: block !important;
  }
}
@media (max-width: 575px) {
  .block-sm {
    display: block !important;
  }
}

.none {
  display: none;
}
@media (max-width: 1600px) {
  .none-xxxl {
    display: none !important;
  }
}
@media (max-width: 1399px) {
  .none-xxl {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .none-xl {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .none-lg {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .none-md {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .none-sm {
    display: none !important;
  }
}

.bold-300 {
  font-weight: 300;
}

.bg-red1 {
  background: var(--red1);
}

.bg-gold3 {
  background: var(--gold3);
}

.color-red1 {
  color:  var(--red1);
}

.color-gold3 {
  color:  var(--gold3);
}

.color-white {
  color: #fff;
}

/*.merit*/

.merit_table {
  table {
    width: 1280px;
    border-collapse: collapse;
    text-align: left;
    font-family: sans-serif;
    font-weight: 700;
  }

  th, td {
    border-right: 8px solid #fff;
    padding: 1rem;
    vertical-align: middle;
  }

  thead {
    color: #fff;
    text-align: center;
  }

  thead th {
    text-align: center;
  }

  thead th:first-child {
    width: 200px;
  }

  thead th:nth-of-type(2) {
    width: 370px;
  }

  thead th:nth-child(n+3) {
    width: calc((1280px - 570px) / 3);
  }

  tbody tr:nth-of-type(odd) th:first-child {
    background: var(--base3);
  }

  tbody tr:nth-of-type(even) th:first-child {
    background: var(--base2);
  }

  tbody tr:nth-of-type(odd) td {
    background: var(--base2);
  }

  tbody tr:nth-of-type(even) td {
    background: var(--base1);
  }
}

.merit_table_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem 2rem;
}

.merit_table_flex_r {
  font-size: 16px;
  font-weight: 300;
}

.merit_table_list {
  margin-left: 1.5rem;

  li {
    list-style-type: disc;
  }

  li::marker {
    letter-spacing: -5px;
  }
}

.merit_table_list--red li::marker {
    color: var(--red2);
}

.merit_table_list--gold li::marker {
    color: var(--gold3);
}


