@charset "UTF-8";
/*---------- reset ----------*/
/*---------- reset ----------*/
/*---------- all common ----------*/
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

.issue_221013 img {
  width: 100%;
  height: auto;
}
.issue_221013 a, .issue_221013 picture {
  display: block;
}
.issue_221013 .pc-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .issue_221013 .pc-only {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .issue_221013 .sp-only {
    display: none;
  }
}

/*---------- all common ----------*/
/*---------- animation ----------*/
.js-fade-Vr-first,
.js-fade-Vr {
  opacity: 0;
  transition-duration: 1.2s;
}

.js-fade-Vr-first.active,
.js-fade-Vr.active {
  opacity: 1;
}

/*---------- animation ----------*/
/*---------- font ----------*/
.issue_221013 {
  color: #000;
}

.firstviewArea__lead {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(26 *(100vw / 750));
  line-height: 2;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .firstviewArea__lead {
    font-size: 14px;
    line-height: 2.2857142857;
  }
}

.sec-ttl {
  font-family: essonnes-display, serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(48 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
.sec-ttl__large {
  font-size: calc(60 *(100vw / 750));
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .sec-ttl {
    font-size: 25px;
  }
  .sec-ttl__large {
    font-size: 31px;
  }
}

.sec-lead {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(24 *(100vw / 750));
  line-height: 2;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-lead {
    font-size: 13px;
  }
}

.sec-credit span {
  font-family: roboto, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(22 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-credit span {
    font-size: 12px;
  }
}

.issue_221013__btn a {
  font-family: essonnes-display, serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .issue_221013__btn a {
    font-size: 13px;
  }
}

/*---------- font ----------*/
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*---------- image-size ----------*/
.firstviewArea__img {
  width: 100%;
}

.item-image101,
.item-image301,
.item-image501 {
  width: calc(610 *(100vw / 750));
}

.item-image201,
.item-image401,
.item-image601 {
  width: calc(620 *(100vw / 750));
}

/*---------- image-size ----------*/
/*---------- common ----------*/
.sec01,
.sec03,
.sec05 {
  margin-bottom: calc(202 *(100vw / 750));
}
.sec01__wrapper,
.sec03__wrapper,
.sec05__wrapper {
  position: relative;
  margin: 0 auto;
  padding-top: calc(80 *(100vw / 750));
  padding-bottom: calc(55 *(100vw / 750));
  width: calc(710 *(100vw / 750));
  border: solid 1px #000;
  box-sizing: border-box;
}
.sec01 .sec-ttl,
.sec03 .sec-ttl,
.sec05 .sec-ttl {
  position: absolute;
  top: calc(-34 *(100vw / 750));
  padding-left: calc(14 *(100vw / 750));
  padding-right: calc(5 *(100vw / 750));
  background-color: #fff;
}

.sec02,
.sec04,
.sec06 {
  margin-bottom: calc(205 *(100vw / 750));
}
.sec02 .sec-ttl,
.sec04 .sec-ttl,
.sec06 .sec-ttl {
  width: calc(620 *(100vw / 750));
  margin: 0 auto;
  margin-bottom: calc(32 *(100vw / 750));
}

.sec-tape {
  position: absolute;
}

.item-image {
  position: relative;
  margin: 0 auto;
  margin-bottom: calc(66 *(100vw / 750));
  z-index: 15;
}

.sec-lead,
.sec-credit {
  text-align: center;
}

.sec-lead {
  margin-bottom: calc(47 *(100vw / 750));
}

.sec-credit span {
  display: inline-block;
  margin: 0 calc(9 *(100vw / 750));
  margin-bottom: calc(24 *(100vw / 750));
  border-bottom: solid 1px #808080;
}

/*---------- common ----------*/
.issue_221013 {
  overflow: hidden;
  padding-bottom: calc(180 *(100vw / 750));
}

.firstviewArea {
  margin-bottom: calc(181 *(100vw / 750));
}
.firstviewArea__img {
  margin-bottom: calc(137 *(100vw / 750));
}
.firstviewArea__lead {
  text-align: center;
}

.sec01 .sec01-tape01 {
  top: calc(-39 *(100vw / 750));
  left: calc(-28 *(100vw / 750));
  width: calc(272 *(100vw / 750));
  transform: rotate(20deg);
}
.sec01 .sec01-tape02 {
  right: calc(-64 *(100vw / 750));
  bottom: calc(-63 *(100vw / 750));
  width: calc(258 *(100vw / 750));
  transform: rotate(-5deg);
}
.sec01 .sec-ttl {
  right: calc(41 *(100vw / 750));
}

.sec02 .sec-ttl {
  text-align: left;
  left: calc(20 *(100vw / 750));
}

.sec03__wrapper {
  padding-bottom: calc(93 *(100vw / 750));
}
.sec03 .sec03-tape01 {
  top: calc(-33 *(100vw / 750));
  right: calc(-45 *(100vw / 750));
  width: calc(290 *(100vw / 750));
}
.sec03 .sec03-tape02 {
  left: calc(-52 *(100vw / 750));
  bottom: calc(-107 *(100vw / 750));
  width: calc(229 *(100vw / 750));
}
.sec03 .sec-ttl {
  left: calc(34 *(100vw / 750));
}

.sec04 .sec-ttl {
  text-align: right;
}

.sec05 .sec05-tape01 {
  top: calc(-30 *(100vw / 750));
  left: calc(-51 *(100vw / 750));
  width: calc(294 *(100vw / 750));
}
.sec05 .sec05-tape02 {
  right: calc(-64 *(100vw / 750));
  bottom: calc(-58 *(100vw / 750));
  width: calc(258 *(100vw / 750));
  transform: rotate(-5deg);
}
.sec05 .sec-ttl {
  right: calc(41 *(100vw / 750));
}

.sec06 {
  margin-bottom: calc(176 *(100vw / 750));
}

.issue_221013__btn a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: calc(400 *(100vw / 750));
  height: calc(70 *(100vw / 750));
  margin: 0 auto;
  border: solid 1px #666666;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for desktop
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
  /*---------- image-size ----------*/
  .firstviewArea__img {
    max-width: 1000px;
    width: 95%;
  }
  .item-image101,
.item-image301,
.item-image501 {
    max-width: 415px;
    width: 100%;
  }
  .item-image201,
.item-image401,
.item-image601 {
    max-width: 430px;
    width: 100%;
  }
  /*---------- image-size ----------*/
  /*---------- common ----------*/
  .sec01,
.sec03,
.sec05 {
    margin-bottom: 160px;
  }
  .sec01__wrapper,
.sec03__wrapper,
.sec05__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
  }
  .sec01__wrapper::after,
.sec03__wrapper::after,
.sec05__wrapper::after {
    display: block;
    position: absolute;
    content: "";
    z-index: -1;
    border: solid 1px #000;
  }
  .sec01__wrap01,
.sec03__wrap01,
.sec05__wrap01 {
    max-width: 415px;
    width: 53%;
  }
  .sec01__wrap02,
.sec03__wrap02,
.sec05__wrap02 {
    box-sizing: border-box;
  }
  .sec01 .sec-ttl,
.sec03 .sec-ttl,
.sec05 .sec-ttl {
    top: 19px;
    padding-left: 14px;
    padding-right: 12px;
  }
  .sec01 .sec-credit,
.sec03 .sec-credit,
.sec05 .sec-credit {
    text-align: left;
  }
  .sec01 .sec-lead,
.sec03 .sec-lead,
.sec05 .sec-lead {
    text-align: justify;
    margin-bottom: 53px;
    width: 240px;
  }
  .sec01 .sec-credit span,
.sec03 .sec-credit span,
.sec05 .sec-credit span {
    margin-left: 0;
    margin-right: 0;
  }
  .sec02,
.sec04,
.sec06 {
    margin-bottom: 190px;
  }
  .sec02 .sec-ttl,
.sec04 .sec-ttl,
.sec06 .sec-ttl {
    width: 430px;
    margin-bottom: 26px;
  }
  .sec02 .item-image,
.sec04 .item-image,
.sec06 .item-image {
    margin: 0 auto;
    margin-bottom: 34px;
  }
  .sec02 .sec-lead,
.sec04 .sec-lead,
.sec06 .sec-lead {
    margin-bottom: 33px;
  }
  .sec-ttl {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .item-image {
    margin: 0;
  }
  .item-image::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
  }
  .sec-credit span {
    margin: 0 5px;
    margin-bottom: 13px;
  }
  /*---------- common ----------*/
  .issue_221013 {
    padding-top: 40px;
    padding-bottom: 140px;
  }
  .firstviewArea {
    margin-bottom: 164px;
  }
  .firstviewArea__img {
    margin: 0 auto;
    margin-bottom: 111px;
  }
  .sec01__wrapper {
    padding-left: 37px;
    padding-right: 43px;
    max-width: 896px;
    width: 95%;
  }
  .sec01__wrapper::after {
    top: 34px;
    right: 4.4rem;
    content: "";
    width: 70%;
    height: 89%;
  }
  .sec01__wrap02 {
    margin-top: 6px;
    padding-left: 7.7rem;
    max-width: 383px;
    width: 47%;
  }
  .sec01 .sec01-tape01 {
    top: -50px;
    left: 0.5rem;
    width: 158px;
    transform: rotate(0deg);
  }
  .sec01 .sec01-tape02 {
    right: 1.2rem;
    bottom: -3px;
    width: 172px;
    transform: rotate(0deg);
  }
  .sec01 .sec-ttl {
    right: 8rem;
  }
  .sec03__wrapper {
    flex-direction: row-reverse;
    max-width: 970px;
    padding-left: 4rem;
    padding-right: 4rem;
    width: 98%;
  }
  .sec03__wrapper::after {
    top: 33px;
    left: 7.7rem;
    content: "";
    width: 70%;
    height: 89%;
  }
  .sec03__wrap02 {
    padding-left: 9.4%;
    max-width: 392px;
    width: 47%;
  }
  .sec03 .sec03-tape01 {
    top: -44px;
    right: 3rem;
    width: 164px;
  }
  .sec03 .sec03-tape02 {
    left: 0;
    bottom: -19px;
    width: 163px;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) and (min-width: 768px) {
  .sec03 .sec03-tape01 {
    right: 0;
  }
  .sec03 .sec03-tape02 {
    width: 130px;
  }
}
@media screen and (min-width: 768px) {
  .sec03 .sec-ttl {
    left: 11.7rem;
  }
}
@media screen and (min-width: 768px) {
  .sec05__wrapper {
    padding-left: 7.6rem;
    padding-right: 7.5rem;
    max-width: 960px;
    width: 95%;
  }
  .sec05__wrapper::after {
    top: 34px;
    right: 7.5rem;
    content: "";
    width: 70%;
    height: 89%;
  }
  .sec05__wrap02 {
    margin-top: 6px;
    padding-left: 7.7rem;
    max-width: 392px;
    width: 48%;
  }
  .sec05 .sec05-tape01 {
    top: -43px;
    left: 0;
    width: 178px;
  }
  .sec05 .sec05-tape02 {
    right: 4.5rem;
    bottom: -3px;
    width: 172px;
    transform: rotate(0deg);
  }
  .sec05 .sec-ttl {
    right: 11.3rem;
  }
}
@media screen and (min-width: 768px) {
  .sec06 {
    margin-bottom: 129px;
  }
}
@media screen and (min-width: 768px) {
  .issue_221013__btn a {
    width: 200px;
    height: 40px;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for tablet
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}
/*# sourceMappingURL=style.css.map */