@charset "UTF-8";
html,
body {
  font-family: "shippori-mincho-b1", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  transition: all 1.6s ease 0s;
  color: #3F3F40;
  overflow-x: hidden;
}

img,
video {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

a {
  display: block;
  text-decoration: none;
  transition: all 0.4s;
  color: #3F3F40;
}
@media screen and (min-width: 769px) {
  a:hover {
    opacity: 0.6;
    transition: all 0.4s;
  }
}
a[href=""] {
  pointer-events: none;
}

#loading-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 999;
}

.en {
  font-family: "cormorant-garamond", serif;
  font-weight: 400;
  font-style: normal;
}

.fv {
  width: 100%;
  position: relative;
}
.fv .swiper {
  height: 100vh;
  height: 100svh;
}
.fv .swiper .swiper-bg,
.fv .swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.fv .swiper .swiper-bg {
  overflow: hidden;
}
.fv .swiper .swiper-button-prev.swiper-button-disabled-user,
.fv .swiper .swiper-button-next.swiper-button-disabled-user {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.fv .swiper .swiper-pagination-not-clickable {
  opacity: 0.5;
  pointer-events: none;
}
.fv h2 {
  position: absolute;
  top: max(8.2666666667vw, 31px);
  left: max(7.4666666667vw, 28px);
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .fv h2 {
    width: min(29.1666666667vw, 420px);
    top: min(17.0666666667vw, 64px);
    left: min(21.3333333333vw, 80px);
  }
}
.fv h1 {
  position: absolute;
  bottom: max(8vw, 30px);
  left: max(8vw, 30px);
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .fv h1 {
    width: min(50vw, 720px);
    bottom: min(14.6666666667vw, 55px);
    left: min(21.3333333333vw, 80px);
  }
}
.fv .title_text {
  width: max(72vw, 270px);
  margin: max(8vw, 30px) auto 0;
  position: relative;
}
.fv .side_text {
  width: max(41.0666666667vw, 154px);
  margin: min(-11.4666666667vw, -43px) min(-9.3333333333vw, -35px) 0 auto;
}
.fv .scrolldown {
  position: absolute;
  bottom: -50px;
  right: 8.8%;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .fv .scrolldown {
    bottom: -30px;
    right: min(5.3472222222vw, 77px);
  }
}
.fv .scrolldown span {
  position: absolute;
  left: 10px;
  bottom: 10px;
  color: #FBFBFB;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  writing-mode: vertical-rl;
}
.fv .scrolldown:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FBFBFB;
  animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}
@media screen and (min-width: 769px) {
  .fv .scrolldown:before {
    left: -4px;
    width: 10px;
    height: 10px;
  }
}
@keyframes circlemove {
  0% {
    bottom: 100px;
  }
  100% {
    bottom: -5px;
  }
}
@media screen and (min-width: 769px) {
  @keyframes circlemove {
    0% {
      bottom: 100px;
    }
    100% {
      bottom: -34px;
    }
  }
}
@keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.fv .scrolldown:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 101px;
  background: #FBFBFB;
}
@media screen and (min-width: 769px) {
  .fv .scrolldown:after {
    bottom: -30px;
    width: 2px;
    height: 134px;
  }
}

.all_bg {
  background-color: #ebeced;
  position: relative;
}
.all_bg .white_bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.lead {
  padding: max(22.6666666667vw, 85px) 0 max(25.3333333333vw, 95px);
}
@media screen and (min-width: 769px) {
  .lead {
    padding: min(29.3333333333vw, 110px) 0 min(33.3333333333vw, 125px);
  }
}
.lead p {
  font-size: max(3.4666666667vw, 13px);
  line-height: 1.8461538462;
  text-align: center;
  color: #3F3F40;
  width: max(80vw, 300px);
  padding: 0 0 max(8vw, 30px);
  margin: 0 auto;
}
.lead p:last-child {
  padding: 0;
}
@media screen and (min-width: 769px) {
  .lead p {
    font-size: min(4vw, 15px);
    line-height: 1.7333333333;
    padding: 0 0 min(8vw, 30px);
  }
}

@media screen and (min-width: 769px) {
  .container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
}

.main_wrap {
  position: relative;
}
@media screen and (min-width: 769px) {
  .main_wrap {
    width: min(146.4vw, 549px);
    margin: 0 auto;
  }
}
.main_wrap .main_img {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .main_wrap .main_img {
    width: min(146.4vw, 549px);
    margin: 0 auto;
  }
}
.main_wrap h3 {
  width: max(13.8666666667vw, 52px);
  position: absolute;
  top: max(8vw, 30px);
  left: max(6.6666666667vw, 25px);
  z-index: 999;
}
@media screen and (min-width: 769px) {
  .main_wrap h3 {
    width: min(5.3472222222vw, 77px);
    top: min(2.7083333333vw, 39px);
    left: min(2.4305555556vw, 35px);
  }
}
.main_wrap h4 {
  width: max(88.5333333333vw, 332px);
  position: absolute;
  bottom: max(8vw, 30px);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 999;
}
@media screen and (min-width: 769px) {
  .main_wrap h4 {
    width: min(32.6388888889vw, 470px);
    bottom: min(3.4027777778vw, 49px);
  }
}

