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

html {
  position: relative;
  min-height: 100%;
  overflow-y: scroll;
  font-size: 62.5%;
}
.header {
  z-index: 1000;
}

.content__inner {
  overflow: visible;
}

.wrapper {
    position: relative;
    width: 100%;
    min-width: 1200px;
    padding-top: 80px;

    overflow: hidden;
    text-align: left;
}

/* -------------------------------------------
 * suigei
 * ------------------------------------------- */

 :root{
  --main-color: #070f2c;
  --key-color: #c12a1e;
  --key-color-blue: #1ea3f2;
 }
 .suigei{
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  color: inherit;
  position: relative;
  min-width: 1200px;
  overflow: hidden;
}
.suigei .f-sans{
  font-family: 'Noto Sans JP', sans-serif;
}
.suigei .yakuFont{
  font-family: YakuHanMP, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
}

.main__inner {
  width: 1200px;
  margin: auto;
  box-sizing: border-box;
}

.suigei .main__inner{
  width: 1200px;
  margin: auto;
  box-sizing: border-box;
}
.suigei img{
  max-width: 100%;
}

/* suigei__mv */
.suigei__mv img{
  width: 100%;
}

/* suigei__intro */
.bg_gradation_wrapper{
  background: #3B97C6;
background: url(/img/usr/pages/suigei_koikeya/2025/intro_bg.webp) no-repeat right top, url(/img/usr/pages/suigei_koikeya/2025/intro_bg_02.webp) no-repeat left bottom,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: 220px;
}
.suigei__intro__inner{
  position: relative;
}
.suigei__intro__ttl{
  width: 90px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
}
.suigei__intro__ttl img{
  width: 100%;
}
.suigei__intro__header{
  width: 340px;
  margin: 0 auto;
}
.suigei__intro__header .header__logo{
  width: 100%;
  padding-top: 84px;
}
.suigei__intro__cont{
  writing-mode: vertical-rl;
  width: 805px;
  margin-block: auto;
  margin: 76px auto 0;
}
.suigei__intro__cont .cont__header{
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.67;
  letter-spacing: 4px;
  position: relative;
  margin-left: 30px;
}
.suigei__intro__cont .cont__header span{
  font-size: 3.6rem;
}
.suigei__intro__cont .cont__text{
  font-size: 2.6rem;
  line-height: 4;
}
.suigei__intro__chipsbox{
  width: 276px;
  position: absolute;
  left: 30px;
  bottom: -140px;
}



/* suigei__cta */
.suigei__cta{
  padding: 1px 0 90px;
}
.suigei__cta__inner {
  background-image: url(/img/usr/pages/suigei_koikeya/2025/cta_bg.jpg);
  background-repeat: no-repeat;
  color: #1A1B6A;
  position: relative;
  padding: 30px;
}
.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: 60px 0 40px;
}
.suigei__cta__header{
  font-size: 6rem;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
}
.suigei__cta__header ruby[data-ruby]{
  position: relative;
  font-size: 6rem;
  letter-spacing: 0.08em;
}
.suigei__cta__header ruby[data-ruby]::before{
  content: attr(data-ruby);
  position: absolute;
  top: -0.5em;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 1.6rem;
}
.suigei__cta__header ruby[data-ruby] rt{
  visibility: hidden;
  font-size: 0;
}
.suigei__cta__flag{
  position: absolute;
  width: 244px;
  top: 0;
  left: 100px;
}
.suigei__cta__cont{
  display: flex;
  width: 1030px;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 3px;
}
.suigei__cta__cont .cont__img{
  width: 545px;
}
.suigei__cta__cont .cont__img img{
  width: 100%;
}
.suigei__cta__cont .cont__item{
  width: 445px;
  text-align: center;
}
.suigei__cta__cont .cont__item .cont__item__text01{
  width: 100%;
}
.suigei__cta__cont .cont__item .cont__item__text01 img{
  width: 100%;
}
.suigei__cta__cont .cont__item .cont__item__text02{
  margin-top: 20px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #1A408D;
}
.suigei__cta__cont .cont__item .cont__item__price{
  font-size: 5.6rem;
  margin-top: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #1A408D;
}
.suigei__cta__cont .cont__item .cont__item__price .text-style-1{
  font-size: 4rem;
}
.suigei__cta__cont .cont__item .cont__item__price .text-style-2{
  font-size: 3rem;
}
.suigei__cta__cont .cont__item .cont__item__note{
  font-weight: 700;
  color: #1A408D;
}
.suigei__cta__button{
  width: 673px;
  margin: 0 auto;
  margin-top: 30px;
}
.suigei__cta__button a{
  transition: opacity, 0.3s;
}
.suigei__cta__button a:hover{
  opacity: 0.75;
}


/* 下のCTAエリア */
.suigei__cta._last{
  padding-top: 0;
  position: relative;
  z-index: 6;
}


