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

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

/*---------- all common ----------*/
/*---------- animation ----------*/
.js-fade-Vr-first,
.js-fade-Vr {
  opacity: 0;
  transition-duration: 0.8s;
  transform: translateY(60px);
}

.js-fade-Vr-first.active,
.js-fade-Vr.active {
  opacity: 1;
  transform: translateY(0);
}

.js-fade-bg::after {
  opacity: 0;
  transition-duration: 1.2s;
}

.sec-bgWrap::after {
  transition-delay: 0.5s;
}

.js-fade-bg.active::after {
  opacity: 1;
}

.ss2nd_preorder .slide-dots {
  display: flex;
  justify-content: center;
  gap: calc(16 *(100vw / 750));
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: calc(21 *(100vw / 750));
}
.ss2nd_preorder .slide-dots li {
  margin: 0;
  width: calc(16 *(100vw / 750));
  height: calc(16 *(100vw / 750));
}
.ss2nd_preorder .slide-dots li button {
  padding: 0;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: #B3B3B3;
  border-radius: 50%;
}
.ss2nd_preorder .slide-dots li.slick-active button {
  background-color: #333333;
}
@media screen and (min-width: 768px) {
  .ss2nd_preorder .slide-dots {
    gap: 8px;
    margin-top: 10px;
  }
  .ss2nd_preorder .slide-dots li {
    width: 8px;
    height: 8px;
  }
}

.sec-ornament203--01 {
  animation: blinking01 4s step-end infinite;
}

@keyframes blinking01 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.sec-ornament203--02 {
  animation: blinking02 4s step-end infinite;
}

@keyframes blinking02 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.sec-rotate {
  opacity: 0;
  transform: rotate(-90deg);
  transition-duration: 2s;
}

.sec-rotate.active {
  opacity: 1;
  transform: rotate(0);
}

.sec-ornament601 .path {
  fill: none;
  stroke: #83b5bb;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  stroke-dashoffset: 1000;
}
@media screen and (min-width: 768px) {
  .sec-ornament601 .path {
    stroke-width: 1px;
  }
}

/*---------- animation ----------*/
/*---------- font ----------*/
.ss2nd_preorder {
  color: #000000;
}

.firstviewArea__lead,
.firstviewArea__point {
  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.2;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  color: #fff;
}
@media screen and (min-width: 768px) {
  .firstviewArea__lead,
  .firstviewArea__point {
    font-size: 13px;
    line-height: 2.2;
  }
}

