@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
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR250610minamisara {
  --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;
}
@media screen and (min-width: 768px) {
  .FR250610minamisara {
    --width-primary: 140rem;
  }
}
@media screen and (max-width: 767px) {
  .FR250610minamisara {
    --width-primary: calc(750*100vw/750);
  }
}
@media screen and (min-width: 768px) {
  .FR250610minamisara .hidden-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .FR250610minamisara .hidden-mobile {
    display: none !important;
  }
}
.FR250610minamisara img,
.FR250610minamisara picture,
.FR250610minamisara video {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.FR250610minamisara a {
  display: block;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - animation
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR250610minamisara .js-trigger .js-show_top,
.FR250610minamisara .js-showText {
  opacity: 0;
  transition: opacity .8s linear .2s;
}
.FR250610minamisara .js-show {
  opacity: 0;
  transition: opacity .8s linear .2s;
}
.FR250610minamisara .js-trigger.is-active .js-show_top,
.FR250610minamisara .js-showText.is-active {
  opacity: 1;
}
.FR250610minamisara .js-show.is-active {
  opacity: 1;
}
.FR250610minamisara .js-trigger.is-active .js-show01 {transition-delay: 0s;}
.FR250610minamisara .js-trigger.is-active .js-show02 {transition-delay: .8s;}
.FR250610minamisara .js-trigger.is-active .js-show03 {transition-delay: 1.3s;}
.FR250610minamisara .js-trigger.is-active .js-show04 {transition-delay: 1.8s;}
.FR250610minamisara .js-trigger.is-active .js-show05 {transition-delay: 2.3s;}
.FR250610minamisara .js-trigger.is-active .js-show06 {transition-delay: 2.8s;}

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

.FR250610minamisara .js-fadeImage.is-active {
  opacity: 1;
  transform: translate(0);
}
.FR250610minamisara .js-slideBottomImage.is-active {
  transform: translate(0, 0);
}
/* .FR250610minamisara .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);
}
.FR250610minamisara .js-typingText.is-active span.show {
  opacity: 1;
  transform: translateY(0);
} */
@media screen and (max-width: 767px) {
  .FR250610minamisara .js-fadeImage {
    opacity: 0;
    transform: translateY(15px);
    transition: all 1s ease;
  }
  .FR250610minamisara .js-slideBottomImage01 {
    transform: translate(0, 15%);
    transition: transform 4s linear 0s;
  }
  .FR250610minamisara .js-slideBottomImage02 {
    transform: translate(0, 15%);
    transition: transform 2s linear 0s;
  }
  .FR250610minamisara .js-slideLeftImage {
    transform: translate(15%, 0);
    transition: transform 2s linear 0s;
  }
  .FR250610minamisara .js-slideRightImage {
    transform: translate(-15%, 0);
    transition: transform 3s linear 0s;
  }
  .FR250610minamisara .js-slideLeftImage.is-active,
  .FR250610minamisara .js-slideRightImage.is-active {
    transform: translateX(0);
  }
  
  .FR250610minamisara .js-fadeImage.is-active {
    opacity: 1;
    transform: translate(0);
  }
  .FR250610minamisara .js-slideBottomImage.is-active {
    transform: translate(0, 0);
  }
  /* .FR250610minamisara .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);
  }
  .FR250610minamisara .js-typingText.is-active span.show {
    opacity: 1;
    transform: translateY(0);
  } */
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - hero_text
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR250610minamisara .hero_text {
  position: sticky;
  top: var(--header-height);
  width: 100%;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .FR250610minamisara .hero_text {
    top: var(--header-top);
    /* margin-top: calc(-2*100vw/750); */
  }
  /* .FR250610minamisara .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;
  } */
}



/*
//////////////////////////////////////////////////////////////////////////////////////////////
FR250610minamisara
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.hero_inner {
  width: 100%;
  position: relative;
}
.hero_title {
  width: calc(711 * (100vw / 1400));
  position: absolute;
  top: calc(609 * (100vw / 1400));
  left: calc(347 * (100vw / 1400));
  /* transform: translateX(-50%); */
  pointer-events: none;
}
.hero_subtitle {
  width: calc(422* (100vw /1400));
  position: absolute;
  bottom: calc(38* (100vw /1400));
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.hero_arrow {
  width: calc(6 * (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(530 * (100vw / 1400));
  margin: 0 auto;
  margin-top: calc(178 * (100vw / 1400));
}
.product_inner__product01_text {
  width: calc(519* (100vw /1400));
  margin-left: calc(8 * (100vw / 1400));
}
.product_inner__product01_img01 {
  width: calc(510* (100vw /1400));
  margin: 0 auto;
  margin-top: calc(55 * (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(12 * (100vw / 1400));
  font-family: var(--font-roboto);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  margin-right: calc(10 * (100vw / 1400));
  font-weight: var(--fw-regular);
  /* letter-spacing: -.07em;*/
}
/* .product_inner__product01 .credit_wrap {
  width: calc(360* (100vw /1400));
} */

/*  */
.product_inner__product02 {
  width: calc(1400* (100vw /1400));
}
.product_inner__product02_in01 {
  width: 100%;
  margin-top: calc(189 * (100vw / 1400));
}
.product_inner__product02_in01_left {
  width: calc(552* (100vw /1400));
}
.product_inner__product02_img01 {
  width: 100%;
}
.product_inner__product02_in01_right {
  width: calc(540* (100vw /1400));
  margin-top: calc(191 * (100vw / 1400));
  position: relative;
}
.product_inner__product02_img02 {
  width: calc(324* (100vw /1400));
}
.product_inner__product02 .credit_wrap {
  width: calc(100 * (100vw / 1400));
  position: absolute;
  right: calc(96 * (100vw / 1400));
  bottom: calc(217 * (100vw / 1400));
  z-index: 5;
}

.typing_lead {
  font-size: calc(40*(100vw / 1400));
  line-height: 1.1;
  font-family: "Brygada 1918", serif;
  white-space: nowrap;
  color: var(--color-black);
  padding-bottom: calc(5* (100vw /1400));
  letter-spacing: -.03em;
}

/*  */
.product_inner__product03 {
  width: calc(1400* (100vw /1400));
  margin-top: calc(78 * (100vw / 1400));
}
.product_inner__product03_in01 {
  width: calc(530* (100vw /1400));
  margin-left: calc(654* (100vw /1400));
}
.product_inner__product03_img01 {
  width: 100%;
}
.product_inner__product03 .credit_wrap {
  width: calc(140* (100vw /1400));
  margin-left: 0;
  /* margin-top: calc(18* (100vw /1400)); */
}

/*  */
.product_inner__product04 {
  width: calc(1400* (100vw /1400));
  margin: calc(230 * (100vw / 1400)) auto 0;
}
.product_inner__product04_box {
  width: 100%;
  position: relative;
}
.product_inner__product04_in01 {
  width: calc(476* (100vw /1400));
  margin-left: calc(431 * (100vw / 1400));
  position: relative;
}
.product_inner__product04 .credit_wrap {
  width: calc(100 * (100vw / 1400));
  position: absolute;
  right: calc(-120 * (100vw / 1400));
  bottom: calc(-2 * (100vw / 1400));
}
.product_inner__product04_in02 {
  width: calc(600* (100vw /1400));
  position: absolute;
  left: 0;
  top: calc(35 * (100vw / 1400));
  z-index: 5;
}

/*  */
.product_inner__product05 {
  width: calc(1400* (100vw /1400));
  margin: calc(485 * (100vw / 1400)) auto 0;
}
.product_inner__product05_in01 {
  width: calc(1155* (100vw /1400));
  margin-left: calc(149* (100vw / 1400));
}
.product_inner__product05_in01_left {
  width: calc(883* (100vw /1400));
  margin-left: calc(272* (100vw / 1400));
  position: relative;
}
.product_inner__product05_in01_left .contents-txt_box {
  width: calc(296 * (100vw / 1400));
  position: absolute;
  pointer-events: none;
  top: calc(27 * (100vw / 1400));
  left: calc(328 * (100vw / 1400));
  z-index: 5;
}
.product_inner__product05_in01_right {
  width: calc(260* (100vw /1400));
  margin-left: 0;
  margin-top: calc(27 * (100vw / 1400));
  position: relative;
}
.product_inner__product05 .credit_wrap {
  width: calc(90 * (100vw / 1400));
  position: absolute;
  right: calc(-111 * (100vw / 1400));
  bottom: calc(-2 * (100vw / 1400));
}

/*  */
.product_inner__product06 {
  width: calc(1400* (100vw /1400));
  margin-top: calc(248 * (100vw / 1400));
}
.product_inner__product06_in01 {
  width: calc(510* (100vw /1400));
  margin-left: calc(445* (100vw /1400));
  position: relative;
}
.product_inner__product06_img01 {
  width: 100%;
}
.product_inner__product06 .credit_wrap {
  width: calc(100 * (100vw / 1400));
  position: absolute;
  right: calc(-120 * (100vw / 1400));
  bottom: calc(-2 * (100vw / 1400));
}

/*  */
.product_inner__product07 {
  width: calc(1400* (100vw /1400));
  margin-top: calc(204 * (100vw / 1400));
}
.product_inner__product07_in01 {
  width: calc(1251* (100vw /1400));
  margin-left: calc(149* (100vw / 1400));
  flex-direction: row-reverse;
}
.product_inner__product07_in01_left {
  width: calc(510* (100vw /1400));
}
.product_inner__product07_img01 {
  width: 100%;
}
.product_inner__product07_in01_right {
  width: calc(300* (100vw /1400));
  margin-top: calc(287 * (100vw / 1400));
  position: relative;
}
.product_inner__product07 .credit_wrap {
  width: calc(120 * (100vw / 1400));
  position: absolute;
  right: calc(-140 * (100vw / 1400));
  bottom: calc(-1 * (100vw / 1400));
  z-index: 5;
}

/*  */
.product_inner__product08 {
  width: calc(1400* (100vw /1400));
  margin-top: calc(120 * (100vw / 1400));
}
.product_inner__product08_in01 {
  width: calc(1316* (100vw /1400));
  margin-left: 0;
}
.product_inner__product08_in01_left {
  width: calc(669* (100vw /1400));
  position: relative;
}
.product_inner__product08_img01 {
  width: 100%;
}
.product_inner__product08 .credit_wrap {
  width: calc(90 * (100vw / 1400));
  position: absolute;
  right: calc(-96 * (100vw / 1400));
  bottom: calc(23 * (100vw / 1400));
  z-index: 5;
}
.product_inner__product08_in01_right {
  width: calc(267* (100vw /1400));
  margin-top: calc(578 * (100vw / 1400));
}

.typing_lead {
  font-size: calc(40*(100vw / 1400));
  line-height: 1.1;
  font-family: "Brygada 1918", serif;
  white-space: nowrap;
  color: var(--color-black);
  padding-bottom: calc(5* (100vw /1400));
  letter-spacing: -.03em;
}

/* bottom_contents */
.bottom_contents {
  background-color: #F0DBD9;
  margin-top: calc(226 * (100vw / 1400));
  padding-top: calc(137 * (100vw / 1400));
}
.bottom_contents__ttl_block {
  width: calc(1400* (100vw /1400));
}
.bottom_contents__ttl_block .z_index_up {
  width: calc(470* (100vw /1400));
  margin-left: calc(468* (100vw /1400));
  position: relative;
}
.bottom_contents__ttl {
  width: calc(466* (100vw /1400));
}
.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(389 * (100vw / 1400));
  margin-top: calc(62 * (100vw / 1400));
  margin-left: calc(506 * (100vw / 1400));
}
.bottom_contents__text_block {
  width: calc(971 * (100vw / 1400));
  /* margin: 0 auto; */
  margin-top: calc(106 * (100vw / 1400));
  margin-left: calc(214 * (100vw / 1400));
}
.block02 {
  margin-top: calc(68 * (100vw / 1400));
}
.flex_left .block03 {
  margin-top: calc(43 * (100vw / 1400));
}
.flex_right .block03 {
  margin-top: calc(40 * (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(130 * (100vw / 1400));
}
.bottom_contents__lead_block_ttl {
  font-size: calc(20* (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(130 * (100vw / 1400));
  margin-left: calc(475 * (100vw / 1400));
  padding-bottom: calc(107 * (100vw / 1400));
}
.all_items_button {
  width: 100%;
  margin-bottom: calc(37* (100vw /1400));
}
.all_items_attention {
  font-size: calc(12* (100vw /1400));
  line-height: 1.7691666667;
  text-align: center;
  font-family: var(--font-shuei);
  font-weight: var(--fw-medium);
}

/* credit_block */
.credit_block {
  width: 100%;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  background-color: #F0DBD9;
  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(311 * (100vw / 375));
  top: calc(323 * (100vw / 375));
  left: calc(33 * (100vw / 375));
}
.hero_subtitle {
  width: calc(201 * (100vw / 375));
  bottom: calc(20 * (100vw / 375));
}
.hero_arrow {
  width: calc(3 * (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(45 * (100vw / 375));
}

/*  */
.product_inner {
  width: 100%;
}
.product_inner__product01 {
  width: calc(330* (100vw / 375));
  margin: 0 auto;
  margin-top: calc(156 * (100vw / 375));
}
.product_inner__product01_text {
  width: calc(257* (100vw /375));
  margin-left: calc(37 * (100vw / 375));
}
.product_inner__product01_img01 {
  width: 100%;
  margin: 0 auto;
  margin-top: calc(33 * (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(9 * (100vw / 375));
}
/*  */
.product_inner__product02 {
  width: 100%;
}
.product_inner__product02_in01 {
  width: 100%;
  margin-top: calc(92 * (100vw / 375));
}
.product_inner__product02_in01_left {
  width: calc(280 * (100vw / 375));
}
.product_inner__product02_in01_right {
  width: calc(333 * (100vw / 375));
  margin-top: calc(63 * (100vw / 375));
  margin-left: calc(23 * (100vw / 375));
}
.product_inner__product02_img02 {
  width: calc(212* (100vw /375));
}
.product_inner__product02 .credit_wrap {
  justify-content: flex-end;
  width: calc(70 * (100vw / 375));
  right: calc(-10 * (100vw / 375));
  bottom: calc(0 * (100vw / 375));
}

/*  */
.product_inner__product03 {
  width: 100%;
  margin-top: calc(138 * (100vw / 375));
}
.product_inner__product03_in01 {
  width: 100%;
  margin-left: 0;
}
.product_inner__product03 .credit_wrap {
  width: calc(110 * (100vw / 375));
  margin-left: calc(25 * (100vw / 375));
  margin-top: calc(15 * (100vw / 375));
}
/*  */
.product_inner__product04 {
  width: 100%;
  margin: calc(115 * (100vw / 375)) auto 0;
}
.product_inner__product04_box {
  width: 100%;
  position: relative;
}
.product_inner__product04_in01 {
  width: calc(251* (100vw /375));
  margin-left: calc(124* (100vw / 375));
  position: relative;
}
.product_inner__product04 .credit_wrap {
  width: calc(70 * (100vw / 375));
  position: absolute;
  right: calc(9 * (100vw / 375));
  bottom: calc(-295 * (100vw / 375));
  justify-content: flex-end;
}
.product_inner__product04_in02 {
  width: calc(239* (100vw /375));
  position: absolute;
  left: 0;
  top: calc(210 * (100vw / 375));
  z-index: 5;
}

/*  */
.product_inner__product05 {
  width: 100%;
  margin: calc(488 * (100vw / 375)) auto 0;
}
.product_inner__product05_in01 {
  width: calc(370* (100vw /375));
  margin-left: calc(5* (100vw / 375));
}
.product_inner__product05_in01_left {
  width: 100%;
  margin-left: 0;
  position: relative;
}
.product_inner__product05_in01_left .contents-txt_box {
  width: calc(170 * (100vw / 375));
  position: absolute;
  pointer-events: none;
  top: calc(-7 * (100vw / 375));
  left: calc(142 * (100vw / 375));
  z-index: 5;
}
.product_inner__product05_in01_right {
  width: calc(174 * (100vw / 375));
  margin-left: calc(21 * (100vw / 375));
  margin-top: calc(69 * (100vw / 375));
  position: relative;
}
.product_inner__product05 .credit_wrap {
  width: calc(70 * (100vw / 375));
  position: absolute;
  right: calc(-167 * (100vw / 375));
  bottom: calc(2 * (100vw / 375));
}

/*  */
.product_inner__product06 {
  width: 100%;
  margin-top: calc(147 * (100vw / 375));
}
.product_inner__product06_in01 {
  width: 100%;
  margin-left: 0;
}
.product_inner__product06 .credit_wrap {
  position: static;
  width: calc(150 * (100vw / 375));
  margin-left: calc(25 * (100vw / 375));
  margin-top: calc(11 * (100vw / 375));
}

/*  */
.product_inner__product07 {
  width: 100%;
  margin-top: calc(151 * (100vw / 375));
}
.product_inner__product07_in01 {
  width: 100%;
  margin-left: 0;
  flex-direction: column;
}
.product_inner__product07_in01_left {
  width: calc(334* (100vw / 375));
  margin: 0 auto;
}
.product_inner__product07 .credit_wrap {
  position: static;
  width: calc(170 * (100vw / 375));
  margin-top: calc(11 * (100vw / 375));
  margin-left: calc(1 * (100vw / 375));
}
.product_inner__product07_in01_right {
  width: calc(219* (100vw / 375));
  margin-top: calc(54 * (100vw / 375));
  margin-left: calc(21 * (100vw / 375));
}
.product_inner__product07_img02 {
  width: 100%;
}

/*  */
.product_inner__product08 {
  width: 100%;
  margin-top: calc(57 * (100vw / 375));
}
.product_inner__product08_in01 {
  width: 100%;
}
.product_inner__product08_in01_left {
  width: 100%;
}
.product_inner__product08 .credit_wrap {
  width: calc(200* (100vw / 375));
  position: static;
  margin-top: calc(-4 * (100vw / 375));
  margin-left: calc(17 * (100vw / 375));
}
.product_inner__product08_in01_right {
  width: calc(200* (100vw /375));
  margin: 0 auto;
  margin-top: calc(104 * (100vw / 375));
}

/*  */
.bottom_contents {
  margin-top: calc(137 * (100vw / 375));
  padding-top: calc(76 * (100vw / 375));
}
.bottom_contents__ttl_block {
  width: 100%;
}
.bottom_contents__ttl_block .z_index_up {
  width: calc(285* (100vw /375));
  margin-left: calc(47* (100vw /375));
  position: relative;
}
.bottom_contents__ttl {
  width: calc(283* (100vw /375));
}
.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(236 * (100vw / 375));
  margin-top: calc(47 * (100vw / 375));
  margin-left: calc(69 * (100vw / 375));
}
.bottom_contents__text_block {
  width: calc(304* (100vw / 375));
  margin: 0 auto;
  margin-top: calc(69 * (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));
}
.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(47 * (100vw / 375));
}
.bottom_contents__lead_block_ttl {
  font-size: calc(15* (100vw /375));
  letter-spacing: 0.1em;
  margin-bottom: calc(16 * (100vw / 375));
}
.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(81 * (100vw / 375)) auto 0;
  padding-bottom: calc(81 * (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(13 * (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: -.04em;
  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(60*(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;
}