@charset "UTF-8";
/* ▼ -----------可変設定---------- ▼ */
#MR260424SS2ndpoint {
  --color-white: #fff;
  --color-gray: #abbab6;
  --color-bg-gray: #e6edeb;


  --font-courier-new: courier-new, sans-serif;
  --font-times-new-roman: times-new-roman, sans-serif;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold:600;

  /*デザインの値*/
  --pc-width: 1919.95; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 470; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(var(--variable) * var(--ratio)); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/

  font-family: var(--font-courier-std);
  font-weight: var(--fw-regular);
  color: var(--color-gray);
  font-style: normal;
  overflow-x: clip;
}

#MR260424SS2ndpoint p,
#MR260424SS2ndpoint a,
#MR260424SS2ndpoint li,
#MR260424SS2ndpoint span{
  font-weight: var(--fw-regular);
  font-feature-settings: "palt";
}

/* PC画面幅 2100px以上 固定 */
@media (min-width: 2101px) {
  #MR260424SS2ndpoint {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}
/* PC画面幅 768～2100px 可変 */
@media (min-width: 768px) and (max-width: 2100px) {
  #MR260424SS2ndpoint {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  #MR260424SS2ndpoint {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
/* ▲ -----------可変設定---------- ▲ */
/* PC：仮で設定しておりますので、調整の際は削除してください。 */
#issue_lptemplate {
  height: 50vh;
  font-family: var(--font-noto-serif);
}

/* SP：仮でフォントサイズ設定しておりますので、調整の際は削除してください。 */
@media only screen and (max-width: 767px) {
  #issue_lptemplate {
    font-size: 2.6666666667vw;
  }
}

.footer {
  padding-top: 0;
}

.m26SS2nd img {
  width: 100%;
  height: auto;
}

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

/* -----------------------------------
             SP：レイアウト
----------------------------------- */
@media screen and (max-width: 767px) {
  .main-area {
    padding-top: 0;
  }
}
/* -----------------------------------
             PC：レイアウト
----------------------------------- */
@media screen and (min-width: 768px) {
  #Contents{
    padding-top: 0;
  }

  .header-logo {
    display: none!important;
  }

  .hidden-desktop {
    display: none;
  }

  .m26SS2nd {
    display: flex;
    background-color: var(--color-bg-gray);
  }

  /* PC：サイドテキスト____ */
  .pc__left,
  .pc__right {
    position: relative;
    z-index: 2;
    width: calc((100vw - calc(470 * var(--formula_pc))) / 2);
  }

  .pc__left--content,
  .pc__right--content {
    position: sticky;
    top: calc(var(--header-height) + calc(130 * var(--formula_pc)));
  }

  .pc__left--content {
    position: sticky;
    width: calc(352.82 * var(--formula_pc));
    margin: calc(112 * var(--formula_pc)) auto calc(2530 * var(--formula_pc)) calc(73.54 * var(--formula_pc));
  }

  .pc_txt--left{
    width: 100%;
  }

  .pc__right--content {
    display: flex;
    justify-content: center;
    width: calc(245 * var(--formula_pc));
    height: calc(57.04 * var(--formula_pc));
    margin: calc(90 * var(--formula_pc)) calc(46 * var(--formula_pc)) calc(2530 * var(--formula_pc)) auto;
  }

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

  .pc__left .pc_txt__wrapper{
    align-items: flex-start;
  }

  .pc__right .pc_cai_btn{
    justify-content: center;
  }

  /* ____ PC：サイドテキスト end */
  .pc__center {
    width: calc(470 * var(--formula_pc));
  }

}

/* -----------------------------------
            共通箇所
----------------------------------- */
.pc__center{
  background-color: var(--color-white);
}

.img__wrapper {
  position: relative;
  width: 100%;
  cursor: pointer;
  z-index: 1;
}

/* ------------- credit */
.credit_list{
  position: absolute;
  bottom: calc(24 * var(--formula));
  left: calc(31 * var(--formula));
  z-index: 1000;
}

.credit_list.on-right{
  bottom: calc(28 * var(--formula));
  left: auto;
  right: calc(33 * var(--formula));
}

.crdt{
  font-family: var(--font-courier-new);
  font-size: calc(23 * var(--formula));
  letter-spacing: -0.08em;
  line-height: 1.5;
  word-spacing: calc(-2 * var(--formula));
  color: var(--color-white);
  text-align: left;
}

.credit_list.on-right .crdt{
  text-align: right;
}

/* -----------------------------------
        lp center contents
----------------------------------- */
/* ------------- mv */
.mv{
  position: relative;
  margin-bottom: calc(200 * var(--formula));
}

.mv .mv_ttle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(142.7 * var(--formula));
  width: calc(450.83 * var(--formula));
  z-index: 1;
}

