@charset "UTF-8";
/* 
//////////////////////////////////////////////////////////////////////////////////////////
default settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
.issue_251211 {
  --pc-width: 1920;
  --sp-width: 750;
  --pc-artboard-width: 650;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}

@media (min-width: 1921px) {
  .issue_251211 {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1920px) {
  .issue_251211 {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  .issue_251211 {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

.issue_251211 img {
  display: block;
  width: 100%;
  height: auto;
}

.issue_251211 h2,
.issue_251211 h3,
.issue_251211 p,
.issue_251211 li {
  margin-block: calc((1em - 1lh) / 2);
}

.issue_251211 .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
animation settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
.issue_251211 .fade-in,
.issue_251211 .wipe-list > div {
  visibility: hidden;
}
.issue_251211 .wipe-up {
  display: block;
  visibility: hidden;
  line-height: 0;
}

.issue_251211 .wipe-up img {
  will-change: transform, clip-path;
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
common settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
.issue_251211 {
  --font-credit: "helvetica-lt-pro", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  --font-regular: 400;
  --font-bold: 700;
  --blue: #4188c6;
  --light-grenn: #f5fce5;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  background: var(--light-grenn);
  margin: 0 0 calc(200 * var(--formula)) 0;
}

.issue_251211 [class*="__credit"] {
  font-family: var(--font-credit);
  color: var(--blue);
  font-size: calc(20 * var(--formula));
  line-height: 1.43;
  letter-spacing: 0.02em;
  text-align: left;
  font-weight: var(--font-regular);
  font-style: normal;
  margin: calc(19 * var(--formula)) 0 0 calc(29 * var(--formula));
  display: flex;
  flex-direction: column;
  gap: calc(9 * var(--formula));
}

.issue_251211 [class*="__credit"] li {
  display: flex;
  gap: calc(6 * var(--formula));
}
.issue_251211 .splide__pagination__page {
  background: transparent;
  border: 1px solid var(--blue);
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  margin: 0;
  opacity: 1;
}
.issue_251211 .splide__pagination__page.is-active {
  transform: scale(1);
  background: var(--blue);
}

.issue_251211 .sec-pc-01,
.issue_251211 .sec2-01,
.issue_251211 .sec4-01,
.issue_251211 .sec5-01,
.issue_251211 .sec6-01,
.issue_251211 .sec7-01,
.issue_251211 .sec8-01,
.issue_251211 .sec9-01,
.issue_251211 .sec10-01,
.issue_251211 .sec11-01,
.issue_251211 .sec12-01,
.issue_251211 .sec13-01,
.issue_251211 .sec15-01,
.issue_251211 .sec17-02 {
  background: #ffffff;
}

/* 
//////////////////////////////////////////////////////////////////////////////////////////
layout settings
//////////////////////////////////////////////////////////////////////////////////////////
*/

.issue_251211 .lp-left-cont {
  position: sticky;
  top: var(--lpHeaderHeight);
  height: calc(100vh - var(--lpHeaderHeight));
  width: calc(1000 * 100vw / 1920);
}
.issue_251211 .sec-pc-01 {
  position: relative;
  z-index: 1;
}

.issue_251211 .sec-pc-02 {
  z-index: 5;
  position: absolute;
  right: 4.4%;
  top: 34%;
  pointer-events: none;
}

.issue_251211 .lp-main-cont {
  position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: center;
}

.issue_251211 .section-cont {
  width: calc(650 * var(--formula_pc));
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.issue_251211 .sec-set {
  position: relative;
  display: flex;
  flex-direction: column;
}

.issue_251211 .sec01 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  grid-column-gap: calc(0 * var(--formula));
  grid-row-gap: calc(64 * var(--formula));
  justify-items: center;
  margin: calc(61 * var(--formula)) 0 calc(-25 * var(--formula)) 0;
  z-index: 5;
  pointer-events: none;
}

.issue_251211 .sec1-01 {
  grid-area: 1 / 1 / 2 / 4;
}

.issue_251211 .sec1-02 {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: start;
  margin: calc(1 * var(--formula)) 0 0 calc(18 * var(--formula));
}

.issue_251211 .sec1-03 {
  grid-area: 2 / 2 / 3 / 3;
  margin: 0 0 0 calc(-8 * var(--formula));
}

.issue_251211 .sec1-04 {
  grid-area: 2 / 3 / 3 / 4;
  justify-self: end;
  margin: 0 calc(20 * var(--formula)) 0 0;
}

.issue_251211 .sec1-05 {
  grid-area: 3 / 1 / 4 / 4;
  margin: calc(-27 * var(--formula)) 0 0 0;
  pointer-events: none;
}

