@charset "UTF-8";
a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: inherit;
}
@media (hover: hover) {
  a:hover {
    cursor: pointer;
  }
}

picture,
img,
a,
span {
  display: inline-block;
}

video,
svg {
  width: 100%;
  height: 100%;
}

button {
  font: inherit;
  color: inherit;
  background: transparent;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  cursor: pointer;
}

input,
textarea,
select {
  font: inherit;
  color: inherit;
  vertical-align: top;
}

@media (min-width: 769px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
/* =============================================
共通バーツ
============================================= */
@media (min-width: 769px) {
  .pcOnly {
    display: block !important;
  }
  .spOnly {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
  .spOnly {
    display: block !important;
  }
}
.footer {
  margin-top: 0px !important;
}

.Wrapper {
  overflow: hidden;
  background-color: #FFF7F7;
  font-family: "Shippori Mincho", serif;
}

/* =============================================
見出し
============================================= */
.commonTit {
  position: relative;
  z-index: 2;
  font-size: 100px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 2px;
  text-align: center;
  color: #e98380;
  font-family: "Gowun Batang", serif;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonTit {
    font-size: 6.944vw;
    letter-spacing: 0.139vw;
  }
}
@media screen and (max-width: 768px) {
  .commonTit {
    font-size: 10.667vw;
    line-height: 1.25;
    letter-spacing: 0.213vw;
  }
}
.commonTit.ja {
  font-size: 50px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 3px;
  text-align: center;
  color: #ea827e;
  font-family: "Shippori Mincho", serif;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonTit.ja {
    font-size: 3.472vw;
    letter-spacing: 0.208vw;
  }
}
@media screen and (max-width: 768px) {
  .commonTit.ja {
    font-size: 6.133vw;
    line-height: 1.43;
    letter-spacing: 0.368vw;
  }
}
@media screen and (max-width: 768px) {
  .commonTit.commonDetail {
    font-size: 13.333vw;
    font-weight: 400;
    letter-spacing: 0.267vw;
  }
}
.commonTit .jaTheme {
  font-size: 38px;
  letter-spacing: 2.28px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonTit .jaTheme {
    font-size: 2.639vw;
    letter-spacing: 0.158vw;
  }
}
@media screen and (max-width: 768px) {
  .commonTit .jaTheme {
    font-size: 5.067vw;
    letter-spacing: 0.304vw;
  }
}

/* =============================================
スライダー
============================================= */
.commonProductWrap {
  position: relative;
}
.commonProductWrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0px;
  left: calc(50% - 1020px);
  width: 2062px;
  height: 902px;
  background: url(/innocenttime25aw/images/common/common-deco-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonProductWrap::before {
    left: calc(50% - 70.833vw);
    width: 143.194vw;
    height: 62.639vw;
  }
}
@media screen and (max-width: 768px) {
  .commonProductWrap::before {
    top: 0px;
    left: 0;
    width: 100%;
    height: 96.8vw;
    background: url(/innocenttime25aw/images/common/common-deco-deco@1x.png) no-repeat center center/cover;
  }
}

.common__swiper-container,
.common__swiper,
.common__swiper-wrapper,
.common__swiper-slide {
  position: relative;
}
.common__swiper-container.first::before,
.common__swiper.first::before,
.common__swiper-wrapper.first::before,
.common__swiper-slide.first::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 31px;
  left: -120px;
  width: 200px;
  height: 183px;
  background: url(/innocenttime25aw/images/common/common-badge@1x.png) no-repeat center center/cover;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .common__swiper-container.first::before,
  .common__swiper.first::before,
  .common__swiper-wrapper.first::before,
  .common__swiper-slide.first::before {
    top: 2.153vw;
    left: -8.333vw;
    width: 13.889vw;
    height: 12.708vw;
  }
}
@media screen and (max-width: 768px) {
  .common__swiper-container.first::before,
  .common__swiper.first::before,
  .common__swiper-wrapper.first::before,
  .common__swiper-slide.first::before {
    top: 0vw;
    left: -7.2vw;
    width: 30.667vw;
    height: 28.133vw;
    background: url(/innocenttime25aw/images/common/common-badge-sp.png) no-repeat center center/cover;
  }
}
.common__swiper-container.first.hovered::before,
.common__swiper.first.hovered::before,
.common__swiper-wrapper.first.hovered::before,
.common__swiper-slide.first.hovered::before {
  opacity: 0.6;
}

.common__swiper-container {
  max-width: 930px;
  margin-inline: auto;
  width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .common__swiper-container {
    max-width: 64.583vw;
  }
}
@media screen and (max-width: 768px) {
  .common__swiper-container {
    max-width: 100%;
  }
}

.common__swiper {
  overflow: visible;
}

.common__swiper-wrapper {
  -webkit-column-gap: 150px;
     -moz-column-gap: 150px;
          column-gap: 150px;
  width: 22.6% !important;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .common__swiper-wrapper {
    -webkit-column-gap: 10.417vw;
       -moz-column-gap: 10.417vw;
            column-gap: 10.417vw;
  }
}
@media screen and (max-width: 768px) {
  .common__swiper-wrapper {
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px;
    width: 100% !important;
  }
}

.swiper-button-prev1,
.swiper-button-next1,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  margin: 0;
  padding: 0;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
}

@media screen and (max-width: 768px) {
  .swiper-button-prev1,
  .swiper-button-next1 {
    z-index: 10;
    top: 34.3vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-button-prev {
    content: "";
    position: absolute;
    top: 34.3vw;
    left: 20.7vw;
    width: 4vw;
    height: 10.667vw;
    background: url(/innocenttime25aw/images/common/prev-sp.png) no-repeat center center/cover;
  }
}

@media screen and (max-width: 768px) {
  .swiper-button-next {
    content: "";
    position: absolute;
    top: 34.3vw;
    right: 20.7vw;
    width: 4vw;
    height: 10.667vw;
    background: url(/innocenttime25aw/images/common/next-sp.png) no-repeat center center/cover;
  }
}

.commonProductCont {
  position: relative;
  max-width: 1270px;
  margin: 75px auto 0;
  width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonProductCont {
    max-width: 88.194vw;
    margin: 5.208vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  .commonProductCont {
    margin: 0 auto 0;
  }
}
.commonProductCont::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 126px;
  left: 0px;
  width: 100%;
  height: 726px;
  background: url(/innocenttime25aw/images/common/common-bg@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonProductCont::before {
    top: 8.75vw;
    height: 50.417vw;
  }
}
@media screen and (max-width: 768px) {
  .commonProductCont::before {
    top: 21vw;
    left: 0px;
    width: 100%;
    height: 96.8vw;
    background: url(/innocenttime25aw/images/common/common-bg-sp.png) no-repeat center center/cover;
  }
}

.commonProductTxtWrap {
  margin: 40px 0 0;
  text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonProductTxtWrap {
    margin: 2.778vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .commonProductTxtWrap {
    margin: 5.333vw 0 0px;
  }
}

.commonProductImg {
  margin: 0 auto 0;
  width: 200px;
  height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonProductImg {
    width: 13.889vw;
  }
}
@media screen and (max-width: 768px) {
  .commonProductImg {
    width: 30.667vw;
  }
}
.commonProductImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.commonProductName {
  margin: 0px 0 0px;
  font-family: "Shippori Mincho", serif;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.54px;
  color: #794d2c;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonProductName {
    font-size: 1.25vw;
    letter-spacing: 0.038vw;
  }
}
@media screen and (max-width: 768px) {
  .commonProductName {
    font-size: 4.267vw;
    letter-spacing: 0.128vw;
  }
}

.commonProductPrice {
  margin: 12px 0 0;
  font-family: "Shippori Mincho", serif;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.54px;
  color: #794d2c;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonProductPrice {
    margin: 0.833vw 0 0;
    font-size: 1.25vw;
    letter-spacing: 0.038vw;
  }
}
@media screen and (max-width: 768px) {
  .commonProductPrice {
    margin: 1.6vw 0 0;
    font-size: 4.267vw;
    letter-spacing: 0.128vw;
  }
}

.commonProductLink {
  display: inline-block;
  margin: 30px 0 0;
  padding: 14px 30px 16px;
  font-family: "Shippori Mincho", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
  color: #fff;
  border-radius: 100vmax;
  background: #ea827e;
  border: 1px solid #ea827e;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .commonProductLink {
    margin: 2.083vw 0 0;
    padding: 0.972vw 2.083vw 1.111vw;
    font-size: 1.25vw;
    border: 0.069vw solid #ea827e;
  }
}
@media screen and (max-width: 768px) {
  .commonProductLink {
    margin: 3.667vw 0 0;
    font-weight: 400;
    padding: 2.967vw 5vw 2.967vw;
    font-size: 4.267vw;
    letter-spacing: 0.259vw;
    line-height: 1.5;
  }
}
@media (any-hover: hover) {
  .commonProductLink:hover {
    border: 1px solid #EB827E;
    color: #EC8E8A;
    background-color: #fff;
  }
  .commonProductLink:hover .commonProductImg,
  .commonProductLink:hover .commonProductName,
  .commonProductLink:hover .commonProductPrice {
    opacity: 0.6;
  }
}