.main_text {
  font-size: max(5.0666666667vw, 19px);
  line-height: 1.7368421053;
  position: relative;
  z-index: 10;
}
.main_text.rt_text {
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  letter-spacing: -0.3em;
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
}
.main_text.rt_text span {
  display: block;
}

.com_text {
  position: relative;
  font-size: max(3.2vw, 12px);
  line-height: 1.9166666667;
  width: max(79.7333333333vw, 299px);
  margin: 0 auto;
  margin-top: max(12vw, 45px);
  margin-bottom: max(16vw, 60px);
}
@media screen and (min-width: 769px) {
  .com_text {
    width: min(132.2666666667vw, 496px);
    font-size: min(1.0416666667vw, 15px);
    line-height: 1.8666666667;
    margin-top: min(5.5555555556vw, 80px);
    margin-bottom: min(3.4722222222vw, 50px);
  }
}

.style .image_wrapper {
  position: relative;
  margin-top: max(20.8vw, 78px);
}
@media screen and (min-width: 769px) {
  .style .image_wrapper {
    margin-top: min(6.9444444444vw, 100px);
  }
}
.style .image_wrapper::before {
  content: "";
  display: block;
  width: 100%;
}
.style .image_wrapper .img_bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.style .image_wrapper figure,
.style .image_wrapper .fade_slider {
  position: absolute;
  z-index: 2;
}

#sec1.style .image_wrapper::before {
  padding-top: 506.1333333333%;
}
@media screen and (min-width: 769px) {
  #sec1.style .image_wrapper::before {
    padding-top: 192.3611111111%;
  }
}
#sec1.style .image_wrapper .img1 {
  width: max(75.4666666667vw, 283px);
  top: max(0vw, 0px);
}
@media screen and (min-width: 769px) {
  #sec1.style .image_wrapper .img1 {
    width: min(29.3243055556vw, 422.27px);
    left: min(30.9027777778vw, 445px);
  }
}
#sec1.style .image_wrapper .img2 {
  width: max(49.6vw, 186px);
  top: max(112.2666666667vw, 421px);
  right: max(12.5333333333vw, 47px);
}
@media screen and (min-width: 769px) {
  #sec1.style .image_wrapper .img2 {
    width: min(19.2673611111vw, 277.45px);
    top: min(43.6111111111vw, 628px);
    right: min(35.1388888889vw, 506px);
  }
}
#sec1.style .image_wrapper .img3 {
  width: max(76.8vw, 288px);
  top: max(190.4vw, 714px);
  right: 0;
}
@media screen and (min-width: 769px) {
  #sec1.style .image_wrapper .img3 {
    width: min(29.8333333333vw, 429.6px);
    top: min(71.875vw, 1035px);
    right: min(30.625vw, 441px);
  }
}
#sec1.style .image_wrapper .img4 {
  width: max(51.4666666667vw, 193px);
  top: max(296.8vw, 1113px);
  left: 0;
}
@media screen and (min-width: 769px) {
  #sec1.style .image_wrapper .img4 {
    width: min(20.0104166667vw, 288.15px);
    top: min(113.1944444444vw, 1630px);
    left: min(30.5555555556vw, 440px);
  }
}
#sec1.style .image_wrapper .img5 {
  width: max(39.7333333333vw, 149px);
  top: max(338.1333333333vw, 1268px);
  left: max(45.3333333333vw, 170px);
  z-index: 3;
}
@media screen and (min-width: 769px) {
  #sec1.style .image_wrapper .img5 {
    width: min(15.4347222222vw, 222.26px);
    top: min(129.2361111111vw, 1861px);
    left: min(48.1944444444vw, 694px);
  }
}
#sec1.style .image_wrapper .img6 {
  width: max(81.0666666667vw, 304px);
  bottom: max(0vw, 0px);
  left: max(9.3333333333vw, 35px);
}
@media screen and (min-width: 769px) {
  #sec1.style .image_wrapper .img6 {
    width: min(31.5006944444vw, 453.61px);
    bottom: min(0vw, 0px);
    left: min(34.3055555556vw, 494px);
  }
}