.firstviewArea__lead--ttl {
  font-family: "Antic Didone", serif;
  font-size: calc(38 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .firstviewArea__lead--ttl {
    font-size: 20px;
  }
}

.firstviewArea__point--ttl {
  font-family: "Antic Didone", serif;
  font-size: calc(38 *(100vw / 750));
  letter-spacing: 0.11em;
  color: #FFF9B0;
  line-height: 1;
}
.firstviewArea__point--ttl-l {
  font-size: calc(64 *(100vw / 750));
}
@media screen and (min-width: 768px) {
  .firstviewArea__point--ttl {
    font-size: 20px;
  }
  .firstviewArea__point--ttl-l {
    font-size: 34px;
  }
}

.firstviewArea__point--s {
  font-size: calc(20 *(100vw / 750));
  line-height: 2.2;
}
@media screen and (min-width: 768px) {
  .firstviewArea__point--s {
    font-size: 11px;
    line-height: 1;
  }
}

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

.sec-credit span,
.footerArea__staff,
.footerArea__search--title,
.footerArea__search--category li {
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}

.footerArea__staff {
  font-size: calc(22 *(100vw / 750));
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .footerArea__staff {
    font-size: 12px;
  }
}

.footerArea__search--title {
  font-size: calc(30 *(100vw / 750));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .footerArea__search--title {
    font-size: 16px;
  }
}

.footerArea__search--category li {
  font-size: calc(26 *(100vw / 750));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .footerArea__search--category li {
    font-size: 12px;
  }
}

/*---------- font ----------*/
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*---------- image-size ----------*/
.firstviewArea__img {
  width: calc(730 *(100vw / 750));
}

.bg-image101 {
  width: calc(640 *(100vw / 750));
}

.image-box101 {
  width: calc(660 *(100vw / 750));
}

.image-box102 {
  width: calc(550 *(100vw / 750));
}

.sec-ornament201 {
  width: calc(406 *(100vw / 750));
}

.sec-ornament203 {
  width: calc(135 *(100vw / 750));
}

.image-box201,
.image-box202 {
  width: calc(510 *(100vw / 750));
}

.model-image301 {
  width: 100%;
}

.image-box302 {
  width: calc(450 *(100vw / 750));
}

.image-box303 {
  width: calc(540 *(100vw / 750));
}

.image-box401 {
  width: calc(540 *(100vw / 750));
}

.image-box402 {
  width: calc(690 *(100vw / 750));
}

.sec-ornament401 {
  width: calc(353 *(100vw / 750));
}

.image-box501 {
  width: calc(670 *(100vw / 750));
}

.image-box502 {
  width: calc(600 *(100vw / 750));
}

.sec-ornament601 {
  width: calc(1064 *(100vw / 750));
}

.image-box601 {
  width: calc(540 *(100vw / 750));
}

.image-box602 {
  width: calc(690 *(100vw / 750));
}

.image-box603 {
  width: 100%;
}

.image-box604 {
  width: calc(660 *(100vw / 750));
}

.image-box605 {
  width: calc(480 *(100vw / 750));
}

.model-image606 {
  width: calc(720 *(100vw / 750));
}

.image-box607 {
  width: calc(690 *(100vw / 750));
}

.image-box608 {
  width: calc(540 *(100vw / 750));
}

.model-image701,
.model-image702 {
  width: calc(540 *(100vw / 750));
}

.image-box703 {
  width: 100%;
}

.image-box801 {
  width: calc(560 *(100vw / 750));
}

.image-box802 {
  width: calc(690 *(100vw / 750));
}

.sec-ornament801 {
  width: calc(363 *(100vw / 750));
}

.image-box901 {
  width: calc(690 *(100vw / 750));
}

.image-box1001 {
  width: calc(600 *(100vw / 750));
}

.model-image1002 {
  width: 100%;
}

.image-box1003 {
  width: calc(500 *(100vw / 750));
}

.model-image1101 {
  width: calc(500 *(100vw / 750));
}

/*---------- image-size ----------*/
/*---------- common ----------*/
.sec {
  position: relative;
  margin-bottom: calc(122 *(100vw / 750));
}
.sec__wrapper {
  position: relative;
}
.sec .slide-dots {
  justify-content: flex-start;
}

.bg-image,
.sec-ornament {
  position: absolute;
  z-index: -1;
}

.image-box {
  position: relative;
}

.model-image {
  position: relative;
  z-index: 10;
}

.js-fade-img + .sec-credit {
  margin-top: calc(77 *(100vw / 750));
}

.sec-credit {
  text-align: left;
  margin-top: calc(40 *(100vw / 750));
}
.sec-credit span {
  display: inline-block;
  margin-right: calc(18 *(100vw / 750));
  margin-bottom: calc(27 *(100vw / 750));
  padding-bottom: calc(2 *(100vw / 750));
  border-bottom: 1px solid #999999;
}

/*---------- common ----------*/
.ss2nd_preorder {
  overflow: hidden;
}

.firstviewArea {
  margin-bottom: calc(150 *(100vw / 750));
  padding-top: calc(20 *(100vw / 750));
  padding-bottom: calc(120 *(100vw / 750));
  background-color: #83B5BB;
}
.firstviewArea__img {
  margin: 0 auto;
  margin-bottom: calc(120 *(100vw / 750));
}
.firstviewArea__lead, .firstviewArea__point {
  text-align: center;
}
.firstviewArea__lead--ttl {
  display: inline-block;
  padding-bottom: calc(6 *(100vw / 750));
  margin-bottom: calc(46 *(100vw / 750));
  border-bottom: 1px solid #fff;
}
.firstviewArea__point {
  margin-top: calc(80 *(100vw / 750));
}
.firstviewArea__point--ttl {
  display: inline-block;
  position: relative;
  margin-bottom: calc(37 *(100vw / 750));
}
.firstviewArea__point--ttl::before, .firstviewArea__point--ttl::after {
  display: block;
  position: absolute;
  bottom: calc(-40 *(100vw / 750));
  width: calc(57 *(100vw / 750));
  height: calc(57 *(100vw / 750));
  content: "";
}
.firstviewArea__point--ttl::before {
  left: calc(-70 *(100vw / 750));
  border-right: solid 1px #FFF9B0;
  transform: rotate(-44deg);
}
.firstviewArea__point--ttl::after {
  right: calc(-70 *(100vw / 750));
  border-left: solid 1px #FFF9B0;
  transform: rotate(44deg);
}
.firstviewArea__point--l {
  display: inline-block;
  margin-bottom: calc(16 *(100vw / 750));
}

.sec01 .bg-image101 {
  top: calc(300 *(100vw / 750));
  left: auto;
  right: 0;
}
.sec01 .image-box101 {
  margin-bottom: calc(60 *(100vw / 750));
}
.sec01 .image-box102 {
  margin-left: auto;
}

.sec02::after {
  display: block;
  position: absolute;
  top: calc(293 *(100vw / 750));
  left: 0;
  right: 0;
  width: 100%;
  height: calc(960 *(100vw / 750));
  content: "";
  background-color: #FFF9F9;
  z-index: -5;
}
.sec02 .image-box201 {
  margin-left: calc(30 *(100vw / 750));
  margin-bottom: calc(30 *(100vw / 750));
}
.sec02 .image-box202 {
  margin-left: auto;
  margin-right: calc(30 *(100vw / 750));
}
.sec02 .sec-ornament201 {
  top: calc(240 *(100vw / 750));
  right: calc(-40 *(100vw / 750));
}
.sec02 .sec-ornament203 {
  left: calc(38 *(100vw / 750));
  bottom: calc(302 *(100vw / 750));
}

.sec03 {
  margin-bottom: calc(233 *(100vw / 750));
}
.sec03 .image-box302 {
  margin-top: calc(-60 *(100vw / 750));
  margin-left: auto;
  margin-right: calc(30 *(100vw / 750));
  margin-bottom: calc(60 *(100vw / 750));
}
.sec03 .image-box303 {
  margin-left: calc(60 *(100vw / 750));
}

.sec04 .image-box401 {
  margin-left: auto;
  margin-bottom: calc(30 *(100vw / 750));
}
.sec04 .sec-ornament401 {
  top: calc(-160 *(100vw / 750));
  left: calc(-160 *(100vw / 750));
}
.sec04 .image-box402 {
  margin: 0 auto;
}

.sec05::after {
  display: block;
  position: absolute;
  top: calc(300 *(100vw / 750));
  left: 0;
  right: 0;
  width: 100%;
  height: calc(1500 *(100vw / 750));
  content: "";
  background-color: #E7F2F9;
  z-index: -5;
}
.sec05 .image-box501 {
  margin-left: auto;
  margin-bottom: calc(124 *(100vw / 750));
}
.sec05 .image-box501 .sec-credit {
  margin-left: calc(20 *(100vw / 750));
}
.sec05 .model-image501 {
  position: relative;
  padding: calc(20 *(100vw / 750));
}
.sec05 .model-image501::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7F9AC4;
  content: "";
  z-index: -1;
}
.sec05 .image-box502 {
  margin-left: calc(30 *(100vw / 750));
}

