@charset "UTF-8";
#content div,
#content span,
#content object,
#content iframe,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content blockquote,
#content pre,
#content abbr,
#content address,
#content cite,
#content code,
#content del,
#content dfn,
#content em,
#content img,
#content ins,
#content kbd,
#content q,
#content samp,
#content small,
#content strong,
#content sub,
#content sup,
#content var,
#content b,
#content i,
#content dl,
#content dt,
#content dd,
#content ol,
#content ul,
#content li,
#content fieldset,
#content form,
#content label,
#content legend,
#content table,
#content caption,
#content tbody,
#content tfoot,
#content thead,
#content tr,
#content th,
#content td,
#content article,
#content aside,
#content canvas,
#content details,
#content figcaption,
#content figure,
#content footer,
#content header,
#content hgroup,
#content menu,
#content nav,
#content section,
#content summary,
#content time,
#content mark,
#content audio,
#content video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  color: #333;
  font-family: "Shippori Mincho", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
#content #wrapper {
  container-type: inline-size;
  position: relative;
  overflow: hidden;
  max-width: 1366px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #content .sp {
    display: none !important;
  }
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .pc {
    display: none !important;
  }
}
#content .fv {
  background: #d4ebf2;
  width: min(100cqw, 1366px);
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv {
    width: max(100cqw, 375px);
    overflow: hidden;
  }
}
#content .fv__inner {
  display: flex;
  align-items: center;
  gap: min(4.39238653cqw, 60px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__inner {
    flex-direction: column;
  }
}
#content .fv__title {
  position: absolute;
  z-index: 2;
  top: min(35.8711566618cqw, 490px);
  right: min(7.027818448cqw, 96px);
  width: min(10.1756954612cqw, 139px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__title {
    width: max(29.8666666667cqw, 112px);
    top: max(7.4666666667cqw, 28px);
    right: max(4cqw, 15px);
  }
}
#content .fv__photo {
  width: min(32.7964860908cqw, 448px);
  margin-left: min(15.0073206442cqw, 205px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__photo {
    width: 100%;
    margin: 0 auto;
  }
}
#content .fv__lead {
  text-align: center;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__lead {
    margin-top: min(-8.5333333333cqw, -32px);
    width: max(80cqw, 300px);
  }
}
#content .fv__label-img {
  display: block;
  width: min(26.8667642753cqw, 367px);
  margin: 0 auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__label-img {
    width: max(79.4666666667cqw, 298px);
  }
}
#content .fv__text {
  margin-top: min(2.4890190337cqw, 34px);
  font-size: min(1.1713030747cqw, 16px);
  line-height: min(2.196193265cqw, 30px);
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__text {
    margin-top: max(8.2666666667cqw, 31px);
    font-size: max(3.4666666667cqw, 13px);
    line-height: max(6.4cqw, 24px);
    text-align: left;
  }
  #content .fv__text br {
    display: none;
  }
}
#content .coord {
  background: #d4ebf2;
  width: min(100cqw, 1366px);
  padding-top: min(7.3206442167cqw, 100px);
  padding-bottom: min(7.3206442167cqw, 100px);
  margin: 0 auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord {
    padding-top: max(14.1333333333cqw, 53px);
    padding-bottom: max(0cqw, 0px);
  }
}
#content .coord__list {
  display: flex;
  gap: min(3.513909224cqw, 48px);
  justify-content: center;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__list {
    flex-wrap: wrap;
    gap: max(3.7333333333cqw, 14px);
    row-gap: max(4.5333333333cqw, 17px);
  }
}
#content .coord__item {
  width: min(12.2254758419cqw, 167px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__item {
    width: max(37.8666666667cqw, 142px);
  }
  #content .coord__item:nth-child(2) {
    position: relative;
    top: max(20.2666666667cqw, 76px);
  }
  #content .coord__item:nth-child(3) {
    margin-bottom: min(-6.9333333333cqw, -26px);
  }
  #content .coord__item:nth-child(4) {
    margin-top: max(20.2666666667cqw, 76px);
    margin-bottom: min(-27.2cqw, -102px);
  }
}
#content .coord__photo {
  position: relative;
}
#content .coord__num {
  position: absolute;
  z-index: 2;
  display: block;
  width: min(1.8301610542cqw, 25px);
  pointer-events: none;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__num {
    width: max(5.8666666667cqw, 22px);
  }
}
#content .coord__num--01 {
  top: max(-1.3909224012cqw, -19px);
  right: min(0.7320644217cqw, 10px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__num--01 {
    top: min(-4.2666666667cqw, -16px);
    right: max(2.6666666667cqw, 10px);
  }
}
#content .coord__num--02 {
  top: min(2.7818448023cqw, 38px);
  right: max(-0.2928257687cqw, -4px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__num--02 {
    top: max(10.1333333333cqw, 38px);
    right: min(-1.0666666667cqw, -4px);
  }
}
#content .coord__num--03 {
  top: min(9.5168374817cqw, 130px);
  left: max(-0.5856515373cqw, -8px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__num--03 {
    top: max(34.6666666667cqw, 130px);
    left: min(-2.1333333333cqw, -8px);
  }
}
#content .coord__num--04 {
  top: min(1.0248901903cqw, 14px);
  left: min(1.317715959cqw, 18px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__num--04 {
    top: max(3.7333333333cqw, 14px);
    left: min(4.8cqw, 18px);
  }
}
#content .coord__title {
  margin-top: min(0.7320644217cqw, 10px);
  text-align: center;
  font-size: min(1.0248901903cqw, 14px);
  line-height: min(1.3909224012cqw, 19px);
  color: #000;
  font-weight: 500;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__title {
    font-weight: normal;
    margin-top: max(2.1333333333cqw, 8px);
    font-size: max(3.4666666667cqw, 13px);
    line-height: max(4.8cqw, 18px);
  }
}
#content .scroll {
  display: flex;
  justify-content: center;
}
#content .scroll__line {
  position: relative;
  width: 1px;
  top: min(-1.4641288433cqw, -20px);
  height: min(7.3206442167cqw, 100px);
  overflow: hidden;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .scroll__line {
    top: 0;
    margin-top: max(40cqw, 150px);
    height: max(21.3333333333cqw, 80px);
  }
}
#content .scroll__line::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  animation: scrollLine 1.8s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@keyframes scrollLine {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  45% {
    transform: scaleY(1);
    transform-origin: top;
  }
  45.1% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  90%, 100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
