@charset "UTF-8";

/*
///////////////////////////////////////////////////////////////////////////////////////
 contents__wrapper
 ///////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width: 768px) {
  body{
    overflow-x: hidden;
  }

  html {
    font-size: min(calc(100vw / 144), 10px);
  }
}

@media only screen and (max-width: 767px) {
  html {
    font-size: min(calc(100vw / 40.2), 10px);
  }
}

.lp1104{
  --font-zen: "Zen Kaku Gothic New", sans-serif;;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --color-white: #fff;
  --color-black: #000;
  --color-green: #113E1D;

  overflow: clip;
  font-feature-settings: "pwid" 0;
  font-variant-east-asian: proportional-width;
  font-weight: var(--fw-medium);
  font-family: var(--font-zen);
  font-style: normal;
  color: var(--color-black);
  width: 100vw;
}

.lp1104 a{
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.lp1104 p,
.lp1104 a,
.lp1104 span,
.lp1104 h1,
.lp1104 h2{
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .lp1104 .mb-100,
  .lp1104 .mb-100pc{
    margin-bottom: calc(100* (100vw / 1400));;
  }

  .lp1104 .mb-180pc{
    margin-bottom: calc(180* (100vw / 1400));;
  }
}

@media only screen and (max-width: 767px) {
  .lp1104{
    overflow-x: clip;
  }

  .lp1104 .mb-10sp{
    margin-bottom: calc(10* (100vw / 402));
  }

  .lp1104 .mb-20sp{
    margin-bottom: calc(20* (100vw / 402));
  }

  .lp1104 .mb-100,
  .lp1104 .mb-100sp{
    margin-bottom: calc(100* (100vw / 402));;
  }
}

/* ======================== credit */
.lp1104 .credit_list__wrapper{
  display: flex;
}

.lp1104 .credit_list{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.lp1104 .product_detail {
  display: flex;
  align-items: center;
  line-height: 1;
  font-weight: var(--fw-light);
  font-family: var(--font-barbour-sans);
  color: var(--color-black);
}

.lp1104 .product_detail > span {
  white-space: nowrap;
  line-height: 1;
  /* letter-spacing: 0.012em; */
}

.lp1104 .item_credit_position,
.lp1104 .product_detail_cat{
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-regular);
}

.lp1104 .product_detail_price a{
  text-decoration: underline;
}

.img__box.__02 .credit_list{
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .img__box.__02 .credit_list{
    align-items: flex-start;
  }

  .lp1104 .credit_list__wrapper:nth-of-type(2){
    width: calc(35* (100vw /1400));
    column-gap: calc(72* (100vw /1400));
    margin: calc(10* (100vw /1400)) 0 calc(30* (100vw /1400));
  }

  .lp1104 .credit_list__wrapper:nth-of-type(3){
    width: calc(47* (100vw /1400));
    column-gap: calc(60* (100vw /1400));
  }

  .lp1104 .credit_list{
    row-gap: calc(15* (100vw /1400));
    margin-top: calc(10* (100vw /1400));
  }

  .lp1104 .item_credit_position,
  .lp1104 .product_detail {
    font-size: 1.5rem;
    column-gap: calc(10 * (100vw / 1400));
  }
}

@media screen and (max-width: 767px) {
  .lp1104 .credit_list__wrapper{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: calc(8* (100vw /402));
  }

  .lp1104 .credit_list__wrapper:nth-of-type(2){
    margin-bottom: calc(8* (100vw /402));
  }

  .lp1104 .credit_list{
    row-gap: calc(8* (100vw /402));
    margin-top: calc(8* (100vw /402));
  }

  .lp1104 .item_credit_position,
  .lp1104 .product_detail {
    font-size: calc(12* (100vw /402));
  }

  .lp1104 .product_detail{
    column-gap: calc(10* (100vw /402));
  }
}

/* ======================== mv__wrapper */
.mv__wrapper{
  width: 100%;
}

/* ======================== lead_txt__wrapper */
.lp1104 .lead_txt__wrapper{
  display: flex;
  flex-direction: column;
  margin-right: auto;
  margin-left: auto;
}

.lp1104 .ttl_txt{
  line-height: 1;
  /* letter-spacing: 0.038em; */
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-medium);
  text-align: center;
}

.lp1104 .lead_txt{
  line-height: 2;
  /* letter-spacing: 0.028em; */
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  text-align: left;
}