.sec06 .image-box601 {
  margin-left: auto;
  margin-bottom: calc(96 *(100vw / 750));
}
.sec06 .image-box602 {
  margin-bottom: calc(90 *(100vw / 750));
}
.sec06 .image-box602 .sec-credit {
  margin-left: calc(42 *(100vw / 750));
}
.sec06 .image-box603 {
  margin-bottom: calc(93 *(100vw / 750));
  padding-top: calc(62 *(100vw / 750));
  padding-left: calc(62 *(100vw / 750));
}
.sec06 .image-box603::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(180 *(100vw / 750));
  height: calc(600 *(100vw / 750));
  content: "";
  background-color: #E0ECEE;
  z-index: -5;
}
.sec06 .image-box604 {
  margin-bottom: calc(123 *(100vw / 750));
  padding-top: calc(60 *(100vw / 750));
  padding-right: calc(60 *(100vw / 750));
}
.sec06 .image-box604::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(180 *(100vw / 750));
  height: calc(600 *(100vw / 750));
  content: "";
  background-color: #F9F1F4;
  z-index: -5;
}
.sec06 .image-box604 .sec-credit {
  margin-left: calc(42 *(100vw / 750));
}
.sec06 .image-box605 {
  margin-left: auto;
  margin-right: calc(30 *(100vw / 750));
  margin-bottom: calc(63 *(100vw / 750));
}
.sec06 .model-image606 {
  margin-bottom: calc(90 *(100vw / 750));
}
.sec06 .image-box607 {
  margin-left: auto;
  margin-bottom: calc(60 *(100vw / 750));
}
.sec06 .image-box608 .sec-credit {
  margin-left: calc(42 *(100vw / 750));
}
.sec06 .sec-ornament601 {
  top: calc(312 *(100vw / 750));
  left: calc(-130 *(100vw / 750));
}
.sec06 .sec-bgWrap {
  position: relative;
}
.sec06 .sec-bgWrap::after {
  display: block;
  position: absolute;
  top: calc(420 *(100vw / 750));
  left: 0;
  width: 100%;
  height: calc(2631 *(100vw / 750));
  background-color: #FEFAF2;
  content: "";
  z-index: -10;
}