#content .detail {
  padding-top: min(5.8565153734cqw, 80px);
  padding-bottom: min(8.78477306cqw, 120px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail {
    padding-top: max(16cqw, 60px);
    padding-bottom: max(21.3333333333cqw, 80px);
  }
}
#content .detail__inner {
  margin: 0 auto;
}
#content .detail__head {
  width: min(17.5695461201cqw, 240px);
  margin-left: min(30.9663250366cqw, 423px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__head {
    width: max(44.8cqw, 168px);
    margin-left: max(8cqw, 30px);
  }
}
#content .detail__hero {
  width: min(38.0673499268cqw, 520px);
  margin-top: min(5.4172767204cqw, 74px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__hero {
    width: 100%;
    margin-top: max(7.4666666667cqw, 28px);
  }
}
#content .detail__comment {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(7.3206442167cqw, 100px);
  margin-top: min(7.3206442167cqw, 100px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__comment {
    flex-direction: column-reverse;
    margin-top: max(10.6666666667cqw, 40px);
    gap: max(10.6666666667cqw, 40px);
  }
}
#content .detail__comment-text {
  width: min(20.2049780381cqw, 276px);
  font-size: min(0.878477306cqw, 12px);
  line-height: min(1.756954612cqw, 24px);
  color: #4b4b4b;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  text-align: left;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__comment-text {
    width: max(73.6cqw, 276px);
    font-size: max(3.2cqw, 12px);
    line-height: max(6.4cqw, 24px);
  }
}
#content .detail__comment-photo {
  width: min(22.4011713031cqw, 306px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__comment-photo {
    width: max(64cqw, 240px);
    margin-left: auto;
  }
}
#content .detail__side-copy {
  position: absolute;
  top: min(6.8814055637cqw, 94px);
  left: min(17.2035139092cqw, 235px);
  width: min(4.9048316252cqw, 67px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__side-copy {
    top: max(76cqw, 285px);
    left: max(13.0666666667cqw, 49px);
    width: max(11.7333333333cqw, 44px);
  }
}
#content .detail__point-text {
  width: min(20.2049780381cqw, 276px);
  margin: 0 auto;
  margin-top: min(4.39238653cqw, 60px);
  font-size: min(0.878477306cqw, 12px);
  line-height: min(1.756954612cqw, 24px);
  text-align: left;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__point-text {
    width: max(73.6cqw, 276px);
    font-size: max(3.2cqw, 12px);
    line-height: max(6.4cqw, 24px);
    margin-top: max(10.6666666667cqw, 40px);
  }
}
#content .detail__point-photo {
  width: min(15.6661786237cqw, 214px);
  margin-left: auto;
  margin-right: min(30.0878477306cqw, 411px);
  margin-top: min(8.4919472914cqw, 116px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__point-photo {
    margin-top: max(10.6666666667cqw, 40px);
    width: max(57.0666666667cqw, 214px);
    margin-left: 0;
  }
}
#content .detail__pickup-photo {
  width: min(30.4538799414cqw, 416px);
  margin: 0 auto;
  margin-top: min(5.8565153734cqw, 80px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__pickup-photo {
    width: max(84.2666666667cqw, 316px);
    margin-top: max(10.6666666667cqw, 40px);
  }
}
#content .detail__credit {
  width: min(25.1830161054cqw, 344px);
  margin: 0 auto;
  margin-top: min(3.2942898975cqw, 45px);
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
}
#content .detail__credit.is-open {
  border-bottom-color: transparent;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit {
    width: max(84.2666666667cqw, 316px);
    margin-top: max(8.5333333333cqw, 32px);
  }
}
#content .detail__credit-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: min(1.756954612cqw, 24px);
  padding-bottom: min(1.756954612cqw, 24px);
  border: 0;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  font-family: "Shippori Mincho", serif;
  font-size: min(0.9516837482cqw, 13px);
  letter-spacing: 0.2em;
  color: #b4b4b4;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-head {
    padding-top: max(6.4cqw, 24px);
    padding-bottom: max(6.4cqw, 24px);
    font-size: max(3.2cqw, 12px);
  }
}
#content .detail__credit-label {
  color: #b4b4b4;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: min(0.878477306cqw, 12px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-label {
    font-size: max(3.2cqw, 12px);
  }
}
#content .detail__credit-icon {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: min(2.196193265cqw, 30px);
  height: min(0.9516837482cqw, 13px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-icon {
    width: max(8cqw, 30px);
  }
}
#content .detail__credit-icon::before, #content .detail__credit-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #b4b4b4;
}
#content .detail__credit-icon::before {
  width: min(2.196193265cqw, 30px);
  height: 1px;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-icon::before {
    width: max(8cqw, 30px);
  }
}
#content .detail__credit-icon::after {
  width: 1px;
  height: min(2.196193265cqw, 30px);
  transition: opacity 0.2s;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-icon::after {
    height: max(8cqw, 30px);
  }
}
#content .detail__credit-head.is-open .detail__credit-icon::after {
  opacity: 0;
}
#content .detail__credit-body {
  display: none;
}
#content .detail__credit-cat {
  padding-bottom: min(1.1713030747cqw, 16px);
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: min(0.878477306cqw, 12px);
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-cat {
    padding-bottom: max(4.2666666667cqw, 16px);
    font-size: max(3.2cqw, 12px);
  }
}
#content .detail__credit-item {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding-bottom: min(1.1713030747cqw, 16px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-item {
    padding-bottom: max(4.2666666667cqw, 16px);
  }
}
#content .detail__credit-info {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: min(0.878477306cqw, 12px);
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-info {
    font-size: max(3.2cqw, 12px);
  }
}
#content .detail__credit-name {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
#content .detail__credit-price {
  margin-top: min(0.2928257687cqw, 4px);
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-price {
    margin-top: max(1.0666666667cqw, 4px);
  }
}
#content .detail__credit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(7.3206442167cqw, 100px);
  height: min(1.2445095168cqw, 17px);
  background: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: min(0.7320644217cqw, 10px);
  color: #fff;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-btn {
    width: max(26.6666666667cqw, 100px);
    height: max(4.5333333333cqw, 17px);
    font-size: max(2.6666666667cqw, 10px);
    padding-bottom: max(0.5333333333cqw, 2px);
  }
}
#content .detail--02 {
  background-color: #f5f7f7;
}
#content .detail--02 .detail__head {
  width: min(19.0336749634cqw, 260px);
  margin: 0 auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--02 .detail__head {
    width: max(48.5333333333cqw, 182px);
    margin-left: max(8cqw, 30px);
  }
}
#content .detail--02 .detail__comment {
  display: flex;
  align-items: stretch;
  justify-content: left;
  gap: min(16.6910688141cqw, 228px);
  margin-top: min(10.1756954612cqw, 139px);
  margin-left: min(22.7672035139cqw, 311px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--02 .detail__comment {
    flex-direction: column;
    margin: 0 auto;
    margin-top: max(10.6666666667cqw, 40px);
    gap: max(10.6666666667cqw, 40px);
  }
}
#content .detail--02 .detail__comment-text {
  width: min(20.2049780381cqw, 276px);
  font-size: min(0.878477306cqw, 12px);
  line-height: min(1.756954612cqw, 24px);
  margin-top: max(-4.9048316252cqw, -67px);
  color: #4b4b4b;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  text-align: left;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--02 .detail__comment-text {
    width: max(73.6cqw, 276px);
    font-size: max(3.2cqw, 12px);
    line-height: max(6.4cqw, 24px);
    margin: 0 auto;
  }
}
#content .detail--02 .detail__comment-photo {
  width: min(15.6661786237cqw, 214px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--02 .detail__comment-photo {
    width: max(57.0666666667cqw, 214px);
    margin-left: auto;
  }
}
#content .detail--02 .detail__point {
  position: relative;
  margin-top: min(8.4919472914cqw, 116px);
}
#content .detail--02 .detail__point-media {
  position: relative;
  width: min(25.9150805271cqw, 354px);
  margin: 0 auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--02 .detail__point-media {
    width: max(73.6cqw, 276px);
  }
}
#content .detail--02 .detail__point-photo {
  width: 100%;
}
#content .detail--02 .detail__point-photo--02 {
  margin-top: min(1.5373352855cqw, 21px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--02 .detail__point-photo--02 {
    margin-top: max(4.2666666667cqw, 16px);
  }
}
#content .detail--02 .detail__side-copy {
  position: absolute;
  z-index: 1;
  left: auto;
  top: min(25.9882869693cqw, 355px);
  right: min(-3.4407027818cqw, -47px);
  width: min(4.9048316252cqw, 67px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--02 .detail__side-copy {
    top: max(90.4cqw, 339px);
    right: min(6.1333333333cqw, 23px);
    width: max(11.7333333333cqw, 44px);
  }
}
#content .detail--02 .detail__point-text {
  margin-top: min(4.39238653cqw, 60px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--02 .detail__point-text {
    width: max(73.6cqw, 276px);
    margin-top: max(10.6666666667cqw, 40px);
  }
}
#content .detail--03 .detail__head {
  width: min(21.9619326501cqw, 300px);
  margin: 0 auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__head {
    width: max(56cqw, 210px);
    margin-left: max(8cqw, 30px);
  }
}
#content .detail--03 .detail__comment {
  position: relative;
  align-items: flex-start;
  gap: min(16.7642752562cqw, 229px);
  margin-top: min(7.2474377745cqw, 99px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__comment {
    flex-direction: column;
    gap: max(10.6666666667cqw, 40px);
    margin: 0 auto;
  }
}
#content .detail--03 .detail__comment-text {
  margin-top: min(26.0614934114cqw, 356px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__comment-text {
    margin-top: max(10.6666666667cqw, 40px);
    width: 100%;
    padding-left: max(13.2cqw, 49.5px);
    padding-right: max(13.2cqw, 49.5px);
  }
}
#content .detail--03 .detail__comment-photo {
  order: 1;
  width: min(21.9619326501cqw, 300px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__comment-photo {
    width: max(73.6cqw, 276px);
    margin-left: 0;
  }
}
#content .detail--03 .detail__side-copy {
  z-index: 1;
  left: auto;
  top: max(-9.8828696925cqw, -135px);
  right: min(16.1054172767cqw, 220px);
  width: min(4.9048316252cqw, 67px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__side-copy {
    top: max(82.4cqw, 309px);
    right: max(24.2666666667cqw, 91px);
    width: max(11.7333333333cqw, 44px);
  }
}
@media screen and (min-width: 769px) {
  #content .detail--03 .detail__point {
    display: flex;
    gap: min(7.3206442167cqw, 100px);
    justify-content: center;
    margin-top: min(8.1991215227cqw, 112px);
  }
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__point {
    display: flex;
    flex-direction: column;
    gap: max(10.6666666667cqw, 40px);
    margin-top: max(0cqw, 0px);
  }
}
#content .detail--03 .detail__point-photo {
  margin: 0;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__point-photo {
    margin: 0 auto;
    width: max(57.0666666667cqw, 214px);
  }
}
#content .detail--03 .detail__point-text {
  margin-top: min(15.5929721816cqw, 213px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__point-text {
    width: max(73.6cqw, 276px);
    margin-top: max(10.6666666667cqw, 40px);
  }
}
#content .detail--04 .detail__head {
  margin-left: min(40.775988287cqw, 557px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--04 .detail__head {
    width: max(44.8cqw, 168px);
    margin-left: max(8cqw, 30px);
  }
}
#content .detail--04 .detail__comment {
  margin-top: max(-2.4158125915cqw, -33px);
  margin-left: min(19.1068814056cqw, 261px);
  gap: min(18.8872620791cqw, 258px);
  justify-content: stretch;
  align-items: stretch;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--04 .detail__comment {
    flex-direction: column-reverse;
    gap: max(10.6666666667cqw, 40px);
    margin: 0 auto;
  }
}
#content .detail--04 .detail__comment-text {
  margin-top: min(18.8872620791cqw, 258px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--04 .detail__comment-text {
    margin: 0 auto;
    margin-top: max(10.6666666667cqw, 40px);
  }
}
#content .detail--04 .detail__comment-photo {
  order: 1;
  width: min(17.6427525622cqw, 241px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--04 .detail__comment-photo {
    width: max(57.0666666667cqw, 214px);
    margin-left: max(29.8666666667cqw, 112px);
  }
}
#content .detail--04 .detail__comment-body {
  order: 1;
}
#content .detail--04 .detail__side-copy {
  z-index: 1;
  left: min(16.9838945827cqw, 232px);
  top: min(12.5915080527cqw, 172px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--04 .detail__side-copy {
    left: max(13.3333333333cqw, 50px);
    top: max(90.1333333333cqw, 338px);
    width: max(11.7333333333cqw, 44px);
  }
}
#content .detail--04 .detail__point-photo {
  margin: 0 auto;
  margin-top: min(8.78477306cqw, 120px);
  width: min(29.7218155198cqw, 406px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--04 .detail__point-photo {
    width: max(77.0666666667cqw, 289px);
    margin-top: max(10.6666666667cqw, 40px);
    margin-left: 0;
  }
}
#content .outro__inner {
  margin: 0 auto;
  text-align: center;
}
#content .outro__list-link {
  display: block;
  width: min(24.5973645681cqw, 336px);
  margin: 0 auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__list-link {
    width: max(89.6cqw, 336px);
  }
}
#content .outro__message {
  margin-top: min(8.78477306cqw, 120px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__message {
    margin-top: max(21.3333333333cqw, 80px);
  }
}
#content .outro__ttl {
  display: flex;
  justify-content: center;
  width: min(9.3704245974cqw, 128px);
  margin: 0 auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__ttl {
    width: max(34.1333333333cqw, 128px);
  }
}
#content .outro__subttl {
  position: relative;
  z-index: 1;
  margin-top: min(0.7320644217cqw, 10px);
  font-size: min(1.0248901903cqw, 14px);
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__subttl {
    margin-top: max(2.6666666667cqw, 10px);
    font-size: max(3.7333333333cqw, 14px);
  }
}
#content .outro__visual {
  width: min(29.6486090776cqw, 405px);
  margin: 0 auto;
  margin-top: max(-0.3660322108cqw, -5px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__visual {
    width: max(75.7333333333cqw, 284px);
    margin-top: min(-1.3333333333cqw, -5px);
  }
}
#content .outro__lead {
  margin-top: min(2.9282576867cqw, 40px);
  text-align: center;
  font-size: min(0.878477306cqw, 12px);
  line-height: min(1.756954612cqw, 24px);
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__lead {
    margin-top: max(10.6666666667cqw, 40px);
    font-size: max(3.2cqw, 12px);
    line-height: max(6.4cqw, 24px);
  }
}
#content .outro__more {
  display: block;
  width: min(24.5973645681cqw, 336px);
  margin: 0 auto;
  margin-top: min(2.9282576867cqw, 40px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__more {
    width: max(89.6cqw, 336px);
    margin-top: max(10.6666666667cqw, 40px);
  }
}
#content .outro__staff {
  margin: 0 auto;
  margin-top: min(5.8565153734cqw, 80px);
  margin-bottom: min(5.8565153734cqw, 80px);
  width: min(20.0585651537cqw, 274px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__staff {
    margin-top: max(21.3333333333cqw, 80px);
    margin-bottom: max(21.3333333333cqw, 80px);
    width: max(73.0666666667cqw, 274px);
  }
}
html {
  scroll-behavior: smooth;
}