.issue_251211 .sec02 {
  z-index: 1;
}

.issue_251211 .sec03 {
  margin: calc(50 * var(--formula)) 0 calc(161 * var(--formula)) 0;
}

.issue_251211 #sec03 {
  width: calc(750 * var(--formula));
}

.issue_251211 #sec03 .splide__pagination {
  left: unset;
  bottom: calc(-30 * var(--formula));
  padding: 0;
  right: calc(29 * var(--formula));
  gap: calc(11 * var(--formula));
}
.issue_251211 .splide__list {
  background: #ffffff;
}

.issue_251211 #sec03 .splide__slide {
  width: calc(750 * var(--formula));
}

.issue_251211 .sec04__credit {
  margin: calc(17 * var(--formula)) 0 0 0;
}

.issue_251211 .sec05 {
  margin: calc(135 * var(--formula)) 0 calc(50 * var(--formula)) 0;
}

.issue_251211 .sec06__credit {
  margin: calc(18 * var(--formula)) 0 0 0;
}

.issue_251211 .sec07 {
  margin: calc(101 * var(--formula)) 0 calc(100 * var(--formula)) 0;
}

.issue_251211 .sec07__credit {
  position: absolute;
  bottom: calc(27 * var(--formula));
  left: calc(-7 * var(--formula));
}

.issue_251211 .sec08__credit {
  margin: calc(18 * var(--formula)) 0 0 calc(1 * var(--formula));
}

.issue_251211 .sec09 {
  margin: calc(52 * var(--formula)) 0 calc(133 * var(--formula)) 0;
}

.issue_251211 .sec10__credit {
  margin: calc(16 * var(--formula)) 0 0 0;
}

.issue_251211 .sec11 {
  margin: calc(135 * var(--formula)) 0 calc(20 * var(--formula)) 0;
}

.issue_251211 .sec13 {
  margin: calc(102 * var(--formula)) 0 calc(70 * var(--formula)) 0;
}
.issue_251211 .sec13__credit {
  position: absolute;
  bottom: calc(22 * var(--formula));
  left: calc(1 * var(--formula));
}

.issue_251211 #sec014 .splide__pagination {
  left: unset;
  bottom: calc(-24 * var(--formula));
  padding: 0;
  right: calc(0 * var(--formula));
  gap: calc(12 * var(--formula));
}

.issue_251211 #sec014 {
  width: calc(600 * var(--formula));
}

.issue_251211 #sec014 .splide__slide {
  width: calc(600 * var(--formula));
}

.issue_251211 .sec14__credit {
  margin: calc(17 * var(--formula)) 0 0 0;
}

.issue_251211 .sec15 {
  margin: calc(72 * var(--formula)) 0 calc(155 * var(--formula)) 0;
}

.issue_251211 .sec16 {
  border-bottom: 1px solid var(--blue);
  padding: 0 0 calc(4 * var(--formula)) 0;
}

.issue_251211 .sec16__link {
  font-family: var(--font-credit);
  color: var(--blue);
  font-size: calc(30 * var(--formula));
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-align: center;
  font-weight: var(--font-bold);
  font-style: italic;
  display: flex;
  gap: calc(22 * var(--formula));
}

.issue_251211 .sec17 {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(3, auto);
  grid-column-gap: calc(0 * var(--formula));
  grid-row-gap: 0;
  margin: calc(114 * var(--formula)) 0 calc(60 * var(--formula)) 0;
  width: 100%;
}

.issue_251211 .sec17-01 {
  grid-area: 1 / 1 / 2 / 3;
  margin: 0 0 0 calc(-4 * var(--formula));
  z-index: 5;
  justify-self: center;
  pointer-events: none;
}

.issue_251211 .sec17__staff-credit {
  display: flex;
  flex-direction: column;
  grid-area: 2 / 1 / 4 / 2;
  justify-self: start;
  align-self: end;
  margin: 0 0 calc(3 * var(--formula)) calc(50 * var(--formula));
  gap: calc(34 * var(--formula));
}
.issue_251211 .sec17__staff-credit .sec17__credit-item:nth-child(3) .small-txt {
  margin: calc(4 * var(--formula)) 0 0 0;
}
.issue_251211
  .sec17__staff-credit
  .sec17__credit-item:nth-child(4)
  .sec17__credt-job {
  margin: calc(4 * var(--formula)) 0 0 0;
}