.sec07 {
  margin-bottom: calc(262 *(100vw / 750));
}
.sec07 .model-image701,
.sec07 .model-image702 {
  margin: 0 auto;
}
.sec07 .model-image701 {
  margin-bottom: calc(30 *(100vw / 750));
}
.sec07 .model-image702 {
  margin-bottom: calc(60 *(100vw / 750));
}
.sec07 .image-box703 .sec-credit {
  text-align: center;
}
.sec07 .image-box703 .sec-credit span {
  margin: 0 calc(10 *(100vw / 750));
}

.sec08 .image-box801 {
  margin-bottom: calc(60 *(100vw / 750));
}
.sec08 .image-box802 {
  margin-left: auto;
}
.sec08 .sec-ornament801 {
  top: calc(-158 *(100vw / 750));
  right: calc(-158 *(100vw / 750));
}

.sec09 .image-box901 {
  margin-left: auto;
}
.sec09 .js-fade-img901 {
  position: relative;
  padding: calc(20 *(100vw / 750));
}
.sec09 .js-fade-img901::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F4DCD9;
  content: "";
  z-index: -1;
}
.sec09 .js-fade-img901 .slide-dots {
  margin-top: calc(40 *(100vw / 750));
}

.sec10 {
  margin-bottom: calc(150 *(100vw / 750));
}
.sec10::after {
  display: block;
  position: absolute;
  top: calc(300 *(100vw / 750));
  left: 0;
  width: 100%;
  height: calc(1706 *(100vw / 750));
  background-color: #FDF7EF;
  content: "";
  z-index: -1;
}
.sec10 .image-box1001 {
  margin-left: auto;
  margin-bottom: calc(96 *(100vw / 750));
}
.sec10 .model-image1002 {
  margin-bottom: calc(60 *(100vw / 750));
}
.sec10 .image-box1003 {
  margin: 0 auto;
}
.sec10 .image-box1003 .sec-credit {
  text-align: center;
}
.sec10 .image-box1003 .sec-credit span {
  margin: 0 calc(10 *(100vw / 750));
}

.sec11 {
  margin-bottom: calc(49 *(100vw / 750));
}
.sec11 .model-image1101 {
  margin: 0 auto;
}