#sec2.style .image_wrapper::before {
  padding-top: 406.6666666667%;
}
@media screen and (min-width: 769px) {
  #sec2.style .image_wrapper::before {
    padding-top: 166.6666666667%;
  }
}
#sec2.style .image_wrapper .img1 {
  width: max(69.3333333333vw, 260px);
  top: max(0vw, 0px);
  left: max(15.4666666667vw, 58px);
}
@media screen and (min-width: 769px) {
  #sec2.style .image_wrapper .img1 {
    width: min(28.4125vw, 409.14px);
    left: min(35.7638888889vw, 515px);
  }
}
#sec2.style .image_wrapper .img2 {
  width: max(58.4vw, 219px);
  top: max(108.5333333333vw, 407px);
  left: max(8vw, 30px);
}
@media screen and (min-width: 769px) {
  #sec2.style .image_wrapper .img2 {
    width: min(23.8888888889vw, 344px);
    top: min(44.4444444444vw, 640px);
    left: min(32.6388888889vw, 470px);
  }
}
#sec2.style .image_wrapper .img3 {
  width: max(58.6053333333vw, 219.77px);
  top: max(189.8666666667vw, 712px);
  right: max(5.6vw, 21px);
}
@media screen and (min-width: 769px) {
  #sec2.style .image_wrapper .img3 {
    width: min(24.0159722222vw, 345.83px);
    top: min(77.7777777778vw, 1120px);
    left: min(43.6111111111vw, 628px);
  }
}
#sec2.style .image_wrapper .img4 {
  width: max(54.6666666667vw, 205px);
  top: max(286.1333333333vw, 1073px);
  left: 0;
  z-index: 3;
}
@media screen and (min-width: 769px) {
  #sec2.style .image_wrapper .img4 {
    width: min(22.4020833333vw, 322.59px);
    top: min(117.2222222222vw, 1688px);
    left: min(29.375vw, 423px);
  }
}
#sec2.style .image_wrapper .img5 {
  width: max(72.9973333333vw, 273.74px);
  top: max(310.6666666667vw, 1165px);
  right: 0;
}
@media screen and (min-width: 769px) {
  #sec2.style .image_wrapper .img5 {
    width: min(29.9138888889vw, 430.76px);
    top: min(127.2916666667vw, 1833px);
    left: min(40.5555555556vw, 584px);
  }
}

#sec3.style .image_wrapper::before {
  padding-top: 436.8%;
}
@media screen and (min-width: 769px) {
  #sec3.style .image_wrapper::before {
    padding-top: 166.6666666667%;
  }
}
#sec3.style .image_wrapper .img1 {
  width: max(49.7573333333vw, 186.59px);
  top: min(0vw, 0px);
  left: max(3.7333333333vw, 14px);
}
@media screen and (min-width: 769px) {
  #sec3.style .image_wrapper .img1 {
    width: min(18.9194444444vw, 272.44px);
    left: min(32.5694444444vw, 469px);
  }
}
#sec3.style .image_wrapper .img2 {
  width: max(49.7573333333vw, 186.59px);
  top: max(41.3333333333vw, 155px);
  left: max(46.9333333333vw, 176px);
  z-index: 3;
}
@media screen and (min-width: 769px) {
  #sec3.style .image_wrapper .img2 {
    width: min(18.9194444444vw, 272.44px);
    top: min(15.6944444444vw, 226px);
    left: min(48.9583333333vw, 705px);
  }
}
#sec3.style .image_wrapper .img3 {
  width: max(79.2vw, 297px);
  top: max(142.4vw, 534px);
  left: min(11.2vw, 42px);
}
@media screen and (min-width: 769px) {
  #sec3.style .image_wrapper .img3 {
    width: min(30.1145833333vw, 433.65px);
    left: min(37.2916666667vw, 537px);
    top: min(54.1666666667vw, 780px);
  }
}
#sec3.style .image_wrapper .img4 {
  position: absolute;
  top: max(264.8vw, 993px);
  left: 0;
}
@media screen and (min-width: 769px) {
  #sec3.style .image_wrapper .img4 {
    top: min(100.6944444444vw, 1450px);
    left: min(31.0416666667vw, 447px);
  }
}
#sec3.style .image_wrapper .img4 ul {
  display: flex;
}
#sec3.style .image_wrapper .img4 ul li {
  width: max(41.3413333333vw, 155.03px);
  margin-right: max(1.0666666667vw, 4px);
}
@media screen and (min-width: 769px) {
  #sec3.style .image_wrapper .img4 ul li {
    width: min(15.7194444444vw, 226.36px);
    margin-right: min(0.4166666667vw, 6px);
  }
}
#sec3.style .image_wrapper .img4 ul li:last-child {
  margin-right: min(0vw, 0px);
}
#sec3.style .image_wrapper .img5 {
  width: max(75.184vw, 281.94px);
  bottom: max(0vw, 0px);
  right: 0;
}
@media screen and (min-width: 769px) {
  #sec3.style .image_wrapper .img5 {
    width: min(28.5875vw, 411.66px);
    bottom: min(0vw, 0px);
    right: min(40.5555555556vw, 584px);
  }
}

