@charset "UTF-8";
/* ---------------------------- */
/* Base
/* ---------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");
@font-face {
  font-family: "Neue Haas Unica";
  src: url("NeueHaasUnica-Regular.eot");
  src:
    local("Neue Haas Unica Regular"),
    local("NeueHaasUnica-Regular"),
    url("NeueHaasUnica-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Neue Haas Unica";
  src: url("NeueHaasUnica-Bold.eot");
  src:
    local("Neue Haas Unica Bold"),
    local("NeueHaasUnica-Bold"),
    url("NeueHaasUnica-Bold.eot?#iefix") format("embedded-opentype"),
    url("NeueHaasUnica-Bold.woff2") format("woff2"),
    url("NeueHaasUnica-Bold.woff") format("woff"),
    url("NeueHaasUnica-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
:root {
  --main-color: #000;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: 150px;
  margin: 0;
  font-size: 62.5%;
  box-sizing: border-box;
}

img {
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

/* ---------------------------- */
/* font
/* ---------------------------- */
/* 変更 */
main .l-inner {
  margin: 0 auto;
}

main .l-inner * {
  box-sizing: border-box;
}

main .l-inner article {
  width: 100%;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.ftool-wrapper {
  background-color: #fff;
}

.ftool-wrapper p {
  line-height: 1em;
}

.ftool-wrapper .col--02--C {
  width: auto;
}

/*fix*/
.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger {
  opacity: 0;
}

.fadeIn {
  -webkit-animation-name: fadeInAnime;
  animation-name: fadeInAnime;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeUp {
  -webkit-animation-name: fadeUpAnime;
  animation-name: fadeUpAnime;
  -webkit-animation-duration: 2.5s;
  /* ここを変更 */
  animation-duration: 2.5s;
  /* ここも変更 */
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.delay-time02 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.delay-time03 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.delay-time04 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.delay-time05 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay-time06 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

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

.delay-time1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.delay-time12 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.delay-time14 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.delay-time18 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.delay-time2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.delay-time22 {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}

.delay-time3 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.delay-time35 {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.delay-time4 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.delay-time45 {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.box-wrapper {
  font-family: "a-otf-ryumin-pr6n", serif;
  font-weight: 400;
  color: #5b5b5b;
}
.box-wrapper *,
.box-wrapper *::before,
.box-wrapper *::after {
  box-sizing: border-box;
}
.box-wrapper * {
  margin: 0;
}
.box-wrapper html,
.box-wrapper body {
  height: 100%;
}
.box-wrapper body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.box-wrapper img,
.box-wrapper picture,
.box-wrapper video,
.box-wrapper canvas,
.box-wrapper svg {
  display: block;
  max-width: 100%;
}
.box-wrapper input,
.box-wrapper button,
.box-wrapper textarea,
.box-wrapper select {
  font: inherit;
}
.box-wrapper p,
.box-wrapper h1,
.box-wrapper h2,
.box-wrapper h3,
.box-wrapper h4,
.box-wrapper h5,
.box-wrapper h6 {
  overflow-wrap: break-word;
}
.box-wrapper #root,
.box-wrapper #__next {
  isolation: isolate;
}
@media screen and (max-width: 750px) {
  .box-wrapper {
    padding-bottom: 0px;
  }
}
.box-wrapper * {
  color: var(--main-color);
  letter-spacing: 0.05em;
}
.box-wrapper a {
  text-decoration: none;
  cursor: pointer;
  transition: 0.4s;
}
.box-wrapper img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.box-wrapper li {
  list-style: none;
}
.box-wrapper .is-pc {
  display: block;
}
@media screen and (max-width: 750px) {
  .box-wrapper .is-pc {
    display: none;
  }
}
.box-wrapper .is-sp {
  display: none;
}
@media screen and (max-width: 750px) {
  .box-wrapper .is-sp {
    display: block;
  }
}
.box-wrapper .mt-100 {
  margin-top: 100px;
}
@media screen and (max-width: 750px) {
  .box-wrapper .mt-100 {
    margin-top: 0;
  }
}
.box-wrapper .logo {
  width: 9.375vw;
  max-width: 160px;
  position: absolute;
  z-index: 99;
  bottom: 20px;
  right: 20px;
  transition: opacity 0.5s ease-in-out;
}
@media screen and (max-width: 750px) {
  .box-wrapper .logo {
    bottom: auto;
    top: 3%;
    right: auto;
    left: 25px;
    width: 100px;
  }
}
.box-wrapper .logo svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: #31269d !important;
}
.box-wrapper .logo svg rect {
  mix-blend-mode: difference;
}
.box-wrapper .header__logo.header__logo-white.is-active {
  display: none;
}
.box-wrapper .header__logo.header__logo-black {
  display: none;
}
.box-wrapper .header__logo.header__logo-black.is-active {
  display: block;
}
.box-wrapper .header__logo a {
  height: inherit;
}
.box-wrapper .ryumin {
  font-family: "A-OTF Ryumin Pr6N", "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", serif;
}
.box-wrapper p {
  line-height: 1.8;
}
.box-wrapper .credit {
  /* クレジットはCMS(#sec02〜#sec07)から流し込まれるため高さが不定。
     .credit-area が置き場所（枠）を持ち、.credit 自身は position を持たず通常フローで積む */
  width: 100%;
}
.box-wrapper .credit .col--02--C {
  display: flex;
  flex-wrap: wrap;
  column-gap: 80px;
  row-gap: 11px;
}
.box-wrapper .credit :is(.ftool-wrapper, .col--02--C, div):has(> .item_reference_b--tpl) {
  display: flex;
  flex-wrap: wrap;
  column-gap: 80px;
  row-gap: 11px;
}
.box-wrapper .credit .item_reference_b--tpl {
  margin: 0;
  /* サムネイル。box-wrapper の img { width:100% } に潰されないよう実寸で固定 */
}
.box-wrapper .credit .item_reference_b--tpl img {
  width: 57px;
  min-width: 57px;
  height: 67px;
  -o-object-fit: cover;
  object-fit: cover;
}
.box-wrapper .credit .ftool-wrapper {
  background-color: transparent;
}
.box-wrapper .credit .mb60 {
  margin-left: 0;
}
@media screen and (min-width: 751px) {
  .box-wrapper .swiper {
    position: absolute;
  }
  .box-wrapper .credit-area {
    /* デザイン実寸 482px（201px × 2列 + 隙間80px） */

    z-index: 2;
    margin-right: 5%;
  }
  .box-wrapper .shade {
    position: absolute;
  }
  .box-wrapper .shade img {
    position: relative;
  }
  .box-wrapper .shade img.back {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(3.0555555556vw, 3.0555555556vw);
  }
  .box-wrapper .shade img.back.rev {
    transform: translate(-3.0555555556vw, 3.0555555556vw);
  }
  .box-wrapper #hero {
    position: relative;
  }
  .box-wrapper #hero .hero-bg {
    position: relative;
  }
  .box-wrapper #hero .hero-logo {
    position: absolute;
  }
  .box-wrapper #hero .hero-logo.logo01 {
    width: 27.0833333333%;
    top: 15.9027777778vw;
    left: 13.4027777778%;
  }
  .box-wrapper #hero .hero-logo.logo02 {
    width: 11.5277777778%;
    top: 29.1666666667vw;
    left: 21.6666666667%;
  }
  .box-wrapper #intro {
    position: relative;
    padding-top: 7.5vw;
    padding-bottom: 17.2222222222vw;
  }
  .box-wrapper #intro .intro-desc {
    text-align: center;
    font-size: max(12px, 0.8333333333vw);
  }
  .box-wrapper #intro .intro-anchor {
    margin-top: 9.1666666667vw;
    display: flex;
    justify-content: center;
    gap: 3.4027777778vw;
  }
  .box-wrapper #intro .intro-anchor__item {
    flex-shrink: 0;
    width: 15.4861111111vw;
  }
  .box-wrapper #intro .intro-anchor__number {
    width: 22px;
    margin: 0 auto;
  }
  .box-wrapper #intro .intro-anchor__ttl {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #887e78;
  }
  .box-wrapper #intro .intro-anchor__img {
    margin-top: 15px;
  }
  .box-wrapper #intro .intro-anchor__arrow {
    margin: 1.0416666667vw auto 0;
    width: 1.0416666667vw;
  }
  .box-wrapper #intro .intro-cta {
    margin: 120px auto 0;
    max-width: 900px;
    padding: 53px 0;
    border: 1px solid #e7e7e7;
  }
  .box-wrapper #intro .intro-lead {
    text-align: center;
    font-size: 20px;
  }
  .box-wrapper #intro .intro-link {
    margin: 20px auto 0;
    width: 264px;
    height: 42px;
    border-radius: 5px;
    background-color: #987e6c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    gap: 10px;
  }
  .box-wrapper #intro .intro-link::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    transform: rotate(45deg);
  }
  .box-wrapper #look01 {
    position: relative;
    height: 165vw;
  }
  .box-wrapper #look01 > img {
    position: absolute;
  }
  .box-wrapper #look01 .look01-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
  .box-wrapper #look01 .look01-obj {
    width: 289px;
    position: absolute;
    bottom: -14.1666666667vw;
    right: 0;
  }
  .box-wrapper #look01 .look01-number {
    width: 10.1388888889vw;
    top: 2.7777777778vw;
    left: 14.6527777778vw;
  }
  .box-wrapper #look01 .look01-text {
    width: 30.5555555556vw;
    position: absolute;
    right: 0;
    top: 38.6805555556vw;
  }
  .box-wrapper #look01 .look01-img.img01 {
    width: 53.4722222222vw;
    top: 7.3611111111vw;
    left: 25vw;
  }
  .box-wrapper #look01 .look01-img.img02 {
    width: 17.5694444444vw;
    top: 51.5972222222vw;
    left: 13.8888888889vw;
  }
  .box-wrapper #look01 .look01-img.img03 {
    width: 40.9722222222vw;
    top: 60.0694444444vw;
    right: 5.5555555556vw;
  }
  .box-wrapper #look01 .look01-img.img04 {
    width: 40.9722222222vw;
    bottom: 26.5277777778vw;
    left: 5.5555555556vw;
  }
  .box-wrapper #look01 .look01-img.img05 {
    width: 33.5416666667vw;
    right: 5.5555555556vw;
    bottom: 0;
  }
  .box-wrapper #look01 .credit-area {
    position: absolute;
    left: 5.5555555556vw;
    top: 141.3194444444vw;
  }
  .box-wrapper #look02 {
    position: relative;
    height: 259.2361111111vw;
    margin-top: 18.0555555556vw;
  }
  .box-wrapper #look02 > img {
    position: absolute;
  }
  .box-wrapper #look02 .look02-bg {
    top: 17.5694444444vw;
    width: 100%;
    position: absolute;
    left: 0;
  }
  .box-wrapper #look02 .look02-obj {
    width: 20.2777777778vw;
    right: 0;
    bottom: -9.375vw;
  }
  .box-wrapper #look02 .look02-number {
    width: 10.1388888889vw;
    top: 0;
    left: 14.6527777778vw;
  }
  .box-wrapper #look02 .look02-img.img01 {
    width: 53.4722222222vw;
    top: 8.1944444444vw;
    right: 21.5277777778vw;
  }
  .box-wrapper #look02 .look02-img.img02 {
    top: 63.8888888889vw;
    left: 5.5555555556vw;
    width: 44.5833333333vw;
  }
  .box-wrapper #look02 .look02-img.img03 {
    width: 37.9861111111vw;
    top: 106.3194444444vw;
    right: 5.5555555556vw;
  }
  .box-wrapper #look02 .look02-img.img04 {
    width: 37.9861111111vw;
    left: 5.5555555556vw;
    top: 165.9722222222vw;
  }
  .box-wrapper #look02 .look02-img.img05 {
    top: 195.5555555556vw;
    right: 5.2777777778vw;
    width: 44.5833333333vw;
    z-index: 1;
  }
  .box-wrapper #look02 .look02-text {
    width: 68.0555555556vw;
    bottom: 0;
    left: 0;
  }
  .box-wrapper #look02 .credit-area {
    position: absolute;
    left: 5.5555555556vw;
  }
  .box-wrapper #look02 .credit-area.area01 {
    top: 125.5555555556vw;
  }
  .box-wrapper #look02 .credit-area.area02 {
    top: 218.8888888889vw;
  }
  .box-wrapper #look03 {
    position: relative;
    height: 321.25vw;
    margin-top: 18.0555555556vw;
  }
  .box-wrapper #look03 > img {
    position: absolute;
  }
  .box-wrapper #look03 .look03-bg {
    top: 19.5833333333vw;
    width: 100%;
    left: 0;
  }
  .box-wrapper #look03 .look03-number {
    width: 10.1388888889vw;
    top: -0.6944444444vw;
    left: 14.6527777778vw;
  }
  .box-wrapper #look03 .look03-img.img01 {
    top: 7.3611111111vw;
    width: 37.9861111111vw;
    right: 11.875vw;
  }
  .box-wrapper #look03 .look03-img.img02 {
    width: 40.9722222222vw;
    top: 47.3611111111vw;
    left: 5.5555555556vw;
  }
  .box-wrapper #look03 .look03-img.img03 {
    width: 35.5555555556vw;
    top: 85.625vw;
    right: 5.5555555556vw;
  }
  .box-wrapper #look03 .look03-img.img04 {
    left: 5.6944444444vw;
    width: 44.4444444444vw;
    top: 131.3194444444vw;
    z-index: 1;
  }
  .box-wrapper #look03 .look03-img.img05 {
    left: 5.5555555556vw;
    width: 35.5555555556vw;
    top: 209.6527777778vw;
    z-index: 1;
  }
  .box-wrapper #look03 .look03-img.img06 {
    right: 5.5555555556vw;
    width: 44.4444444444vw;
    top: 229.9305555556vw;
    z-index: 1;
  }
  .box-wrapper #look03 .look03-img.img07 {
    left: 11.3194444444vw;
    width: 29.7916666667vw;
    bottom: 0;
  }
  .box-wrapper #look03 .credit-area {
    position: absolute;
    right: 5.5555555556vw;
  }
  .box-wrapper #look03 .credit-area.area01 {
    top: 152.7777777778vw;
  }
  .box-wrapper #look03 .credit-area.area02 {
    top: 291.3888888889vw;
  }
  .box-wrapper #look04 {
    position: relative;
    height: 242.5vw;
    margin-top: 18.0555555556vw;
  }
  .box-wrapper #look04 > img {
    position: absolute;
  }
  .box-wrapper #look04 .look04-bg {
    width: 100%;
    top: 4.3055555556vw;
    position: absolute;
    left: 0;
  }
  .box-wrapper #look04 .look04-obj {
    position: absolute;
    width: 20.2777777778vw;
    bottom: 30.3472222222vw;
    right: 0;
  }
  .box-wrapper #look04 .look04-number {
    width: 10.1388888889vw;
    top: 0;
    left: 14.6527777778vw;
  }
  .box-wrapper #look04 .look04-img.img01 {
    width: 37.9861111111vw;
    top: 11.1805555556vw;
    right: 11.875vw;
  }
  .box-wrapper #look04 .look04-img.img02 {
    left: 5.4861111111vw;
    width: 40.9722222222vw;
    top: 51.1111111111vw;
  }
  .box-wrapper #look04 .look04-img.img03 {
    right: 5.3472222222vw;
    width: 29.7916666667vw;
    top: 89.6527777778vw;
  }
  .box-wrapper #look04 .look04-img.img04 {
    width: 75.9722222222vw;
    top: 143.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .box-wrapper #look04 .look04-img.img05 {
    width: 39.5833333333vw;
    bottom: 0;
    left: 5.5555555556vw;
  }
  .box-wrapper #look04 .look04-text {
    width: 52.2222222222vw;
    top: 129.0277777778vw;
    left: 0;
  }
  .box-wrapper #look04 .credit-area {
    position: absolute;
    right: 5.5555555556vw;
    top: 221.5972222222vw;
  }
  .box-wrapper #outro {
    padding-top: 11.7361111111vw;
    padding-bottom: 13.4722222222vw;
  }
  .box-wrapper #outro .outro-staff {
    font-size: max(12px, 0.8333333333vw);
    text-align: center;
  }
  .box-wrapper #outro .outro-cta {
    margin: 120px auto 0;
    max-width: 900px;
    padding: 53px 0;
    border: 1px solid #e7e7e7;
  }
  .box-wrapper #outro .outro-lead {
    text-align: center;
    font-size: 20px;
  }
  .box-wrapper #outro .outro-desc {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    color: rgba(91, 91, 91, 0.8);
  }
  .box-wrapper #outro .outro-link {
    margin: 20px auto 0;
    width: 264px;
    height: 42px;
    border-radius: 5px;
    background-color: #987e6c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    gap: 10px;
  }
  .box-wrapper #outro .outro-link::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    transform: rotate(45deg);
  }
  .box-wrapper #profile {
    padding-top: 161px;
    padding-bottom: 161px;
    background-color: rgba(243, 243, 243, 0.4901960784);
  }
  .box-wrapper #profile .profile-container {
    margin: 0 auto;
    max-width: 757px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .box-wrapper #profile .profile-ttl {
    font-size: 26px;
    text-align: center;
    font-weight: 600;
  }
  .box-wrapper #profile .profile-img {
    margin-top: 68px;
  }
  .box-wrapper #profile .profile-desc {
    margin-top: 63px;
    font-size: 12px;
  }
  .box-wrapper #profile .profile-name {
    display: block;
    margin: 33px auto 0;
    width: 25px;
  }
  .box-wrapper #shop {
    padding-top: 118px;
    padding-bottom: 140px;
  }
  .box-wrapper #shop .shop-logo {
    margin: 0 auto;
    width: 134px;
  }
  .box-wrapper #shop .shop-desc {
    margin-top: 31px;
    text-align: center;
    font-size: 12px;
  }
  .box-wrapper #shop .shop-links {
    margin-top: 31px;
  }
  .box-wrapper #shop .shop-links__item {
    text-align: center;
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
  }
  .box-wrapper #shop .shop-links__item:first-child {
    width: 25px;
    margin: 0 auto 10px;
  }
  .box-wrapper #shop .shop-links__item a {
    display: inline-block;
    color: #5b5b5b;
    text-decoration: underline;
  }
  .box-wrapper #footer {
    margin: 0 5.5555555556vw;
    padding-top: 118px;
    padding-bottom: 118px;
    border-top: 1px solid rgba(111, 76, 46, 0.3019607843);
  }
  .box-wrapper #footer .footer-logo {
    width: 166px;
    margin: 0 auto;
  }
  .box-wrapper #footer .footer-links {
    margin-top: 31px;
    display: flex;
    justify-content: center;
    gap: 30px;
  }
  .box-wrapper #footer .footer-links__item {
    font-size: 12px;
    color: #5b5b5b;
    text-decoration: underline;
  }
  .box-wrapper #footer .footer-img {
    margin: 106px auto 0;
    width: 580px;
  }
}
@media screen and (max-width: 750px) {
  .box-wrapper section {
    container-type: inline-size;
  }
  .box-wrapper .credit-area {
    margin-right: 5%;
    max-width: 100%;
  }
  .box-wrapper .shade {
    position: relative;
  }
  .box-wrapper .shade img {
    position: relative;
  }
  .box-wrapper .shade img.back {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(3.8461538462cqw, 3.8461538462cqw);
  }
  .box-wrapper .shade img.back.rev {
    transform: translate(-3.8461538462cqw, 3.8461538462cqw);
  }
  .box-wrapper #hero {
    position: relative;
  }
  .box-wrapper #hero .hero-bg {
    position: relative;
  }
  .box-wrapper #hero .hero-logo {
    position: absolute;
  }
  .box-wrapper #hero .hero-logo.logo01 {
    width: 69.2307692308cqw;
    top: 76.9230769231cqw;
    left: 50%;
    transform: translateX(-50%);
  }
  .box-wrapper #hero .hero-logo.logo02 {
    width: 16.9230769231cqw;
    bottom: 21.7948717949cqw;
    left: 50%;
    transform: translateX(-50%);
  }
  .box-wrapper #intro {
    position: relative;
    padding-top: 12.8205128205cqw;
    padding-bottom: 16.4102564103cqw;
  }
  .box-wrapper #intro .intro-desc {
    text-align: center;
    font-size: 12px;
  }
  .box-wrapper #intro .intro-anchor {
    margin: 15.3846153846cqw 5.1282051282cqw 0;
    display: flex;
    justify-content: center;
    gap: 6.1538461538cqw 3.5897435897cqw;
    flex-wrap: wrap;
  }
  .box-wrapper #intro .intro-anchor__item {
    flex-shrink: 0;
    width: calc((100% - 3.5897435897cqw) / 2);
  }
  .box-wrapper #intro .intro-anchor__number {
    width: 20px;
    margin: 0 auto;
  }
  .box-wrapper #intro .intro-anchor__ttl {
    text-align: center;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #887e78;
    height: 43px;
  }
  .box-wrapper #intro .intro-anchor__img {
    margin-top: 15px;
  }
  .box-wrapper #intro .intro-anchor__arrow {
    margin: 15px auto 0;
    width: 3.5897435897cqw;
  }
  .box-wrapper #intro .intro-cta {
    margin: 60px 5.1282051282cqw 0;
    padding: 34px 34px 31px;
    border: 1px solid #e7e7e7;
  }
  .box-wrapper #intro .intro-lead {
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
  }
  .box-wrapper #intro .intro-link {
    margin: 20px auto 0;
    width: 264px;
    height: 42px;
    border-radius: 5px;
    background-color: #987e6c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    gap: 10px;
  }
  .box-wrapper #intro .intro-link::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    transform: rotate(45deg);
  }
  .box-wrapper #look01 {
    position: relative;
    padding-top: 6.1538461538cqw;
  }
  .box-wrapper #look01 > img {
    position: relative;
  }
  .box-wrapper #look01 .look01-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
  .box-wrapper #look01 .look01-obj {
    position: absolute;
    width: 37.6923076923cqw;
    position: absolute;
    bottom: -49.4871794872cqw;
    right: 0;
  }
  .box-wrapper #look01 .look01-number {
    width: 20cqw;
    margin-left: 5.1282051282cqw;
  }
  .box-wrapper #look01 .look01-text {
    position: absolute;
    width: 55.3846153846cqw;
    position: absolute;
    right: 0;
    top: 88.7179487179cqw;
  }
  .box-wrapper #look01 .look01-img.img01 {
    width: 79.4871794872cqw;
    margin: 10.5128205128cqw auto 0;
  }
  .box-wrapper #look01 .look01-img.img02 {
    margin-top: 13.8461538462cqw;
    width: 36.9230769231cqw;
  }
  .box-wrapper #look01 .look01-img.img03 {
    margin-top: 13.8461538462cqw;
    margin-left: auto;
    margin-right: 0;
    width: 74.8717948718cqw;
  }
  .box-wrapper #look01 .look01-img.img04 {
    margin-top: 16.1538461538cqw;
    margin-left: 5.1282051282cqw;
    width: 73.3333333333cqw;
  }
  .box-wrapper #look01 .look01-img.img05 {
    margin-top: 16.1538461538cqw;
    margin-left: 25.1282051282cqw;
    width: 69.7435897436cqw;
  }
  .box-wrapper #look01 .credit-area {
    margin-top: 7.4358974359cqw;
    margin-left: 25.1282051282cqw;
  }
  .box-wrapper #look02 {
    position: relative;
    margin-top: 14.6153846154cqw;
  }
  .box-wrapper #look02 > img {
    position: relative;
  }
  .box-wrapper #look02 .look02-bg {
    top: 111.0256410256cqw;
    width: 100%;
    position: absolute;
    left: 0;
  }
  .box-wrapper #look02 .look02-obj {
    position: absolute;
    width: 35.8974358974cqw;
    right: 0;
    bottom: -54.358974359cqw;
  }
  .box-wrapper #look02 .look02-number {
    width: 22.3076923077cqw;
    margin-left: 5.1282051282cqw;
  }
  .box-wrapper #look02 .look02-img.img01 {
    margin: 31px auto 0;
    width: 79.4871794872cqw;
  }
  .box-wrapper #look02 .look02-img.img02 {
    margin-top: 63px;
    width: 89.7435897436cqw;
  }
  .box-wrapper #look02 .look02-img.img03 {
    margin-top: 65px;
    margin-left: auto;
    margin-right: 0;
    width: 74.8717948718cqw;
  }
  .box-wrapper #look02 .look02-img.img04 {
    margin-top: 67px;
    width: 74.8717948718cqw;
  }
  .box-wrapper #look02 .look02-img.img05 {
    margin-top: 57px;
    margin-left: auto;
    margin-right: 0;
    width: 89.7435897436cqw;
  }
  .box-wrapper #look02 .look02-text {
    width: 93.5897435897cqw;
    margin-top: -2px;
  }
  .box-wrapper #look02 .credit-area {
    margin-top: 7.4358974359cqw;
  }
  .box-wrapper #look02 .credit-area.area01 {
    margin-left: 25.1282051282cqw;
  }
  .box-wrapper #look02 .credit-area.area02 {
    margin-left: 10.2564102564cqw;
  }
  .box-wrapper #look03 {
    position: relative;
    margin-top: 11.5384615385cqw;
  }
  .box-wrapper #look03 > img {
    position: relative;
  }
  .box-wrapper #look03 .look03-bg {
    position: absolute;
    top: 5.8974358974cqw;
    width: 100%;
    left: 0;
  }
  .box-wrapper #look03 .look03-obj {
    width: 40.2564102564cqw;
    top: 294.8717948718cqw;
    left: 0;
    position: absolute;
  }
  .box-wrapper #look03 .look03-number {
    width: 21.7948717949cqw;
    margin-left: 5.1282051282cqw;
  }
  .box-wrapper #look03 .look03-img.img01 {
    margin: 6.1538461538cqw auto 0;
    width: 79.4871794872cqw;
  }
  .box-wrapper #look03 .look03-img.img02 {
    margin-top: 16.1538461538cqw;
    width: 74.8717948718cqw;
  }
  .box-wrapper #look03 .look03-img.img03 {
    margin-top: 15.8974358974cqw;
    width: 64.6153846154cqw;
    margin-left: 25.1282051282cqw;
  }
  .box-wrapper #look03 .look03-img.img04 {
    margin-top: 16.1538461538cqw;
    width: 89.7435897436cqw;
    z-index: 1;
  }
  .box-wrapper #look03 .look03-img.img05 {
    margin-top: 14.358974359cqw;
    margin-left: 5.1282051282cqw;
    width: 69.7435897436cqw;
  }
  .box-wrapper #look03 .look03-img.img06 {
    margin-top: 16.4102564103cqw;
    margin-left: auto;
    margin-right: 0;
    width: 95.3846153846cqw;
  }
  .box-wrapper #look03 .look03-img.img07 {
    margin-top: 16.4102564103cqw;
    width: 74.8717948718cqw;
  }
  .box-wrapper #look03 .credit-area {
    margin-top: 7.4358974359cqw;
    margin-left: 5.1282051282cqw;
  }
  .box-wrapper #look04 {
    position: relative;
    margin-top: 10.2564102564cqw;
  }
  .box-wrapper #look04 > img {
    position: relative;
  }
  .box-wrapper #look04 .look04-bg {
    width: 100%;
    top: 11.7948717949cqw;
    position: absolute;
    left: 0;
  }
  .box-wrapper #look04 .look04-obj {
    position: absolute;
    width: 38.7179487179cqw;
    bottom: 128.2051282051cqw;
    right: 0;
  }
  .box-wrapper #look04 .look04-number {
    width: 21.7948717949cqw;
    margin-left: 3.8461538462cqw;
  }
  .box-wrapper #look04 .look04-img.img01 {
    margin: 30px auto 0;
    width: 79.2307692308cqw;
  }
  .box-wrapper #look04 .look04-img.img02 {
    margin-top: 63px;
    width: 94.8717948718cqw;
  }
  .box-wrapper #look04 .look04-img.img03 {
    margin-top: 62px;
    width: 69.7435897436cqw;
    margin-left: 98px;
  }
  .box-wrapper #look04 .look04-img.img04 {
    margin-top: 16px;
  }
  .box-wrapper #look04 .look04-img.img05 {
    margin: 62px auto 0;
    width: 89.7435897436cqw;
  }
  .box-wrapper #look04 .look04-text {
    margin-top: 54px;
    width: 79.7435897436cqw;
  }
  .box-wrapper #look04 .credit-area {
    margin-top: 7.4358974359cqw;
    margin-left: 5.3846153846cqw;
  }
  .box-wrapper #outro {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .box-wrapper #outro .outro-staff {
    font-size: 12px;
    text-align: center;
  }
  .box-wrapper #outro .outro-cta {
    margin: 58px 5.1282051282cqw 0;
    padding: 35px 0;
    border: 1px solid #e7e7e7;
  }
  .box-wrapper #outro .outro-lead {
    text-align: center;
    font-size: 16px;
  }
  .box-wrapper #outro .outro-lead span {
    display: inline-block;
  }
  .box-wrapper #outro .outro-lead.lead02 {
    margin-top: 20px;
  }
  .box-wrapper #outro .outro-desc {
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    color: rgba(91, 91, 91, 0.8);
  }
  .box-wrapper #outro .outro-link {
    margin: 20px auto 0;
    width: 264px;
    height: 42px;
    border-radius: 5px;
    background-color: #987e6c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    gap: 10px;
  }
  .box-wrapper #outro .outro-link::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    transform: rotate(45deg);
  }
  .box-wrapper #profile {
    padding-top: 53px;
    padding-bottom: 47px;
    background-color: rgba(243, 243, 243, 0.4901960784);
  }
  .box-wrapper #profile .profile-container {
    margin: 0 5.1282051282vw;
  }
  .box-wrapper #profile .profile-ttl {
    margin-top: 30px;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
  }
  .box-wrapper #profile .profile-desc {
    margin-top: 15px;
    font-size: 12px;
    text-align: center;
  }
  .box-wrapper #profile .profile-name {
    display: block;
    margin: 15px auto 0;
    width: 30px;
  }
  .box-wrapper #shop {
    padding-top: 52px;
    padding-bottom: 104px;
  }
  .box-wrapper #shop .shop-logo {
    margin: 0 auto;
    width: 90px;
  }
  .box-wrapper #shop .shop-desc {
    margin-top: 18px;
    text-align: center;
    font-size: 12px;
  }
  .box-wrapper #shop .shop-links {
    margin-top: 18px;
  }
  .box-wrapper #shop .shop-links__item {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
  }
  .box-wrapper #shop .shop-links__item:first-child {
    width: 30px;
    margin: 0 auto 10px;
  }
  .box-wrapper #shop .shop-links__item a {
    display: inline-block;
    color: #5b5b5b;
    text-decoration: underline;
  }
  .box-wrapper #footer {
    margin: 0 5.1282051282vw;
    padding-top: 76px;
    padding-bottom: 76px;
    border-top: 1px solid rgba(111, 76, 46, 0.3019607843);
  }
  .box-wrapper #footer .footer-logo {
    width: 159px;
    margin: 0 auto;
  }
  .box-wrapper #footer .footer-links {
    margin-top: 31px;
    display: flex;
    justify-content: center;
    gap: 26px;
    flex-wrap: wrap;
    padding: 0 5.1282051282cqw;
  }
  .box-wrapper #footer .footer-links__item {
    font-size: 14px;
    color: #5b5b5b;
    text-decoration: underline;
  }
  .box-wrapper #footer .footer-img {
    margin: 120px auto 0;
    width: 341px;
  }
}