/* =============================================
fv
============================================= */
.fvWrap {
  position: relative;
  --before-opacity: 0;
}
.fvWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/innocenttime25aw/images/fv/fv-deco@1x.png) no-repeat bottom center/cover;
  opacity: var(--before-opacity);
}
@media screen and (max-width: 768px) {
  .fvWrap::before {
    top: -16.867vw;
    height: 171.867vw;
    background: url(/innocenttime25aw/images/fv/fv-deco-sp.png) no-repeat top center/cover;
    opacity: var(--before-opacity);
  }
}

.fvBg {
  width: 100%;
}
.fvBg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1921px) and (max-width: 2600px) {
  .fvBg {
    width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .fvBg {
    margin-top: 15.467vw;
  }
}

.fvTxt {
  position: absolute;
  top: 10.3vw;
  right: 6%;
  width: 50%;
}
.fvTxt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .fvTxt {
    top: 16.3vw;
    right: 5.787vw;
    width: 89.33%;
  }
}

.fvMainList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 3.125vw;
     -moz-column-gap: 3.125vw;
          column-gap: 3.125vw;
  position: absolute;
  top: 25.896vw;
  right: 15.46%;
  width: 31.25%;
  height: 22.083vw;
}
@media screen and (max-width: 768px) {
  .fvMainList {
    -webkit-column-gap: 3.733vw;
       -moz-column-gap: 3.733vw;
            column-gap: 3.733vw;
    right: 17.867vw;
    top: 106.8vw;
    width: 64.267%;
    height: 32.48%;
  }
}

.fvMainItem {
  width: 8.33vw;
}
@media screen and (max-width: 768px) {
  .fvMainItem {
    width: 18.93vw;
  }
}
.fvMainItem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.innocent {
  position: relative;
}
@media screen and (max-width: 768px) {
  .innocent {
    padding-block: 31.733vw 33.6vw;
  }
}
.innocent::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 50%;
  translate: -50%;
  width: 100%;
  max-width: 1250px;
  height: 279px;
  background: url(/innocenttime25aw/images/innocent/innocent-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .innocent::before {
    top: 1.25vw;
    max-width: 86.806vw;
    height: 19.375vw;
  }
}
@media screen and (max-width: 768px) {
  .innocent::before {
    top: 31vw;
    max-width: 100%;
    height: 25.867vw;
    background: url(/innocenttime25aw/images/innocent/innocent-deco-sp.png) no-repeat center center/cover;
  }
}
.innocent::after {
  content: "";
  position: absolute;
  top: 198px;
  left: calc(50% - 1090px);
  width: 2136px;
  height: 294px;
  background: url(/innocenttime25aw/images/innocent/innocent-text@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .innocent::after {
    top: 13.75vw;
    left: calc(50% - 75.694vw);
    width: 148.333vw;
    height: 20.417vw;
  }
}
@media screen and (max-width: 768px) {
  .innocent::after {
    top: 76.133vw;
    left: 0;
    width: 100%;
    height: 27.067vw;
    background: url(/innocenttime25aw/images/innocent/innocent-text-sp.png) no-repeat center center/cover;
  }
}

.innocentCont {
  margin: 60px 0 160px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .innocentCont {
    margin: 4.167vw 0 11.111vw;
  }
}
@media screen and (max-width: 768px) {
  .innocentCont {
    margin: 8vw 0 14.533vw;
  }
}

.innocentTxt {
  margin: 0 0 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 2.36;
  letter-spacing: 1.32px;
  text-align: center;
  color: #794d2c;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .innocentTxt {
    font-size: 1.528vw;
    line-height: 2.36;
    letter-spacing: 0.092vw;
  }
}
@media screen and (max-width: 768px) {
  .innocentTxt {
    font-size: 4.267vw;
    line-height: 2;
    letter-spacing: 0.043vw;
  }
}

.details {
  padding-block: 331px 388px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .details {
    padding-block: 22.986vw 26.944vw;
  }
}
@media screen and (max-width: 768px) {
  .details {
    padding-block: 0 57.6vw;
  }
}