#sec4.style .image_wrapper::before {
  padding-top: 370.9333333333%;
}
@media screen and (min-width: 769px) {
  #sec4.style .image_wrapper::before {
    padding-top: 140%;
  }
}
#sec4.style .image_wrapper .img1 {
  width: max(49.3333333333vw, 185px);
  top: max(0vw, 0px);
  left: max(10.6666666667vw, 40px);
}
@media screen and (min-width: 769px) {
  #sec4.style .image_wrapper .img1 {
    width: min(24.0159722222vw, 345.83px);
    top: min(0vw, 0px);
    left: min(32.6388888889vw, 470px);
  }
}
#sec4.style .image_wrapper .img2 {
  width: max(78.2346666667vw, 293.38px);
  top: max(68.5333333333vw, 257px);
  left: max(21.8666666667vw, 82px);
}
@media screen and (min-width: 769px) {
  #sec4.style .image_wrapper .img2 {
    width: min(28.4125vw, 409.14px);
    top: min(34.7222222222vw, 500px);
    left: min(41.6666666667vw, 600px);
  }
}
#sec4.style .image_wrapper .img3 {
  width: max(82.6666666667vw, 310px);
  top: max(183.7333333333vw, 689px);
  left: 0;
}
@media screen and (min-width: 769px) {
  #sec4.style .image_wrapper .img3 {
    width: min(30.1145833333vw, 433.65px);
    top: min(76.3888888889vw, 1100px);
    left: min(28.8194444444vw, 415px);
  }
}
#sec4.style .image_wrapper .img4 {
  position: absolute;
  bottom: max(0vw, 0px);
  right: 0;
}
@media screen and (min-width: 769px) {
  #sec4.style .image_wrapper .img4 {
    right: min(31.0416666667vw, 447px);
    bottom: min(0vw, 0px);
  }
}
#sec4.style .image_wrapper .img4 ul {
  display: flex;
}
#sec4.style .image_wrapper .img4 ul li {
  width: max(44.336vw, 166.26px);
  margin-right: max(2.1333333333vw, 8px);
}
@media screen and (min-width: 769px) {
  #sec4.style .image_wrapper .img4 ul li {
    width: min(15.7194444444vw, 226.36px);
    margin-right: min(0.4166666667vw, 6px);
  }
}
#sec4.style .image_wrapper .img4 ul li:last-child {
  margin-right: min(0vw, 0px);
}

#sec5.style .image_wrapper::before {
  padding-top: 417.3333333333%;
}
@media screen and (min-width: 769px) {
  #sec5.style .image_wrapper::before {
    padding-top: 200%;
  }
}
#sec5.style .image_wrapper .img1 {
  width: max(53.2933333333vw, 199.85px);
  top: max(0vw, 0px);
  left: max(12.8vw, 48px);
}
@media screen and (min-width: 769px) {
  #sec5.style .image_wrapper .img1 {
    width: min(24.0159722222vw, 345.83px);
    top: min(0vw, 0px);
    left: min(43.6805555556vw, 629px);
  }
}
#sec5.style .image_wrapper .img2 {
  width: max(83.136vw, 311.76px);
  top: max(82.4vw, 309px);
  left: max(16vw, 60px);
}
@media screen and (min-width: 769px) {
  #sec5.style .image_wrapper .img2 {
    width: min(28.4125vw, 409.14px);
    top: min(38.1944444444vw, 550px);
    left: min(34.7222222222vw, 500px);
  }
}
#sec5.style .image_wrapper .img3 {
  width: max(53.3706666667vw, 200.14px);
  top: max(194.9333333333vw, 731px);
  left: max(8.8vw, 33px);
}
@media screen and (min-width: 769px) {
  #sec5.style .image_wrapper .img3 {
    width: min(28.4125vw, 409.14px);
    top: min(83.3333333333vw, 1200px);
    left: min(27.7777777778vw, 400px);
  }
}
#sec5.style .image_wrapper .img4 {
  width: max(33.3333333333vw, 125px);
  top: max(282.6666666667vw, 1060px);
  right: max(13.6vw, 51px);
}
@media screen and (min-width: 769px) {
  #sec5.style .image_wrapper .img4 {
    width: min(18.9194444444vw, 272.44px);
    top: min(128.4722222222vw, 1850px);
    right: min(31.25vw, 450px);
  }
}
#sec5.style .image_wrapper .img5 {
  width: max(36.4693333333vw, 136.76px);
  top: max(302.4vw, 1134px);
  left: max(5.3333333333vw, 20px);
  z-index: 3;
}
@media screen and (min-width: 769px) {
  #sec5.style .image_wrapper .img5 {
    width: min(18.9194444444vw, 272.44px);
    top: min(142.3611111111vw, 2050px);
    left: min(25.6944444444vw, 370px);
  }
}
#sec5.style .image_wrapper .img6 {
  width: max(56.9786666667vw, 213.67px);
  bottom: max(0vw, 0px);
  left: max(35.4666666667vw, 133px);
}
@media screen and (min-width: 769px) {
  #sec5.style .image_wrapper .img6 {
    width: min(28.4125vw, 409.14px);
    bottom: min(0vw, 0px);
    left: min(41.6666666667vw, 600px);
  }
}