/* suigei__sake */
.suigei__sake__mv{
  width: 100%;
  position: relative;
  line-height: 0;
}
.suigei__sake__mv .mv__img{
  width: 100%;
}
.suigei__sake__header{
  position: absolute;
  width: 120px;
  z-index: 2;
  top: 0;
  left: 77%;
  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.png) left bottom / 626px no-repeat, #0B0F50;
  color: #fff;
  padding: 70px 0 82px;
}
.suigei__sake__cont .cont__inner{
  width: 1037px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 60px;
}
.suigei__sake__cont .cont__header{
  width: 224px;
  background: url(/img/usr/pages/suigei_koikeya/2025/sake_ttl_bg.jpg) center center / contain no-repeat;
  box-shadow: 6px 8px 10px 6px rgba(0, 1, 61, 0.5);
  writing-mode: vertical-rl;
  padding: 46px 33px 52px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 2.4px;
  line-height: 2;
}
.suigei__sake__cont .cont__header .text-style-1{
  font-size: 4rem;
  line-height: 1.6;
  letter-spacing: 4px;
}
.suigei__sake__cont .cont__text{
  font-size: 2.4rem;
  line-height: 3;
  letter-spacing: 0.05em;
  white-space: nowrap;
}


/* suigei__potato */
.suigei__potato__mv{
  width: 100%;
  position: relative;
  z-index: 1;
  line-height: 0;
}
.suigei__potato__mv .mv__img{
  width: 100%;
}
.suigei__potato__header{
  position: absolute;
  width: 120px;
  z-index: 2;
  top: 0;
  left: 14%;
  box-shadow: 0px 2px 18px 6px rgba(51, 51, 51, 0.27);
}
.suigei__potato__cont{
  background: url(/img/usr/pages/suigei_koikeya/2025/potato_bg_wave.png) right 265px / 650px no-repeat, #0B0F50;
  color: #fff;
  padding: 100px 0 350px;
}
.suigei__potato__cont .cont__inner{
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: top;
  gap: 43px;
}
.suigei__potato__cont .cont__header {
  position: relative;
  width: 176px;
  height: 312px;
  background: url(/img/usr/pages/suigei_koikeya/2025/potato_ttl_bg.jpg) center center / contain no-repeat;
  box-shadow: 6px 8px 10px 6px rgba(0, 1, 61, 0.5);
  writing-mode: vertical-rl;
  padding: 46px 33px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 2.4px;
  line-height: 2;
}
.suigei__potato__cont .cont__header .text-style-1{
  font-size: 4rem;
  line-height: 1.6;
  letter-spacing: 4px;
}
/* .suigei__potato__cont .cont__header::after{
  width: 380px;
  height: 278px;
  content: "";
  background: url(/img/usr/pages/suigei_koikeya/2025/potato_img.png) center center / contain no-repeat;
  display: block;
  position: absolute;
  bottom: -225px;
  left: -226px;
} */
.suigei__potato__imgbox{
  position: absolute;
  width: 380px;
  bottom: -241px;
  right: 22px;
}
.suigei__potato__imgbox img{
  width: 100%;
  height: auto;
}
.suigei__potato__cont .cont__text{
  padding-top: 30px;
  font-size: 2.4rem;
  line-height: 3;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

/* suigei__scene */
.suigei__scene{
  background: #e5f0fc url(/img/usr/pages/suigei_koikeya/2025/scene_bg.jpg) center top no-repeat;
  background-size: cover;
  padding: 200px 0;
  padding-block: 200px 162px;
  clip-path: polygon(0 0, 100% 8.3vw, 100% 100%, 0% 100%);
  margin-top: -250px;
  position: relative;
  z-index: 3;
}
.suigei__scene__item{
  position: relative;
  padding: 60px 0 0 530px;
}
.suigei__scene__item::before{
  position: absolute;
  bottom: -170px;
  left: -585px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/img/usr/pages/suigei_koikeya/2025/pattern_maru.webp) center center / contain no-repeat;
}
.suigei__scene__item:not(:last-of-type){
  margin-bottom: 90px;
}
.suigei__scene__item .item__img{
  position: absolute;
  width: 584px;
  height: 420px;
  top: 0;
  left: 0;
  box-shadow: 6px 8px 10px 0px rgba(44, 44, 44, 0.4);
}
.suigei__scene__item .item__img img{
  width: 100%;
  height: auto;
}
.suigei__scene__item .item__inner{
  background-color: rgba(256, 256, 256, 0.8);
  color: #010353;
  padding: 80px 0px 80px 124px;
}
.suigei__scene__item._reverse{
  padding: 63px 530px 0 0;
}
.suigei__scene__item._reverse::before{
  left: auto;
  right: -585px;
}
.suigei__scene__item._reverse .item__img{
  right: 0;
  left: auto;
}
.suigei__scene__item._reverse .item__inner{
  padding: 80px 0px 80px 70px;
}
.suigei__scene__item .item__title{
  font-weight: 700;
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
.suigei__scene__item .item__text{
  font-size: 2.4rem;
  line-height: 2.7;
  letter-spacing: 1.2px;
}
.suigei__scene__note{
  color: #000;
  text-align: right;
  font-size: 1.4rem;
  margin-top: 10px;
}


/* suigei__shuzou */
.shuzou__bg{
  background: url(/img/usr/pages/suigei_koikeya/2025/intro_bg_02.webp) no-repeat left bottom ,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: 120px 0 120px;
  /* padding-block: 220px 310px; */
  /* clip-path: polygon(0 8.3vw, 100% 0, 100% 100%, 0% 100%); */
  position: relative;
  z-index: 5;
}
.suigei__shuzou__inner{
  max-width: 994px;
  margin: auto;
}
.suigei__shuzou__header{
  text-align: center;
}
.suigei__shuzou__header span{
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 4px;
  display: inline-block;
  margin-bottom: 10px;
}
.suigei__shuzou__header span::after{
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  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: 17px;
}
.suigei__shuzou__cont01 .cont01__text{
  font-size: 2.4rem;
  line-height: 2.3;
  margin-bottom: 53px;
}

.suigei__shuzou__cont02{
  margin-top: 50px;
  padding: 40px;
  background: url(/img/usr/pages/suigei_koikeya/2025/person_bg.jpg) center center / contain no-repeat;
  display: flex;
  justify-content: space-between;
  color: #010353;
}
.suigei__shuzou__cont02 .cont02__inner{
  width: calc(100% - 50px - 280px);
}
.suigei__shuzou__cont02 .cont02__img{
  width: 280px;
}
.suigei__shuzou__cont02 .cont02__img__caption{
  font-size: 1.6rem;
  margin-top: 20px;
  text-align: end;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 200;
  line-height: 2.0;
}
.suigei__shuzou__cont02 .cont02__item__header{
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 20px;
}
.suigei__shuzou__cont02 .cont02__item__text{
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 1.5px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

.suigei__shuzou__cont03{
  margin-top: 130px;
}
.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-reviewArea {
} */

.pr_suigei-reviewInner {
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pr_suigei-review-img{
  width: 450px;
}

.pr_suigei-review-ttl {
  font-size: 4rem;
  margin: 0 0 40px 0;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
}

.pr_suigei-review-star {
  width: 507px;
  text-align: center;
}
.pr_suigei-review-starImg{
  width: 442px;
}
.pr_suigei-review-star p {
  text-align: left;
  font-size: 1.4rem;
  margin-top: 20px;
}

.pr_suigei-review-commentList__slide {
  padding: 0 10px;
  -webkit-transform: scale(0.88);
          transform: scale(0.88);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

.pr_suigei-review-commentList__slide.slick-current {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.pr_suigei-review-commentList__slide:hover {
  -webkit-transform: scale(1);
          transform: scale(1);
  cursor: pointer;
}

.pr_suigei-review-commentList__item {
  position:relative;
  z-index:1;
  border: solid 10px #fff;
  padding:40px;
  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: 685px;
  min-height: 320px;
  /* 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: 2.4rem;
  margin-bottom: 30px;
}
.pr_suigei-review-commentList__txt {
  font-size: 1.8rem;
  position: relative;
  z-index: 10;
}

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



/* suigei__note */
.suigei__note {
  min-width: 1200px;
  margin: 0 auto;
  text-align: left;
  padding: 90px 70px;
}

.suigei__note_caption {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #ce3b29;
}

.suigei__note_list {
  position: relative;
  padding-left: 12px;
  font-size: 1.5rem;
  line-height: 1.8;
}

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

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


/* cv__button */
.suigei__cv{
  position: fixed;
  width: 310px;
  height: auto;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  bottom: 10px;
  right: 80px;
}
.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{
  margin-top: 100px;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 120px;
}
.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: 5.4rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-align: center;
}
.suigei__cp__subheader{
  margin-bottom: 25px;
  font-size: 3.2rem;
  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;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
  color: #060941;
}
.cp__cont__flag{
  position: absolute;
  width: 138px;
  height: 87px;
  top: 0;
  left: 40px;
}
.cp__cont__flag img{
  width: 100%;
}
.cp__cont__inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 35px;
}
.cp__cont__textarea{
  width: calc(100% - 283px - 24px);
}
.cp__cont__text{
font-size: 2.4rem;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.8;
color: #060941;
}
.cp__cont__note{
  margin-top: 15px;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: #060941;
}
.cp__cont__img{
  width: 283px;
}
.cp__cont__img img{
  width: 100%;
}
.btn-sold {
  pointer-events: none;
}



/* -------------------------------------------
 * Scroll Animation
 * ------------------------------------------- */
/* アニメーション有効�? */
.an_true,
.an_delay_item {
  transition: opacity 0.5s, transform 0.5s;
}

/* フェードイン　　*/
.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);
}




/* tab */
@media screen and (max-width:819px) {
  .suigei__intro__cont{
    writing-mode: vertical-rl;
    margin-top: 76px;
    width: 805px;
    margin: auto;
  }  
}


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