@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@0,400..700;1,400..700&display=swap');
@media only screen and (max-width: 1400px) {
  html {
    font-size: calc(10*100vw/1400);
  }
}
@font-face {
  font-family: 'Imbue';
  src: url(../Fonts/Imbue-VariableFont_opsz\,wght.ttf);
}
@font-face {
  font-family: 'Inter';
  src: url(../Fonts/Inter-VariableFont_slnt,wght.ttf);
}
@font-face {
  font-family: 'Brygada';
  src: url(../Fonts/Brygada1918-VariableFont_wght.ttf);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR250701minamisara {
  --color-white: #fff;
  --color-black: #000;
  --color-text: #58595b;
  --font-yu: '游ゴシック', YuGothic, '游ゴシック Medium', '游ゴシック', 'Yu Gothic', sans-serif;
  --font-roboto: "roboto", sans-serif;
  --font-imbue: "imbue-variable", sans-serif;
  --font-inter: "Inter-Variable", sans-serif;
  --font-Brygada: "Brygada1918-Variable", sans-serif;
  --font-shuei: "dnp-shuei-gothic-gin-std", sans-serif;
  --font-en: var(--font-roboto);
  --font-ja: var(--font-yu);
  --font-main: var(--font-en), var(--font-ja);
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  font-feature-settings: "palt";
  overflow: clip;
  background-color: #f9f8f8;
}
@media screen and (min-width: 768px) {
  .FR250701minamisara {
    --width-primary: 140rem;
  }
}
@media screen and (max-width: 767px) {
  .FR250701minamisara {
    --width-primary: calc(750*100vw/750);
  }
}
@media screen and (min-width: 768px) {
  .FR250701minamisara .hidden-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .FR250701minamisara .hidden-mobile {
    display: none !important;
  }
}
.FR250701minamisara img,
.FR250701minamisara picture,
.FR250701minamisara video {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.FR250701minamisara a {
  display: block;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - animation
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR250701minamisara .js-trigger .js-show_top,
.FR250701minamisara .js-showText {
  opacity: 0;
  transition: opacity .8s linear .2s;
}
.FR250701minamisara .js-show {
  opacity: 0;
  transition: opacity .8s linear .2s;
}
.FR250701minamisara .js-trigger.is-active .js-show_top,
.FR250701minamisara .js-showText.is-active {
  opacity: 1;
}
.FR250701minamisara .js-show.is-active {
  opacity: 1;
}
.FR250701minamisara .js-trigger.is-active .js-show01 {transition-delay: 0s;}
.FR250701minamisara .js-trigger.is-active .js-show02 {transition-delay: .8s;}
.FR250701minamisara .js-trigger.is-active .js-show03 {transition-delay: 1.3s;}
.FR250701minamisara .js-trigger.is-active .js-show04 {transition-delay: 1.8s;}
.FR250701minamisara .js-trigger.is-active .js-show05 {transition-delay: 2.3s;}
.FR250701minamisara .js-trigger.is-active .js-show06 {transition-delay: 2.8s;}

.FR250701minamisara .js-fadeImage {
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease;
}
.FR250701minamisara .js-slideBottomImage01 {
  transform: translate(0, 40%);
  transition: transform 5s linear 0s;
}
.FR250701minamisara .js-slideBottomImage02 {
  transform: translate(0, 40%);
  transition: transform 3s linear 0s;
}
.FR250701minamisara .js-slideLeftImage {
  transform: translate(40%, 0);
  transition: transform 3s linear 0s;
}
.FR250701minamisara .js-slideRightImage {
  transform: translate(-40%, 0);
  transition: transform 4s linear 0s;
}
.FR250701minamisara .js-slideLeftImage.is-active,
.FR250701minamisara .js-slideRightImage.is-active {
  transform: translateX(0);
}

.FR250701minamisara .js-fadeImage.is-active {
  opacity: 1;
  transform: translate(0);
}
.FR250701minamisara .js-slideBottomImage.is-active {
  transform: translate(0, 0);
}
/* .FR250701minamisara .js-typingText span {
  opacity: 0;
  display: inline-block;
  transform: translateY(5px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  font-family: "Brygada 1918", serif;
  font-weight: var(--fw-light);
}
.FR250701minamisara .js-typingText.is-active span.show {
  opacity: 1;
  transform: translateY(0);
} */
@media screen and (max-width: 767px) {
  .FR250701minamisara .js-fadeImage {
    opacity: 0;
    transform: translateY(15px);
    transition: all 1s ease;
  }
  .FR250701minamisara .js-slideBottomImage01 {
    transform: translate(0, 15%);
    transition: transform 4s linear 0s;
  }
  .FR250701minamisara .js-slideBottomImage02 {
    transform: translate(0, 15%);
    transition: transform 2s linear 0s;
  }
  .FR250701minamisara .js-slideLeftImage {
    transform: translate(15%, 0);
    transition: transform 2s linear 0s;
  }
  .FR250701minamisara .js-slideRightImage {
    transform: translate(-15%, 0);
    transition: transform 3s linear 0s;
  }
  .FR250701minamisara .js-slideLeftImage.is-active,
  .FR250701minamisara .js-slideRightImage.is-active {
    transform: translateX(0);
  }
  
  .FR250701minamisara .js-fadeImage.is-active {
    opacity: 1;
    transform: translate(0);
  }
  .FR250701minamisara .js-slideBottomImage.is-active {
    transform: translate(0, 0);
  }
  /* .FR250701minamisara .js-typingText span {
    opacity: 0;
    display: inline-block;
    transform: translateY(5px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    font-family: "Brygada 1918", serif;
    font-weight: var(--fw-light);
  }
  .FR250701minamisara .js-typingText.is-active span.show {
    opacity: 1;
    transform: translateY(0);
  } */
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - hero_text
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR250701minamisara .hero_text {
  position: sticky;
  top: var(--header-height);
  width: 100%;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .FR250701minamisara .hero_text {
    top: var(--header-top);
    /* margin-top: calc(-2*100vw/750); */
  }
  /* .FR250701minamisara .hero_text::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: calc(5*100vw/430);;
    top: calc(-2*100vw/430);;
    left: 0;
    background-color: var(--color-white);
    z-index: -1;
  } */
}



/*
//////////////////////////////////////////////////////////////////////////////////////////////
FR250701minamisara
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.hero_inner {
  width: 100%;
  position: relative;
}
.hero_title {
  width: calc(1070 * (100vw / 1400));
  position: absolute;
  top: calc(520 * (100vw / 1400));
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.hero_subtitle {
  width: calc(242* (100vw /1400));
  position: absolute;
  bottom: calc(33* (100vw /1400));
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.hero_arrow {
  width: calc(5.5 * (100vw / 1400));
  position: absolute;
  bottom: calc(31 * (100vw / 1400));
  left: calc(33 * (100vw / 1400));
  pointer-events: none;
}
.hero_text {
  width: 100%;
  border-top: solid 1px var(--color-black);
  border-bottom: solid 1px var(--color-black);
}

.product_text {
  font-size: calc(18* (100vw /1400));
  line-height: 2.1111;
  font-family: var(--font-shuei);
  letter-spacing: -.06em;
  font-feature-settings: normal;
  text-align: center;
  margin-top: calc(67 * (100vw / 1400));
}
.product_text span {
  letter-spacing: 0.01em;
}

.flex_base {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* product_inner */
.product_inner {
  width: calc(1400* (100vw /1400));
  margin: 0 auto;
}
.product_inner__product01 {
  width: calc(510 * (100vw / 1400));
  margin: 0 auto;
  margin-top: calc(145 * (100vw / 1400));
  position: relative;
}
.product_inner__product01_text {
  width: calc(510* (100vw /1400));
}
.product_inner__product01_img01 {
  width: calc(500* (100vw /1400));
  margin: 0 auto;
  margin-top: calc(36 * (100vw / 1400));
}
.credit_wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(15 * (100vw / 1400));
  margin-left: calc(10 * (100vw / 1400));
}
.credit_wrap a {
  line-height: 1.6666666667;
  font-size: calc(9 * (100vw / 1400));
  font-family: var(--font-roboto);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  margin-right: calc(8 * (100vw / 1400));
  font-weight: var(--fw-regular);
  /* letter-spacing: -.07em;*/
}
.product_inner__product01 .credit_wrap {
  position: absolute;
  bottom: calc(-3* (100vw /1400));
  right: calc(-405* (100vw /1400));
}

.product_inner__product02 {
  width: calc(534* (100vw /1400));
  margin: 0 auto;
  position: relative;
  left: calc(-245 * (100vw / 1400));
}
.product_inner__product02_img01 {
  width: 100%;
  margin: 0 auto;
  margin-top: calc(242 * (100vw / 1400));
}
.product_inner__product02 .credit_wrap {
  margin-top: calc(17 * (100vw / 1400));
  margin-left: auto;
  justify-content: flex-end;
  margin-right: calc(-8 * (100vw / 1400));
}

.product_inner__product03 {
  width: calc(408* (100vw /1400));
  margin: 0 auto;
  position: relative;
  right: calc(-362 * (100vw / 1400));
}
.product_inner__product03_img01 {
  width: 100%;
  margin: 0 auto;
  margin-top: calc(-173 * (100vw / 1400));
}
.product_inner__product03 .credit_wrap {
  margin-top: calc(3 * (100vw / 1400));
  justify-content: flex-end;
  margin-right: calc(18 * (100vw / 1400));
}

.product_inner__product04 {
  width: calc(500 * (100vw / 1400));
  margin: 0 auto;
  position: relative;
  left: calc(-427 * (100vw / 1400));
}
.product_inner__product04_img01 {
  width: 100%;
  margin: 0 auto;
  margin-top: calc(47 * (100vw / 1400));
}
.product_inner__product04 .credit_wrap {
  margin-top: calc(17 * (100vw / 1400));
  margin-left: auto;
  justify-content: flex-end;
  margin-right: calc(-8 * (100vw / 1400));
}

.product_inner__product04_02 {
  width: calc(474 * (100vw / 1400));
  margin: 0 auto;
  position: relative;
  right: calc(-294 * (100vw / 1400));
}
.product_inner__product04_img02 {
  width: 100%;
  margin: 0 auto;
  margin-top: calc(-342 * (100vw / 1400));
}

.product_inner__product05 {
  width: calc(534 * (100vw / 1400));
  margin: 0 auto;
  margin-top: calc(266 * (100vw / 1400));
  position: relative;
}
.product_inner__product05_img01 {
  width: 100%;
  margin: 0 auto;
}
.product_inner__product05 .credit_wrap {
  position: absolute;
  bottom: calc(-2* (100vw /1400));
  right: calc(-393* (100vw /1400));
}

.product_inner__product06 {
  width: calc(370 * (100vw / 1400));
  margin: 0 auto;
  margin-top: calc(237 * (100vw / 1400));
  position: relative;
  left: calc(-273 * (100vw / 1400));
}
.product_inner__product06_img01 {
  width: 100%;
  margin: 0 auto;
}
.product_inner__product06 .credit_wrap {
  margin-top: calc(18 * (100vw / 1400));
  margin-left: auto;
  justify-content: flex-end;
  margin-right: calc(-8 * (100vw / 1400));
}

.product_inner__product07 {
  width: calc(690 * (100vw / 1400));
  margin: 0 auto;
  margin-top: calc(185 * (100vw / 1400));
  position: relative;
}
.product_inner__product07 .flex_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.product_inner__product07_img01 , .product_inner__product07_img02 {
  width: calc(340 * (100vw / 1400));
}
.product_inner__product07 .credit_wrap {
  margin-top: calc(17 * (100vw / 1400));
  margin-left: auto;
}
.product_inner__product07_text {
  width: calc(178 * (100vw / 1400));
  position: absolute;
  top: 44.4%;
  right: calc(-108 * (100vw / 1400));
  pointer-events: none;
}

.product_inner__product08 {
  width: calc(1225 * (100vw / 1400));
  margin: 0 auto;
  margin-top: calc(202 * (100vw / 1400));
  position: relative;
  left: calc(38 * (100vw / 1400));
}
.product_inner__product08 .flex_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: end;
}
.product_inner__product08_img01 {
  width: calc(534 * (100vw / 1400));
}
.product_inner__product08_img02 {
  width: calc(338 * (100vw / 1400));
}
.product_inner__product08 .credit_wrap {
  margin-top: calc(17 * (100vw / 1400));
  margin-left: auto;
  justify-content: flex-end;
  margin-right: calc(-10 * (100vw / 1400));
}



/*  */

/* bottom_contents */
.bottom_contents {
  background-color: #cadae6;
  margin-top: calc(244 * (100vw / 1400));
  padding-top: calc(180 * (100vw / 1400));
}
.bottom_contents__ttl_block {
  width: calc(1400* (100vw /1400));
}
.bottom_contents__ttl_block .z_index_up {
  width: calc(667* (100vw /1400));
  margin: 0 auto;
  position: relative;
}
.bottom_contents__ttl {
  width: 100%;
}
.bottom_contents__sub_ttl {
  width: calc(43.4 * (100vw / 1400));
  position: absolute;
  top: calc(147 * (100vw / 1400));
  left: calc(0 * (100vw / 1400));
  z-index: 5;
}
.bottom_contents__ttl_block_img {
  width: calc(442 * (100vw / 1400));
  margin: 0 auto;
  margin-top: calc(-48 * (100vw / 1400));
  position: relative;
  left: calc(3 * (100vw / 1400));
}
.bottom_contents__text_block {
  width: calc(978 * (100vw / 1400));
  /* margin: 0 auto; */
  margin-top: calc(47 * (100vw / 1400));
  margin-left: calc(211 * (100vw / 1400));
}
.block02 {
  margin-top: calc(53 * (100vw / 1400));
}
.flex_left .block03 {
  margin-top: calc(53 * (100vw / 1400));
}
.flex_right .block03 {
  margin-top: calc(53 * (100vw / 1400));
}
.bottom_contents__text_block .flex_base {
  gap: calc(67 * (100vw / 1400)) 0;
}
.flex_base .flex_left,
.flex_base .flex_right{
  width: calc(451* (100vw /1400));
}
.flex_base .flex_right {
  margin-top: calc(103 * (100vw / 1400));
}
.bottom_contents__lead_block_ttl {
  font-size: calc(22* (100vw /1400));
  letter-spacing: 0.08em;
  font-weight: var(--fw-bold);
  margin-bottom: calc(22 * (100vw / 1400));
  font-family: var(--font-shuei);
}
.bottom_contents__lead_block_lead {
  font-size: calc(18 * (100vw / 1400));
  text-align: justify;
  letter-spacing: 0.005em;
  line-height: 1.5555555556;
  font-weight: var(--fw-light);
  font-family: var(--font-shuei);
  line-break: strict;
}
.z_index_up {
  position: relative;
  z-index: 9;
}
.all_items_block {
  width: calc(450 * (100vw / 1400));
  margin-top: calc(111 * (100vw / 1400));
  margin-left: calc(475 * (100vw / 1400));
  padding-bottom: calc(81 * (100vw / 1400));
}
.all_items_button {
  width: 100%;
  margin-bottom: calc(42* (100vw /1400));
}
.all_items_attention {
  font-size: calc(11* (100vw /1400));
  line-height: 1.7691666667;
  text-align: center;
  font-family: var(--font-shuei);
  font-weight: var(--fw-medium);
  letter-spacing: -0.05em;
}

/* credit_block */
.credit_block {
  width: 100%;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  background-color: #cadae6;
  padding-top: calc(39 * (100vw / 1400));
  padding-bottom: calc(49 * (100vw / 1400));
}
.credit_block__inner {
  width: calc(1033* (100vw /1400));
  margin: 0 auto;
  position: relative;
  left: calc(-101 * (100vw / 1400));
}
.credit_block__ttl {
  /* width: calc(170* (100vw /1400)); */
  padding-top: calc(1 * (100vw / 1400));
}
.credit_block__text {
  width: calc(714* (100vw /1400));
}
.credit_block__text_inner {
  width: fit-content;
  position: relative;
}
.credit_block__text_inner p {
  font-size: calc(11* (100vw /1400));
  font-family: var(--font-inter);
  line-height: 1.28;
}
.credit_block__text .credit_block__text_inner:nth-of-type(2) {
  left: calc(17 * (100vw / 1400));
}
.credit_block__text .credit_block__text_inner:nth-of-type(3) {
  left: calc(5 * (100vw / 1400));
}
.credit_block__text .credit_block__text_inner:nth-of-type(4) {
  left: calc(0* (100vw /1400));
}

@media screen and (max-width: 767px) {
.hero_title {
  width: calc(354 * (100vw / 375));
  top: calc(245 * (100vw / 375));
  left: calc(188 * (100vw / 375));
}
.hero_subtitle {
  width: calc(129 * (100vw / 375));
  bottom: calc(7 * (100vw / 375));
  left: calc(74 * (100vw / 375));
}
.hero_arrow {
  width: calc(2.5 * (100vw / 375));
  bottom: calc(19 * (100vw / 375));
  left: initial;
  right: calc(12 * (100vw / 375));
}
.product_text {
  font-size: calc(12* (100vw /375));
  line-height: 2.333;
  margin-top: calc(35 * (100vw / 375));
}

/*  */
.product_inner {
  width: 100%;
}
.product_inner__product01 {
  width: calc(330* (100vw / 375));
  margin: 0 auto;
  margin-top: calc(136 * (100vw / 375));
}
.product_inner__product01_text {
  width: calc(296* (100vw /375));
  margin: 0 auto;
}
.product_inner__product01_img01 {
  width: 100%;
  margin: 0 auto;
  margin-top: calc(14 * (100vw / 375));
}
.credit_wrap {
  margin-top: calc(13 * (100vw / 375));
  margin-left: calc(0 * (100vw / 375));
}
.credit_wrap a {
  line-height: 1.7777777778;
  font-size: calc(9* (100vw /375));
  margin-right: calc(8 * (100vw / 375));
}
/*  */

.product_inner__product01 .credit_wrap {
  position: unset;
  justify-content: end;
  margin-right: calc(-8 * (100vw / 375));
}

.product_inner__product01_02 {
  width: calc(330 * (100vw / 375));
  margin: calc(83 * (100vw / 375)) auto 0;
}

.product_inner__product02 {
  width: calc(376* (100vw /375));
  left: 0;
}
.product_inner__product02_img01 {
  margin-top: calc(128 * (100vw / 375));
}
.product_inner__product02 .credit_wrap {
  margin-top: calc(9 * (100vw / 375));
  margin-right: calc(15 * (100vw / 375));
}

.product_inner__product03 {
  width: calc(336* (100vw /375));
  margin: 0 auto;
  position: relative;
  right: calc(-3* (100vw /375));
}
.product_inner__product03_img01 {
  margin-top: calc(118* (100vw / 375));
}
.product_inner__product03 .credit_wrap {
  margin-top: calc(4 * (100vw / 375));
  margin-right: calc(19 * (100vw / 375));
}


.product_inner__product04 {
  width: calc(330 * (100vw / 375));
  left: 0;
}
.product_inner__product04_img01 {
  margin-top: calc(122 * (100vw / 375));
}
.product_inner__product04_02 {
  width: calc(334 * (100vw / 375));
  margin: unset;
  right: 0;
}
.product_inner__product04_img02 {
  margin-top: calc(121 * (100vw / 375));
}
.product_inner__product04 .credit_wrap {
  margin-top: calc(13 * (100vw / 375));
  margin-right: calc(-8 * (100vw / 375));
}

.product_inner__product05 {
  width: calc(377 * (100vw / 375));
  margin-top: calc(134 * (100vw / 375));
}
.product_inner__product05 .credit_wrap {
  position: unset;
  justify-content: end;
  margin-right: calc(18 * (100vw / 375));
  margin-top: calc(11 * (100vw / 375));
}

.product_inner__product06 {
  width: calc(220 * (100vw / 375));
  margin: 0 auto;
  margin-top: calc(104 * (100vw / 375));
  left: calc(54 * (100vw / 375));
}
.product_inner__product06 .credit_wrap {
  margin-top: calc(10 * (100vw / 375));
  margin-right: calc(-8 * (100vw / 375));
}

.product_inner__product07 {
  width: calc(220 * (100vw / 375));
  margin: unset;
  margin-left: calc(23 * (100vw / 375));
  margin-top: calc(105 * (100vw / 375));
}
.product_inner__product07_img01, .product_inner__product07_img02 {
  width: calc(375 * (100vw / 375));
}
.product_inner__product07_img01 {
  margin-bottom: calc(28* (100vw /750));
}
.product_inner__product07_text {
  width: calc(115 * (100vw / 375));
  top: 80.5%;
  right: calc(-63 * (100vw / 375));
}
.product_inner__product07 .credit_wrap {
  margin-top: calc(10 * (100vw / 375));
}

.product_inner__product08 {
  width: calc(330 * (100vw / 375));
  margin-top: calc(116 * (100vw / 375));
  left: unset;
}
.product_inner__product08_img01 {
  width: calc(330 * (100vw / 375));
  margin-bottom: calc(96 * (100vw / 375));
}
.product_inner__product08_img02 {
  width: calc(220 * (100vw / 375));
  margin-left: auto;
}
.product_inner__product08 .credit_wrap {
  margin-top: calc(10 * (100vw / 375));
  margin-right: calc(-9 * (100vw / 375));
}


/*  */
.bottom_contents {
  margin-top: calc(166 * (100vw / 375));
  padding-top: calc(106 * (100vw / 375));
}
.bottom_contents__ttl_block {
  width: 100%;
}
.bottom_contents__ttl_block .z_index_up {
  width: auto;
  position: relative;
}
.bottom_contents__ttl {
  width: calc(310* (100vw /375));
  margin: 0 auto;
}
.bottom_contents__sub_ttl {
  width: calc(26.8 * (100vw / 375));
  position: absolute;
  top: calc(101 * (100vw / 375));
  left: calc(0 * (100vw / 375));
  z-index: 5;
}
.bottom_contents__ttl_block_img {
  width: calc(276 * (100vw / 375));
  margin-top: calc(-38 * (100vw / 375));
  margin-left: calc(52 * (100vw / 375));
}
.bottom_contents__text_block {
  width: calc(304* (100vw / 375));
  margin: 0 auto;
  margin-top: calc(57 * (100vw / 375));
}
.flex_left .block02 {
  margin-top: calc(48 * (100vw / 375));
}
.flex_right .block02 {
  margin-top: calc(49 * (100vw / 375));
}
.flex_left .block03 {
  margin-top: calc(51 * (100vw / 375));
}
.flex_right .block03 {
  margin-top: calc(49 * (100vw / 375));
}
.flex_right .block02 .bottom_contents__lead_block_lead {
  letter-spacing: -0.021em;
}
.flex_right .block03 .bottom_contents__lead_block_lead {
  letter-spacing: -0.03em;
}
.bottom_contents__text_block .flex_base {
  flex-direction: column;
  gap: 0;
}
.flex_base .flex_left,
.flex_base .flex_right{
  width: calc(304* (100vw /375));
}
.flex_base .flex_right {
  margin-top: calc(48 * (100vw / 375));
}
.bottom_contents__lead_block_ttl {
  font-size: calc(15* (100vw /375));
  letter-spacing: 0.1em;
  margin-bottom: calc(16 * (100vw / 375));
  text-align: center;
}
.bottom_contents__lead_block_lead {
  font-size: calc(14* (100vw /375));
  line-height: 1.5714285714;
  letter-spacing: 0;
}
/*  */
.all_items_block {
  width: calc(304 * (100vw / 375));
  margin: calc(86 * (100vw / 375)) auto 0;
  padding-bottom: calc(75 * (100vw / 375));
}
.all_items_attention {
  font-size: calc(8* (100vw /375));
  line-height: 1.75;
  text-align: center;
}
.all_items_button {
  margin-bottom: calc(28 * (100vw / 375));
}
/*  */
.credit_block {
  border-top: unset;
  border-bottom: unset;
  padding-top: calc(0* (100vw /375));
  padding-bottom: calc(292 * (100vw / 375));
}
.credit_block__inner {
  width: calc(334 * (100vw / 375));
  border-top: solid 1px #000;
  padding-top: calc(23 * (100vw / 375));
  padding-left: calc(1 * (100vw / 375));
  left: 0;
}
.credit_block__ttl {
  width: calc(112* (100vw /375));
  margin-right: calc(200* (100vw /375));
  margin-bottom: calc(37* (100vw /375));
}
.credit_block__text {
  width: calc(190* (100vw /375));
}
.credit_block__text_inner {
  width: fit-content;
  position: relative;
  margin-bottom: calc(14* (100vw /375));
}
.credit_block__text_inner p {
  font-size: calc(10* (100vw /375));
  line-height: 1.19;
  letter-spacing: -.08em;
  word-break: break-all;
}
.credit_block__text_inner p span {
  font-size: calc(9* (100vw /375));
}
.credit_block__text .credit_block__text_inner:nth-of-type(2) {
  left: 0;
  margin-bottom: calc(13* (100vw /375));
}
.credit_block__text .credit_block__text_inner:nth-of-type(3) {
  left: 0;
  margin-right: calc(100* (100vw /375));
  margin-bottom: calc(13* (100vw /375));
}
.credit_block__text .credit_block__text_inner:nth-of-type(4) {
  left: 0;
  margin-bottom: calc(14* (100vw /375));
}
.credit_block__text .credit_block__text_inner:nth-of-type(5) {
  left: 0;
  margin-right: calc(30* (100vw /375));
  margin-bottom: calc(13* (100vw /375));
}
.credit_block__text .credit_block__text_inner:nth-of-type(6) {
  left: 0;
  margin-right: calc(80*(100vw / 375));
  margin-bottom: calc(14*(100vw / 375));
}
.credit_block__text .credit_block__text_inner:nth-of-type(7) {
  left: 0;
}


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

_::-webkit-full-page-media, _:future, :root .bottom_contents__sub_ttl {
  left: calc(8*(100vw / 375));
}
}

.text_anim p {
  margin: 0;
  padding-top: calc(6* var(--container-size));
}
.text_anim span {
  opacity: 0;
  display: inline-block;
  transform: translateY(0.5rem);
  transition: opacity 0.5s ease, transform 0.5s ease;
  position: relative;
  z-index: 10;
}

.anim-page-title path {
  opacity: 0;
}
.anim-page-title path.is-active:nth-of-type(1) {
  -webkit-animation-delay: 0.025s;
          animation-delay: 0.025s;
}
.anim-page-title path.is-active:nth-of-type(2) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
.anim-page-title path.is-active:nth-of-type(3) {
  -webkit-animation-delay: 0.075s;
          animation-delay: 0.075s;
}
.anim-page-title path.is-active:nth-of-type(4) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.anim-page-title path.is-active:nth-of-type(5) {
  -webkit-animation-delay: 0.125s;
          animation-delay: 0.125s;
}
.anim-page-title path.is-active:nth-of-type(6) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.anim-page-title path.is-active:nth-of-type(7) {
  -webkit-animation-delay: 0.175s;
          animation-delay: 0.175s;
}
.anim-page-title path.is-active:nth-of-type(8) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.anim-page-title path.is-active:nth-of-type(9) {
  -webkit-animation-delay: 0.225s;
          animation-delay: 0.225s;
}
.anim-page-title path.is-active:nth-of-type(10) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.anim-page-title path.is-active:nth-of-type(11) {
  -webkit-animation-delay: 0.275s;
          animation-delay: 0.275s;
}
.anim-page-title path.is-active:nth-of-type(12) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.anim-page-title path.is-active:nth-of-type(13) {
  -webkit-animation-delay: 0.325s;
          animation-delay: 0.325s;
}
.anim-page-title path.is-active:nth-of-type(14) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.anim-page-title path.is-active:nth-of-type(15) {
  -webkit-animation-delay: 0.375s;
          animation-delay: 0.375s;
}
.anim-page-title path.is-active:nth-of-type(16) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.anim-page-title path.is-active:nth-of-type(17) {
  -webkit-animation-delay: 0.425s;
          animation-delay: 0.425s;
}
.anim-page-title path.is-active:nth-of-type(18) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.anim-page-title path.is-active:nth-of-type(19) {
  -webkit-animation-delay: 0.475s;
          animation-delay: 0.475s;
}
.anim-page-title path.is-active:nth-of-type(20) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.anim-page-title path.is-active:nth-of-type(21) {
  -webkit-animation-delay: 0.525s;
          animation-delay: 0.525s;
}
.anim-page-title path.is-active:nth-of-type(22) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.anim-page-title path.is-active:nth-of-type(23) {
  -webkit-animation-delay: 0.575s;
          animation-delay: 0.575s;
}
.anim-page-title path.is-active:nth-of-type(24) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.anim-page-title path.is-active:nth-of-type(25) {
  -webkit-animation-delay: 0.625s;
          animation-delay: 0.625s;
}
.anim-page-title path.is-active:nth-of-type(26) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
.anim-page-title path.is-active:nth-of-type(27) {
  -webkit-animation-delay: 0.675s;
          animation-delay: 0.675s;
}

@-webkit-keyframes show-title {
  0% {
    opacity: 0;
    transform: translate3d(0, 5px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes show-title {
  0% {
    opacity: 0;
    transform: translate3d(0, 5px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.anim-page-title path.is-active {
  -webkit-animation: show-title 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: show-title 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}