.detailsTitWrap {
  position: relative;
}
.detailsTitWrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -23px;
  left: calc(50% - 420px);
  width: 835px;
  height: 188px;
  background: url(/innocenttime25aw/images/details/details-head-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsTitWrap::before {
    top: -1.597vw;
    left: calc(50% - 29.167vw);
    width: 57.986vw;
    height: 13.056vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsTitWrap::before {
    top: -1.4vw;
    left: 0;
    width: 100%;
    height: 26.667vw;
    background: url(/innocenttime25aw/images/details/details-head-deco-sp.png) no-repeat center center/cover;
  }
}
.detailsTitWrap::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -8.3px;
  left: calc(50% - 1150px);
  width: 2300px;
  height: 200px;
  background: url(/innocenttime25aw/images/details/details-head-line@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsTitWrap::after {
    top: -0.576vw;
    left: calc(50% - 79.86vw);
    width: 159.722vw;
    height: 13.889vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsTitWrap::after {
    display: none;
  }
}

.detailsTop {
  margin: 190px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsTop {
    margin: 13.194vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .detailsTop {
    margin: 43.333vw 0 0;
  }
}

.detailsTopWrap {
  position: relative;
}
.detailsTopWrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -240px;
  left: calc(50% - 1150px);
  width: 2404px;
  height: 1274px;
  background: url(/innocenttime25aw/images/details/details-top-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsTopWrap::before {
    top: -16.667vw;
    left: calc(50% - 79.86vw);
    width: 166.944vw;
    height: 88.472vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsTopWrap::before {
    top: 81.6vw;
    left: 0;
    width: 100%;
    height: 303.2vw;
    background: url(/innocenttime25aw/images/details/details-top-deco-sp.png) no-repeat center center/cover;
  }
}

.detailsBg {
  position: absolute;
  z-index: 0;
  top: -46px;
  left: 0;
  width: 100%;
  height: 957px;
}
.detailsBg img {
  width: 100%;
}
@media screen and (min-width: 1921px) and (max-width: 2600px) {
  .detailsBg {
    top: -2.396vw;
    left: 0;
    width: 100%;
    height: 49.844vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBg {
    top: -3.194vw;
    left: 0;
    width: 100%;
    height: 66.458vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsBg {
    top: -32vw;
    left: 0;
    width: 100%;
    height: 414.8vw;
  }
}

.detailsList {
  position: relative;
  z-index: 1;
  max-width: 1406px;
  margin-inline: auto;
  width: 100%;
  padding-inline: 20px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsList {
    max-width: 97.639vw;
    padding-inline: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsList {
    padding-inline: 5.333vw;
  }
}

.detailsItem.first {
  position: absolute;
  top: 20px;
  left: 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItem.first {
    top: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItem.first {
    position: relative;
    top: 0;
    left: 0;
  }
}
.detailsItem.first::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -140px;
  left: 0;
  width: 163px;
  height: 236px;
  background: url(/innocenttime25aw/images/details/details-item1-number@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItem.first::before {
    top: -9.722vw;
    left: 0;
    width: 11.319vw;
    height: 16.389vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItem.first::before {
    top: -27vw;
    left: 1vw;
    width: 29.867vw;
    height: 47.067vw;
    background: url(/innocenttime25aw/images/details/details-item1-number-sp.png) no-repeat center center/cover;
  }
}
.detailsItem.second {
  position: absolute;
  top: 83px;
  right: 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItem.second {
    top: 5.764vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItem.second {
    margin: 25.333vw 0 0;
    position: relative;
    top: 0;
    right: 0;
  }
}
.detailsItem.second::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -143px;
  left: 172px;
  width: 177px;
  height: 236px;
  background: url(/innocenttime25aw/images/details/details-item2-number@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItem.second::before {
    top: -9.931vw;
    left: 11.944vw;
    width: 12.292vw;
    height: 16.389vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItem.second::before {
    top: -27vw;
    left: auto;
    right: 0;
    width: 35.467vw;
    height: 47.067vw;
    background: url(/innocenttime25aw/images/details/details-item2-number-sp.png) no-repeat center center/cover;
  }
}
.detailsItem.third {
  position: absolute;
  top: 462px;
  right: 120px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItem.third {
    top: 32.083vw;
    right: 8.333vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItem.third {
    margin: 25.333vw 0 0;
    position: relative;
    top: 0;
    right: 0;
  }
}
.detailsItem.third::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -142px;
  left: 0px;
  width: 177px;
  height: 236px;
  background: url(/innocenttime25aw/images/details/details-item3-number@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItem.third::before {
    top: -9.861vw;
    left: 0px;
    width: 12.292vw;
    height: 16.389vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItem.third::before {
    top: -27vw;
    left: 0px;
    width: 35.467vw;
    height: 47.067vw;
    background: url(/innocenttime25aw/images/details/details-item3-number-sp.png) no-repeat center center/cover;
  }
}

.detailsItemImgMain {
  display: block;
  width: 520px;
  margin: 0 0 0 529px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItemImgMain {
    width: 36.111vw;
    margin: 0 0 0 36.736vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItemImgMain {
    display: none;
  }
}
.detailsItemImgMain img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.detailsItemTxt {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #765529;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItemTxt {
    font-size: 1.111vw;
    letter-spacing: 0.022vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItemTxt {
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 0.08vw;
  }
}
.detailsItemTxt.first {
  margin: 0 0 0;
  width: 420px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItemTxt.first {
    width: 29.167vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItemTxt.first {
    width: 100%;
  }
}
.detailsItemTxt.second {
  margin: 0 0 0;
  width: 350px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItemTxt.second {
    width: 24.306vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItemTxt.second {
    width: 100%;
  }
}
.detailsItemTxt.third {
  margin: 0 0 0;
  width: 350px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItemTxt.third {
    width: 24.306vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItemTxt.third {
    width: 100%;
  }
}

.detailsItemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.detailsItemImg.first {
  margin: 30px auto 0 0;
  width: 465px;
  height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItemImg.first {
    margin: 2.083vw auto 0 0;
    width: 32.292vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItemImg.first {
    margin: 8vw auto 0;
    width: 100%;
  }
}
.detailsItemImg.second {
  margin: 30px 0 0 auto;
  width: 240px;
  height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItemImg.second {
    margin: 2.083vw 0 0 auto;
    width: 16.667vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItemImg.second {
    margin: 8vw auto 0;
    width: 69.333vw;
  }
}
.detailsItemImg.third {
  margin: 30px auto 0 0;
  width: 240px;
  height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsItemImg.third {
    margin: 2.083vw auto 0 0;
    width: 16.667vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsItemImg.third {
    margin: 8vw auto 0;
    width: 69.333vw;
  }
}

.detailsBottom {
  margin: 258px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBottom {
    margin: 17.917vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottom {
    margin: 75.467vw 0 0;
  }
}

.detailsBottomWrap {
  position: relative;
  max-width: 1406px;
  padding-inline: 20px;
  margin-inline: auto;
  width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBottomWrap {
    max-width: 97.639vw;
    padding-inline: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottomWrap {
    padding-inline: 0;
  }
}
.detailsBottomWrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -177px;
  left: 190px;
  width: 1179px;
  height: 596px;
  background: url(/innocenttime25aw/images/details/details-bottom-txt@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBottomWrap::before {
    top: -12.292vw;
    left: 13.194vw;
    width: 81.875vw;
    height: 41.389vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottomWrap::before {
    top: -29vw;
    left: 0;
    width: 100%;
    height: 125.2vw;
    background: url(/innocenttime25aw/images/details/details-bottom-txt-sp.png) no-repeat center center/cover;
  }
}

.detailsBottomCont {
  position: relative;
  max-width: 640px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBottomCont {
    max-width: 44.444vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottomCont {
    max-width: 100%;
  }
}
.detailsBottomCont::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -160px;
  left: 0;
  width: 100%;
  height: 517px;
  background: url(/innocenttime25aw/images/details/details-bottom-bg@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBottomCont::before {
    top: -11.111vw;
    height: 35.903vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottomCont::before {
    top: -29vw;
    left: 0;
    width: 100%;
    height: 115.6vw;
    background: url(/innocenttime25aw/images/details/details-bottom-bg-sp.png) no-repeat center center/cover;
  }
}
.detailsBottomCont::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -153px;
  left: 12px;
  width: 667px;
  height: 563px;
  background: url(/innocenttime25aw/images/details/details-bottom-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBottomCont::after {
    top: -10.625vw;
    left: 0.833vw;
    width: 46.319vw;
    height: 39.097vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottomCont::after {
    top: -35vw;
    left: 0;
    width: 100%;
    height: 132.667vw;
    background: url(/innocenttime25aw/images/details/details-bottom-deco-sp.png) no-repeat center center/cover;
  }
}

.detailsBottomList {
  position: relative;
  z-index: 1;
  max-width: 476px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBottomList {
    max-width: 33.056vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottomList {
    max-width: 77.867vw;
  }
}

.detailsBottomItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .detailsBottomItem {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.detailsBottomItem:nth-child(n+2) {
  margin: 12px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBottomItem:nth-child(n+2) {
    margin: 0.833vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottomItem:nth-child(n+2) {
    margin: 1vw 0 0;
  }
}

.detailsBottomItemTit {
  min-width: 152px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #794d2c;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBottomItemTit {
    min-width: 10.556vw;
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottomItemTit {
    min-width: 33.867vw;
    font-size: 4vw;
    line-height: 2.03;
  }
}

.detailsBottomItemTxt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #794d2c;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .detailsBottomItemTxt {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottomItemTxt {
    font-size: 4vw;
    line-height: 2.03;
  }
}
@media screen and (max-width: 768px) {
  .detailsBottomItemTxt .break {
    text-indent: -2vw;
    margin-left: 6vw;
  }
}

.intro {
  padding-block: 0 170px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .intro {
    padding-block: 0 11.806vw;
  }
}
@media screen and (max-width: 768px) {
  .intro {
    padding-block: 0 32vw;
  }
}

.introTitWrap {
  position: relative;
}
.introTitWrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0px;
  left: calc(50% - 630px);
  width: 1220px;
  height: 189px;
  background: url(/innocenttime25aw/images/intro/intro-head-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introTitWrap::before {
    top: 0px;
    left: calc(50% - 43.75vw);
    width: 84.722vw;
    height: 13.125vw;
  }
}
@media screen and (max-width: 768px) {
  .introTitWrap::before {
    top: 0vw;
    left: 0;
    width: 100%;
    height: 26.667vw;
    background: url(/innocenttime25aw/images/intro/intro-head-deco-sp.png) no-repeat center center/cover;
  }
}
.introTitWrap::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 15px;
  left: calc(50% - 1150px);
  width: 2300px;
  height: 200px;
  background: url(/innocenttime25aw/images/intro/intro-head-line@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introTitWrap::after {
    top: 1.042vw;
    left: calc(50% - 79.86vw);
    width: 159.722vw;
    height: 13.889vw;
  }
}
@media screen and (max-width: 768px) {
  .introTitWrap::after {
    display: none;
  }
}

.introWrap {
  margin: 306px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introWrap {
    margin: 21.25vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .introWrap {
    margin: 8vw 0 0;
  }
}

.introItemBg {
  position: absolute;
  z-index: 0;
}
.introItemBg img {
  width: 100%;
}
.introItemBg.first {
  top: -48px;
  left: 0;
  width: 100%;
  height: 823px;
}
.introItemBg.first img {
  height: 100%;
}
@media (min-width: 1901px) {
  .introItemBg.first img {
    height: auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemBg.first {
    top: -3.333vw;
    height: 57.153vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemBg.first {
    top: 20vw;
    left: 0;
    width: 100%;
    height: 213.333vw;
  }
}
.introItemBg.second {
  position: absolute;
  z-index: 0;
  top: -46px;
  left: 0;
  width: 100%;
  height: 823px;
}
.introItemBg.second img {
  height: 100%;
}
@media (min-width: 1901px) {
  .introItemBg.second img {
    height: auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemBg.second {
    top: -3.194vw;
    height: 57.153vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemBg.second {
    top: 22vw;
    left: 0;
    width: 100%;
    height: 206.66vw;
  }
}
.introItemBg.third {
  position: absolute;
  z-index: 0;
  top: -58px;
  left: 0;
  width: 100%;
  height: 823px;
}
.introItemBg.third img {
  height: 100%;
}
@media (min-width: 1901px) {
  .introItemBg.third img {
    height: auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemBg.third {
    top: -4.028vw;
    height: 57.153vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemBg.third {
    top: 19vw;
    left: 0;
    width: 100%;
    height: 206.667vw;
  }
}

.introItem {
  position: relative;
}
.introItem.first::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -410px;
  right: calc(50% - 1350px);
  width: 663px;
  height: 673px;
  background: url(/innocenttime25aw/images/intro/intro-item1-deco-right@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItem.first::before {
    top: -28.472vw;
    right: calc(50% - 93.75vw);
    width: 46.042vw;
    height: 46.736vw;
  }
}
@media screen and (max-width: 768px) {
  .introItem.first::before {
    top: 132vw;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 106.4vw;
    background: url(/innocenttime25aw/images/intro/intro-item1-deco-sp.png) no-repeat center center/cover;
  }
}
.introItem.first::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 32vw;
  left: calc(50% - 620px);
  width: 429px;
  height: 254px;
  background: url(/innocenttime25aw/images/intro/intro-item1-deco-left@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItem.first::after {
    left: calc(50% - 43.056vw);
    width: 29.792vw;
    height: 17.639vw;
  }
}
@media screen and (max-width: 768px) {
  .introItem.first::after {
    display: none;
  }
}
.introItem.second::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 530px;
  right: calc(50% - 760px);
  width: 456px;
  height: 343px;
  background: url(/innocenttime25aw/images/intro/intro-item2-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItem.second::before {
    top: 36.806vw;
    right: calc(50% - 52.778vw);
    width: 31.667vw;
    height: 23.819vw;
  }
}
@media screen and (max-width: 768px) {
  .introItem.second::before {
    top: 176vw;
    right: 0;
    width: 40.267vw;
    height: 40.4vw;
    background: url(/innocenttime25aw/images/intro/intro-item2-deco-sp.png) no-repeat center center/cover;
  }
}
.introItem.third::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 384px;
  left: calc(50% - 873px);
  width: 581px;
  height: 550px;
  background: url(/innocenttime25aw/images/intro/intro-item3-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItem.third::before {
    top: 26.667vw;
    left: calc(50% - 60.625vw);
    width: 40.347vw;
    height: 38.194vw;
  }
}
@media screen and (max-width: 768px) {
  .introItem.third::before {
    top: 198.7vw;
    left: 0;
    width: 50vw;
    height: 36.267vw;
    background: url(/innocenttime25aw/images/intro/intro-item3-deco-sp.png) no-repeat center center/cover;
  }
}

.introItem:nth-child(n+2) {
  margin: 436px 0 0;
}
@media (min-width: 3101px) {
  .introItem:nth-child(n+2) {
    margin: 30vw 0 0;
  }
}
@media screen and (min-width: 2601px) and (max-width: 3100px) {
  .introItem:nth-child(n+2) {
    margin: 25vw 0 0;
  }
}
@media screen and (min-width: 1921px) and (max-width: 2600px) {
  .introItem:nth-child(n+2) {
    margin: 22.7vw 0 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItem:nth-child(n+2) {
    margin: 30.278vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .introItem:nth-child(n+2) {
    margin: 0 0 0;
  }
}

@media screen and (max-width: 768px) {
  .introItem:nth-child(2) {
    margin: 25.467vw 0 0;
  }
}

@media screen and (max-width: 768px) {
  .introItem:nth-child(3) {
    margin: 26.133vw 0 0;
  }
}

.introItemProductWrap {
  position: relative;
  z-index: 2;
  margin: 0 auto 0;
  max-width: 1406px;
  padding-inline: 20px;
  width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductWrap {
    max-width: 97.639vw;
    padding-inline: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductWrap {
    padding-inline: 5.333vw;
  }
}
.introItemProductWrap.first::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -169px;
  right: 20px;
  width: 987px;
  height: 361px;
  background: url(/innocenttime25aw/images/intro/intro-item1-tit@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductWrap.first::before {
    top: -11.736vw;
    right: 1.389vw;
    width: 68.542vw;
    height: 25.069vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductWrap.first::before {
    z-index: -1;
    top: 14vw;
    left: 4vw;
    right: auto;
    width: 92.533vw;
    height: 41.067vw;
    background: url(/innocenttime25aw/images/intro/intro-item1-tit-sp.png) no-repeat center center/cover;
  }
}
.introItemProductWrap.second::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -169px;
  left: 182px;
  width: 758px;
  height: 327px;
  background: url(/innocenttime25aw/images/intro/intro-item2-tit@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductWrap.second::before {
    top: -11.736vw;
    left: 12.639vw;
    width: 52.639vw;
    height: 22.708vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductWrap.second::before {
    z-index: -1;
    top: 14vw;
    left: auto;
    right: 0;
    width: 73.333vw;
    height: 37.067vw;
    background: url(/innocenttime25aw/images/intro/intro-item2-tit-sp.png) no-repeat center center/cover;
  }
}
.introItemProductWrap.third::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -178px;
  right: 311px;
  width: 548px;
  height: 327px;
  background: url(/innocenttime25aw/images/intro/intro-item3-tit@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductWrap.third::before {
    top: -12.361vw;
    right: 21.597vw;
    width: 38.056vw;
    height: 22.708vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductWrap.third::before {
    z-index: -1;
    top: 13vw;
    left: 1.4vw;
    right: auto;
    width: 59.067vw;
    height: 37.067vw;
    background: url(/innocenttime25aw/images/intro/intro-item3-tit-sp.png) no-repeat center center/cover;
  }
}

.introItemProductBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.introItemProductBody.first {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: 823px;
  margin: 0 0 0 auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductBody.first {
    width: 57.153vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductBody.first {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductBody.second {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto 0;
    width: 100%;
  }
}
.introItemProductBody.third {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: 823px;
  margin: 0 0 0 auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductBody.third {
    width: 57.153vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductBody.third {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto 0;
    width: 100%;
  }
}

.introItemProductRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.introItemProductRight.first {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .introItemProductRight.first {
    margin-inline: auto;
    width: 76vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductRight.second {
    margin-inline: auto;
    width: 76vw;
  }
}
.introItemProductRight.third {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .introItemProductRight.third {
    margin-inline: auto;
    width: 76vw;
  }
}

.introItemProductRightImg {
  width: 230px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductRightImg {
    width: 15.972vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductRightImg {
    width: 30.667vw;
  }
}

.introItemProductRightTxtWrap {
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 213px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductRightTxtWrap {
    width: 14.792vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductRightTxtWrap {
    width: 45.333vw;
  }
}

.introItemProductRightTxt {
  margin: 0 0 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.78;
  letter-spacing: 0.54px;
  text-align: center;
  color: #794d2c;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductRightTxt {
    font-size: 1.25vw;
    letter-spacing: 0.038vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductRightTxt {
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.112vw;
  }
}

.introItemProductBtn {
  position: relative;
  z-index: 99;
  display: inline-block;
  margin: 30px 0 0;
  padding: 14px 30px 16px;
  font-family: "Shippori Mincho", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
  color: #fff;
  border-radius: 100vmax;
  background: #ea827e;
  border: 1px solid #ea827e;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductBtn {
    margin: 2.083vw 0 0;
    padding: 0.972vw 2.083vw 1.111vw;
    font-size: 1.25vw;
    border-radius: 100vmax;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductBtn {
    margin: 4vw 0 0;
    padding: 1.4vw 6vw 1.667vw;
    font-size: 4vw;
    line-height: 1.87;
    letter-spacing: -0.1vw;
  }
}
@media (any-hover: hover) {
  .introItemProductBtn:hover {
    border: 1px solid #EB827E;
    color: #EC8E8A;
    background-color: #fff;
  }
  .introItemProductBtn:hover .introItemProductRightImg,
  .introItemProductBtn:hover .introItemProductRightTxt {
    opacity: 0.6;
  }
}

.introItemProductLeft.first {
  margin: 194px -114px 0 0px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductLeft.first {
    margin: 13.472vw -7.917vw 0 0px;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductLeft.first {
    margin: 8vw 0 0 0px;
  }
}
.introItemProductLeft.second {
  margin: 194px 0px 0 -114px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductLeft.second {
    margin: 13.472vw 0px 0 -7.917vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductLeft.second {
    margin: 8vw 0 0 0px;
  }
}
.introItemProductLeft.third {
  margin: 194px -114px 0 0px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductLeft.third {
    margin: 13.472vw -7.917vw 0 0px;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductLeft.third {
    margin: 8vw 0 0 0px;
  }
}

.introItemProductLeftTxt {
  width: 500px;
  margin: 0 0 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 2.11;
  letter-spacing: 0.36px;
  text-align: left;
  color: #794d2c;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemProductLeftTxt {
    width: 34.722vw;
    font-size: 1.25vw;
    letter-spacing: 0.025vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemProductLeftTxt {
    width: 100%;
    font-size: 4vw;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.08vw;
  }
}

.introItemImgWrap.first {
  max-width: 100%;
  width: 100%;
  position: absolute;
  top: -166px;
  left: 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemImgWrap.first {
    top: -11.528vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemImgWrap.first {
    margin: 8vw 0 0;
    position: static;
  }
}
.introItemImgWrap.second {
  position: absolute;
  top: -166px;
  right: calc(50% - 683px);
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemImgWrap.second {
    top: -11.528vw;
    right: calc(50% - 47.431vw);
  }
}
@media screen and (max-width: 768px) {
  .introItemImgWrap.second {
    margin: 8vw 0 0;
    position: static;
  }
}
.introItemImgWrap.third {
  position: absolute;
  top: -166px;
  left: calc(50% - 683px);
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemImgWrap.third {
    top: -11.528vw;
    left: calc(50% - 47.431vw);
  }
}
@media screen and (max-width: 768px) {
  .introItemImgWrap.third {
    margin: 8vw 0 0;
    position: static;
  }
}

.introItemImg {
  position: relative;
}
.introItemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.introItemImg.first {
  z-index: 1;
  width: 50%;
}
.introItemImg.first img {
  -o-object-position: right;
     object-position: right;
}
@media screen and (max-width: 768px) {
  .introItemImg.first {
    position: relative;
    z-index: 2;
    max-width: 100%;
    width: 94.667vw;
    height: auto;
  }
}
.introItemImg.second {
  width: 683px;
  height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemImg.second {
    width: 47.431vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemImg.second {
    position: relative;
    z-index: 2;
    max-width: 100%;
    width: 69.333vw;
    margin-inline: auto;
  }
}
.introItemImg.third {
  width: 683px;
  height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemImg.third {
    width: 47.431vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemImg.third {
    position: relative;
    z-index: 2;
    max-width: 100%;
    width: 69.333vw;
    margin-inline: auto;
  }
}

.introItemBottomImg {
  margin: 300px 0 0;
  position: relative;
  left: 50%;
  translate: -50%;
  width: 1600px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemBottomImg {
    margin: 20.833vw 0 0;
    width: 111.111vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemBottomImg {
    margin: 46.267vw 0 0;
    width: 100%;
  }
}
.introItemBottomImg::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -102px;
  left: 0px;
  width: 1671px;
  height: 1128px;
  background: url(/innocenttime25aw/images/intro/intro-bottom-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .introItemBottomImg::before {
    top: -7.083vw;
    width: 116.042vw;
    height: 78.333vw;
  }
}
@media screen and (max-width: 768px) {
  .introItemBottomImg::before {
    top: -15vw;
    left: 0px;
    width: 100%;
    height: 146.533vw;
    background: url(/innocenttime25aw/images/intro/intro-bottom-deco-sp.png) no-repeat center center/cover;
  }
}

.original {
  position: relative;
  padding-block: 80px 211px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .original {
    padding-block: 5.556vw 14.653vw;
  }
}
@media screen and (max-width: 768px) {
  .original {
    padding-block: 10.667vw 27.2vw;
  }
}
.original::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0;
  width: 100%;
  height: 1627px;
  background: url(/innocenttime25aw/images/original/original-bg@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .original::before {
    height: 112.986vw;
  }
}
@media screen and (max-width: 768px) {
  .original::before {
    height: 185.2vw;
    background: url(/innocenttime25aw/images/original/original-bg-sp.png) no-repeat center center/cover;
  }
}

.originalTitWrap {
  position: relative;
}
.originalTitWrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0px;
  left: calc(50% - 520px);
  width: 1114px;
  height: 188px;
  background: url(/innocenttime25aw/images/original/original-head-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .originalTitWrap::before {
    left: calc(50% - 36.111vw);
    width: 77.361vw;
    height: 13.056vw;
  }
}
@media screen and (max-width: 768px) {
  .originalTitWrap::before {
    top: 0px;
    left: 0;
    width: 100%;
    height: 26.667vw;
    background: url(/innocenttime25aw/images/original/original-head-deco-sp.png) no-repeat center center/cover;
  }
}
.originalTitWrap::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 16px;
  left: calc(50% - 1150px);
  width: 2300px;
  height: 200px;
  background: url(/innocenttime25aw/images/original/original-head-line@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .originalTitWrap::after {
    top: 1.111vw;
    left: calc(50% - 79.86vw);
    width: 159.722vw;
    height: 13.889vw;
  }
}
@media screen and (max-width: 768px) {
  .originalTitWrap::after {
    display: none;
  }
}

.originalWrap {
  margin: 128px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .originalWrap {
    margin: 8.889vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .originalWrap {
    margin: 9.567vw 0 0;
  }
}

.originalTxt {
  position: relative;
  z-index: 0;
  margin: 0 0 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 2.36;
  letter-spacing: 1.32px;
  text-align: center;
  color: #765529;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .originalTxt {
    font-size: 1.528vw;
    font-weight: 500;
    line-height: 2.36;
    letter-spacing: 0.092vw;
  }
}
@media screen and (max-width: 768px) {
  .originalTxt {
    font-size: 4.267vw;
    line-height: 2;
    letter-spacing: 0.043vw;
  }
}

.originalImg {
  margin: 129px 0 0;
  position: relative;
  left: 50%;
  translate: -50%;
  width: 960px;
}
.originalImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .originalImg {
    margin: 8.958vw 0 0;
    width: 66.667vw;
  }
}
@media screen and (max-width: 768px) {
  .originalImg {
    margin: 17.733vw auto 0;
    left: 0;
    translate: 0 0;
    width: 85.333vw;
  }
}
.originalImg::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -163px;
  left: -305px;
  width: 1538px;
  height: 1076px;
  background: url(/innocenttime25aw/images/original/original-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .originalImg::before {
    top: -11.319vw;
    left: -21.181vw;
    width: 106.806vw;
    height: 74.722vw;
  }
}
@media screen and (max-width: 768px) {
  .originalImg::before {
    top: -13.9vw;
    left: -7.33vw;
    width: 100vw;
    height: 95.867vw;
    background: url(/innocenttime25aw/images/original/original-deco-sp.png) no-repeat center center/cover;
  }
}
.originalImg::after {
  content: "";
  position: absolute;
  z-index: -2;
  top: -72px;
  left: -80px;
  width: 1130px;
  height: 921px;
  background: url(/innocenttime25aw/images/original/original-deco2@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .originalImg::after {
    top: -5vw;
    left: -5.556vw;
    width: 78.472vw;
    height: 63.958vw;
  }
}
@media screen and (max-width: 768px) {
  .originalImg::after {
    top: -6.7vw;
    left: -7vw;
    width: 100vw;
    height: 81.467vw;
    background: url(/innocenttime25aw/images/original/original-deco2-sp.png) no-repeat center center/cover;
  }
}

.theme {
  padding-block: 128px 300px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .theme {
    padding-block: 8.889vw 20.833vw;
  }
}
@media screen and (max-width: 768px) {
  .theme {
    padding-block: 21.333vw 26.267vw;
  }
}

.themeTitWrap {
  position: relative;
}
.themeTitWrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 8px;
  left: calc(50% - 520px);
  width: 1147px;
  height: 189px;
  background: url(/innocenttime25aw/images/theme/theme-head-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeTitWrap::before {
    top: 0.556vw;
    left: calc(50% - 36.111vw);
    width: 79.653vw;
    height: 13.125vw;
  }
}
@media screen and (max-width: 768px) {
  .themeTitWrap::before {
    top: 1.3vw;
    left: 0;
    width: 100%;
    height: 26.667vw;
    background: url(/innocenttime25aw/images/theme/theme-head-deco-sp.png) no-repeat center center/cover;
  }
}
.themeTitWrap::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 31px;
  left: calc(50% - 1150px);
  width: 2300px;
  height: 200px;
  background: url(/innocenttime25aw/images/theme/theme-head-line@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeTitWrap::after {
    top: 2.153vw;
    left: calc(50% - 79.86vw);
    width: 159.722vw;
    height: 13.889vw;
  }
}
@media screen and (max-width: 768px) {
  .themeTitWrap::after {
    display: none;
  }
}

.themeWrap {
  position: relative;
  margin: 144px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeWrap {
    margin: 10vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .themeWrap {
    margin: 10.667vw 0 0;
  }
}
.themeWrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -18px;
  left: calc(50% - 920px);
  width: 1916px;
  height: 862px;
  background: url(/innocenttime25aw/images/theme/theme-main-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeWrap::before {
    top: -1.25vw;
    left: calc(50% - 63.889vw);
    width: 133.056vw;
    height: 59.861vw;
  }
}
@media screen and (max-width: 768px) {
  .themeWrap::before {
    top: 62vw;
    left: 0;
    width: 100%;
    height: 88.933vw;
    background: url(/innocenttime25aw/images/theme/theme-main-deco-sp.png) no-repeat center center/cover;
  }
}

.themeBg {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 837px;
}
.themeBg img {
  width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeBg {
    height: 58.125vw;
  }
}
@media screen and (max-width: 768px) {
  .themeBg {
    top: 4.8vw;
    left: 0;
    width: 100%;
    height: 242.933vw;
  }
}

.themeCont {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 0 auto 0;
  max-width: 1406px;
  width: 100%;
  padding-inline: 20px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeCont {
    max-width: 97.639vw;
    padding-inline: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .themeCont {
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-inline: 5.333vw;
  }
}

.themeImg {
  width: 683px;
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeImg {
    width: 47.431vw;
  }
}
@media screen and (max-width: 768px) {
  .themeImg {
    width: 89.333vw;
  }
}

.themeTxtWrap {
  position: relative;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin: 0 44px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeTxtWrap {
    margin: 0 3.056vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .themeTxtWrap {
    margin: 10.667vw 0px 0 0;
    -ms-flex-item-align: initial;
        align-self: initial;
  }
}
.themeTxtWrap::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 585px;
  left: calc(50% - 810px);
  width: 2300px;
  height: 200px;
  background: url(/innocenttime25aw/images/theme/theme-bottom-line@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeTxtWrap::before {
    top: 40.625vw;
    left: calc(50% - 56.25vw);
    width: 159.722vw;
    height: 13.889vw;
  }
}
@media screen and (max-width: 768px) {
  .themeTxtWrap::before {
    top: 144.8vw;
    left: -5.2vw;
    width: 100vw;
    height: 25.467vw;
    background: url(/innocenttime25aw/images/theme/theme-bottom-line-sp.png) no-repeat center center/cover;
  }
}

.themeTit {
  margin: 0 0 0 auto;
  width: 432px;
  height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeTit {
    width: 30vw;
  }
}
@media screen and (max-width: 768px) {
  .themeTit {
    width: 58.267vw;
  }
}

.themeTxt {
  position: relative;
  margin: 6px 0 0;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: 0.6px;
  text-align: left;
  color: #765529;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeTxt {
    margin: 0.417vw 0 0;
    font-size: 1.389vw;
    letter-spacing: 0.042vw;
  }
}
@media screen and (max-width: 768px) {
  .themeTxt {
    margin: 9.133vw 0 0;
    padding-inline: 6.667vw;
    font-size: 4.267vw;
    line-height: 2.13;
    letter-spacing: 0.128vw;
  }
}
.themeTxt::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -40px;
  left: -18px;
  width: 659px;
  height: 421px;
  background: url(/innocenttime25aw/images/theme/theme-text-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeTxt::before {
    top: -2.778vw;
    left: -1.25vw;
    width: 45.764vw;
    height: 29.236vw;
  }
}
@media screen and (max-width: 768px) {
  .themeTxt::before {
    top: -2.7vw;
    left: 2vw;
    width: 88.667vw;
    height: 115.467vw;
    background: url(/innocenttime25aw/images/theme/theme-text-deco-sp.png) no-repeat center center/cover;
  }
}

.themeTit2Wrap {
  margin: 6px auto 0;
  max-width: 1406px;
  width: 100%;
  padding-inline: 20px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeTit2Wrap {
    margin: 0.416vw auto 0;
    max-width: 97.639vw;
    padding-inline: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .themeTit2Wrap {
    margin: 0 auto 0;
    padding-inline: 0px;
  }
}

.themeTit2 {
  position: relative;
  margin: -14px auto 0 0;
  z-index: 0;
  width: 1056px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeTit2 {
    margin: -14px auto 0 0;
    width: 73.333vw;
  }
}
@media screen and (max-width: 768px) {
  .themeTit2 {
    margin: 3.5vw auto 0;
    width: 100%;
  }
}

.themeVideo {
  position: relative;
  z-index: 3;
  margin: 350px auto 0;
  width: 1120px;
  padding-top: 630px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeVideo {
    margin: 24.306vw auto 0;
    width: 77.778vw;
    padding-top: 43.75vw;
  }
}
@media screen and (max-width: 768px) {
  .themeVideo {
    margin: 36vw auto 0;
    width: 89.333vw;
    padding-top: 50.233vw;
  }
}
.themeVideo::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -149px;
  left: -181px;
  width: 1496px;
  height: 1073px;
  background: url(/innocenttime25aw/images/theme/theme-bottom-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .themeVideo::before {
    top: -10.347vw;
    left: -12.569vw;
    width: 103.889vw;
    height: 74.514vw;
  }
}
@media screen and (max-width: 768px) {
  .themeVideo::before {
    z-index: -1;
    top: -17.6vw;
    left: -5.4vw;
    width: 100vw;
    height: 93.067vw;
    background: url(/innocenttime25aw/images/theme/theme-bottom-deco-sp.png) no-repeat center center/cover;
  }
}
.themeVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about {
  padding-block: 0 150px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .about {
    padding-block: 0 10.417vw;
  }
}
@media screen and (max-width: 768px) {
  .about {
    padding-block: 17.2vw 31.867vw;
  }
}

.aboutTitWrap {
  position: relative;
}
.aboutTitWrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -55px;
  left: calc(50% - 520px);
  width: 1114px;
  height: 188px;
  background: url(/innocenttime25aw/images/about/about-head-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutTitWrap::before {
    top: -3.819vw;
    left: calc(50% - 36.111vw);
    width: 77.361vw;
    height: 13.056vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutTitWrap::before {
    top: -5.6vw;
    left: 0;
    width: 100%;
    height: 26.667vw;
    background: url(/innocenttime25aw/images/about/about-head-deco-sp.png) no-repeat center center/cover;
  }
}
.aboutTitWrap::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -37px;
  left: calc(50% - 1098px);
  width: 2300px;
  height: 200px;
  background: url(/innocenttime25aw/images/about/about-head-line@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutTitWrap::after {
    top: -2.569vw;
    left: calc(50% - 76.25vw);
    width: 159.722vw;
    height: 13.889vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutTitWrap::after {
    display: none;
  }
}

.aboutWrap {
  position: relative;
  margin: 155px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutWrap {
    margin: 10.764vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .aboutWrap {
    margin: 17.333vw 0 0;
  }
}
.aboutWrap::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 94px;
  left: calc(50% - 1018px);
  width: 1894px;
  height: 937px;
  background: url(/innocenttime25aw/images/about/about-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutWrap::after {
    top: 6.528vw;
    left: calc(50% - 70.694vw);
    width: 131.528vw;
    height: 65.069vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutWrap::after {
    z-index: 0;
    top: 163vw;
    left: 0;
    width: 61.067vw;
    height: 51.467vw;
    background: url(/innocenttime25aw/images/about/about-deco-sp.png) no-repeat center center/cover;
  }
}

.aboutBg {
  content: "";
  position: absolute;
  z-index: 0;
  top: 150px;
  left: 0;
  width: 100%;
  height: 680px;
}
.aboutBg img {
  width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutBg {
    top: 10.417vw;
    height: 47.222vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutBg {
    top: 0vw;
    height: 189.067vw;
  }
}

.aboutCont {
  position: relative;
  z-index: 1;
  margin: 0 auto 0;
  max-width: 1406px;
  width: 100%;
  padding-inline: 20px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutCont {
    max-width: 97.639vw;
    padding-inline: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutCont {
    padding-inline: 5.333vw;
  }
}

.aboutTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .aboutTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.aboutTopImg {
  width: 683px;
  height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutTopImg {
    width: 47.431vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutTopImg {
    width: 69.333vw;
  }
}

.aboutTxtWrap {
  margin: 40px 0 0 -82px;
  width: 619px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutTxtWrap {
    margin: 2.778vw 0 0 -5.694vw;
    width: 42.986vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutTxtWrap {
    margin: -18.4vw 0 0 5.33vw;
    width: 84vw;
  }
}

.aboutTxt {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 2.5;
  letter-spacing: 0.6px;
  text-align: left;
  color: #765529;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutTxt {
    font-size: 1.389vw;
    letter-spacing: 0.042vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutTxt {
    font-size: 4.267vw;
    font-weight: 500;
    line-height: 1.94;
    letter-spacing: 0.128vw;
  }
}

.aboutTxt:nth-child(n+2) {
  margin: 20px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutTxt:nth-child(n+2) {
    margin: 1.389vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .aboutTxt:nth-child(n+2) {
    margin: 4.067vw 0 0;
  }
}

.aboutBottomImg {
  margin: -228px 0 0 auto;
  width: 412px;
  height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .aboutBottomImg {
    margin: -15.833vw 0 0 auto;
    width: 28.611vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutBottomImg {
    position: relative;
    z-index: 2;
    margin: 5.33vw 0 0 auto;
    width: 65.333vw;
  }
}

.select {
  position: relative;
  padding-block: 0 200px;
}
@media (min-width: 3101px) {
  .select {
    margin: 10vw 0 0;
  }
}
@media screen and (min-width: 2601px) and (max-width: 3100px) {
  .select {
    margin: 6vw 0 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .select {
    padding-block: 0 13.889vw;
  }
}
@media screen and (max-width: 768px) {
  .select {
    padding-block: 0 42.667vw;
  }
}

.selectTitWrap {
  position: relative;
}
.selectTitWrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -18px;
  left: calc(50% - 570px);
  width: 1147px;
  height: 189px;
  background: url(/innocenttime25aw/images/select/select-head-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectTitWrap::before {
    top: -1.25vw;
    left: calc(50% - 39.583vw);
    width: 79.653vw;
    height: 13.125vw;
  }
}
@media screen and (max-width: 768px) {
  .selectTitWrap::before {
    top: 0vw;
    left: 0;
    width: 100%;
    height: 26.667vw;
    background: url(/innocenttime25aw/images/select/select-head-deco-sp.png) no-repeat center center/cover;
  }
}
.selectTitWrap::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -3px;
  left: calc(50% - 1219px);
  width: 2300px;
  height: 200px;
  background: url(/innocenttime25aw/images/select/select-head-line@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectTitWrap::after {
    top: -0.208vw;
    left: calc(50% - 84.653vw);
    width: 159.722vw;
    height: 13.889vw;
  }
}
@media screen and (max-width: 768px) {
  .selectTitWrap::after {
    display: none;
  }
}

.selectCont {
  position: relative;
  max-width: 1406px;
  width: 100%;
  margin: 126px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 55px;
     -moz-column-gap: 55px;
          column-gap: 55px;
  row-gap: 58px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectCont {
    max-width: 97.639vw;
    margin: 8.75vw auto 0;
    -webkit-column-gap: 3.819vw;
       -moz-column-gap: 3.819vw;
            column-gap: 3.819vw;
    row-gap: 4.028vw;
  }
}
@media screen and (max-width: 768px) {
  .selectCont {
    margin: 10.7vw auto 0;
    padding: 0 10.7vw 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5.33vw;
  }
}
.selectCont::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 276px;
  left: calc(50% - 925px);
  width: 1855px;
  height: 731px;
  background: url(/innocenttime25aw/images/select/select-deco@1x.png) no-repeat center center/cover;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectCont::before {
    top: 19.167vw;
    left: calc(50% - 64.236vw);
    width: 128.819vw;
    height: 50.764vw;
  }
}
@media screen and (max-width: 768px) {
  .selectCont::before {
    top: 47vw;
    left: 0vw;
    width: 100vw;
    height: 576vw;
    background: url(/innocenttime25aw/images/select/select-deco-sp.png) no-repeat center center/cover;
  }
}

.selectItem {
  position: relative;
  z-index: 1;
  width: 380px;
  background: #f5e1e7;
  border-radius: 40px;
  padding: 40px 30px 28px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectItem {
    width: 26.389vw;
    border-radius: 2.778vw;
    padding: 2.778vw 2.083vw 1.944vw;
  }
}
@media screen and (max-width: 768px) {
  .selectItem {
    width: 78.667vw;
    border-radius: 6.667vw;
    padding: 5.33vw 5.33vw 6.66vw;
  }
}

.selectItemCont {
  text-align: center;
}

.selectItemPoint {
  margin: 0 0 0;
  font-family: "Gowun Batang", serif;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 1.76px;
  color: #794d2c;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectItemPoint {
    font-size: 1.528vw;
    letter-spacing: 0.122vw;
  }
}
@media screen and (max-width: 768px) {
  .selectItemPoint {
    font-size: 4.27vw;
    letter-spacing: 0.341vw;
  }
}

.selectItemNumber {
  margin: 0 0 0;
  font-family: "Shippori Mincho", serif;
  font-size: 40px;
  line-height: 1;
  letter-spacing: normal;
  color: #794d2c;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectItemNumber {
    font-size: 2.778vw;
  }
}
@media screen and (max-width: 768px) {
  .selectItemNumber {
    font-size: 9.33vw;
    line-height: 1.08;
  }
}

.selectItemTitWrap {
  margin: 9px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectItemTitWrap {
    margin: 0.625vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .selectItemTitWrap {
    margin: 3.56vw 0 0;
  }
}

.selectItemTit {
  font-family: "Shippori Mincho", serif;
  font-size: 30px;
  line-height: 1.67;
  letter-spacing: -1.2px;
  color: #794d2c;
  display: inline-block;
  border-bottom: 1px solid #ddb5c0;
  padding-bottom: 2px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectItemTit {
    font-size: 2.083vw;
    letter-spacing: -0.083vw;
    border-bottom: 0.0694vw solid #ddb5c0;
    padding-bottom: 0.139vw;
  }
}
@media screen and (max-width: 768px) {
  .selectItemTit {
    font-size: 5.6vw;
    letter-spacing: 0.17vw;
    border-bottom: 0.267vw solid #ddb5c0;
    padding-bottom: 0.267vw;
  }
}

.selectItemTit2 {
  margin: 0 0 0;
  font-family: "Shippori Mincho", serif;
  font-size: 30px;
  line-height: 1.67;
  letter-spacing: -1.2px;
  color: #794d2c;
  display: inline-block;
  border-bottom: 1px solid #ddb5c0;
  padding-bottom: 2px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectItemTit2 {
    font-size: 2.083vw;
    letter-spacing: -0.083vw;
    border-bottom: 0.0694vw solid #ddb5c0;
    padding-bottom: 0.139vw;
  }
}
@media screen and (max-width: 768px) {
  .selectItemTit2 {
    font-size: 5.6vw;
    letter-spacing: 0.17vw;
    border-bottom: 0.267vw solid #ddb5c0;
    padding-bottom: 0.267vw;
  }
}

.selectItemTxt {
  margin: 24px 0 0;
  font-family: "Shippori Mincho", serif;
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: normal;
  color: #794d2c;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectItemTxt {
    margin: 1.667vw 0 0;
    font-size: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .selectItemTxt {
    margin: 5.6vw 0 0;
    font-size: 4.8vw;
    line-height: 1.44;
  }
}

.selectItemImg {
  margin: 20px auto 0;
  width: 310px;
  height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .selectItemImg {
    margin: 1.388vw auto 0;
    width: 21.528vw;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .selectItemImg {
    margin: 6.66vw auto 0;
    width: 68vw;
  }
}
.selectItemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.selectItem:nth-child(5) .selectItemImg {
  margin: 0 auto 0;
}
@media screen and (max-width: 768px) {
  .selectItem:nth-child(5) .selectItemImg {
    margin: 6.66vw auto 0;
  }
}

.productBottom {
  padding-block: 0 318px;
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .productBottom {
    padding-block: 0 22.083vw;
  }
}
@media screen and (max-width: 768px) {
  .productBottom {
    padding-block: 0 38.933vw;
  }
}