@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&family=Noto+Serif+JP:wght@400;500;700;900&display=swap');

html {
  position: relative;
  min-height: 100%;
  overflow-y: scroll;
  font-size: 62.5%;
}

/* SP */
.header {
  z-index: 1000;
}
.content__inner {
  overflow: visible;
}

/* -------------------------------------------
 * suigei
 * ------------------------------------------- */
 :root{
  --main-color: #070f2c;
  --key-color: #c12a1e;
  --key-color-blue: #1ea3f2;
 }
.suigei{
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #231815;
  font-size: 1.6rem;
}
.suigei .yakuFont{
  font-family: YakuHanMP, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
}
.suigei .main__inner{
  width: 90%;
  margin: auto;
}
.suigei img{
  width: 100%;
  height: auto;
}

/* suigei__intro */
.bg_gradation_wrapper{
  background: #3B97C6;
background: url(/img/usr/pages/suigei_koikeya/2025/intro_bg_sp.webp) no-repeat right top / 75%, url(/img/usr/pages/suigei_koikeya/2025/intro_bg_02_sp.webp) no-repeat left bottom -1px/ 100% ,linear-gradient(180deg, rgba(59, 151, 198, 1) 0%, rgba(44, 113, 172, 1) 5%, rgba(28, 74, 146, 1) 12%, rgba(11, 26, 116, 1) 24%, rgba(7, 21, 79, 1) 41%, rgba(9, 13, 74, 1) 67%, rgba(4, 7, 60, 1) 97%);
}
.suigei__intro{
  color: #fff;
  padding-bottom: 70px;
}
.suigei__intro__inner{
  position: relative;
}
.suigei__intro__ttl{
  width: 52px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
}
.suigei__intro__header {
  margin: 0 auto;
  margin-bottom: 45px;
  padding-top: 70px;
  width: 50%;
}
/* .suigei__intro__header span{
  font-size: 1.6rem;
  border: 1px solid #fff;
  padding: 8px 33px;
  display: inline-block;
  background: var(--key-color);
} */
.suigei__intro__cont .cont__header{
  text-align: center;
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 32px;
  color: #fff;

}
.suigei__intro__cont .cont__text{
  display: flex;
  justify-content: center;
}
.suigei__intro__cont .cont__text p{
  writing-mode: vertical-rl;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3;
  min-height: 300px;
}