@media screen and (min-width: 768px) {
  .lp1104 .lead_txt__wrapper{
    max-width: calc(960* (100vw /1400));
    row-gap: calc(60* (100vw /1400));
  }

  .lp1104 .ttl_txt{
    font-size: 2.5rem;
  }

  .lp1104 .lead_txt{
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 767px) {
  .lp1104 .lead_txt__wrapper{
    max-width: calc(360* (100vw /402));
    row-gap: calc(60* (100vw /402));
  }

  .lp1104 .ttl_txt{
    font-size: calc(23* (100vw /402));
  }

  .lp1104 .lead_txt{
    font-size: calc(14* (100vw /402));
  }
}

/* ======================== contents__wrapper */

.img__box.__01,
.img10{
  margin-right: auto;
  margin-left: 0;
}

.img02,
.img__box.__04
{
  margin-right: 0;
  margin-left: auto;
}

.img__box.__03 .credit_list,
.img__box.__05 .credit_list{
  align-items: center;
}

.img__box.__08,
.img__box.__09,
.img__box.__03,
.img__box.__05{
  margin-right: auto;
  margin-left: auto;
}

.img__box.__08 .credit_list,
.img__box.__09 .credit_list{
  align-items: center;
}

@media screen and (min-width: 768px) {
  .img__wrapper.--01,
  .img__wrapper.--03,
  .img__wrapper.--04{
    max-width: calc(1160* (100vw /1400));
    margin-right: auto;
    margin-left: auto;
  }

  .img__wrapper.--04{
    display: flex;
    flex-direction: row-reverse;
  }

  .img__box.__06 .credit_list,
  .img__box.__06 .credit_list{
    align-items: center;
  }

  .img__box.__04 .credit_list,
  .img__wrapper.--01 .credit_list{
    align-items: flex-start;
  }

  .img__box.__01,
  .img02,
  .img__box.__03,
  .img__box.__04,
  .img10,
  .img__box.__05{
    width: calc(700* (100vw /1400));
  }

  .img03{
    width: calc(1080* (100vw /1400));
    margin-right: auto;
    margin-left: 0;
  }

  .img04{
    width: calc(700* (100vw /1400));
    margin-right: auto;
    margin-left: calc(120* (100vw /1400));
  }

  .img__box.__02{
    width: calc(1080* (100vw /1400));
    margin-right: 0;
    margin-left: auto;
  }

  .img__box.__02 .credit_list__wrapper{
    align-items: flex-start;
  }

  .img__wrapper.--02{
    display: flex;
    width: 100%;
  }

  .img__wrapper.--04{
    margin-bottom: calc(153* (100vw /1400));
  }

  .img06,
  .img07,
  .img__box.__06,
  .img__box.__07{
    width: 50%;
  }

  .img__box.__08,
  .img__box.__09{
    width: calc(700* (100vw /1400));
  }

}

@media screen and (max-width: 767px) {
  .hidden-mobile{
    display: none!important;
  }

  .img__wrapper.--01 .credit_list{
    align-items: flex-end;
  }

  .img__box.__01,
  .img02,
  .img__box.__04,
  .img10,
  .img__box.__06,
  .img__box.__07{
    width: calc(351* (100vw /402));
  }

  .img03,
  .img06,
  .img__box.__05 {
    width: 100%;
  }

  .img04{
    width: calc(351* (100vw /402));
    margin-right: auto;
    margin-left: 0;
  }

  .img__box.__02{
    margin-right: 0;
    margin-left: auto;
  }

  .img__box.__02 .credit_list__wrapper{
    width: calc(266* (100vw /402));
    align-items: center;
    margin-right: auto;
    margin-left: auto;
  }

  .img05{
    width: 100%;
    margin-bottom: calc(8* (100vw /402));
  }

  .img07,
  .img__box.__03{
    width: calc(300* (100vw /402));
    margin-right: auto;
    margin-left: auto;
  }

  .img__wrapper.--03{
    max-width: calc(1160* (100vw /402));
    margin-right: auto;
    margin-left: auto;
  }

  /* .img__box.__05 .product_detail{
    justify-content: center;
  } */

  .img__box.__06 {
    margin-right: 0;
    margin-left: auto;
  }

  .img__box.__06 .credit_list{
    align-items: flex-start;
  }

  .img__box.__07{
    margin-right: auto;
    margin-left: 0;
  }

  .img__box.__07 .credit_list{
    align-items: flex-end;
  }

  .img__box.__08,
  .img__box.__09{
    width: calc(360* (100vw /402));
  }
}

/* ======================== cai_btn__wrapper */
.cai_btn__wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: var(--color-green);
}

.cai_btn__wrapper a{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 1;
  font-weight: var(--fw-light);
  font-family: var(--font-barbour-sans);
  color: var(--color-white);
}

@media screen and (min-width: 768px) {
.cai_btn__wrapper{
  width: calc(960* (100vw /1400));
  height: calc(70* (100vw /1400));
    margin: calc(180* (100vw /1400)) auto;
  }

  .cai_btn__wrapper a{
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .cai_btn__wrapper{
    width: calc(360* (100vw /402));
    height: calc(70* (100vw /402));
    margin: calc(220* (100vw /402)) auto calc(140* (100vw /402));
  }

  .cai_btn__wrapper a{
    font-size: calc(18* (100vw /402));
  }

}

/*
///////////////////////////////////////////////////////////////////////////////////////
 animation
 ///////////////////////////////////////////////////////////////////////////////////////
*/

.jsFade {
  opacity: 0;
  transform: translateY(20px);
}

.jsFade.isActive {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.7s, transform 0.7s;
}

.jsFade.delay05{
  transition-delay: 0.5s;
}

@media only screen and (min-width: 768px) {
  .jsFade.delay05pc{
    transition-delay: 0.5s;
  }
}