#sec6.style .image_wrapper::before {
  padding-top: 518.9333333333%;
}
@media screen and (min-width: 769px) {
  #sec6.style .image_wrapper::before {
    padding-top: 180%;
  }
}
#sec6.style .image_wrapper .img1 {
  width: max(76.2666666667vw, 286px);
  top: max(0vw, 0px);
  left: max(12vw, 45px);
}
@media screen and (min-width: 769px) {
  #sec6.style .image_wrapper .img1 {
    width: min(28.4125vw, 409.14px);
    top: min(0vw, 0px);
    left: min(38.1944444444vw, 550px);
  }
}
#sec6.style .image_wrapper .img2 {
  width: max(66.8853333333vw, 250.82px);
  top: max(116vw, 435px);
  left: 0;
}
@media screen and (min-width: 769px) {
  #sec6.style .image_wrapper .img2 {
    width: min(22.2222222222vw, 320px);
    top: min(42.3611111111vw, 610px);
    left: min(34.7222222222vw, 500px);
  }
}
#sec6.style .image_wrapper .img3 {
  width: max(66.8853333333vw, 250.82px);
  top: max(183.2vw, 687px);
  left: max(11.2vw, 42px);
}
@media screen and (min-width: 769px) {
  #sec6.style .image_wrapper .img3 {
    width: min(22.2222222222vw, 320px);
    top: min(65.2777777778vw, 940px);
    left: min(39.5833333333vw, 570px);
  }
}
#sec6.style .image_wrapper .img4 {
  width: max(37.2693333333vw, 139.76px);
  top: max(267.4666666667vw, 1003px);
  right: max(8.8vw, 33px);
}
@media screen and (min-width: 769px) {
  #sec6.style .image_wrapper .img4 {
    width: min(15.4347222222vw, 222.26px);
    top: min(91.6666666667vw, 1320px);
    left: min(54.1666666667vw, 780px);
  }
}
#sec6.style .image_wrapper .img5 {
  width: max(91.1813333333vw, 341.93px);
  top: max(320.8vw, 1203px);
  left: 0;
}
@media screen and (min-width: 769px) {
  #sec6.style .image_wrapper .img5 {
    width: min(27.7777777778vw, 400px);
    top: min(114.5833333333vw, 1650px);
    left: min(31.25vw, 450px);
  }
}
#sec6.style .image_wrapper .img6 {
  width: max(76.2666666667vw, 286px);
  bottom: max(0vw, 0px);
  left: max(12vw, 45px);
}
@media screen and (min-width: 769px) {
  #sec6.style .image_wrapper .img6 {
    width: min(28.4125vw, 409.14px);
    bottom: min(0vw, 0px);
    left: min(37.2916666667vw, 537px);
  }
}

#sec2.style,
#sec4.style {
  padding-top: max(38.6666666667vw, 145px);
}

@media screen and (min-width: 769px) {
  #sec2.style,
  #sec3.style,
  #sec4.style,
  #sec5.style,
  #sec6.style {
    padding-top: min(13.4722222222vw, 194px);
  }
}

.credit_wrap {
  width: max(81.8666666667vw, 307px);
  margin: 0 auto max(20.8vw, 78px);
}
@media screen and (min-width: 769px) {
  .credit_wrap {
    width: min(132.5333333333vw, 497px);
    margin: 0 auto min(9.0277777778vw, 130px);
  }
}
.credit_wrap h5 {
  font-size: max(4vw, 15px);
  position: relative;
}
@media screen and (min-width: 769px) {
  .credit_wrap h5 {
    font-size: min(1.3194444444vw, 19px);
  }
}
.credit_wrap h5::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #3F3F40;
  position: absolute;
  bottom: max(-0.625vw, -9px);
}
.credit_wrap .credit {
  margin-top: max(7.2vw, 27px);
}
@media screen and (min-width: 769px) {
  .credit_wrap .credit {
    margin: min(1.8055555556vw, 26px) auto 0;
    width: min(129.8666666667vw, 487px);
  }
}
.credit_wrap .credit li {
  margin-bottom: max(2.6666666667vw, 10px);
}
.credit_wrap .credit li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .credit_wrap .credit li {
    margin-bottom: min(1.1111111111vw, 16px);
  }
}
.credit_wrap .credit li a {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
.credit_wrap .credit li a[href=""] {
  gap: 0;
}
.credit_wrap .credit li a[href=""] figure,
.credit_wrap .credit li a[href=""] .buy,
.credit_wrap .credit li a[href=""] .price,
.credit_wrap .credit li a[href=""] .brand {
  display: none;
}
.credit_wrap .credit li a .com {
  margin: 0 0 0 auto;
  background-color: #707070;
  color: #fff;
  text-align: center;
  padding: max(1.0666666667vw, 4px);
  width: -moz-fit-content;
  width: fit-content;
}
.credit_wrap .credit li a .no {
  line-height: 1.4;
}
.credit_wrap .credit li a figure {
  width: max(12.5333333333vw, 47px);
}
@media screen and (min-width: 769px) {
  .credit_wrap .credit li a figure {
    width: min(3.6805555556vw, 53px);
  }
}
.credit_wrap .credit li a .item {
  font-size: min(3.2vw, 12px);
  line-height: 1.1666666667;
  margin: 0 15px;
  width: max(47.4666666667vw, 178px);
}
@media screen and (min-width: 769px) {
  .credit_wrap .credit li a .item {
    font-size: min(0.9722222222vw, 14px);
    width: min(91.2vw, 342px);
  }
}
.credit_wrap .credit li a .item .price {
  font-size: min(3.7333333333vw, 14px);
}
@media screen and (min-width: 769px) {
  .credit_wrap .credit li a .item .price {
    font-size: min(1.0416666667vw, 15px);
  }
}
.credit_wrap .credit li a .buy {
  margin: 0;
  width: max(13.8666666667vw, 52px);
  height: max(5.3333333333vw, 20px);
  color: #3F3F40;
  text-align: center;
  padding: max(1.0666666667vw, 4px);
  background-color: #B6CED2;
  font-size: min(3.4666666667vw, 13px);
  letter-spacing: 0.064em;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .credit_wrap .credit li a .buy {
    width: min(16.5333333333vw, 62px);
    height: min(6.4vw, 24px);
    padding: min(0.3472222222vw, 5px);
    font-size: min(1.1805555556vw, 17px);
  }
}
.credit_wrap .credit li a .brand {
  white-space: nowrap;
}
.credit_wrap .credit .coming figure {
  display: block !important;
}
.credit_wrap .credit .coming {
  gap: max(3.2vw, 12px) !important;
  align-items: flex-start !important;
}
.credit_wrap .credit .coming .price {
  display: block !important;
}

#sec2.style,
#sec4.style,
#sec6.style {
  background-color: #F7F7F1;
}
#sec2.style .buy,
#sec4.style .buy,
#sec6.style .buy {
  background-color: #DFDFBB;
}

