/* ===============================================### 
共通設定
###=============================================== */
#Wrap {
  max-width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
  html {
    font-size: calc(10* (100vw / 1366)) !important;
  }
}

.categorylist--bottom {
  margin-top: 0;
}

.noe1213{
  --font-ja: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  --font-en: "adobe-garamond-pro", serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  overflow: hidden;
}

.noe1213.lp_container{
  position: relative;
  width: 100%;
}

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


/* ===========### PC版用設定 ###=========== */
@media screen and (min-width: 768px) {
  .noe1213.lp_container{
    margin-top: 7.6rem;
    padding-bottom: 18.7rem;
  }

  .noe1213.lp_container::after{
    content: '';
    position: absolute;
    top: -10rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1245rem;
    background-image: url('../img/pc/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
  }

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

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

  .noe1213 .section02 .section__item02 .image-bg{
    border-radius: 50%;
  }

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

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

/* ===========### SP版用設定 ###=========== */
@media screen and (max-width: 767px) {
  .noe1213.lp_container{
    margin-top: calc(27*(100vw / 750));
    padding-bottom: calc(37 * (100vw / 750));
  }

  .noe1213.lp_container::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: calc(1011 * (100vw / 750));
    height: calc(12000 * (100vw / 750));
    background-image: url('../img/sp/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
  }

  .noe1213 .pc-visible{
    display: none;
  }

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



/* ===============================================### 
MV
###=============================================== */
.noe1213 .mv{
  width: 90rem;
  margin-inline: auto;
}

/************** image **************/
.noe1213 .mv__image{
  width: 100%;
  margin-top: 17.5rem;
}

/************** text **************/
.noe1213 .mv__text{
  margin-top: 11.4rem;
  font-family: var(--font-ja);
  font-size: 2rem;
  line-height: 2;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  text-align: center;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .noe1213 .mv{
    width: calc(750 * (100vw / 750));
  }

  /************** image **************/
  .noe1213 .mv__image{
    margin-top: 0;
  }

  /************** text **************/
  .noe1213 .mv__text{
    margin-top: calc(117 * (100vw / 750));
    font-size: calc(20 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ共通設定
###=============================================== */
/************** title **************/
.noe1213 .section__title{
  position: relative;
  margin-inline: auto;
}

.noe1213 .number__image{
  position: absolute;
}

.noe1213 .title__text{
  margin-top: 1.2rem;
  font-family: var(--font-ja);
  font-size: 2.2rem;
  line-height: 1.8;
  font-feature-settings: "pwid";
  letter-spacing: 0.1em;
  text-align: center;
}

/************** credit **************/
.noe1213 .credit{
  font-family: var(--font-en);
  font-size: 2.2rem;
  line-height: 1.1;
  font-feature-settings: "pwid";
  letter-spacing: 0;
  white-space: nowrap;
}

.noe1213 .credit p{
  letter-spacing: 0;
}

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

/* .noe1213 .credit .text-wrapper{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 0.3rem;
}

.noe1213 .credit .text-wrapper p:nth-of-type(2){
  text-align: right;
} */

/************** flex **************/
.noe1213 .flex-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  /************** title **************/
  .noe1213 .title__text{
    margin-top: calc(15 * (100vw / 750));
    font-size: calc(22 * (100vw / 750));
  }

  /************** credit **************/
  .noe1213 .credit{
    font-size: calc(22 * (100vw / 750));
  }
}



/* ===============================================### 
セクション01
###=============================================== */
.noe1213 .section01{
  position: relative;
  width: fit-content;
  margin-top: 15.7rem;
  margin-inline: auto;
}

.noe1213 .section01 .section__title{
  width: 50.4rem;
  height: 20rem;
  padding-top: 3rem;
  background-color: rgba(255, 255, 255, 0.3);
}

.noe1213 .section01 .section__title::after{
  content: '';
  position: absolute;
  top: -3.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 51.4rem;
  height: 22.2rem;
  background-image: url('../img/pc/section01_bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

/************** grid **************/
.noe1213 .section01 .grid-wrapper{
  display: grid;
  grid-template-columns: 23.3rem 30.1rem;
  grid-template-rows: 80rem 2.6rem 14.1rem 20.8rem;
  margin-top: 7.4rem;
}

.noe1213 .section01 .grid__item01{
  grid-column: 1/3;
  grid-row: 1/4;
}

.noe1213 .section01 .grid__item02{
  grid-column: 1/2;
  grid-row: 3/5;
}

/************** text **************/
.noe1213 .section01 .credit{
  margin-top: 2.4rem;
  text-align: right;
}

/************** image **************/
.noe1213 .section01 .number__image{
  position: absolute;
  bottom: 2.3rem;
  right: 1.9rem;
  width: 6rem;
}

.noe1213 .section01 .section__item01 .section__image{
  width: 53.3rem;
}

.noe1213 .section01 .section__item02 .section__image{
  width: 23.3rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .noe1213 .section01{
    margin-top: calc(150 * (100vw / 750));
  }

  .noe1213 .section01 .content-wrapper{
    width: fit-content;
    margin-inline: auto;
  }

  .noe1213 .section01 .section__title{
    width: calc(504 * (100vw / 750));
    height: calc(200 * (100vw / 750));
    padding-top: calc(30 * (100vw / 750));
  }

  .noe1213 .section01 .section__title::after{
    top: calc(-30 * (100vw / 750));
    width: calc(529 * (100vw / 750));
    height: calc(227 * (100vw / 750));
    background-image: url('../img/sp/section01_bg.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }

  /************** grid **************/
  .noe1213 .section01 .grid-wrapper{
    display: grid;
    grid-template-columns: calc(233 * (100vw / 750)) calc(300 * (100vw / 750));
    grid-template-rows: calc(800 * (100vw / 750)) calc(25 * (100vw / 750)) calc(142 * (100vw / 750)) calc(208 * (100vw / 750));
    margin-top: calc(77 * (100vw / 750));
  }

  /************** text **************/
  .noe1213 .section01 .credit{
    margin-top: calc(25 * (100vw / 750));
  }

  /************** image **************/
  .noe1213 .section01 .number__image{
    bottom: calc(20 * (100vw / 750));
    right: calc(20 * (100vw / 750));
    width: calc(60 * (100vw / 750));
  }

  .noe1213 .section01 .section__item01 .section__image{
    width: calc(533 * (100vw / 750));
  }

  .noe1213 .section01 .section__item02 .section__image{
    width: calc(233 * (100vw / 750));
  }
}



/* ===============================================### 
セクション02
###=============================================== */
.noe1213 .section02{
  position: relative;
  width: 75rem;
  margin-top: 12.2rem;
  margin-inline: auto;
}

.noe1213 .section02 .section__title{
  width: 50.4rem;
  height: 20rem;
  padding-top: 3rem;
  background-color: rgba(177, 126, 147, 0.15);
}

.noe1213 .section02 .section__title::after{
  content: '';
  position: absolute;
  top: -3.2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 51.4rem;
  height: 22.2rem;
  background-image: url('../img/pc/section02_bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

/************** grid **************/
.noe1213 .section02 .grid-wrapper{
  display: grid;
  grid-template-columns: 33.3rem 5rem 36.6rem;
  grid-template-rows: 5rem 50rem;
  margin-top: 7.4rem;
}

.noe1213 .section02 .grid__item01{
  grid-column: 1/2;
  grid-row: 2/3;
}

.noe1213 .section02 .grid__item02{
  grid-column: 3/4;
  grid-row: 1/3;
}

/************** text **************/
.noe1213 .section02 .credit{
  margin-top: 2.4rem;
  text-align: center;
}

/************** image **************/
.noe1213 .section02 .number__image{
  position: absolute;
  bottom: 2.2rem;
  right: 1.7rem;
  width: 7.9rem;
}

.noe1213 .section02 .section__item01 .section__image{
  width: 33.4rem;
}

.noe1213 .section02 .section__item02 .section__image{
  width: 36.7rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .noe1213 .section02{
    width: calc(750 * (100vw / 750));
    margin-top: calc(109 * (100vw / 750));
  }

  .noe1213 .section02 .section__title{
    width: calc(504 * (100vw / 750));
    height: calc(200 * (100vw / 750));
    padding-top: calc(30 * (100vw / 750));
  }

  .noe1213 .section02 .section__title::after{
    top: calc(-30 * (100vw / 750));
    width: calc(514 * (100vw / 750));
    height: calc(222 * (100vw / 750));
    background-image: url('../img/sp/section02_bg.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }

  /************** grid **************/
  .noe1213 .section02 .grid-wrapper{
    display: grid;
    grid-template-columns: calc(333 * (100vw / 750)) calc(50 * (100vw / 750)) calc(366 * (100vw / 750));
    grid-template-rows: calc(50 * (100vw / 750)) calc(500 * (100vw / 750));
    margin-top: calc(76 * (100vw / 750));
  }

  /************** text **************/
  .noe1213 .section02 .credit{
    margin-top: calc(25 * (100vw / 750));
  }

  /************** image **************/
  .noe1213 .section02 .number__image{
    bottom: calc(20 * (100vw / 750));
    right: calc(20 * (100vw / 750));
    width: calc(80 * (100vw / 750));
  }

  .noe1213 .section02 .section__item01 .section__image{
    width: calc(334 * (100vw / 750));
  }

  .noe1213 .section02 .section__item02 .section__image{
    width: calc(367 * (100vw / 750));
  }
}




/* ===============================================### 
セクション03
###=============================================== */
.noe1213 .section03{
  position: relative;
  width: 62.5rem;
  margin-top: 15.9rem;
  margin-inline: auto;
}

.noe1213 .section03 .section__title{
  width: 50.4rem;
  height: 20rem;
  padding-top: 3rem;
  background-color: rgba(254, 197, 136, 0.3);
}

.noe1213 .section03 .section__title::after{
  content: '';
  position: absolute;
  top: -3.2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 51.5rem;
  height: 22.2rem;
  background-image: url('../img/pc/section03_bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

/************** grid **************/
.noe1213 .section03 .grid-wrapper{
  display: grid;
  grid-template-columns: 14.5rem 25.5rem 2.5rem 5.3rem 14.7rem;
  grid-template-rows: 43.7rem 16.3rem 7.5rem 50rem;
  margin-top: 7.5rem;
}

.noe1213 .section03 .grid__item01{
  grid-column: 1/3;
  grid-row: 1/3;
}

.noe1213 .section03 .grid__item02{
  grid-column: 4/6;
  grid-row: 1/2;
}

.noe1213 .section03 .grid__item03{
  grid-column: 2/5;
  grid-row: 4/5;
}

/************** text **************/
.noe1213 .section03 .credit{
  margin-top: 2.4rem;
}

/************** image **************/
.noe1213 .section03 .number__image{
  position: absolute;
  bottom: 2.2rem;
  right: 1.8rem;
  width: 8.1rem;
}

.noe1213 .section03 .section__item01 .section__image{
  width: 40rem;
}

.noe1213 .section03 .section__item02 .section__image{
  width: 20rem;
}

.noe1213 .section03 .section__item03 .section__image{
  width: 33.3rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .noe1213 .section03{
    width: calc(625 * (100vw / 750));
    margin-top: calc(149 * (100vw / 750));
  }

  .noe1213 .section03 .section__title{
    width: calc(504 * (100vw / 750));
    height: calc(200 * (100vw / 750));
    padding-top: calc(30 * (100vw / 750));
  }

  .noe1213 .section03 .section__title::after{
    top: calc(-30 * (100vw / 750));
    width: calc(515 * (100vw / 750));
    height: calc(222 * (100vw / 750));
    background-image: url('../img/sp/section03_bg.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }

  /************** grid **************/
  .noe1213 .section03 .grid-wrapper{
    display: grid;
    grid-template-columns: calc(145 * (100vw / 750)) calc(255 * (100vw / 750)) calc(25 * (100vw / 750)) calc(53 * (100vw / 750)) calc(147 * (100vw / 750));
    grid-template-rows: calc(437 * (100vw / 750)) calc(163 * (100vw / 750)) calc(75 * (100vw / 750)) calc(500 * (100vw / 750));
    margin-top: calc(79 * (100vw / 750));
  }

  /************** text **************/
  .noe1213 .section03 .credit{
    margin-top: calc(25 * (100vw / 750));
  }

  /************** image **************/
  .noe1213 .section03 .number__image{
    bottom: calc(20 * (100vw / 750));
    right: calc(20 * (100vw / 750));
    width: calc(80 * (100vw / 750));
  }

  .noe1213 .section03 .section__item01 .section__image{
    width: calc(400 * (100vw / 750));
  }

  .noe1213 .section03 .section__item02 .section__image{
    width: calc(200 * (100vw / 750));
  }

  .noe1213 .section03 .section__item03 .section__image{
    width: calc(333 * (100vw / 750));
  }
}



/* ===============================================### 
セクション04
###=============================================== */
.noe1213 .section04{
  position: relative;
  width: 110rem;
  margin-top: 17rem;
  margin-inline: auto;
}

.noe1213 .section04 .section__title{
  width: 50.4rem;
  height: 20rem;
  padding-top: 3rem;
  background-color: rgba(148, 158, 184, 0.3);
}

.noe1213 .section04 .section__title::after{
  content: '';
  position: absolute;
  top: -3.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 51.6rem;
  height: 22.2rem;
  background-image: url('../img/pc/section04_bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

/************** grid **************/
.noe1213 .section04 .grid-wrapper{
  display: grid;
  grid-template-columns: 17.5rem 30rem 10rem 27.5rem 25.9rem;
  grid-template-rows: 56.7rem 5rem 87.7rem 5rem 45rem;
  margin-top: 7.5rem;
  margin-left: -0.5rem;
}

.noe1213 .section04 .grid__item01{
  grid-column: 1/5;
  grid-row: 1/2;
}

.noe1213 .section04 .grid__item02{
  grid-column: 4/6;
  grid-row: 3/4;
}

.noe1213 .section04 .grid__item03{
  grid-column: 2/3;
  grid-row: 5/6;
}

/************** text **************/
.noe1213 .section04 .credit{
  margin-top: 2.4rem;
  text-align: center;
}

/************** image **************/
.noe1213 .section04 .number__image{
  position: absolute;
  bottom: 2.4rem;
  right: 1.9rem;
  width: 8.1rem;
}

.noe1213 .section04 .section__item01 .section__image{
  width: 85rem;
}

.noe1213 .section04 .section__item02 .section__image{
  width: 53.3rem;
}

.noe1213 .section04 .section__item03 .section__image{
  width: 30rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .noe1213 .section04{
    width: calc(750 * (100vw / 750));
    margin-top: calc(160 * (100vw / 750));
  }

  .noe1213 .section04 .section__title{
    width: calc(504 * (100vw / 750));
    height: calc(200 * (100vw / 750));
    padding-top: calc(30 * (100vw / 750));
  }

  .noe1213 .section04 .section__title::after{
    top: calc(-30 * (100vw / 750));
    width: calc(516 * (100vw / 750));
    height: calc(222 * (100vw / 750));
    background-image: url('../img/sp/section04_bg.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }

  .noe1213 .section04 .section__item02{
    margin-top: calc(50 * (100vw / 750));
    margin-left: calc(216 * (100vw / 750));
  }

  .noe1213 .section04 .section__item03{
    margin-top: calc(43 * (100vw / 750));
    margin-left: calc(21 * (100vw / 750));
    margin-right: auto;
  }

  /************** grid **************/
  .noe1213 .section04 .grid-wrapper{
    display: block;
    margin-top: calc(74 * (100vw / 750));
    margin-left: 0;
  }

  /************** text **************/
  .noe1213 .section04 .credit{
    margin-top: calc(23 * (100vw / 750));
  }

  /************** image **************/
  .noe1213 .section04 .number__image{
    bottom: calc(25 * (100vw / 750));
    right: calc(20 * (100vw / 750));
    width: calc(80 * (100vw / 750));
  }

  .noe1213 .section04 .section__item01 .section__image{
    width: calc(750 * (100vw / 750));
  }

  .noe1213 .section04 .section__item02 .section__image{
    width: calc(535 * (100vw / 750));
  }

  .noe1213 .section04 .section__item03 .section__image{
    width: calc(300 * (100vw / 750));
  }
}



/* ===============================================### 
セクション05
###=============================================== */
.noe1213 .section05{
  position: relative;
  width: fit-content;
  margin-top: 11.9rem;
  margin-inline: auto;
}

.noe1213 .section05 .content-wrapper{
  margin-left: -4rem;
}

.noe1213 .section05 .section__title{
  width: 50.4rem;
  height: 20rem;
  padding-top: 3rem;
  background-color: rgba(200, 184, 176, 0.3);
}

.noe1213 .section05 .section__title::after{
  content: '';
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 52.1rem;
  height: 22.2rem;
  background-image: url('../img/pc/section05_bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

.noe1213 .section05 .section__item01{
  position: relative;
  width: fit-content;
  margin-top: 7.7rem;
  margin-left: -1rem;
}

.noe1213 .section05 .section__item02{
  margin-top: 7.5rem;
  margin-left: -0.9rem;
}

/************** text **************/
.noe1213 .section05 .credit{
  position: absolute;
  top: 2.3rem;
  right: 2.4rem;
  text-align: right;
  color: #ffffff;
  z-index: 1;
}

/************** image **************/
.noe1213 .section05 .number__image{
  position: absolute;
  bottom: 2rem;
  right: 2.2rem;
  width: 8.1rem;
}

.noe1213 .section05 .section__item01 .section__image{
  width: 53.3rem;
}

.noe1213 .section05 .section__item02 .section__image{
  width: 33.4rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .noe1213 .section05{
    margin-top: calc(110 * (100vw / 750));
  }

  .noe1213 .section05 .content-wrapper{
    margin-left: calc(6 * (100vw / 750));
  }

  .noe1213 .section05 .section__title{
    width: calc(504 * (100vw / 750));
    height: calc(200 * (100vw / 750));
    padding-top: calc(30 * (100vw / 750));
  }

  .noe1213 .section05 .section__title::after{
    top: calc(-30 * (100vw / 750));
    width: calc(521 * (100vw / 750));
    height: calc(222 * (100vw / 750));
    background-image: url('../img/sp/section05_bg.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }

  .noe1213 .section05 .section__item01{
    margin-top: calc(76 * (100vw / 750));
    margin-left: calc(-10 * (100vw / 750));
  }

  .noe1213 .section05 .section__item02{
    margin-top: calc(76 * (100vw / 750));
    margin-left: calc(-8 * (100vw / 750));
  }

  /************** text **************/
  .noe1213 .section05 .credit{
    top: calc(22 * (100vw / 750));
    right: calc(25 * (100vw / 750));
  }

  /************** image **************/
  .noe1213 .section05 .number__image{
    bottom: calc(20 * (100vw / 750));
    right: calc(20 * (100vw / 750));
    width: calc(80 * (100vw / 750));
  }

  .noe1213 .section05 .section__item01 .section__image{
    width: calc(533 * (100vw / 750));
  }

  .noe1213 .section05 .section__item02 .section__image{
    width: calc(334 * (100vw / 750));
  }
}



/* ===============================================### 
セクション06
###=============================================== */
.noe1213 .section06{
  position: relative;
  width: 60.4rem;
  margin-top: 17.2rem;
  margin-inline: auto;
}

.noe1213 .section06 .content-wrapper{
  margin-left: -4.3rem;
}

.noe1213 .section06 .section__title{
  width: 50.4rem;
  height: 20rem;
  padding-top: 3rem;
  background-color: rgba(134, 174, 177, 0.3);
}

.noe1213 .section06 .section__title::after{
  content: '';
  position: absolute;
  top: -3.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 52.2rem;
  height: 22.2rem;
  background-image: url('../img/pc/section06_bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

.noe1213 .section06 .section__item01{
  margin-top: 7.6rem;
}

.noe1213 .section06 .section__item02{
  margin-top: 7.5rem;
  width: fit-content;
  margin-left: 13.7rem;
  margin-right: auto;
}

.noe1213 .section06 .flex-wrapper{
  justify-content: space-between;
  align-items: flex-start;
}

.noe1213 .section06 .section__item02 .slide-wrapper{
  width: 36.6rem;
}

/************** text **************/
.noe1213 .section06 .credit{
  text-align: right;
  margin-top: -0.2rem;
  margin-left: -0.8rem;
}

/************** image **************/
.noe1213 .section06 .number__image{
  position: absolute;
  bottom: 2.2rem;
  right: 2.3rem;
  width: 8.5rem;
}

.noe1213 .section06 .section__item01 .section__image{
  width: 46.7rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .noe1213 .section06{
    width: calc(652 * (100vw / 750));
    margin-top: calc(157 * (100vw / 750));
  }

  .noe1213 .section06 .content-wrapper{
    margin-left: calc(6 * (100vw / 750));
  }

  .noe1213 .section06 .section__title{
    width: calc(504 * (100vw / 750));
    height: calc(200 * (100vw / 750));
    padding-top: calc(30 * (100vw / 750));
  }

  .noe1213 .section06 .section__title::after{
    top: calc(-30 * (100vw / 750));
    width: calc(522 * (100vw / 750));
    height: calc(222 * (100vw / 750));
    background-image: url('../img/sp/section06_bg.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }

  .noe1213 .section06 .section__item01{
    margin-top: calc(78 * (100vw / 750));
  }

  .noe1213 .section06 .section__item02{
    margin-top: calc(75 * (100vw / 750));
    margin-left: calc(137 * (100vw / 750));
  }

  .noe1213 .section06 .section__item02 .slide-wrapper{
    width: calc(366 * (100vw / 750));
  }

  /************** text **************/
  .noe1213 .section06 .credit{
    margin-top: calc(-2 * (100vw / 750));
    margin-left: calc(-8 * (100vw / 750));
  }

  /************** image **************/
  .noe1213 .section06 .number__image{
    bottom: calc(20 * (100vw / 750));
    right: calc(20 * (100vw / 750));
    width: calc(85 * (100vw / 750));
  }

  .noe1213 .section06 .section__item01 .section__image{
    width: calc(467 * (100vw / 750));
  }
}



/* ===============================================### 
その他コンテンツ
###=============================================== */
.noe1213 .others{
  width: 34.5rem;
  margin-top: 11.7rem;
  margin-inline: auto;
}

.noe1213 .others .content-wrapper{
  margin-left: -4.2rem;
}

.noe1213 .backnumber {
  width: fit-content;
  margin-top: 12.3rem;
  margin-inline: auto;
}

.noe1213 .backnumber-slide-wrapper{
  width: 25.3rem;
  margin-top: 2.7rem;
  margin-inline: auto;
}

/************** text **************/
.noe1213 .staff__text{
  font-family: var(--font-en);
  font-size: 1.9rem;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}

.noe1213 .staff__text span{
  margin-inline: 0.5rem;
}

.noe1213 .backnumber .backnumber__title{
  position: relative;
  font-family: var(--font-en);
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0;
}

.noe1213 .backnumber .backnumber__title:before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -4.8rem;
  width: 5rem;
  height: 0.1rem;
  background-color: #707070;
}

.noe1213 .backnumber .backnumber__title:after{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -4.4rem;
  width: 5rem;
  height: 0.1rem;
  background-color: #707070;
}

.noe1213 .backnumber .backnumber-slide-wrapper p{
  margin-top: 2.1rem;
  font-family: var(--font-en);
  font-size: 2.4rem;
  text-align: center;
  letter-spacing: 0;
}

/************** button **************/
.noe1213 .link__button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34rem;
  margin-top: 11.6rem;
  margin-inline: auto;
  font-family: var(--font-en);
  font-size: 4rem;
  background-color: rgba(197, 114, 104, 0.5);
  color: #ffffff;
}

.noe1213 .link__button a{
  display: block;
  padding-top: 1.3rem;
  padding-bottom: 1.1rem;
}

/************** slick **************/
.noe1213 .slick-dots{
  bottom: -4.4rem;
}

.noe1213 .slick-dots li{
  width: 1.5rem;
  height: 1.5rem;
  margin-inline: 1.2rem;
  background-color: #ffffff;
  border-radius: 50%;
}

.noe1213 .slick-dots li button {
  display: none;
}

.noe1213 .slick-dots li.slick-active button{
  width: 1.5rem;
  height: 1.5rem;
}

.noe1213 .slick-dots li button::before{
  width: 1.5rem;
  height: 1.5rem;
  background-color: #B7B7B7;
}

.noe1213 .slick-dots li.slick-active{
  /* background-color: transparent; */
  background-color: #B7B7B7;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .noe1213 .others{
    width: calc(345 * (100vw / 750));
    margin-top: calc(120 * (100vw / 750));
  }

  .noe1213 .others .content-wrapper{
    margin-left: 0;
  }

  .noe1213 .backnumber {
    margin-top: calc(123 * (100vw / 750));
  }

  .noe1213 .backnumber-slide-wrapper{
    width: calc(253 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
  }

  /************** text **************/
  .noe1213 .staff__text{
    font-size: calc(19 * (100vw / 750));
  }

  .noe1213 .staff__text span{
    margin-inline: calc(10 * (100vw / 750));
  }

  .noe1213 .backnumber .backnumber__title{
    font-size: calc(30 * (100vw / 750));
  }

  .noe1213 .backnumber .backnumber__title:before{
    left: calc(-50 * (100vw / 750));
    width: calc(50 * (100vw / 750));
    height: calc(1 * (100vw / 750));
  }

  .noe1213 .backnumber .backnumber__title:after{
    right: calc(-50 * (100vw / 750));
    width: calc(50 * (100vw / 750));
    height: calc(1 * (100vw / 750));
  }

  .noe1213 .backnumber .backnumber-slide-wrapper p{
    margin-top: calc(17 * (100vw / 750));
    font-size: calc(24 * (100vw / 750));
  }

  /************** button **************/
  .noe1213 .link__button{
    width: calc(340 * (100vw / 750));
    margin-top: calc(115 * (100vw / 750));
    font-size: calc(40 * (100vw / 750));
  }

  .noe1213 .link__button a{
    padding-top: calc(15 * (100vw / 750));
    padding-bottom: calc(9 * (100vw / 750));
  }

  /************** slick **************/
  .noe1213 .slick-dots{
    bottom: calc(-45 * (100vw / 750));
  }

  .noe1213 .slick-dots li{
    width: calc(15 * (100vw / 750));
    height: calc(15 * (100vw / 750));
    margin-inline: calc(10 * (100vw / 750));
  }

  .noe1213 .slick-dots li.slick-active button{
    width: calc(15 * (100vw / 750));
    height: calc(15 * (100vw / 750));
  }

  .noe1213 .slick-dots li button::before{
    width: calc(15 * (100vw / 750));
    height: calc(15 * (100vw / 750));
  }
}