/* ------------- fv_content */
.fv_content{
  width: calc(622 * var(--formula));
  margin: 0 auto calc(200 * var(--formula));
}

.fv_txt__wrapper{
  display: flex;
  flex-direction: column;
  row-gap: calc(29 * var(--formula));
  width: calc(529.0421 * var(--formula));
  margin-top: calc(68 * var(--formula));
}

.fv_ttl,
.fv_txt,
.item_txt{
  font-family: var(--font-times-new-roman);
  font-size: calc(28 * var(--formula));
  letter-spacing: 0.02em;
  line-height: 1;
}

.fv_txt,
.item_txt{
  font-size: calc(22 * var(--formula));
  line-height: 1.5463636364;
}

.fv_ttl{
  word-spacing: calc(2 * var(--formula));
}

.fv_txt{
  text-align: left;
}

.item_txt.on-top{
  margin-bottom: calc(7 * var(--formula));
}

.item_txt.on-bottom{
  margin-top: calc(7 * var(--formula));
}

/* ------------- img02 */
.img02{
  width: calc(469 * var(--formula));
  margin: 0 calc(64 * var(--formula)) calc(160 * var(--formula)) auto;
}

.img02 .item_txt{
  text-align: right;
  margin-top: calc(7 * var(--formula));
}

.img02 .credit_list{
  bottom: calc(14 * var(--formula));
}
/* ------------- img03 */
.img03{
  width: calc(620 * var(--formula));
  margin: 0 auto calc(150 * var(--formula));
}

/* ------------- img04 */
.img04{
  margin-bottom: calc(159 * var(--formula));
}

/* ------------- img05 */
.img05{
  width: calc(640.31 * var(--formula));
  margin: 0 auto calc(150 * var(--formula));
}

/* ------------- img06 */
.img06{
  margin: 0 auto calc(15 * var(--formula));
}

/* ------------- img07 */
.img07{
  margin: 0 auto calc(145 * var(--formula));
}

.img07 .item_txt{
  text-align: right;
  margin: calc(27 * var(--formula)) calc(30 * var(--formula)) 0 auto;
}

/* ------------- img08 */
.img08{
  width: calc(640 * var(--formula));
  margin: 0 auto calc(150 * var(--formula));
}

/* ------------- img09 */
.img09{
  margin: 0 auto calc(100 * var(--formula));
}

/* ------------- img10 */
.img10{
  width: calc(618.4953 * var(--formula));
  margin: 0 auto calc(160 * var(--formula));
}

.img10 .item_txt{
  margin-top: calc(20 * var(--formula));
}

/* ------------- img11 */
.img11{
  margin: 0 auto calc(70 * var(--formula));
}

/* ------------- img12 */
.img12{
  width: calc(492.86 * var(--formula));
  margin: 0 auto calc(262 * var(--formula)) calc(67.5 * var(--formula));
}

/* ------------- img13 */
.img13{
  margin: 0 auto calc(150 * var(--formula));
}

/* ------------- img14 */
.img14{
  width: calc(615 * var(--formula));
  margin: 0 auto calc(208 * var(--formula));
}

.img14 .item_txt{
  margin-top: calc(10 * var(--formula));
}


/* ------------- img15 */
.img15{
  width: calc(468 * var(--formula));
  margin: 0 calc(67.5 * var(--formula)) calc(155 * var(--formula)) auto;
}

.img15 .item_txt{
  text-align: right;
}


/* ------------- img16 */
.img16{
  margin: 0 auto calc(15 * var(--formula));
}

/* ------------- img17 */
.img17{
  margin: 0 auto calc(145 * var(--formula));
}

.img17 .item_txt{
  text-align: right;
  margin: calc(15 * var(--formula)) calc(20 * var(--formula)) 0 auto;
}

/* ------------- img18 */
.img18{
  width: calc(614.8 * var(--formula));
  margin: 0 auto calc(200 * var(--formula));
}

/* ------------- img19 */
.img19{
  margin: 0 auto calc(200 * var(--formula));
}

/* ------------- img20 */
.img20{
  width: calc(640 * var(--formula));
  margin: 0 auto calc(230 * var(--formula));
}

.img20 .item_txt{
  margin-top: calc(20 * var(--formula));
}

/* ------------- img21 */
.img21{
  margin: 0 auto calc(105 * var(--formula));
}

/* ------------- img22 */
.img22{
  width: calc(640 * var(--formula));
  margin: 0 auto calc(150 * var(--formula));
}

/* ------------- img23 */
.img23{
  width: calc(468 * var(--formula));
  margin: 0 calc(55 * var(--formula)) calc(284 * var(--formula)) auto;
}

.img23 .item_txt{
  text-align: right;
  margin-top: calc(15 * var(--formula));
}

/* ------------- img24 */
.img24{
  margin: 0 auto calc(291.3 * var(--formula));
}

