@charset "utf-8";

html {
  scroll-behavior: smooth;
}

.brsp {
  display: none;
}

.main {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FAF8F0;
}

.main ul {
  list-style: none;
}

.main img {
  display: block;
  width: 100%;
  height: auto;
}

/* text */
.body-title-s {
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
}

.body-title-m {
  font-family: "A1 Gothic M", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
}

.body-label-s {
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.body-label-m {
  font-family: HiraginoSans-W5, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.body-p-s {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9;
}

.body-p-m {
  font-family: "A1 Gothic R", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}

.body-a {
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.9;
}

.itemCard-p-price {
  font-family: "Akkurat-Regular";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.itemCard-h3-name {
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
}

.itemCard-p-description {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}

/* section */
.section {
  padding: 80px 0;
}

.section.section-mv {
  padding: 40px 0;
}

.section-about {
  padding: 80px 0 50px;
}

.section.section-search {
  background: #F4F0E5;
}

.section.section.section-lineup {
  padding: 0;
}

.section.section-price {
  padding: 60px 0 0;
}

.section.section-scene {
  padding: 60px 0 0;
}

.section.section-gift {
  padding: 0;
}

.section.section-howtouse {
  position: relative;
  padding: 60px 0;
  background: #F4F0E5;
}

.section.section-faq {
  position: relative;
  padding: 60px 0 80px;
}


.section_heading {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section_subtitle {
  font-family: "lato", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #E1795A;
  text-align: center;
}

.section_title {
  margin: 6px 0 0;
  padding: 0 0 4px 0;

  font-family: "A1 Gothic M", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
  color: #12243C;
  text-align: center;
}

/* mv */
.mv {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 80px;
}

.mv_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mv_title_img {
  width: 260px;
}

.mv_heading {
  margin: 20px 0 0;
  padding: 0 8px;
  font-family: "A1 Gothic M", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7;
  color: #12243C;
}

.mv_img {
  width: 600px;
}

/* lead */
.lead {
  position: relative;
  width: 820px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.lead_bg {
  position: absolute;
  top: 0;
  left: 0;
}

.lead_bg_wine {
  position: absolute;
  top: -50px;
  left: -66px;
  width: 175px;
}

.lead_bg_horse {
  position: absolute;
  top: 182px;
  left: -90px;
  width: 110px;
}

.lead_bg_yoga {
  position: absolute;
  top: 156px;
  left: 120px;
  width: 139px;
}

.lead_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 60px;
}

.lead_img {
  width: 450px;
  padding: 20px 0;
}

.lead_img img {
  border-radius: 4px;
}

.lead_heading {
  margin: 0;
  padding: 0;
  font-family: "A1 Gothic M", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
  color: #12243C;
}

.lead_text {
  margin-top: 15px;
  color: #2B2B2B;
}

/* feature */
.featureContainer {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30px;
}

.feature {
  width: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.feature_icon {
  width: 140px;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background: #FFF;
}

.feature_icon.feature_icon-01>img {
  width: 70px;
}

.feature_icon.feature_icon-02>img {
  width: 68px;
}

.feature_icon.feature_icon-03>img {
  width: 70px;
}

.feature_icon.feature_icon-04>img {
  width: 63px;
}

.feature_text {
  margin-top: 15px;
  text-align: center;
  color: #12243C;
}

.aboutLinkContainer {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
}

.aboutLink {
  position: relative;
  padding: 10px 10px 10px 33px;
  color: #12243C;
}

.aboutLink::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  background-image: url(/assets/specials/egift/icon/caret_circle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}

/* lineup */
.lineupContainer {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

.lineup {
  width: 120px;
  padding: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.lineup_text {
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #12243C;
}

/* search */
.priceLinkContainer {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}

.priceLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 140px;
  height: 47px;
  padding: 0 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  border-radius: 50px;
  border: 1px solid #F4F0E5;
  background: #FFF;
}

.priceLink_text {
  font-family: "Akkurat-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.04em;
  color: #12243C;
  text-align: center;
}

.sceneLinkContainer {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}

.sceneLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 140px;
  height: 47px;
  padding: 0 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  border-radius: 50px;
  border: 1px solid #F4F0E5;
  background: #FFF;

}

.sceneLink_text {
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.04em;
  color: #12243C;
  text-align: center;
}

/* gift */
.giftContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 100px;
}

.gift_header {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gift_header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 330px;
  width: 435px;
  height: 413px;
  background-image: url(/assets/specials/egift/shape/ellipse.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.giftContainer>section:nth-child(even) .gift_header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.giftContainer>section:nth-child(even) .gift_header::before {
  top: 32px;
  left: 210px;
}

.gift_img {
  position: relative;
  width: 540px;
  height: 384px;
}

.gift_img img {
  -webkit-mask-image: url(/assets/specials/egift/gift/mask.svg);
  mask-image: url(/assets/specials/egift/gift/mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}

.gift_detail {
  position: relative;
  width: 460px;
  padding: 0 40px;
  z-index: 1;
}

.gift_number {
  font-family: "Akkurat-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
  text-underline-position: from-font;
  color: #E1795A;
}

.gift_title {
  margin: 10px 0 0;
  padding: 0;
  font-family: "A1 Gothic M", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
  color: #12243C;
}

.gift_text {
  margin-top: 10px;
  color: #12243C;
}

.gift_catalogs {
  position: relative;
  width: 820px;
  margin: 40px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.gift_catalogs::before {
  position: absolute;
  top: -32px;
  left: -40px;
  content: "";
  display: block;
  width: 110px;
  height: 100px;
  -webkit-transform: rotate(-165deg);
  -ms-transform: rotate(-165deg);
  transform: rotate(-165deg);
  background-image: url(/assets/specials/egift/shape/ellipse_orange01.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.giftContainer>section:nth-child(even) .gift_catalogs::before {
  top: -38px;
  left: -32px;
  width: 110px;
  height: 107px;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}

.giftContainer>section:nth-child(2) .gift_catalogs::before {
  background-image: url(/assets/specials/egift/shape/ellipse_blue01.svg);
}

.giftContainer>section:nth-child(3) .gift_catalogs::before {
  background-image: url(/assets/specials/egift/shape/ellipse_green01.svg);
}

.giftContainer>section:nth-child(4) .gift_catalogs::before {
  background-image: url(/assets/specials/egift/shape/ellipse_orange02.svg);
}

.giftContainer>section:nth-child(5) .gift_catalogs::before {
  background-image: url(/assets/specials/egift/shape/ellipse_blue02.svg);
}

.giftContainer>section:nth-child(6) .gift_catalogs::before {
  background-image: url(/assets/specials/egift/shape/ellipse_green02.svg);
}


.catalogs_price {
  position: relative;
  margin-bottom: 15px;
  padding-left: 8px;
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #12243C;
}

.catalogs_price::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: inline-block;
  width: 2px;
  height: 14px;
  background-image: url(/assets/specials/egift/shape/rectangle.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.catalogs_price_number {
  font-family: "Akkurat-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #12243C;
}

.catalogContainer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}

.catalog {
  padding-bottom: 4px;
}

.catalog_img {
  position: relative;
  width: 124px;
}

.catalog_price {
  position: absolute;
  bottom: 8px;
  left: 8px;
  height: 28px;
  padding: 4px 8px;
  border-radius: 20px;
  background: #E1795A;
  color: #FFF;
}

.catalog_detail {
  margin-top: 8px;
  padding: 0 4px;
}

.catalog_name {
  color: #12243C;
}

.catalog_course {
  margin-top: 4px;
  color: #1A5FA1;
}

/* howtouse */
.howtouse_bg {
  position: absolute;
  top: -28px;
  right: 450px;
  width: 120px;
}

.howtouse {
  margin: 30px auto 0;
  width: 740px;
}

.howtouse_tabContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.howtouse_tab {
  width: 50%;
  height: 44px;
  padding: 10px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #D2C7B5;
  cursor: pointer;
}

.howtouse_tab.active {
  border-radius: 8px 8px 0px 0px;
  background: #1A5FA1;
  border-bottom: none;
}

.howtouse_tab_heading {
  color: #ACA08D;
  text-align: center;
}

.howtouse_tab.active .howtouse_tab_heading {
  color: #FFF;
}

.howtouse_contentsContainer {
  width: 740px;
  padding: 0;
  border-radius: 0px 0px 8px 8px;
  background: #FFF;
}

.howtouse_contents {
  display: none;
}

.howtouse_contents.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.howtouseSlider {
  width: 320px;
  margin-top: 30px;
}

.howtouseSlider_prev,
.howtouseSlider_next {
  cursor: pointer;
}

.howtouseSlider_dots {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}

.howtouseSlider_dots li {
  width: 8px;
  height: 8px;
  /* margin: 0 5px; */
  background: #DDD4C5;
  border-radius: 50%;
  cursor: pointer;
}

.howtouseSlider_dots li:hover,
.howtouseSlider_dots li.slick-active {
  background: #1A5FA1;
}

.howtouseSlider_dots li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}


.howtouse_item {
  width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.howtouse_img {
  width: 180px;
  padding: 10px 0;
}

.howtouse_heading {
  margin: 0;
  padding: 0;
  text-align: center;
}

.howtouse_text {
  margin-top: 10px;
  min-height: 75px;
}

/* faq */
.faq_bg {
  position: absolute;
  top: -20px;
  left: 471px;
  width: 130px;
}

.faqContainer {
  width: 740px;
  margin: 40px auto 0;
  background: #FFF;
}

.faq {
  border-bottom: solid 1px #DDD4C5;
  list-style: none;
  cursor: pointer;
}

.faq_qa {
  font-family: "lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  color: #1A5FA1;
}

.faq_qa.faq_qa-answer {
  color: #E1795A;
}

.faq_question {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 18px 20px;
}

.faq_arrow {
  position: absolute;
  right: 20px;
  width: 22px;
  height: 22px;
  background-image: url(/assets/specials/egift/icon/arrow_bottom.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq_arrow.faq_arrow-close {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.faq_answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 20px;
}

.faq_question_text {
  max-width: 645px;
  font-weight: 600;
}

.faq_answer_text {
  max-width: 680px;
}

.faq_answer_text a {
  color: #1A5FA1;
}

/* socialGift */
.socialGiftContainer {
  width: 740px;
  margin: 60px auto 0;
}

.socialGift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.socialGift_detail {
  width: 400px;
}

.socialGift_text {
  margin-top: 20px;
}

.socialGift_btn {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 160px;
  height: 50px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #1A5FA1;
  color: #FFF;
  text-align: center;
}

.socialGift_img {
  width: 320px;
}

.socialGift_img img {
  border-radius: 8px;
}

/* bxslider */
.bx-viewport {
  height: 150px !important;
}

.bx-wrapper {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: none;
  margin: 0 auto;
  max-width: 100% !important;
}