#content [id^=style] {
  scroll-margin-top: 60px;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content [id^=style] {
    scroll-margin-top: max(16cqw, 60px);
  }
}
#content .coord__link {
  display: block;
}
#content .coord__item {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}
#content .coord__list.is-show .coord__item {
  opacity: 1;
  transform: translateY(0);
}
#content .coord__list.is-show .coord__item:nth-child(1) {
  transition-delay: 0s;
}
#content .coord__list.is-show .coord__item:nth-child(2) {
  transition-delay: 0.15s;
}
#content .coord__list.is-show .coord__item:nth-child(3) {
  transition-delay: 0.3s;
}
#content .coord__list.is-show .coord__item:nth-child(4) {
  transition-delay: 0.45s;
}
#content .fv__photo {
  opacity: 0;
  transition: opacity 0.7s ease;
}
#content .fv.is-load .fv__photo {
  opacity: 1;
}
#content .fv__title {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.6s ease;
}
#content .fv.is-load .fv__title {
  clip-path: inset(0 0 0 0);
  transition-delay: 0.3s;
}
#content .fv__label,
#content .fv__copy,
#content .fv__text {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
#content .fv__lead.is-show .fv__label {
  opacity: 1;
  transform: none;
  transition-delay: 0.6s;
}
#content .fv__lead.is-show .fv__copy {
  opacity: 1;
  transform: none;
  transition-delay: 0.75s;
}
#content .fv__lead.is-show .fv__text {
  opacity: 1;
  transform: none;
  transition-delay: 0.9s;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__lead.is-show .fv__label {
    transition-delay: 1s;
  }
  #content .fv__lead.is-show .fv__copy {
    transition-delay: 1.15s;
  }
  #content .fv__lead.is-show .fv__text {
    transition-delay: 1.3s;
  }
}
#content .detail__hero,
#content .detail__comment-photo,
#content .detail__point-photo,
#content .detail__pickup-photo,
#content .outro__staff {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1);
}
#content .detail__hero.is-show,
#content .detail__comment-photo.is-show,
#content .detail__point-photo.is-show,
#content .detail__pickup-photo.is-show,
#content .outro__staff.is-show {
  opacity: 1;
  transform: none;
}
#content .js-fadeslide {
  position: relative;
}
#content .js-fadeslide .detail__fade2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 1.6s cubic-bezier(0.4, 0, 0.2, 1);
}
#content .js-fadeslide.is-on .detail__fade2 {
  opacity: 1;
}/*# sourceMappingURL=fashion.css.map */