@charset "UTF-8";

/* ===============================================### 
初期設定
###=============================================== */
.lp_variable{
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 395; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(var(--variable) * var(--ratio)); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
}

/* PC画面幅 1401px以上 固定 */
@media (min-width: 1401px) {
  .lp_variable {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
    /* --variable: 1px; */
  }
}

/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1400px) {
  .lp_variable {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  .lp_variable {
  --ratio: 1; /* 比率は1（変わらない） */
  --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}

.FR260121SS1st{
  --font-common: "open-sans", "Noto Sans JP", sans-serif;
  --font-ja: "Noto Sans JP", sans-serif; /* font-optical-sizing: auto; 使う */
  --font-en01: "open-sans", sans-serif;
  --font-en02: "bodoni-pt-variable", sans-serif; /* font-variation-settings: "wght" 400, "opsz" 60; 使う */
  font-style: normal;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --color-white: #ffffff;
  --color-black: #3A3A3A;
  --color-beige: #F6F2E3;
  color: #3A3A3A;
  overflow: clip;

  --header-container-height: 120px;
}

.FR260121SS1st * {
  box-sizing: border-box;
}

.FR260121SS1st img,
.FR260121SS1st svg{
  width: 100%;
  height: auto;
}

.archive{
  background: #fff;
}

/* ===========### PCのみ適用 ###=========== */
@media screen and (min-width: 768px) {
  .FR260121SS1st{
    margin-bottom: calc(34 * var(--formula));
  }

  .FR260121SS1st .pc-visible{
    display: block;
  }

  .FR260121SS1st .sp-visible{
    display: none;
  }

  .FR260121SS1st .image-bg{
    background-color: #fff;
  }

  .FR260121SS1st .image-bg a:hover{
    opacity: 0.7;
  }
}

/* ===========### spのみ適用 ###=========== */
@media screen and (max-width: 767px) {
  .FR260121SS1st .pc-visible{
    display: none;
  }

  .FR260121SS1st .sp-visible{
    display: block;
  }
}



/* ===============================================### 
レイアウト設定
###=============================================== */
/*** PC ***/
@media screen and (min-width: 768px) {
  .FR260121SS1st .main-wrap.grid-wrap {
    position: relative;
    display: flex;
    justify-content: center;
  }

  .FR260121SS1st .left-area {
    height: 100vh;
    /* display: grid; */
    /* place-content: center; */
    background-color: #fff;
    width: 50%;
  }

  .FR260121SS1st .center-area {
    width: 50%;
  }

  .FR260121SS1st .center_inner {
    width: calc(395* (100vw /1400));
    margin: 0 auto;
  }

  .FR260121SS1st .mv__image{
    height: 100%;
    width: 100% !important;
  } 
  .FR260121SS1st .mv__image .mv_container img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 50% top;
  } 


  .FR260121SS1st .left-area.content-sticky,
  .FR260121SS1st .right-area.content-sticky{
    position: sticky;
    /* top: 0; */
    top: var(--header-container-height);
  }

  /************** text **************/
  .FR260121SS1st .right-area .text-wrap {
    grid-column: 1;
    position: relative;
    right: calc(-64 * var(--formula));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    /* width: calc(265 * var(--formula_pc));
    height: calc(224 * var(--formula)); */
  }

  .FR260121SS1st .info-wrap{
    margin-top: calc(60 * var(--formula));
  }

  .FR260121SS1st .campaign-text,
  .FR260121SS1st .date-text{
    font-family: var(--font-common);
    font-size: calc(15 * var(--formula_pc));
    font-weight: var(--fw-regular);
    text-align: right;
    color: #000000;
  }

  .FR260121SS1st .campaign-text{
    margin-bottom: calc(34 * var(--formula));
    letter-spacing: 0.03em;
  }

  .FR260121SS1st .date-text{
    letter-spacing: 0.05em;
  }

  .FR260121SS1st .campaign-text span,
  .FR260121SS1st .date-text span{
    font-weight: var(--fw-regular);
  }

  .FR260121SS1st .campaign-text .percent{
    font-size: calc(18 * var(--formula_pc));
  }

  .FR260121SS1st .date-text .week,
  .FR260121SS1st .date-text .small{
    font-size: calc(10 * var(--formula_pc));
  }

  /************** image **************/
  .FR260121SS1st .collection-title {
    grid-column: 1;
    /* position: relative; */
    /* left: calc(-57 * var(--formula)); */
    width: calc(265 * var(--formula_pc));
  }

  .FR260121SS1st .right-area .link-button{
    grid-column: 1;
    width: calc(181 * var(--formula_pc));
  }
}

/*** SP ***/
@media screen and (max-width: 767px) {
  .FR260121SS1st .main-wrap.grid-wrap{
    display: block;
  }

  .FR260121SS1st .center-area{
    width: calc(750 * var(--formula));
    margin-inline: auto;
  }
}



/* ===============================================### 
アニメーション設定
###=============================================== */
/************** fade **************/
.FR260121SS1st .js-fade-in {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1.1s ease-in-out, visibility 1.1s ease-in-out;
}

.FR260121SS1st .js-fade-in.is-active {
  visibility: visible;
  opacity: 1;
}

.FR260121SS1st .js-fade-up {
  visibility: hidden;
  opacity: 0;
  transition: 1.5s;
  transform: translateY(calc(50* var(--formula)));
}

.FR260121SS1st .js-fade-up.is-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.FR260121SS1st .js-fade-text path {
  opacity: 0;
  transform: translate3d(0, 5px, 0);
}

.FR260121SS1st .js-fade-text.is-active path {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 500ms 
  cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 500ms 
  cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* .FR260121SS1st .fade-text-trigger .js-fade-text path {
  opacity: 0;
  transform: translate3d(0, 5px, 0);
}

.FR260121SS1st .fade-text-trigger.is-active .js-fade-text path {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 500ms 
  cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 500ms 
  cubic-bezier(0.455, 0.03, 0.515, 0.955);
} */

/*** フェードの速度調整 ***/
.FR260121SS1st .js-fade-text path:nth-of-type(1){
  transition-delay: 425ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(2){
  transition-delay: 450ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(3){
  transition-delay: 475ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(4){
  transition-delay: 500ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(5){
  transition-delay: 525ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(6){
  transition-delay: 550ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(7){
  transition-delay: 575ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(8){
  transition-delay: 600ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(9){
  transition-delay: 625ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(10){
  transition-delay: 650ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(11){
  transition-delay: 675ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(12){
  transition-delay: 700ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(13){
  transition-delay: 725ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(14){
  transition-delay: 750ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(15){
  transition-delay: 775ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(16){
  transition-delay: 800ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(17){
  transition-delay: 825ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(18){
  transition-delay: 850ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(19){
  transition-delay: 875ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(20){
  transition-delay: 900ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(21){
  transition-delay: 925ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(22){
  transition-delay: 950ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(23){
  transition-delay: 975ms;
}

.FR260121SS1st .js-fade-text path:nth-of-type(24){
  transition-delay: 1000ms;
}

.FR260121SS1st .fade-text-trigger.is-active .js-fade-text path:nth-of-type(25){
  transition-delay: 1025ms;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  /*** フェードの速度調整 ***/
  .FR260121SS1st .js-fade-text path:nth-of-type(1){
    transition-delay: 325ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(2){
    transition-delay: 350ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(3){
    transition-delay: 375ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(4){
    transition-delay: 400ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(5){
    transition-delay: 425ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(6){
    transition-delay: 450ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(7){
    transition-delay: 475ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(8){
    transition-delay: 500ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(9){
    transition-delay: 525ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(10){
    transition-delay: 550ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(11){
    transition-delay: 575ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(12){
    transition-delay: 600ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(13){
    transition-delay: 625ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(14){
    transition-delay: 650ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(15){
    transition-delay: 675ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(16){
    transition-delay: 700ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(17){
    transition-delay: 725ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(18){
    transition-delay: 750ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(19){
    transition-delay: 775ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(20){
    transition-delay: 800ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(21){
    transition-delay: 825ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(22){
    transition-delay: 850ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(23){
    transition-delay: 875ms;
  }

  .FR260121SS1st .js-fade-text path:nth-of-type(24){
    transition-delay: 900ms;
  }

  .FR260121SS1st .fade-text-trigger.is-active .js-fade-text path:nth-of-type(25){
    transition-delay: 925ms;
  }
}




/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.FR260121SS1st .content{
  background-color: var(--color-white);
}

.FR260121SS1st a {
  display: block;
}

/* .FR260121SS1st .content06,
.FR260121SS1st .content08,
.FR260121SS1st .content09,
.FR260121SS1st .content10,
.FR260121SS1st .content11,
.FR260121SS1st .content12,
.FR260121SS1st .content14,
.FR260121SS1st .content15,
.FR260121SS1st .content16,
.FR260121SS1st .content18,
.FR260121SS1st .content19,
.FR260121SS1st .content20,
.FR260121SS1st .content21,
.FR260121SS1st .content22,
.FR260121SS1st .content23,
.FR260121SS1st .content24{
  position: relative;
} */

.FR260121SS1st .content-wrap{
  position: relative;
}

/*** 背景色調整 ***/
.FR260121SS1st .content08 .content__inner,
.FR260121SS1st .content09 .content__inner,
.FR260121SS1st .content10 .content__inner,
.FR260121SS1st .content11 .content__inner,
.FR260121SS1st .content18 .content__inner,
.FR260121SS1st .content19 .content__inner,
.FR260121SS1st .content20 .content__inner{
  background-color: var(--color-beige);
}

.FR260121SS1st .content .content__inner{
  width: calc(750 * var(--formula));
  margin-inline: auto;
}

.FR260121SS1st .content-sticky{
  position: sticky;
}

/*** top位置調整 ***/
.FR260121SS1st .content-wrap.content-sticky{
  top: calc(100dvh - var(--content-height, 0px));
}

/* .FR260121SS1st .content13.content-sticky{
  top: 0;
} */

.FR260121SS1st .grid-wrap{
  display: grid;
}

.FR260121SS1st .flex-wrap{
  display: flex;
}

/************** slide **************/
.FR260121SS1st .slide-wrap{
  /* width: calc(750 * var(--formula)); */
}

.FR260121SS1st .loop-slide .swiper-wrapper{
  transition-timing-function: linear;
}

.FR260121SS1st .swiper-pagination{
  text-align: left;
}

.FR260121SS1st .swiper-horizontal>.swiper-pagination-bullets,
.FR260121SS1st .swiper-pagination-bullets.swiper-pagination-horizontal,
.FR260121SS1st .swiper-pagination-custom,
.FR260121SS1st .swiper-pagination-fraction{
  width: fit-content;
  left: unset;
  right: calc(15 * var(--formula));
  bottom: calc(30 * var(--formula));
}

.FR260121SS1st .swiper-pagination-bullet{
  opacity: 1;
  background-color: transparent;
  border: 1px solid #fff;
}

.FR260121SS1st .swiper-pagination-bullet-active{
  background-color: #fff;
}

.FR260121SS1st .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.FR260121SS1st .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 7.5px;
}

.FR260121SS1st .swiper-pagination-bullet{
  width: calc(16 * var(--formula));
  height: calc(16 * var(--formula));
}

/************** text **************/
.FR260121SS1st .credit{
  font-family: var(--font-common);
  font-size: calc(21 * var(--formula));
  font-weight: var(--fw-regular);
  line-height: 1.85;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.FR260121SS1st .credit span{
  font-size: calc(19 * var(--formula));
  font-weight: var(--fw-regular);
}

.FR260121SS1st .credit a{
  display: inline-block;
}

.FR260121SS1st .credit .link-disable:hover{
  opacity: 1;
}

/************** image **************/
.FR260121SS1st .content__text.item-name{
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FR260121SS1st .content .content__inner{
    width: calc(750 * var(--formula));
    margin-inline: auto;
  }

  .FR260121SS1st .swiper-horizontal>.swiper-pagination-bullets,
  .FR260121SS1st .swiper-pagination-bullets.swiper-pagination-horizontal,
  .FR260121SS1st .swiper-pagination-custom,
  .FR260121SS1st .swiper-pagination-fraction{
    /* right: calc(16 * var(--formula)); */
    /* bottom: calc(21 * var(--formula)); */
  }

  /*** top位置調整 ***/
  .FR260121SS1st .content-wrap.content-sticky{
    top: calc(100dvh - var(--content-height, 0px) - var(--banner-height, 0px));
  }
}



/* ===============================================### 
MV
###=============================================== */
/************** image **************/
.FR260121SS1st .mv__image{
  width: calc(750 * var(--formula));
  margin-inline: auto;
  position: relative;
}
.mv__image_text {
  position: absolute;
  width: calc(347* var(--formula));
  bottom: calc(73* var(--formula));
  left: calc(44* var(--formula));
  pointer-events: none;
}
.FR260121SS1st .mv__image_text.js-fade-in {
  transition-delay: 0.5s;
}

@media screen and (min-width: 768px) {
  .mv__image_text {
    width: calc(245* (100vw /1400));
    bottom: calc(140* (100vw /1400));
    left: calc(37* (100vw /1400));
  }
}

/* ===============================================### 
floating-banner
###=============================================== */
.FR260121SS1st .floating-banner {
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: auto;
  text-align: center;
  cursor: pointer;
}

.FR260121SS1st .floating-banner a {
  display: block;
  width: 100%;
  height: 100%;
}

.FR260121SS1st .floating-banner__inner {
  background-color: #5d7698;
  padding-bottom: calc(19 * var(--formula));
}

/************** text **************/
.FR260121SS1st .floating-banner__text{
  font-family: var(--font-common);
  font-weight: var(--fw-regular);
  line-height: 1.6;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  text-align: center;
  color: var(--color-white);
}

.FR260121SS1st .floating-banner__text span{
  font-weight: var(--fw-regular);
}

.FR260121SS1st .floating-banner__text.product{
  margin-bottom: calc(17 * var(--formula));
  padding-top: calc(33 * var(--formula));
  /* padding-bottom: calc(2 * var(--formula)); */
  /* font-size: calc(31 * var(--formula)); */
  border-bottom: 1px solid var(--color-white);
}

.FR260121SS1st .floating-banner__text.product.campaign-finished{
  margin-bottom: calc(12 * var(--formula));
}

.FR260121SS1st .floating-banner__text.product span{
  font-size: calc(37 * var(--formula));
}

.FR260121SS1st .floating-banner__text.point{
  /* margin-top: calc(19 * var(--formula)); */
  font-size: calc(25 * var(--formula));
  letter-spacing: 0.06em;
  font-weight: var(--fw-regular);
}

.FR260121SS1st .floating-banner__text.point .percent{
  font-size: calc(30 * var(--formula));
}

.FR260121SS1st .floating-banner__text.point .week{
  font-size: calc(17 * var(--formula));
}

.FR260121SS1st .floating-banner__text.point .small{
  font-size: calc(16 * var(--formula));
}

/************** image **************/
.FR260121SS1st .banner-text__image{
  display: block;
  width: calc(440 * var(--formula));
  margin-inline: auto;
  padding-bottom: calc(20 * var(--formula));
}

.FR260121SS1st .area-inview{
  visibility: hidden;
  opacity: 0;
  transition: opacity 1.1s 
  ease-in-out, visibility 1.1s 
  ease-in-out;
}

.FR260121SS1st .area-inview.is-active{
  visibility: visible;
  opacity: 1;
}


/* ===============================================### 
style_area
###=============================================== */
.style_area {
  width: 100%;
  margin-bottom: calc(240* var(--formula));
}

/* style_block01 */
.style_block01_img01 {
  width: calc(600* var(--formula));
  margin: 0 auto;
  margin-top: calc(150* var(--formula));
}
.credit_wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(28* var(--formula));
  gap: 0 calc(24* var(--formula));
}
.credit_wrap.credit_wrap01 {
  width: calc(400* var(--formula));
  margin-top: calc(32* var(--formula));
}
.credit_wrap .credit_text {
  font-size: calc(22* var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #323232;
  display: inline-block;
  font-family: "letter-gothic-recast", sans-serif;
  font-weight: 500;
}
.style_area.style_block01 {
  margin-bottom: calc(237 * var(--formula));
}

/* style_block02 */
.style_block02_img01 {
  width: 100%;
}
.credit_wrap.credit_wrap02 {
  width: calc(470* var(--formula));
  margin-left: calc(30 * var(--formula));
}

/* style_block03 */
.flex_area {
  display: flex;
  justify-content: space-between;
}
.style_block03_img01 , .style_block03_img02 {
  width: calc(369* var(--formula));
}
.credit_wrap.credit_wrap03 {
  width: calc(510* var(--formula));
  margin-left: calc(30* var(--formula));
}

/* style_block04 */
.style_block04_img01 {
  width: 100%;
  margin-bottom: calc(100* var(--formula));
}
.style_block04_img02 {
  width: calc(570* var(--formula));
  margin: 0 auto calc(140* var(--formula));
}
.credit_wrap.credit_wrap04 {
  width: 100%;
}
.style_block04_img03 {
  width: 100%;
}
.style_area.style_block04 {
  margin-bottom: calc(250 * var(--formula));
}

/* style_block05 */
.style_block05_img01 {
  width: calc(690* var(--formula));
  margin: 0 auto;
}
.credit_wrap.credit_wrap05 {
  width: calc(570* var(--formula));
}
.style_area.style_block05 {
  margin-bottom: calc(245 * var(--formula));
}

/* style_block06 */
.style_block06_slide_area {
  width: 100%;
}
.style_block06_slide_inner {
  width: calc(831* var(--formula));
  margin-right: calc(50* var(--formula));
}
.style_block06_img01 {
  width: calc(420* var(--formula));
  margin-top: calc(-43* var(--formula));
  margin-left: auto;
  margin-right: calc(60* var(--formula));
  position: relative;
  background-color: #fff;
}
.credit_wrap.credit_wrap06 {
  width: calc(150* var(--formula));
  position: absolute;
  bottom: calc(-10* var(--formula));
  left: calc(-180* var(--formula));
}
.style_area.style_block06 {
  margin-bottom: calc(250 * var(--formula));
}

/* style_block07 */
.style_block07_img01 {
  width: 100%;
}
.credit_wrap.credit_wrap07 {
  width: 100%;
  justify-content: center;
}

/* style_block08 */
.style_block08_img01 {
  width: 100%;
  margin-bottom: calc(100* var(--formula));
}
.style_block08_img02 {
  width: calc(570* var(--formula));
  margin: 0 auto;
}
.credit_wrap.credit_wrap08 {
  width: calc(370* var(--formula));
}

/* style_block09 */
.style_block09_img01 {
  width: calc(660* var(--formula));
  margin-bottom: calc(100* var(--formula));
}
.style_block09_block02 {
  width: calc(600* var(--formula));
  margin-left: auto;
}
.style_block09_img02 {
  width: 100%;
  margin-bottom: calc(40* var(--formula));
}
.style_block09_img03 {
  width: calc(330* var(--formula));
  position: relative;
}
.credit_wrap.credit_wrap09 {
  width: calc(170* var(--formula));
  position: absolute;
  bottom: calc(-12* var(--formula));
  right: calc(-210* var(--formula));
}
.style_area.style_block09 {
  margin-bottom: calc(250 * var(--formula));
}

/* style_block10 */
.style_block10_img01 {
  width: 100%;
}
.credit_wrap.credit_wrap10 {
  width: 100%;
  justify-content: center;
}

/* style_block11 */
.style_block11_img01 {
  width: calc(690* var(--formula));
  margin-bottom: calc(100* var(--formula));
  margin-inline: auto;
}
.style_block11_img02 {
  width: calc(540* var(--formula));
}
.credit_wrap.credit_wrap11 {
  width: calc(410* var(--formula));
  margin-left: calc(30* var(--formula));
}

/* style_block12 */
.style_block12_slide_area {
  width: 100%;
}
.style_block12_slide_inner {
  width: calc(1286* var(--formula));
  margin-right: calc(50* var(--formula));
}
.style_block12_img01 {
  width: calc(690* var(--formula));
  margin: calc(-30* var(--formula)) auto 0;
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.credit_wrap.credit_wrap12 {
  width: 100%;
  margin-top: calc(30* var(--formula));
}

/* style_block13 */
.style_block13_img01 {
  width: 100%;
}
.flex_section {
  display: flex;
  justify-content: space-between;
  margin-top: calc(40 * var(--formula));
  width: calc(710 * var(--formula));
  margin-inline: auto;
}
.style_block13_img02 {
  width: calc(345* var(--formula));
}
.style_block13_img03 {
  width: calc(345* var(--formula));
}
.credit_wrap.credit_wrap13 {
  width: 100%;
  justify-content: center;
}


/* style_block14 */
.style_block14_img01 {
  width: calc(375* var(--formula));
}
.style_block14_img02 {
  width: calc(375* var(--formula));
  margin-left: auto;
  position: relative;
}
.credit_wrap.credit_wrap14 {
  width: calc(180* var(--formula));
  position: absolute;
  top: calc(1* var(--formula));
  left: calc(-345* var(--formula));
}
.style_area.style_block14 {
  margin-bottom: calc(250 * var(--formula));
}

/* another_area */
.another_area {
  background-color: #edf0f4;
  padding-top: calc(150* var(--formula));
  padding-bottom: calc(200* var(--formula));
}
.another_area_top {
  width: calc(660* var(--formula));
  margin: 0 auto calc(100* var(--formula));
}

/* style_block15 */
.style_block15_img01 {
  width: 100%;
}
.style_block15_img01_inner {
  width: calc(540* var(--formula));
  margin-right: calc(30* var(--formula));
}
.credit_wrap.credit_wrap15 {
  width: 100%;
  margin-left: calc(30* var(--formula));
  margin-top: calc(30* var(--formula));
}

/* style_block16 */
.style_block16_img01 {
  width: calc(630* var(--formula));
  margin: 0 auto;
}
.credit_wrap.credit_wrap16 {
  width: calc(530* var(--formula));
}

/* style_block17 */
.style_block17_img01 {
  width: calc(630* var(--formula));
  margin-bottom: calc(100* var(--formula));
}
.style_block17_img02 {
  width: calc(570* var(--formula));
  margin-left: auto;
  margin-right: calc(30* var(--formula));
}
.credit_wrap.credit_wrap17 {
  width: calc(350* var(--formula));
}
.style_area.style_block17 {
  margin-bottom: calc(0* var(--formula));
}

/* style_block18 */
.style_block18_img01 {
  width: 100%;
  margin-bottom: calc(100* var(--formula));
}
.style_block18_img02 {
  width: calc(510* var(--formula));
  margin: 0 auto;
}
.credit_wrap.credit_wrap18 {
  width: calc(380* var(--formula));
}

/* style_block19 */
.style_block19_img01 {
  width: calc(630* var(--formula));
  margin-left: auto;
  margin-bottom: calc(100* var(--formula));
}
.style_block19_img02 {
  width: calc(510* var(--formula));
}
.credit_wrap.credit_wrap19 {
  width: calc(360* var(--formula));
  margin-left: calc(30* var(--formula));
}

/* style_block20 */
.style_block20_img01 {
  width: 100%;
  margin-bottom: calc(40* var(--formula));
}
.flex_max {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.style_block20_img02 , .style_block20_img03 {
  width: calc(369* var(--formula));
}
.credit_wrap.credit_wrap20 {
  width: calc(530* var(--formula));
  margin-left: calc(30* var(--formula));
}

/* style_block21 */
.style_block21_img01 , .style_block21_img02 {
  width: calc(369* var(--formula));
}
.credit_wrap.credit_wrap21 {
  width: calc(560* var(--formula));
  margin-left: calc(30* var(--formula));
}
.style_area.style_block21 {
  margin-bottom: calc(238* var(--formula));
}

/* style_block22 */
.style_block22_img01 {
  width: 100%;
}
.credit_wrap.credit_wrap22 {
  width: 100%;
  margin-left: calc(30* var(--formula));
}
.style_area.style_block22 {
  margin-bottom: calc(200* var(--formula));
}

/* end_section */
.check_all_items {
  width: calc(520* var(--formula));
  margin: 0 auto calc(250* var(--formula));
}
.end_section_bg {
  background-color: #edf0f4;
  padding-top: calc(98* var(--formula));
  padding-bottom: calc(100* var(--formula));
}
.end_section_top {
  width: calc(340* var(--formula));
  margin: 0 auto calc(65* var(--formula));
}
.end_section_text {
  font-size: calc(24* var(--formula));
  line-height: 1.5;
  letter-spacing: 0.07em;
  text-align: center;
  font-family: "letter-gothic-recast", sans-serif;
  font-weight: 500;
}
.end_section_text_top {
  font-size: calc(24* var(--formula));
  letter-spacing: 0.07em;
  margin-bottom: calc(25* var(--formula));
  text-align: center;
  font-family: "letter-gothic-recast", sans-serif;
  font-weight: 500;
}

.archive {
  border-top: none !important;
}

@media screen and (min-width: 768px) {
  .style_block01_img01 {
    width: calc(608* var(--formula));
  }

  .style_block06_slide_area , .style_block12_slide_area {
    width: calc(700* (100vw /1400));
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

_::-webkit-full-page-media, _:future, :root .style_block12_img01 {
  margin: calc(-30* var(--formula)) auto 0;
}

.js-slide_loop.slick-initialized.slick-slider div {
  transition: none;
}