/* ------------- img25 */
.img25{
  margin: 0 auto calc(149.7 * var(--formula));
}

/* ------------- img26 */
.img26{
  width: calc(615 * var(--formula));
  margin: 0 auto calc(170 * var(--formula));
}

.img26 .item_txt{
  text-align: right;
  margin-top: calc(16 * var(--formula));
}

/* ------------- img27 */
.img27{
  width: calc(468 * var(--formula));
  margin: 0 auto calc(225 * var(--formula)) calc(67.5 * var(--formula));
}

/* ------------- img28 */
.img28{
  margin: 0 auto calc(95.2 * var(--formula));
}

/* ------------- img29 */
.img29{
  width: calc(615 * var(--formula));
  margin: 0 auto calc(180 * var(--formula));
}

.img29 .item_txt{
  text-align: right;
  margin-top: calc(12 * var(--formula));
}


/* ------------- img30 */
.img30{
  margin: 0 auto calc(145 * var(--formula));
}

/* ------------- img31 */
.img31{
  width: calc(624.88 * var(--formula));
  margin: 0 auto calc(90 * var(--formula));
}


/* -----------------------------------
            footer
----------------------------------- */
.footer{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(634 * var(--formula));
  height: calc(925.4676 * var(--formula));
  margin: 0 auto calc(31 * var(--formula));
}

.footer_txt__wrapper{
  width: calc(489 * var(--formula));
}

.footer_img{
  width: calc(343.8941 * var(--formula));
  margin-bottom: calc(60 * var(--formula));
}

.staff_list {
  font-family: var(--font-times-new-roman);
  font-size: calc(23 * var(--formula));
  letter-spacing: 0.04em;
  line-height: 1.4130434783;
  /* word-spacing: calc(-3 * var(--formula)); */
  text-align: left;
}

.cai_btn_img{
  width: calc(647.0239 * var(--formula));
}

.cai_btn_img a{
  display: inline-block;
  width: 100%;
}
/* footer end -------------.*/



/* -----------------------------------
             pagination
----------------------------------- */
.img_slider{
  position: relative;
}

#MR260424SS2ndpoint .slick-dots {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: left;
  bottom: calc(20 * var(--formula));
  right: calc(17 * var(--formula));
  column-gap: calc(10 * var(--formula));
  z-index: 1000;
  margin: 0;
}

#MR260424SS2ndpoint .item_img .slick-dots {
  bottom: calc(25 * var(--formula));
  right: calc(25 * var(--formula));
}

#MR260424SS2ndpoint .slick-dots li {
  margin: 0;
}

#MR260424SS2ndpoint .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid var(--color-white);
  transition: all 0.3s ease;
  background: transparent;
}

#MR260424SS2ndpoint .slick-dots li button {
  border: 1px solid var(--color-white);
}

#MR260424SS2ndpoint .slick-dots li.slick-active button {
  background-color: var(--color-white);
}

/* .img_slider .splide__pagination {
  position: absolute;
  justify-content: left;
  bottom: calc(30 * var(--formula));
  right: calc(20 * var(--formula));
}

.img_slider .splide__pagination li {
  margin-right: calc(10 * var(--formula));
}

.img_slider .splide__pagination li button {
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  border: 1px solid var(--color-white);
  border-radius: 50%;
  background: transparent;
  padding: 0;
}

.img_slider .splide__pagination li button.is-active {
  background-color: var(--color-white);
} */

/* -----------------------------------
          transition-delay
----------------------------------- */
/* fadein */
.js-fadeBottom.fade,
.js-fade.fade{
  opacity: 0;
}

.js-fadeBottom.fade.is-show,
.js-fade.fade.is-active{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: fade-in 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation-delay: .2s;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

.logo.js-fade.is-active {
  transition-delay: 0.8s;
}

.animation-delay{
  animation-delay: 0.8s;
}

/* blur */
/* .js-tap .credit_list, */
.js-fade_pc.blur,
.js-fade.blur{
  opacity: 0;
  filter: blur(10px);
  /* transform: scale(1.02); */
  transition: filter 1s, opacity 1s, transform 1s;
}

/* .js-tap.is-show .credit_list, */
.js-fade_pc.blur.is-active,
.js-fade.blur.is-active{
  opacity: 1;
  filter: blur(0);
  /* transform: scale(1); */
}

/* js-tap credit_list */
.js-tap.is-show .tap-off_cont,
.js-tap .credit_list{
  opacity: 0;
  transition: transform 0.5s ease-in;
}

.tap-off_cont,
.js-tap.is-show .credit_list{
  opacity: 1;
}

.js-tap .crdt a{
  pointer-events: none;
}

.js-tap.is-show .crdt a{
  pointer-events: all;
}

.js-tap .img_crdt{
  display: none;
}

.js-tap.is-show .img_crdt{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}