.issue_251211 .sec17__staff-credit .sec17__credit-item:nth-child(5) .small-txt {
  margin: calc(4 * var(--formula)) 0 0 0;
}
.issue_251211 .sec17__staff-credit .sec17__credit-item:nth-child(6) {
  margin: calc(9 * var(--formula)) 0 0 0;
}
.issue_251211 .sec17__staff-credit .sec17__credit-item:nth-child(6) .small-txt {
  margin: calc(10 * var(--formula)) 0 0 0;
}
.issue_251211
  .sec17__staff-credit
  .sec17__credit-item:nth-child(6)
  .sec17__credit-name:nth-child(2) {
  margin: calc(10 * var(--formula)) 0 0 0;
}
.issue_251211
  .sec17__staff-credit
  .sec17__credit-item:nth-child(6)
  .sec17__credit-name:nth-child(3) {
  margin: calc(3 * var(--formula)) 0 0 calc(1 * var(--formula));
}
.issue_251211
  .sec17__staff-credit
  .sec17__credit-item:nth-child(7)
  .sec17__credit-name:nth-child(2) {
  margin: calc(10 * var(--formula)) 0 0 0;
}

.issue_251211 .sec17__credit-item {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
}

.issue_251211 .sec17__credt-job {
  font-family: var(--font-credit);
  color: var(--blue);
  font-size: calc(17 * var(--formula));
  line-height: 1;
  letter-spacing: -0.01em;
  text-align: left;
  font-weight: var(--font-bold);
  font-style: italic;
}

.issue_251211 .sec17__credit-name {
  font-family: var(--font-credit);
  color: var(--blue);
  font-size: calc(17 * var(--formula));
  line-height: 1;
  letter-spacing: -0.01em;
  text-align: left;
  font-weight: var(--font-regular);
  font-style: normal;
  margin: calc(6 * var(--formula)) 0 0 0;
}

.issue_251211 .small-txt {
  font-family: var(--font-credit);
  color: var(--blue);
  font-size: calc(12.6 * var(--formula));
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: left;
  font-weight: var(--font-regular);
  font-style: normal;
  margin: calc(6 * var(--formula)) 0 0 0;
}

.issue_251211 .sec17-02 {
  grid-area: 2 / 2 / 3 / 3;
  z-index: 1;
  margin: calc(-41 * var(--formula)) 0 calc(61 * var(--formula)) 0;
  justify-self: end;
}

.issue_251211 .sec17-03 {
  grid-area: 3 / 2 / 4 / 3;
  justify-self: end;
  margin: 0 calc(73 * var(--formula)) 0 0;
}

/* 画像サイズ指定用クラス(__frame) */
.issue_251211 .sec-pc-01__frame {
  width: 100%;
  height: 100%;
}
.issue_251211 .sec-pc-01__frame img {
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.issue_251211 .sec-pc-02__frame {
  width: calc(458 * (100vw / 1920));
}

.issue_251211 .sec1-01__frame {
  width: calc(220 * var(--formula));
}

.issue_251211 .sec1-02__frame {
  width: calc(54 * var(--formula));
}

.issue_251211 .sec1-03__frame {
  width: calc(128 * var(--formula));
}

.issue_251211 .sec1-04__frame {
  width: calc(102 * var(--formula));
}

.issue_251211 .sec1-05__frame {
  width: calc(683 * var(--formula));
}

.issue_251211 .sec2-01__frame {
  width: calc(650 * var(--formula));
}

.issue_251211 .sec4-01__frame {
  width: calc(600 * var(--formula));
}

.issue_251211 .sec5-01__frame {
  width: calc(750 * var(--formula));
}

.issue_251211 .sec6-01__frame {
  width: calc(650 * var(--formula));
}

.issue_251211 .sec7-01__frame {
  width: calc(750 * var(--formula));
}

.issue_251211 .sec8-01__frame {
  width: calc(653 * var(--formula));
}

.issue_251211 .sec9-01__frame {
  width: calc(750 * var(--formula));
}

.issue_251211 .sec10-01__frame {
  width: calc(600 * var(--formula));
}

.issue_251211 .sec11-01__frame {
  width: calc(750 * var(--formula));
}

.issue_251211 .sec12-01__frame {
  width: calc(750 * var(--formula));
}

.issue_251211 .sec13-01__frame {
  width: calc(750 * var(--formula));
}

.issue_251211 .sec15-01__frame {
  width: calc(750 * var(--formula));
}

.issue_251211 .sec17-01__frame {
  width: calc(651 * var(--formula));
}

.issue_251211 .sec17-02__frame {
  width: calc(502 * var(--formula));
}

.issue_251211 .sec17-03__frame {
  width: calc(137 * var(--formula));
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
SP settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 767px) {
  .issue_251211 .lp-left-cont {
    display: none;
  }
  .issue_251211 .lp-main-cont,
  .issue_251211 .section-cont {
    width: 100%;
  }
}