.item_list {
  position: relative;
  background-color: #034764;
  color: #fff;
  font-size: max(4.5333333333vw, 17px);
  text-align: center;
  width: max(76.5333333333vw, 287px);
  margin: 0 auto max(34.6666666667vw, 130px);
  padding: max(4vw, 15px);
  letter-spacing: 0.08em;
}

/* .sec_other
===================================================== */
.sec_other {
  background-color: #fff;
  padding: max(21.3333333333vw, 80px) 0 max(41.3333333333vw, 155px);
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  /* swiper
  ===================================================== */
  /* 自動取得
  ===================================================== */
}
@media screen and (min-width: 769px) {
  .sec_other {
    padding: min(9.0277777778vw, 130px) 0;
  }
}
.sec_other .otherTitle {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: max(8vw, 30px);
  text-transform: uppercase;
  font-size: max(5.6vw, 21px);
}
@media screen and (min-width: 769px) {
  .sec_other .otherTitle {
    font-size: min(1.7361111111vw, 25px);
    margin-bottom: min(3.9583333333vw, 57px);
  }
}
.sec_other .otherTitle::before {
  content: "";
  display: block;
  width: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
}
.sec_other .swiper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .sec_other .swiper.spNone {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .sec_other .swiper.spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .sec_other .swiper.pcNone {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .sec_other .swiper.pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .sec_other .swiper {
    padding-bottom: 10.4651162791vw;
    margin-bottom: 9.3023255814vw;
  }
}
@media screen and (min-width: 769px) {
  .sec_other .swiper {
    margin-bottom: 55px;
    max-width: 920px;
    padding: 0 20px 60px;
  }
}
.sec_other .swiper-scrollbar {
  background: #c3c3c3;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
@media screen and (min-width: 769px) {
  .sec_other .swiper-scrollbar {
    width: 390px !important;
    height: 2px !important;
  }
}
@media screen and (max-width: 768px) {
  .sec_other .swiper-scrollbar {
    width: 47.4418604651vw !important;
    height: 0.4651162791vw !important;
  }
}
.sec_other .swiper-scrollbar-drag {
  background: #000;
}
@media screen and (max-width: 768px) {
  .sec_other .swiper-wrapper > div:first-of-type, .sec_other .swiper-wrapper > li:first-of-type {
    margin-left: 6.976744186vw;
  }
}
@media screen and (max-width: 768px) {
  .sec_other .swiper-wrapper > div:last-of-type, .sec_other .swiper-wrapper > li:last-of-type {
    margin-right: 6.976744186vw !important;
  }
}
.sec_other .swiper-wrapper a {
  display: block;
}
.sec_other .swiper-wrapper a > p {
  position: relative;
}
@media screen and (min-width: 769px) {
  .sec_other .swiper-wrapper img {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 768px) {
  .sec_other .swiper-wrapper img {
    margin-bottom: 2.7906976744vw;
  }
}
.sec_other .swiper-wrapper img + span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: #92a9b5;
  color: #fff;
  box-sizing: border-box;
  padding: 0 10px;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .sec_other .swiper-wrapper img + span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .sec_other .swiper-wrapper img + span {
    font-size: 2.3255813953vw;
    padding: 3px 8px;
  }
}
.sec_other .swiper-wrapper .ico_box {
  display: none;
}
.sec_other .swiper-wrapper .ico_box + p,
.sec_other .swiper-wrapper .textOverflow,
.sec_other .swiper-wrapper .label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 6px;
}
@media screen and (min-width: 769px) {
  .sec_other .swiper-wrapper .ico_box + p,
  .sec_other .swiper-wrapper .textOverflow,
  .sec_other .swiper-wrapper .label {
    font-size: 12px;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 768px) {
  .sec_other .swiper-wrapper .ico_box + p,
  .sec_other .swiper-wrapper .textOverflow,
  .sec_other .swiper-wrapper .label {
    font-size: 2.5581395349vw;
    line-height: 1.4545454545;
  }
}
@media screen and (min-width: 769px) {
  .sec_other .swiper-wrapper .price,
  .sec_other .swiper-wrapper .salecolor,
  .sec_other .swiper-wrapper .salecolor + .price {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .sec_other .swiper-wrapper .price,
  .sec_other .swiper-wrapper .salecolor,
  .sec_other .swiper-wrapper .salecolor + .price {
    font-size: 2.5581395349vw;
  }
}
.sec_other .swiper-wrapper .salecolor,
.sec_other .swiper-wrapper .salecolor + .price {
  color: #cc0b0b;
}
.sec_other .otherBtn {
  text-align: center;
  background-color: #C3C3C3;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  width: max(66.1333333333vw, 248px);
  font-size: max(4.2666666667vw, 16px);
  letter-spacing: 0.005em;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .sec_other .otherBtn {
    width: min(23.5416666667vw, 339px);
    font-size: min(1.25vw, 18px);
  }
}
.sec_other .otherBtn a {
  display: block;
  padding: max(4vw, 15px);
}
@media screen and (min-width: 769px) {
  .sec_other .otherBtn a {
    padding: min(1.3888888889vw, 20px);
  }
}
.sec_other .otherBtn a:hover {
  opacity: 0.4;
  transition: all 0.4s;
}

.otherSection {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

#goods_area {
  background-color: #F0F1ED;
  padding: max(30.6666666667vw, 115px) 0 max(38.6666666667vw, 145px);
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
@media screen and (min-width: 769px) {
  #goods_area {
    padding: min(7.9861111111vw, 115px) 0 min(8.6805555556vw, 125px);
  }
}
#goods_area .title {
  text-align: center;
  color: #044764;
  background-color: #F0F1ED;
}
#goods_area .title .sub {
  font-size: max(4vw, 15px);
  letter-spacing: -0.04em;
}
@media screen and (min-width: 769px) {
  #goods_area .title .sub {
    font-size: min(1.5972222222vw, 23px);
  }
}
#goods_area .title .sub2 {
  font-size: max(5.0666666667vw, 19px);
  line-height: 1.3684210526;
  letter-spacing: 0.49em;
}
@media screen and (min-width: 769px) {
  #goods_area .title .sub2 {
    font-size: min(1.875vw, 27px);
  }
}
#goods_area .title h6 {
  font-size: max(16.8vw, 63px);
  line-height: 0.8412698413;
  letter-spacing: 0em;
  margin: max(4vw, 15px) 0 max(2.6666666667vw, 10px);
}
@media screen and (min-width: 769px) {
  #goods_area .title h6 {
    font-size: min(6.1805555556vw, 89px);
    line-height: 0.8202247191;
    margin: min(1.0416666667vw, 15px) 0 min(0.6944444444vw, 10px);
  }
}
#goods_area .title figure.pic {
  width: 100%;
  margin-top: max(17.3333333333vw, 65px);
  position: relative;
}
@media screen and (min-width: 769px) {
  #goods_area .title figure.pic {
    width: min(53.31875vw, 767.79px);
    margin: min(5.5555555556vw, 80px) auto 0;
  }
}
#goods_area .title figure::before {
  content: "";
  display: block;
  width: 1px;
  height: max(16.8vw, 63px);
  background-color: #044764;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  #goods_area .title figure::before {
    height: min(6.1805555556vw, 89px);
    top: -7.5%;
  }
}
#goods_area figure.pic {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  #goods_area figure.pic {
    width: min(53.31875vw, 767.79px);
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  #goods_area #sec_g3 figure.pic {
    width: min(38.5416666667vw, 555px);
  }
}
#goods_area .credit_wrap {
  margin: max(12vw, 45px) auto max(22.1333333333vw, 83px);
}
@media screen and (min-width: 769px) {
  #goods_area .credit_wrap {
    width: min(60.5555555556vw, 872px);
    margin: min(5.6944444444vw, 82px) auto min(10.4166666667vw, 150px);
  }
}
#goods_area .credit_wrap .c_text {
  display: block;
  font-size: 11px;
  margin-top: 40px;
  margin-bottom: 10px;
}
#goods_area .credit_wrap .credit {
  margin: 0;
}
@media screen and (min-width: 769px) {
  #goods_area .credit_wrap .credit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    font-size: min(3.4666666667vw, 13px);
  }
}
@media screen and (min-width: 769px) {
  #goods_area .credit_wrap .credit li {
    width: min(27.9861111111vw, 403px);
    margin-top: min(1.1111111111vw, 16px);
    margin-bottom: 0;
  }
  #goods_area .credit_wrap .credit li:nth-child(even) {
    margin-right: 0;
  }
  #goods_area .credit_wrap .credit li:nth-child(1), #goods_area .credit_wrap .credit li:nth-child(2) {
    margin-top: 0;
  }
}
#goods_area .credit_wrap .credit li a {
  color: #044764;
}
@media screen and (min-width: 769px) {
  #goods_area .credit_wrap .credit li a figure {
    width: min(3.6805555556vw, 53px);
  }
}
@media screen and (min-width: 769px) {
  #goods_area .credit_wrap .credit li a .item {
    width: min(17.9166666667vw, 258px);
    margin: 0 min(1.0416666667vw, 15px);
  }
}
#goods_area .credit_wrap .credit li a .buy {
  background-color: #CFD0CC;
  color: #044764;
}
@media screen and (min-width: 769px) {
  #goods_area .credit_wrap .credit li a .buy {
    width: min(4.3055555556vw, 62px);
    padding: min(0.4166666667vw, 6px);
  }
}
@media screen and (min-width: 769px) {
  #goods_area .credit_wrap .credit li a .com {
    width: -moz-fit-content;
    width: fit-content;
    padding: min(0.4166666667vw, 6px);
    white-space: nowrap;
  }
}
@media screen and (min-width: 769px) {
  #goods_area .credit_wrap .credit .coming {
    gap: min(0.4861111111vw, 7px) !important;
  }
}
#goods_area #sec3 .credit_wrap {
  margin: max(12vw, 45px) auto 0;
}
@media screen and (min-width: 769px) {
  #goods_area #sec3 .credit_wrap {
    margin: min(5.6944444444vw, 82px) auto 0;
  }
}