/* suigei__cta */
.suigei__cta{
  padding-bottom: 70px;
}
.suigei__cta__inner {
  background-image: url(/img/usr/pages/suigei_koikeya/2025/cta_bg_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #1A1B6A;
  position: relative;
  padding: 9px;
}
.suigei__intro__inner_frame {
  border: solid 3px ;
  border-image: linear-gradient(309deg,rgba(253, 201, 97, 1) 9%, rgba(208, 119, 18, 1) 27%, rgba(255, 201, 85, 1) 52%, rgba(202, 122, 10, 1) 59%, rgba(228, 148, 31, 1) 70%, rgba(253, 201, 97, 1) 86%)1;
  padding: 25px 0 30px;
}
.suigei__cta__flag{
  position: absolute;
  width: 105px;
  top: 0;
  left: 16px;
}
.suigei__cta__header{
  text-align: center;
  margin-top: 10px;
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1.38;
  color: #1A1B6A;
}
.suigei__cta__header ruby[data-ruby]{
  position: relative;
  font-size: 2.2rem;
}
.suigei__cta__header ruby[data-ruby]::before{
  content: attr(data-ruby);
  position: absolute;
  top: -1.0em;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 1rem;
}
.suigei__cta__header ruby[data-ruby] rt{
  visibility: hidden;
}
.suigei__cta__text01{
  width: 90%;
  margin: 0 auto;
}
.suigei__cta__img{
  text-align: center;
  margin-top: 20px;
}
.suigei__cta__img img{
  width: 90%;
}
.suigei__cta__cont .cont__text02{
  margin-top: 20px;
  font-size: 1.7rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
  color: #1A408D;
}
.suigei__cta__cont .cont__price{
  text-align: center;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: #1A408D;
}
.suigei__cta__cont .cont__price .text-style-1{
  font-size: 3rem;
}
.suigei__cta__cont .cont__price .text-style-2{
  font-size: 1.8rem;
}
.suigei__cta__cont .cont__item__note{
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  color: #1A408D;
}
.suigei__cta__button{
  width: 68%;
  margin: 0 auto;
  margin-top: 20px;
}


/* 下のCTAエリア */
.suigei__cta._last{
  padding-top: 80px;
  /* clip-path: polygon(0 0, 100% 13vw, 100% 100%, 0% 100%); */
  margin-top: -90px;
  padding-bottom: 50px;
}


/* suigei__sake */
.suigei__sake__mv{
  position: relative;
  overflow-x: hidden;
}
/* .suigei__sake__mv .mv__img{
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
} */
.suigei__sake__header{
  position: absolute;
  width: 56px;
  width: 15%;
  z-index: 2;
  top: 0;
  right: 20px;
  box-shadow: 0px 2px 18px 6px rgba(51, 51, 51, 0.27);
}
.suigei__sake__cont{
  background: url(/img/usr/pages/suigei_koikeya/2025/sake_bg_wave_sp.png) left bottom / 79% no-repeat, #0B0F50;
  color: #fff;
  padding: 20px 0 60px;
}
.suigei__sake__cont .cont__header{
  width: 335px;
  margin: 0 auto;
  background: url(/img/usr/pages/suigei_koikeya/2025/sake_ttl_bg_sp.jpg) center center / contain no-repeat;
  padding: 10px 0 15px;
  box-shadow: 6px 8px 10px 6px rgba(0, 1, 61, 0.5);
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
}
.suigei__sake__cont .cont__header .text-style-1{
  font-size: 2.5rem;
  line-height: 1.2;
}
.suigei__sake__cont .cont__text{
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 1.6px;
  font-weight: 400;
}

/* suigei__potato */
.suigei__potato__mv{
  position: relative;
}
.suigei__potato__mv .mv__img{
  width: 100%;
}
.suigei__potato__header{
  position: absolute;
  width: 56px;
  width: 15%;
  z-index: 2;
  top: 0;
  left: 20px;
  box-shadow: 0px 2px 18px 6px rgba(51, 51, 51, 0.27);
}
.suigei__potato__cont{
  position: relative;
  background: url(/img/usr/pages/suigei_koikeya/2025/potato_bg_wave_sp.png) right bottom 55px / 88% no-repeat, #0B0F50;
  color: #fff;
  padding: 20px 0 215px;
}
.suigei__potato__cont .cont__header{
  width: 335px;
  margin: 0 auto;
  background: url(/img/usr/pages/suigei_koikeya/2025/sake_ttl_bg_sp.jpg) center center / contain no-repeat;
  padding: 10px 0 15px;
  box-shadow: 6px 8px 10px 6px rgba(0, 1, 61, 0.5);
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
}
.suigei__potato__cont .cont__header .text-style-1{
  font-size: 2.5rem;
  line-height: 1.2;
}
.suigei__potato__cont .cont__text{
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 1.6px;
  font-weight: 400;
  text-align: justify;
}
.suigei__potato__cont .cont__img{
  position: absolute;
  max-width: 203px;
  width: 100%;
  right: 5%;
  bottom: 12%;
}

/* suigei__scene */
.suigei__scene{
  background: #e5f0fc url(/img/usr/pages/suigei_koikeya/2025/scene_bg_sp.jpg) center top no-repeat;
  background-size: cover;
  padding-block: 130px;
  clip-path: polygon(0 0, 100% 13vw, 100% 100%, 0% 100%);
  margin-top: -90px;
}
.suigei__scene__item:not(:last-of-type){
  margin-bottom: 40px;
}
.suigei__scene__item:nth-child(5){
  margin-bottom: 0;
}
.suigei__scene__item .item__inner{
  color: #010353;
  background-color: rgba(256, 256, 256, 0.8);
  padding: 18px 30px 20px;
}
.suigei__scene__item .item__title{
  margin-bottom: 10px;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
.suigei__scene__item .item__text{
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: center;
}
.suigei__scene__note{
  color: #000;
  font-size: 1.0rem;
  font-weight: 400;
  text-align: right;
  line-height: 2.7;
}

/* suigei__shuzou */
.shuzou__bg{
  clip-path: polygon(0 13vw, 100% 0, 100% 100%, 0% 100%);
  background: url(/img/usr/pages/suigei_koikeya/2025/intro_bg_02_sp.webp) no-repeat left bottom -1px/ 100% ,linear-gradient(180deg, rgba(59, 151, 198, 1) 0%, rgba(44, 113, 172, 1) 5%, rgba(28, 74, 146, 1) 12%, rgba(11, 26, 116, 1) 24%, rgba(7, 21, 79, 1) 41%, rgba(9, 13, 74, 1) 67%, rgba(4, 7, 60, 1) 97%);
}
.suigei__shuzou{
  color: #fff;
  padding: 90px 0 60px;
  margin-top: -90px;
}
.suigei__shuzou .suigei__shuzou__cont01{
  margin-bottom: 30px;
}
.suigei__shuzou__header{
  text-align: center;
}
.suigei__shuzou__header span{
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
  display: inline-block;
  letter-spacing: 0.1em;
}
.suigei__shuzou__header span::after{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg,rgba(222, 155, 12, 1) 10%, rgba(237, 178, 53, 1) 30%, rgba(255, 230, 87, 1) 50%, rgba(239, 180, 57, 1) 70%, rgba(222, 155, 12, 1) 100%);
  margin-top: 10px;
}
.suigei__shuzou__cont01 .cont01__text{
  font-size: 1.6rem;
  line-height: 2.2;
  margin: 30px 0 40px;
  font-weight: 200;
}
.suigei__shuzou__cont02{
  background: url(/img/usr/pages/suigei_koikeya/2025/person_bg_sp.jpg) center center / 100% no-repeat;
  padding: 20px;
  color: #010353;
}
.suigei__shuzou__cont02 .cont02__img__caption{
  margin-top: 15px;
  font-size: 1.4rem;
}
.suigei__shuzou__cont02 .cont02__item{
  margin-top: 27px;
}
.suigei__shuzou__cont02 .cont02__item_header{
  font-size: 1.6rem;
  line-height: 2.4;
  text-align: center;
  font-weight: 700;
  margin-inline: calc(50% - 50vw);
  margin-top: 20px;
  color: #010353;
}
.suigei__shuzou__cont02 .cont02__item_text{
  font-size: 1.4rem;
  line-height: 1.8;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  text-align: justify;
}
.suigei__shuzou__cont02 .cont02__img_caption{
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 1.8;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  text-align: end;
}
.suigei__shuzou__cont03{
  margin-top: 40px;
}
.suigei__shuzou__cont03 .cont03__inner{
  display: flex;
  justify-content: center;
  gap: 56px;
}
.suigei__shuzou__cont03 .cont03__img{
  flex-shrink: 0;
  width: 380px;
}
.suigei__shuzou__cont03 .cont03__img__caption{
  font-size: 1.8rem;
  margin-top: 32px;
}
.suigei__shuzou__cont03 .cont03__item__header{
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 2.4px;
  margin-bottom: 28px;
}
.suigei__shuzou__cont03 .cont03__item__text{
  font-size: 1.8rem;
  line-height: 2.4;
  letter-spacing: 1.8px;
}

/*――――――――――――――――――――――――――――――――――――――――――――
/* pr_suigei-reviewArea
――――――――――――――――――――――――――――――――――――――――――――――*/

.pr_suigei-review-ttl {
  font-size: 2.8rem;
  margin: 20px 0 10px 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.pr_suigei-review-star {
  margin: 0 0 30px 0;
}
.pr_suigei-review-star p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  margin-top: 10px;
}
.suigei .pr_suigei-review-img ,
.suigei .pr_suigei-review-starImg {
  margin: 0 auto 30px;
  width: 80%;
  display: block;
}

.pr_suigei-review-commentTtl {
  margin: 0 0 30px 0;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}

.slick-track {
  display: flex;
  align-items: stretch;
}

.slick-slide {
  height: auto;
}


.pr_suigei-review-commentList__slide {
  padding: 0 10px;
}

.pr_suigei-review-commentList__item {
  position:relative;
  z-index:1;
  border: solid 6px #fff;
  padding:20px;
  background-image: linear-gradient(309deg,rgba(253, 201, 97, 1) 9%, rgba(208, 119, 18, 1) 27%, rgba(255, 201, 85, 1) 52%, rgba(202, 122, 10, 1) 59%, rgba(228, 148, 31, 1) 70%, rgba(253, 201, 97, 1) 86%);
  width: 100%;
  height: 100%;
  /* padding: 50px 60px 30px; */
  color: #111;
}
.pr_suigei-review-commentList__item::before {
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  box-sizing:border-box;
  padding:2px;
  width:100%;
  height:100%;
  background:#fff;
  background-clip:content-box;
  content:"";
}
.pr_suigei-review-commentList__ttl {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.pr_suigei-review-commentList__txt {
  font-size: 1.4rem;
  position: relative;
  z-index: 10;
  text-align: justify;
}

.pr_suigei-review-commentList__status {
  margin-top: 10px;
  font-size: 1.2rem;
  text-align: right;
}




/* suigei__note */

.suigei__note {
  font-family: noto sans jp, sans-serif;
  font-weight: 400;
  text-align: left;
  padding-block: 30px;
}

.suigei__note_caption {
  margin-bottom: 5.33vw;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #ce3b29;
  letter-spacing: 0.05em;
}

.suigei__note_list {
  position: relative;
  padding-left: 12px;
  font-size: 10px;
  line-height: 16px;
}

.suigei__note_list::before {
  position: absolute;
  top: 6px;
  right: auto;
  bottom: auto;
  left: 4px;
  display: block;
  width: 4px;
  height: 4px;
  content: "";
  background: #000;
  border-radius: 50%;
}

.suigei__note_list:last-child::before {
  border-radius: 0;
}

/* cv__button */
.suigei__cv{
  position: fixed;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  margin: 0 auto;
}
.suigei__cv.is-animated{
  opacity: 1;
  visibility: visible;
}
.suigei__cv a{
  transition: all 0.3s;
  }
.suigei__cv a:hover{
  opacity: 0.8;
}

.button--pageTop {
  z-index: 1000;
}


/* オリジナルコースターCP */
.suigei__cp{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 50px;
}
.suigei__cp__header{
  margin-bottom: 0;
  background: linear-gradient(90deg,rgba(222, 155, 12, 1) 10%, rgba(237, 178, 53, 1) 30%, rgba(255, 230, 87, 1) 50%, rgba(239, 180, 57, 1) 70%, rgba(222, 155, 12, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-align: center;
  color: #010353;
}
.suigei__cp__subheader{
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-align: center;
  color: #fff;
}
.suigei__cp__subheader span{
  background: linear-gradient(90deg,rgba(222, 155, 12, 1) 10%, rgba(237, 178, 53, 1) 30%, rgba(255, 230, 87, 1) 50%, rgba(239, 180, 57, 1) 70%, rgba(222, 155, 12, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.suigei__cp__cont{
  position: relative;
  background: #fff;
}
.cp__cont__header{
  background: linear-gradient(90deg,rgba(222, 155, 12, 1) 10%, rgba(237, 178, 53, 1) 30%, rgba(255, 230, 87, 1) 50%, rgba(239, 180, 57, 1) 70%, rgba(222, 155, 12, 1) 100%);
  padding: 5px 0 5px 85px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
  color: #060941;
}
.cp__cont__flag{
  position: absolute;
  width: 85px;
  height: 60px;
  top: 0;
  left: 13px;
}
.cp__cont__flag img{
  width: 100%;
}
.cp__cont__inner{
  padding: 30px 20px;
}
.cp__cont__textarea{
  margin-bottom: 20px;
}
.cp__cont__text{
  margin-bottom: 10px;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-align: center;
  color: #060941;
}
.cp__cont__note{
  font-size: 1.0rem;
  letter-spacing: 0.08em;
  font-weight: 500;
  text-align: center;
  color: #060941;
}
.cp__cont__img{
  width: 100%;
}
.btn-sold {
  pointer-events: none;
}




/* -------------------------------------------
 * Scroll Animation
 * ------------------------------------------- */
.an_true,
.an_delay_item {
  transition: opacity 0.8s, transform 0.8s;
}

.si_fade,
.si_top,
.si_bottom,
.si_left,
.si_right{
  opacity: 0;
}
.si_fade.scrollin,.scrollin .si_fade {opacity: 1;}
.si_top {transform: translate(0, -50px);}
.si_bottom {transform: translate(0, 50px);}
.si_left {transform: translate(-50px, 0);}
.si_right {transform: translate(50px, 0);}
.si_diagonal {transform: translate(50px, 50px);}
.si_top.scrollin,.scrollin .si_top,
.si_bottom.scrollin,.scrollin .si_bottom,
.si_left.scrollin,.scrollin .si_left,
.si_right.scrollin,.scrollin .si_right,
.si_diagonal.scrollin,.scrollin .si_diagonal{
  opacity: 1;
  transform : translate(0, 0);
}





/* 旧サイトから新サイト　移行時対応 */
h1{
  margin: 0;
  font-size: 0;
}