.footerArea__staff {
  text-align: center;
  margin-bottom: calc(114 *(100vw / 750));
}
.footerArea__search {
  text-align: center;
  padding-top: calc(60 *(100vw / 750));
  padding-bottom: calc(60 *(100vw / 750));
  background-color: #E7F2F9;
}
.footerArea__search--title {
  margin-bottom: calc(37 *(100vw / 750));
}
.footerArea__search--category {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, calc(290 *(100vw / 750)));
  grid-template-rows: repeat(4, calc(72 *(100vw / 750)));
  gap: calc(28 *(100vw / 750));
}
.footerArea__search--category li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  width: 100%;
  height: 100%;
  border: solid 1px #999999;
  box-sizing: border-box;
  background-color: #fff;
}
.footerArea__search--category li:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
}
.footerArea__search--category li:last-child a {
  gap: calc(30 *(100vw / 750));
}
.footerArea__search--logo {
  width: calc(126 *(100vw / 750));
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for desktop
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
  /*---------- image-size ----------*/
  .firstviewArea__img {
    max-width: 960px;
    width: 85%;
  }
  .bg-image101 {
    max-width: 560px;
    width: 45%;
  }
  .image-box101 {
    max-width: 440px;
    width: 56%;
  }
  .image-box102 {
    max-width: 370px;
    width: 44%;
  }
  .sec-ornament201,
  .sec-ornament202 {
    max-width: 270px;
    width: 50%;
  }
  .sec-ornament203 {
    max-width: 90px;
    width: 50%;
  }
  .image-box201 {
    max-width: 470px;
    width: 58%;
  }
  .image-box202 {
    max-width: 340px;
    width: 42%;
  }
  .model-image301 {
    max-width: 500px;
    width: 45%;
  }
  .image-box302 {
    max-width: 280px;
    width: 28%;
  }
  .image-box303 {
    max-width: 300px;
    width: 27%;
  }
  .image-box401 {
    max-width: 280px;
    width: 38%;
  }
  .image-box402 {
    max-width: 460px;
    width: 62%;
  }
  .sec-ornament401 {
    max-width: 217px;
    width: 50%;
  }
  .image-box501 {
    max-width: 460px;
    width: 60%;
  }
  .image-box502 {
    max-width: 400px;
    width: 40%;
  }
  .sec-ornament601 {
    max-width: 935px;
    width: 70%;
  }
  .image-box601 {
    max-width: 300px;
    width: 40%;
  }
  .image-box602 {
    max-width: 460px;
    width: 60%;
  }
  .image-box603 {
    max-width: 664px;
    width: 50%;
  }
  .image-box604 {
    max-width: 420px;
    width: 35%;
  }
  .image-box605 {
    max-width: 413px;
    width: 33%;
  }
  .model-image606 {
    max-width: 480px;
    width: 40%;
  }
  .image-box607 {
    max-width: 460px;
    width: 62%;
  }
  .image-box608 {
    max-width: 280px;
    width: 38%;
  }
  .model-image701,
  .model-image702 {
    max-width: 280px;
    width: 50%;
  }
  .image-box703 {
    max-width: 800px;
    width: 60%;
  }
  .image-box801 {
    max-width: 400px;
    width: 44%;
  }
  .image-box802 {
    max-width: 500px;
    width: 56%;
  }
  .sec-ornament801 {
    max-width: 224px;
    width: 50%;
  }
  .image-box901 {
    max-width: 460px;
    width: 40%;
  }
  .image-box1001 {
    max-width: 380px;
    width: 52%;
  }
  .model-image1002 {
    max-width: 630px;
    width: 84%;
  }
  .image-box1003 {
    max-width: 300px;
    width: 29%;
  }
  .model-image1101 {
    max-width: 300px;
    width: 50%;
  }
  /*---------- image-size ----------*/
  /*---------- common ----------*/
  .sec {
    margin-bottom: 180px;
  }
  .sec__wrapper {
    margin: 0 auto;
    max-width: 1400px;
  }
  .sec-flexWrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .js-fade-img + .sec-credit {
    margin-top: 50px;
  }
  .sec-credit {
    margin-top: 31px;
  }
  .sec-credit span {
    margin-right: 0;
    margin-bottom: 16px;
    padding-bottom: 1px;
    white-space: nowrap;
  }
  /*---------- common ----------*/
  .firstviewArea {
    margin-bottom: 240px;
    padding-top: 20px;
    padding-bottom: 84px;
  }
  .firstviewArea__img {
    margin-bottom: 89px;
  }
  .firstviewArea__lead--ttl {
    padding-bottom: 3px;
    margin-bottom: 22px;
  }
  .firstviewArea__point {
    margin-top: 64px;
  }
  .firstviewArea__point--ttl {
    margin-bottom: 14px;
  }
  .firstviewArea__point--ttl::before, .firstviewArea__point--ttl::after {
    bottom: -17px;
    width: 30px;
    height: 30px;
  }
  .firstviewArea__point--ttl::before {
    left: -47px;
    transform: rotate(-44deg);
  }
  .firstviewArea__point--ttl::after {
    right: -47px;
    transform: rotate(44deg);
  }
  .firstviewArea__point--l {
    margin-bottom: 5px;
  }
  .sec01 {
    margin-bottom: 198px;
  }
  .sec01 .sec-flexWrap {
    gap: 15rem;
    margin: 0 auto;
    width: 80%;
  }
  .sec01 .bg-image101 {
    top: -120px;
    left: 59.3%;
    transform: translateX(-50%);
    right: auto;
  }
  .sec01 .image-box101 {
    margin-bottom: 0;
  }
  .sec01 .image-box102 {
    margin-top: 300px;
    margin-left: 0;
  }
  .sec01 .slide-dots {
    justify-content: flex-end;
  }
  .sec02::after {
    top: 120px;
    bottom: 60px;
    height: auto;
  }
  .sec02 .sec-flexWrap {
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 9rem;
    margin-left: 15rem;
    width: 72%;
  }
  .sec02 .image-box201 {
    display: flex;
    gap: 3rem;
    align-items: flex-end;
    margin-left: 0;
    margin-bottom: 0;
  }
  .sec02 .image-box202 {
    margin-top: 180px;
    margin-left: 0;
    margin-right: 0;
  }
  .sec02 .sec-ornament201 {
    top: 90px;
    left: 34%;
    right: auto;
    transform: translateX(-50%);
  }
  .sec02 .sec-ornament202 {
    left: 69%;
    bottom: 90px;
    transform: translateX(-50%);
  }
  .sec02 .sec-ornament203 {
    top: 190px;
    left: 86%;
    bottom: auto;
    transform: translateX(-50%);
  }
  .sec02 .sec-credit span {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .sec03 {
    margin-bottom: 180px;
  }
  .sec03 .sec-flexWrap {
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 6rem;
    width: 80%;
  }
  .sec03 .model-image301 {
    order: 1;
  }
  .sec03 .image-box302 {
    margin-top: 18rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    order: 3;
  }
  .sec03 .image-box303 {
    margin-top: 54rem;
    margin-left: -30px;
    margin-right: 50px;
    order: 2;
  }
  .sec03 .sec-credit {
    text-align: right;
  }
  .sec04 .sec-flexWrap {
    flex-direction: row-reverse;
    gap: 12rem;
    margin: 0 auto;
    width: 70%;
  }
  .sec04 .image-box401 {
    margin-left: 0;
    margin-bottom: 0;
  }
  .sec04 .image-box402 {
    margin: 0;
    margin-top: 120px;
  }
  .sec04 .sec-ornament401 {
    top: -105px;
    left: -105px;
  }
  .sec04 .sec-credit {
    text-align: right;
  }
  .sec05 {
    margin-bottom: 124px;
  }
  .sec05 .sec-flexWrap {
    flex-direction: row-reverse;
    gap: 18rem;
    margin: 0 auto;
    width: 80%;
    transform: translateX(1rem);
  }
  .sec05::after {
    top: 180px;
    bottom: 340px;
    height: auto;
  }
  .sec05 .image-box501 {
    margin-left: 0;
    margin-bottom: 0;
  }
  .sec05 .image-box501 .sec-credit {
    text-align: right;
    margin-left: 0;
    margin-right: 20px;
  }
  .sec05 .model-image501 {
    padding: 20px;
  }
  .sec05 .image-box502 {
    margin-top: 390px;
    margin-left: 0;
  }
  .sec06 .sec-flexWrap01 {
    justify-content: flex-end;
    gap: 9rem;
    margin-left: auto;
    margin-right: 6rem;
    width: 70%;
  }
  .sec06 .image-box601 {
    margin-left: 0;
    margin-bottom: 0;
  }
  .sec06 .image-box602 {
    margin-top: 150px;
    margin-bottom: 0;
  }
  .sec06 .image-box602 .sec-credit {
    margin-left: 0;
  }
  .sec06 .image-box603 {
    display: flex;
    align-items: flex-end;
    gap: 3rem;
    margin-top: -90px;
    margin-bottom: 0;
    padding-top: 60px;
    padding-left: 60px;
    box-sizing: border-box;
  }
  .sec06 .image-box603::after {
    width: 120px;
    height: 400px;
  }
  .sec06 .image-box603 .sec-credit span {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .sec06 .image-box604 {
    position: relative;
    margin-bottom: 0;
    margin-top: -268px;
    margin-left: auto;
    margin-right: 12rem;
    padding-top: 60px;
    padding-right: 60px;
    box-sizing: border-box;
    z-index: 10;
  }
  .sec06 .image-box604::after {
    width: 120px;
    height: 400px;
  }
  .sec06 .image-box604 .sec-credit {
    margin-left: 0;
  }
  .sec06 .image-box605 {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    gap: 3rem;
    margin: 0 auto;
    margin-top: -120px;
    margin-bottom: 60px;
    transform: translateX(-19.6rem);
  }
  .sec06 .image-box605 .sec-credit span {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .sec06 .model-image606 {
    margin-left: auto;
    margin-right: 10rem;
    margin-bottom: 0;
  }
  .sec06 .sec-flexWrap02 {
    justify-content: flex-start;
    margin-top: -60px;
    margin-left: 10rem;
    width: 55%;
  }
  .sec06 .image-box607 {
    margin-left: 0;
    margin-bottom: 0;
  }
  .sec06 .image-box608 {
    margin-top: 45rem;
    margin-left: -3rem;
  }
  .sec06 .image-box608 .sec-credit {
    margin-left: 0;
  }
  .sec06 .sec-ornament601 {
    top: 20.7%;
    left: 49.4%;
    transform: translateX(-50%);
  }
  .sec06 .sec-bgWrap::after {
    top: 210px;
    right: auto;
    bottom: 60px;
    width: 81.5%;
    height: auto;
  }
  .sec07 {
    margin-bottom: 180px;
  }
  .sec07__wrapper {
    width: 90%;
  }
  .sec07 .sec-flexWrap01 {
    justify-content: flex-end;
    flex-direction: row-reverse;
    margin-left: 2rem;
  }
  .sec07 .sec-flexWrap02 {
    gap: 2rem;
    margin-left: -2.7rem;
    width: 43%;
  }
  .sec07 .model-image701,
  .sec07 .model-image702 {
    margin: 0;
  }
  .sec07 .model-image701 {
    margin-bottom: 0;
  }
  .sec07 .model-image702 {
    margin-bottom: 0;
  }
  .sec07 .image-box703 {
    display: flex;
    align-items: flex-end;
    gap: 3rem;
    margin-top: 30rem;
  }
  .sec07 .image-box703 .sec-credit {
    text-align: left;
  }
  .sec07 .image-box703 .sec-credit span {
    margin: 0;
    margin-top: 16px;
  }
  .sec08__wrapper {
    width: 70%;
  }
  .sec08 .sec-flexWrap {
    gap: 6rem;
  }
  .sec08 .image-box801 {
    margin-top: 30rem;
    margin-bottom: 0;
  }
  .sec08 .image-box802 {
    margin-left: 0;
  }
  .sec08 .sec-ornament801 {
    top: -115px;
    right: -115px;
  }
  .sec08 .sec-credit {
    text-align: right;
  }
  .sec09 {
    margin-bottom: 164px;
  }
  .sec09 .image-box901 {
    margin: 0 auto;
  }
  .sec09 .js-fade-img901 {
    padding: 20px;
  }
  .sec09 .js-fade-img901 .slide-dots {
    justify-content: center;
    margin-top: 30px;
  }
  .sec09 .sec-credit {
    text-align: center;
  }
  .sec10 {
    margin-bottom: 140px;
  }
  .sec10::after {
    top: 408px;
    bottom: 120px;
    height: auto;
  }
  .sec10__wrapper {
    width: 95%;
  }
  .sec10 .sec-flexWrap {
    flex-direction: row-reverse;
    gap: 12rem;
  }
  .sec10 .sec-imgWrap {
    max-width: 750px;
    width: 71%;
  }
  .sec10 .image-box1001 {
    margin-bottom: 78px;
  }
  .sec10 .image-box1001 .sec-credit {
    text-align: right;
    position: absolute;
    left: -130px;
    bottom: 0;
  }
  .sec10 .image-box1001 .sec-credit span {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .sec10 .model-image1002 {
    margin-bottom: 0;
  }
  .sec10 .image-box1003 {
    margin: 0;
    margin-top: 31.8rem;
  }
  .sec10 .slide-dots {
    justify-content: flex-end;
  }
  .sec11 {
    margin-bottom: 34px;
  }
  .footerArea {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .footerArea__staff {
    margin-bottom: 77px;
  }
  .footerArea__staff .pc-only {
    display: inline;
  }
  .footerArea__search {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .footerArea__search--title {
    margin-bottom: 28px;
  }
  .footerArea__search--category {
    grid-template-columns: repeat(3, 200px);
    grid-template-rows: repeat(3, 40px);
    gap: 20px;
  }
  .footerArea__search--category li:last-child {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .footerArea__search--category li:last-child a {
    gap: 19px;
  }
  .footerArea__search--logo {
    width: 70px;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for tablet
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}/*# sourceMappingURL=style.css.map */