.staff_credit {
  position: relative;
  width: 100%;
  background: url(../images/bg4_sp.jpg) no-repeat center center/cover;
}
@media screen and (min-width: 769px) {
  .staff_credit {
    background: url(../images/bg4_pc.jpg) no-repeat center center/cover;
    height: min(32.4305555556vw, 467px);
  }
}
.staff_credit p {
  padding: max(16vw, 60px) max(8.8vw, 33px) max(26.6666666667vw, 100px);
  text-align: right;
  font-size: max(2.9333333333vw, 11px);
  line-height: 1.5454545455;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .staff_credit p {
    padding: min(8.3333333333vw, 120px) min(7.5694444444vw, 109px) 0 0;
    font-size: min(1.1111111111vw, 16px);
    line-height: 1.375;
  }
}
.staff_credit .top_btn {
  position: absolute;
  width: max(5.6vw, 21px);
  right: max(4vw, 15px);
  bottom: max(8vw, 30px);
}
@media screen and (min-width: 769px) {
  .staff_credit .top_btn {
    width: min(8.088vw, 30.33px);
    right: min(8.125vw, 117px);
    bottom: min(4.8611111111vw, 70px);
  }
}

@media screen and (min-width: 769px) {
  .fv .title_text {
    width: min(50.1388888889vw, 722px);
    margin: min(2.0833333333vw, 30px);
  }
  .fv .side_text {
    width: min(15.6944444444vw, 226px);
    margin: min(-6.9444444444vw, -100px) min(-7.2916666667vw, -105px) 0 auto;
  }
  .scroll {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
    transform: rotate(90deg);
    position: absolute;
    margin-top: min(-6.9444444444vw, -100px);
    left: min(3.4722222222vw, 50px);
    transform-origin: top left;
    overflow: hidden;
    color: #133b69;
    z-index: 2;
    max-height: 180px;
  }
  .scroll span {
    width: 140px;
    display: block;
    background-color: #133b69;
    height: 1px;
  }
  .number_text {
    font-size: min(11.7361111111vw, 169px);
  }
  .number_text + span {
    font-size: min(1.5972222222vw, 23px);
  }
  .number span {
    font-size: min(1.5972222222vw, 23px);
  }
  .main_text {
    font-size: min(1.8055555556vw, 26px);
    line-height: 1.5384615385;
  }
  .main_text.rt_text {
    font-size: min(1.6666666667vw, 24px);
  }
  .image_wrapper::before {
    padding-top: 526.9333333333%;
  }
  .item_list {
    font-size: min(1.3194444444vw, 19px);
    width: min(29.0277777778vw, 418px);
    padding: min(1.1111111111vw, 16px) 0;
    margin: 0 auto min(19.2361111111vw, 277px);
  }
}
.creditAjax_price__sale {
  margin-left: 5px;
  color: #c52222;
  font-family: "cormorant-garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

.creditAjax_price__sale::before {
  content: "¥";
}

.creditAjax_link.creditAjax__saleOn .price {
  text-decoration: line-through;
}

.blur {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.blur.s1 {
  animation-delay: 1s;
}
.blur.s2 {
  animation-delay: 2s;
}
.blur.s05 {
  animation-delay: 0.5s;
}

@keyframes blurAnime {
  from {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }
  to {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}
.blurTrigger {
  opacity: 0;
}

#to_top {
  position: fixed;
  top: max(8vw, 30px);
  left: max(7.4666666667vw, 28px);
  z-index: 9999;
}
@media screen and (min-width: 769px) {
  #to_top {
    top: min(2.0833333333vw, 30px);
    left: min(1.9444444444vw, 28px);
  }
}/*# sourceMappingURL=style.css.map */