[data-sp-aspect-ratio="5:8"]:before {
  padding-top: calc((8 / 5) * 100%);
}

html.jp body {
  font-family: HelveticaNeue-Light, ヒラギノ角ゴPro W3, Hiragino Kaku Gothic Pro, 游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, メイリオ, Meiryo, sans-serif;
}

html.cn body,
html.hkzh body,
html.tw body {
  font-family: PingFang, 方正兰亭黑, Arial, Helvetica, simsun, sans-serif;
}

html.fr body {
  font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Segoe UI, Noto Sans, Roboto, Arial, Arial Unicode MS, sans-serif;
}

html.ru body {
  font-family: verdana, arial, sans-serif;
}

html.kr body {
  font-family: HelveticaNeue-Light, Apple SD Gothic Neo, MS P Gothic, sans-serif;
}

html.vnvi body {
  font-family: arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 300;
}

body {
  background-color: #fff;
  color: #1b1b1b;
  font-family: HelveticaNeue-Light, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN, meiryo, sans-serif;
  min-width: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}

html[lang=ja] body,
html[lang=ko] body,
html[lang=zh-cn] body,
html[lang=zh-tw] body,
html[lang=zh] body {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0;
}

.wrapper {
  padding-top: 56px;
}

.main_inner.-wide {
  position: relative;
  margin-top: 100vh;
}

body[data-bff-version=v5] .main_inner.-wide {
  padding-top: 0;
}

.p-contentBody {
  background-color: #fff;
  position: relative;
}

.p-Header {
  background-color: #fff;
  border: 0 solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 8px 4vw;
  width: 100vw;
  position: fixed;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 17;
  height: 57px;
}

.p-Header_LogoLink {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}

.p-Header_Logo {
  width: auto;
  height: 18px;
}

.p-Hero_Wrapper {
  position: fixed;
  top: 57px;
  left: 0;
  width: 100%;
}

.p-Hero_Image {
  object-fit: cover;
  max-width: 100%;
}

.fr-videoAutoPlay.-fitVideo {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.p-HeroCarousel_GradationMask {
  height: 300px;
  bottom: 0;
  position: absolute;
  width: 100%;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(27, 27, 27, 0.4));
}

.p-HeroCarousel_Banner {
  bottom: 30px;
  left: 0;
  text-align: center;
  width: 100%;
  position: absolute;
}

.p-HeroCarousel_Title {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0 ,0 , 0.25);
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 1px;
}

html[lang=ja] .p-HeroCarousel_Title,
html[lang=ko] .p-HeroCarousel_Title,
html[lang=zh-cn] .p-HeroCarousel_Title,
html[lang=zh-tw] .p-HeroCarousel_Title,
html[lang=zh] .p-HeroCarousel_Title {
  font-size: 22px;
  line-height: 1.6;
  letter-spacing: 0;
}

.p-HeroCarousel_Description {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.p-Heading.-H1 {
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 1px;
}

html[lang=ja] .p-Heading.-H1,
html[lang=ko] .p-Heading.-H1,
html[lang=zh-cn] .p-Heading.-H1,
html[lang=zh-tw] .p-Heading.-H1,
html[lang=zh] .p-Heading.-H1 {
  font-size: 22px;
  line-height: 1.6;
  letter-spacing: 0;
}

.p-Heading.-H2 {
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 1px;
}

html[lang=ja] .p-Heading.-H2,
html[lang=ko] .p-Heading.-H2,
html[lang=zh-cn] .p-Heading.-H2,
html[lang=zh-tw] .p-Heading.-H2,
html[lang=zh] .p-Heading.-H2 {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0;
}

.p-Heading.-H3 {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 1px;
}

html[lang=ja] .p-Heading.-H3,
html[lang=ko] .p-Heading.-H3,
html[lang=zh-cn] .p-Heading.-H3,
html[lang=zh-tw] .p-Heading.-H3,
html[lang=zh] .p-Heading.-H3 {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0;
}

.p-Heading.-H4 {
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}

html[lang=ja] .p-Heading.-H4,
html[lang=ko] .p-Heading.-H4,
html[lang=zh-cn] .p-Heading.-H4,
html[lang=zh-tw] .p-Heading.-H4,
html[lang=zh] .p-Heading.-H4 {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
}

.p-SalesInformation {
  background-color: #f4f4f4;
  padding: 28px 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}

html[lang=ja] .p-SalesInformation,
html[lang=ko] .p-SalesInformation,
html[lang=zh-cn] .p-SalesInformation,
html[lang=zh-tw] .p-SalesInformation,
html[lang=zh] .p-SalesInformation {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0;
}

.p-SalesInformation_Heading {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}

html[lang=ja] .p-SalesInformation_Heading,
html[lang=ko] .p-SalesInformation_Heading,
html[lang=zh-cn] .p-SalesInformation_Heading,
html[lang=zh-tw] .p-SalesInformation_Heading,
html[lang=zh] .p-SalesInformation_Heading {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
}

.fr-linkButton.-thin {
  position: relative;
  padding: 12px 4vw;
  width: 84vw;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: 0.5px;
  font-family: HelveticaNeue-Light, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN, meiryo, sans-serif;
}

html[lang=ja] .fr-linkButton.-thin,
html[lang=ko] .fr-linkButton.-thin,
html[lang=zh-cn] .fr-linkButton.-thin,
html[lang=zh-tw] .fr-linkButton.-thin,
html[lang=zh] .fr-linkButton.-thin {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
}

html.jp .fr-linkButton.-thin {
  font-family: HelveticaNeue-Light, ヒラギノ角ゴPro W3, Hiragino Kaku Gothic Pro, 游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, メイリオ, Meiryo, sans-serif;
}

html.cn .fr-linkButton.-thin,
html.hkzh .fr-linkButton.-thin,
html.tw .fr-linkButton.-thin {
  font-family: PingFang, 方正兰亭黑, Arial, Helvetica, simsun, sans-serif;
}

html.fr .fr-linkButton.-thin {
  font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Segoe UI, Noto Sans, Roboto, Arial, Arial Unicode MS, sans-serif;
}

html.ru .fr-linkButton.-thin {
  font-family: verdana, arial, sans-serif;
}

html.kr .fr-linkButton.-thin {
  font-family: HelveticaNeue-Light, Apple SD Gothic Neo, MS P Gothic, sans-serif;
}

html.vnvi .fr-linkButton.-thin {
  font-family: arial, sans-serif;
}

.-cl+.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-container.-cl[data-pagination-type=fraction] {
  padding-bottom: 42.5px;
}

.-cl+.swiper-pagination-fraction.p-Indicater {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.5px;
}

.p-Carousel_Wrapper {
  overflow: hidden;
}

.p-BannerButton {
  display: inline-block;
  text-align: center;
}

.p-Carousel .p-BannerButton {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.p-BannerButton.-BannerButtonHero {
  line-height: 40px;
  height: 40px;
  min-width: 150px;
  padding: 0 4vw;
  background-color: hsla(0, 0%, 100%, 0.85);
}

.p-BannerButton.-BannerButtonLookbook {
  line-height: 26px !important;
  height: 26px;
  min-width: 110px;
  padding: 0 15px;
  background-color: hsla(0, 0%, 100%, 0.6);
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}

html[lang=ja] .p-BannerButton.-BannerButtonLookbook,
html[lang=ko] .p-BannerButton.-BannerButtonLookbook,
html[lang=zh-cn] .p-BannerButton.-BannerButtonLookbook,
html[lang=zh-tw] .p-BannerButton.-BannerButtonLookbook,
html[lang=zh] .p-BannerButton.-BannerButtonLookbook {
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: 0;
}

.p-ListButtons {
  border-top: 1px solid #dadada;
}

.p-ListButton {
  position: relative;
  border: 0 solid #dadada;
  border-color: #dadada;
  border-bottom: 1px solid #dadada;
}

.p-ListButton:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 24px;
  mask-size: 24px;
  background-color: #1b1b1b;
  -webkit-mask-image: url(/jp/ja/special-feature/collaboration/common/img/icon/icon-arrow.svg#arrow);
  mask-image: url(/jp/ja/special-feature/collaboration/common/img/common/icon/icon-arrow.svg#arrow);
  position: absolute;
  transform: rotate(180deg);
  top: 50%;
  right: 10px;
  margin-top: -12px;
}

.p-ListButton_Inner {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 20px calc(34px + 4vw) 20px 0;
}

.p-ImgPlusText_View {
  text-decoration: underline;
  text-align: right;
}

.p-AboutSimple_wrapper {
  background-color: #f4f4f4;
}

.p-LinkText {
  text-decoration: underline;
  display: block;
}

.p-AboutSimple {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

html[lang=ja] .p-AboutSimple,
html[lang=ko] .p-AboutSimple,
html[lang=zh-cn] .p-AboutSimple,
html[lang=zh-tw] .p-AboutSimple,
html[lang=zh] .p-AboutSimple {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0;
}

.p-AboutSimple_Thumb {
  max-width: 84vw;
  margin-right: auto;
  margin-left: auto;
}

.Related_Item {
  padding: 0 4vw;
  margin-top: 12px;
}

.Related_Item:first-child {
  margin-top: 0;
}

.Related_ItemLink {
  display: flex;
}

.Related_ItemImgWrapper {
  width: 40vw;
  margin-right: 4vw;
}

.Related_ItemInner {
  flex: 1;
}

.Related_ItemHeading {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}

html[lang=ja] .Related_ItemHeading,
html[lang=ko] .Related_ItemHeading,
html[lang=zh-cn] .Related_ItemHeading,
html[lang=zh-tw] .Related_ItemHeading,
html[lang=zh] .Related_ItemHeading {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
}

#common_questionnaire,
#common_questionnaire p,
#common_questionnaire div,
#common_questionnaire a {
  font-family: HelveticaNeue-Light, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, メイリオ, Meiryo, sans-serif !important;
  font-weight: normal !important;
}

.p-contentBody.-questionnaire {
  padding-top: 60px;
  margin-top: -60px;
}

.collaborationFooter {
  background-color: #fff;
  position: relative;
}

.p-FooterNavigation {
  background-color: #f4f4f4;
  padding: 20px 0;
  overflow: hidden;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}

html[lang=ja] .p-FooterNavigation,
html[lang=ko] .p-FooterNavigation,
html[lang=zh-cn] .p-FooterNavigation,
html[lang=zh-tw] .p-FooterNavigation,
html[lang=zh] .p-FooterNavigation {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
}

.p-FooterNavigation_Item {
  margin-top: 20px;
  padding: 0 4vw;
}

.p-FooterNavigation_Item:first-child {
  margin-top: 0;
}

.p-FooterNavigation_ItemChild {
  margin-top: 20px;
  padding-left: 4vw;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}

html[lang=ja] .p-FooterNavigation_ItemChild,
html[lang=ko] .p-FooterNavigation_ItemChild,
html[lang=zh-cn] .p-FooterNavigation_ItemChild,
html[lang=zh-tw] .p-FooterNavigation_ItemChild,
html[lang=zh] .p-FooterNavigation_ItemChild {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0;
}

.p-FooterNavigation_Link {
  display: block;
}

body .fr-globalFooter {
  margin-top: 0 !important;
}

body #lineup .fr-bff-product_price.u-uqFont-r {
  font-family: inherit;
}

.adjustAnchor {
  padding-top: 57px;
  margin-top: -57px;
}

.fr-pagetop.-thin {
  background: url(/jp/ja/special-feature/collaboration/common/img/icon/icon-backtotop.svg) 50%/cover no-repeat;
  box-shadow: none;
  width: 40px;
  height: 40px;
  right: 15px;
  z-index: 19;
}

.fr-pagetop.-thin[data-pagetop-is-active=true] {
  opacity: 1;
  visibility: visible;
}

.u-OverflowHidden {
  overflow: hidden;
}

.u-underLine {
  text-decoration: underline;
}

.jp .fr-annotation:before {
  top: -2px;
}

@media screen and (min-width: 813px) {
  body {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0.5px;
  }

  .u-pc-pt-xxs {
    padding-top: 4px;
  }

  .u-pc-pb-xxs,
  .u-pc-py-xxs {
    padding-bottom: 4px;
  }

  .u-pc-py-xxs {
    padding-top: 4px;
  }

  .u-pc-mt-xxs {
    margin-top: 4px;
  }

  .u-pc-mb-xxs,
  .u-pc-my-xxs {
    margin-bottom: 4px;
  }

  .u-pc-my-xxs {
    margin-top: 4px;
  }

  .u-pc-pt-xs {
    padding-top: 8px;
  }

  .u-pc-pb-xs,
  .u-pc-py-xs {
    padding-bottom: 8px;
  }

  .u-pc-py-xs {
    padding-top: 8px;
  }

  .u-pc-mt-xs {
    margin-top: 8px;
  }

  .u-pc-mb-xs,
  .u-pc-my-xs {
    margin-bottom: 8px;
  }

  .u-pc-my-xs {
    margin-top: 8px;
  }

  .u-pc-pt-s {
    padding-top: 12px;
  }

  .u-pc-pb-s,
  .u-pc-py-s {
    padding-bottom: 12px;
  }

  .u-pc-py-s {
    padding-top: 12px;
  }

  .u-pc-mt-s {
    margin-top: 12px;
  }

  .u-pc-mb-s,
  .u-pc-my-s {
    margin-bottom: 12px;
  }

  .u-pc-my-s {
    margin-top: 12px;
  }

  .u-pc-pt-m {
    padding-top: 20px;
  }

  .u-pc-pb-m,
  .u-pc-py-m {
    padding-bottom: 20px;
  }

  .u-pc-py-m {
    padding-top: 20px;
  }

  .u-pc-mt-m {
    margin-top: 20px;
  }

  .u-pc-mb-m,
  .u-pc-my-m {
    margin-bottom: 20px;
  }

  .u-pc-my-m {
    margin-top: 20px;
  }

  .u-pc-pt-l {
    padding-top: 28px;
  }

  .u-pc-pb-l,
  .u-pc-py-l {
    padding-bottom: 28px;
  }

  .u-pc-py-l {
    padding-top: 28px;
  }

  .u-pc-mt-l {
    margin-top: 28px;
  }

  .u-pc-mb-l,
  .u-pc-my-l {
    margin-bottom: 28px;
  }

  .u-pc-my-l {
    margin-top: 28px;
  }

  .u-pc-pt-xl {
    padding-top: 40px;
  }

  .u-pc-pb-xl,
  .u-pc-py-xl {
    padding-bottom: 40px;
  }

  .u-pc-py-xl {
    padding-top: 40px;
  }

  .u-pc-mt-xl {
    margin-top: 40px;
  }

  .u-pc-mb-xl,
  .u-pc-my-xl {
    margin-bottom: 40px;
  }

  .u-pc-my-xl {
    margin-top: 40px;
  }

  .u-pc-pt-xxl {
    padding-top: 60px;
  }

  .u-pc-pb-xxl,
  .u-pc-py-xxl {
    padding-bottom: 60px;
  }

  .u-pc-py-xxl {
    padding-top: 60px;
  }

  .u-pc-mt-xxl {
    margin-top: 60px;
  }

  .u-pc-mb-xxl,
  .u-pc-my-xxl {
    margin-bottom: 60px;
  }

  .u-pc-my-xxl {
    margin-top: 60px;
  }

  .u-pc-pt-xxxl {
    padding-top: 72px;
  }

  .u-pc-pb-xxxl,
  .u-pc-py-xxxl {
    padding-bottom: 72px;
  }

  .u-pc-py-xxxl {
    padding-top: 72px;
  }

  .u-pc-mt-xxxl {
    margin-top: 72px;
  }

  .u-pc-mb-xxxl,
  .u-pc-my-xxxl {
    margin-bottom: 72px;
  }

  .u-pc-my-xxxl {
    margin-top: 72px;
  }

  .u-pc-pr-xs {
    padding-right: 1px;
  }

  .u-pc-pl-xs,
  .u-pc-px-xs {
    padding-left: 1px;
  }

  .u-pc-px-xs {
    padding-right: 1px;
  }

  .u-pc-mr-xs {
    margin-right: 1px;
  }

  .u-pc-ml-xs,
  .u-pc-mx-xs {
    margin-left: 1px;
  }

  .u-pc-mx-xs {
    margin-right: 1px;
  }

  .u-pc-pr-s {
    padding-right: 6px;
  }

  .u-pc-pl-s,
  .u-pc-px-s {
    padding-left: 6px;
  }

  .u-pc-px-s {
    padding-right: 6px;
  }

  .u-pc-mr-s {
    margin-right: 6px;
  }

  .u-pc-ml-s,
  .u-pc-mx-s {
    margin-left: 6px;
  }

  .u-pc-mx-s {
    margin-right: 6px;
  }

  .u-pc-pr-m {
    padding-right: 12px;
  }

  .u-pc-pl-m,
  .u-pc-px-m {
    padding-left: 12px;
  }

  .u-pc-px-m {
    padding-right: 12px;
  }

  .u-pc-mr-m {
    margin-right: 12px;
  }

  .u-pc-ml-m,
  .u-pc-mx-m {
    margin-left: 12px;
  }

  .u-pc-mx-m {
    margin-right: 12px;
  }

  .u-pc-pr-1g {
    padding-right: 24px;
  }

  .u-pc-pl-1g,
  .u-pc-px-1g {
    padding-left: 24px;
  }

  .u-pc-px-1g {
    padding-right: 24px;
  }

  .u-pc-mr-1g {
    margin-right: 24px;
  }

  .u-pc-ml-1g,
  .u-pc-mx-1g {
    margin-left: 24px;
  }

  .u-pc-mx-1g {
    margin-right: 24px;
  }

  .u-pc-pr-2g {
    padding-right: 48px;
  }

  .u-pc-pl-2g,
  .u-pc-px-2g {
    padding-left: 48px;
  }

  .u-pc-px-2g {
    padding-right: 48px;
  }

  .u-pc-mr-2g {
    margin-right: 48px;
  }

  .u-pc-ml-2g,
  .u-pc-mx-2g {
    margin-left: 48px;
  }

  .u-pc-mx-2g {
    margin-right: 48px;
  }

  html[lang=ja] body,
  html[lang=ko] body,
  html[lang=zh-cn] body,
  html[lang=zh-tw] body,
  html[lang=zh] body {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .wrapper {
    padding-top: 64px;
  }

  .main_inner.-wide {
    max-width: initial;
    padding-right: 0;
    padding-left: 0;
  }

  .innerContent {
    max-width: 1226px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 25px;
    padding-left: 25px;
  }

  .p-Header {
    padding: 12px 24px;
    height: 65px;
  }

  .p-Header_Logo{
    height: 40px;
  }

  .p-HeroCarousel_GradationMask {
    height: 383.5px;
  }

  .p-HeroCarousel_Banner {
    bottom: 40px;
  }

  .p-HeroCarousel_Title {
    font-size: 34px;
    line-height: 1.3;
    letter-spacing: 0.5px
  }

  html[lang=ja] .p-HeroCarousel_Title,
  html[lang=ko] .p-HeroCarousel_Title,
  html[lang=zh-cn] .p-HeroCarousel_Title,
  html[lang=zh-tw] .p-HeroCarousel_Title,
  html[lang=zh] .p-HeroCarousel_Title {
    font-size: 32px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .p-HeroCarousel_Description {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.5px;
  }

  html[lang=ja] .p-HeroCarousel_Description,
  html[lang=ko] .p-HeroCarousel_Description,
  html[lang=zh-cn] .p-HeroCarousel_Description,
  html[lang=zh-tw] .p-HeroCarousel_Description,
  html[lang=zh] .p-HeroCarousel_Description {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .p-Hero_Wrapper {
    top: 65px;
  }

  .p-Heading.-H1 {
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  html[lang=ja] .p-Heading.-H1,
  html[lang=ko] .p-Heading.-H1,
  html[lang=zh-cn] .p-Heading.-H1,
  html[lang=zh-tw] .p-Heading.-H1,
  html[lang=zh] .p-Heading.-H1 {
    font-size: 24px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .p-Heading.-H2 {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  html[lang=ja] .p-Heading.-H2,
  html[lang=ko] .p-Heading.-H2,
  html[lang=zh-cn] .p-Heading.-H2,
  html[lang=zh-tw] .p-Heading.-H2,
  html[lang=zh] .p-Heading.-H2 {
    font-size: 22px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .p-Heading.-H3 {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  html[lang=ja] .p-Heading.-H3,
  html[lang=ko] .p-Heading.-H3,
  html[lang=zh-cn] .p-Heading.-H3,
  html[lang=zh-tw] .p-Heading.-H3,
  html[lang=zh] .p-Heading.-H3 {
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .p-Heading.-H4 {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.5px;
  }

  html[lang=ja] .p-Heading.-H4,
  html[lang=ko] .p-Heading.-H4,
  html[lang=zh-cn] .p-Heading.-H4,
  html[lang=zh-tw] .p-Heading.-H4,
  html[lang=zh] .p-Heading.-H4 {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .fr-linkButton.-thin {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.5px;
  }

  html[lang=ja] .fr-linkButton.-thin,
  html[lang=ko] .fr-linkButton.-thin,
  html[lang=zh-cn] .fr-linkButton.-thin,
  html[lang=zh-tw] .fr-linkButton.-thin,
  html[lang=zh] .fr-linkButton.-thin {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  [lang=ja] .swiper-container.-cl[data-pagination-type=fraction],
  [lang=ko] .swiper-container.-cl[data-pagination-type=fraction],
  [lang=zh-cn] .swiper-container.-cl[data-pagination-type=fraction],
  [lang=zh-tw] .swiper-container.-cl[data-pagination-type=fraction],
  [lang=zh] .swiper-container.-cl[data-pagination-type=fraction] {
    padding-bottom: 46.5px;
  }

  [lang=ja] .-cl+.swiper-pagination-fraction.p-Indicater,
  [lang=ko] .-cl+.swiper-pagination-fraction.p-Indicater,
  [lang=zh-cn] .-cl+.swiper-pagination-fraction.p-Indicater,
  [lang=zh-tw] .-cl+.swiper-pagination-fraction.p-Indicater,
  [lang=zh] .-cl+.swiper-pagination-fraction.p-Indicater {
    font-size: 18px;
  }

  .p-ImgPlusText {
    display: flex;
    flex-wrap: wrap;
  }

  .p-ImgPlusText.-center {
    justify-content: center;
  }

  .p-ImgPlusText_Item+.p-ImgPlusText_Item {
    margin-left: 24px;
    margin-top: 40px;
  }

  .-ImgPlusTextDefault .p-ImgPlusText_Item {
    width: calc(25% - 18px);
  }

  .-ImgPlusTextDefault .p-ImgPlusText_Item:nth-child(-n+4) {
    margin-top: 0;
  }

  .-ImgPlusTextDefault .p-ImgPlusText_Item:nth-child(4n+1) {
    margin-left: 0;
  }

  .-ImgPlusTextStories .p-ImgPlusText_Item {
    width: calc(33.33333% - 16px);
  }

  .-ImgPlusTextStories .p-ImgPlusText_Item:nth-child(-n+3) {
    margin-top: 0;
  }

  .-ImgPlusTextStories .p-ImgPlusText_Item:nth-child(3n+1) {
    margin-left: 0;
  }

  .p-AboutSimple_Container {
    display: flex;
  }

  .p-AboutSimple_Inner {
    flex: 1;
  }

  .p-AboutSimple_Thumb {
    width: 100%;
    max-width: 350px;
    margin-right: 24px;
    margin-left: 0;
  }

  .Related_Items {
    display: flex;
    flex-wrap: wrap;
    max-width: 1224px;
    width: 100%;
    padding: 0 24px;
    margin-right: auto;
    margin-left: auto;
  }

  .Related_Item {
    padding: 0;
    width: calc(25% - 18px);
    margin-top: 40px;
    margin-right: 24px;
  }

  .Related_Item:nth-child(-n+4) {
    margin-top: 0;
  }

  .Related_Item:nth-child(4n) {
    margin-right: 0;
  }

  .Related_ItemLink {
    display: block;
  }

  .Related_ItemImgWrapper {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }

  .Related_ItemHeading {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.5px;
  }

  html[lang=ja] .Related_ItemHeading,
  html[lang=ko] .Related_ItemHeading,
  html[lang=zh-cn] .Related_ItemHeading,
  html[lang=zh-tw] .Related_ItemHeading,
  html[lang=zh] .Related_ItemHeading {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .l-Container {
    max-width: 1224px;
  }

  .l-Container,
  .l-SmallContainer {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
    margin-right: auto;
    margin-left: auto;
  }

  .l-SmallContainer {
    max-width: 924px;
  }

  .l-Inner {
    max-width: 624px;
  }

  .l-Inner,
  .l-SmallInner {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
    margin-right: auto;
    margin-left: auto;
  }

  .l-SmallInner {
    max-width: 424px;
  }

  .u-align-centerPC {
    text-align: center;
  }

  .fr-pc-mt-xxxxl {
    margin-top: 72px;
  }

  body .fr-globalFooter {
    margin-top: 0 !important;
    padding-top: 24px !important;
  }

  .adjustAnchor {
    padding-top: 65px;
    margin-top: -65px;
  }

  .u-Hover {
    cursor: pointer;
    transition: opacity 0.6s;
  }

  .u-Hover:hover {
    opacity: 0.6;
  }

  .fr-pagetop.-thin {
    right: 56px;
    bottom: 56px;
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 812px) {
  .u-Interaction {
    opacity: 0;
    transform: translateX(30vw);
    transition: opacity 1s, transform 0.6s;
  }

  .is-show > .u-Interaction {
    opacity: 1;
    transform: translateX(0);
  }

  .p-ImgPlusText_Item + .p-ImgPlusText_Item {
    margin-top: 28px;
  }

  .p-about_Wrapper {
    margin-top: 15px;
    padding-top: 57px;
  }

  .u-sp-pt-xxs {
    padding-top: 4px;
  }

  .u-sp-pb-xxs,
  .u-sp-py-xxs {
    padding-bottom: 4px;
  }

  .u-sp-py-xxs {
    padding-top: 4px;
  }

  .u-sp-mt-xxs {
    margin-top: 4px;
  }

  .u-sp-mb-xxs,
  .u-sp-my-xxs {
    margin-bottom: 4px;
  }

  .u-sp-my-xxs {
    margin-top: 4px;
  }

  .u-sp-pt-xs {
    padding-top: 8px;
  }

  .u-sp-pb-xs,
  .u-sp-py-xs {
    padding-bottom: 8px;
  }

  .u-sp-py-xs {
    padding-top: 8px;
  }

  .u-sp-mt-xs {
    margin-top: 8px;
  }

  .u-sp-mb-xs,
  .u-sp-my-xs {
    margin-bottom: 8px;
  }

  .u-sp-my-xs {
    margin-top: 8px;
  }

  .u-sp-pt-s {
    padding-top: 12px;
  }

  .u-sp-pb-s,
  .u-sp-py-s {
    padding-bottom: 12px;
  }

  .u-sp-py-s {
    padding-top: 12px;
  }

  .u-sp-mt-s {
    margin-top: 12px;
  }

  .u-sp-mb-s,
  .u-sp-my-s {
    margin-bottom: 12px;
  }

  .u-sp-my-s {
    margin-top: 12px;
  }

  .u-sp-pt-m {
    padding-top: 20px;
  }

  .u-sp-pb-m,
  .u-sp-py-m {
    padding-bottom: 20px;
  }

  .u-sp-py-m {
    padding-top: 20px;
  }

  .u-sp-mt-m {
    margin-top: 20px;
  }

  .u-sp-mb-m,
  .u-sp-my-m {
    margin-bottom: 20px;
  }

  .u-sp-my-m {
    margin-top: 20px;
  }

  .u-sp-pt-l {
    padding-top: 28px;
  }

  .u-sp-pb-l,
  .u-sp-py-l {
    padding-bottom: 28px;
  }

  .u-sp-py-l {
    padding-top: 28px;
  }

  .u-sp-mt-l {
    margin-top: 28px;
  }

  .u-sp-mb-l,
  .u-sp-my-l {
    margin-bottom: 28px;
  }

  .u-sp-my-l {
    margin-top: 28px;
  }

  .u-sp-pt-xl {
    padding-top: 40px;
  }

  .u-sp-pb-xl,
  .u-sp-py-xl {
    padding-bottom: 40px;
  }

  .u-sp-py-xl {
    padding-top: 40px;
  }

  .u-sp-mt-xl {
    margin-top: 40px;
  }

  .u-sp-mb-xl,
  .u-sp-my-xl {
    margin-bottom: 40px;
  }

  .u-sp-my-xl {
    margin-top: 40px;
  }

  .u-sp-pt-xxl {
    padding-top: 60px;
  }

  .u-sp-pb-xxl,
  .u-sp-py-xxl {
    padding-bottom: 60px;
  }

  .u-sp-py-xxl {
    padding-top: 60px;
  }

  .u-sp-mt-xxl {
    margin-top: 60px;
  }

  .u-sp-mb-xxl,
  .u-sp-my-xxl {
    margin-bottom: 60px;
  }

  .u-sp-my-xxl {
    margin-top: 60px;
  }

  .u-sp-pt-xxxl {
    padding-top: 72px;
  }

  .u-sp-pb-xxxl,
  .u-sp-py-xxxl {
    padding-bottom: 72px;
  }

  .u-sp-py-xxxl {
    padding-top: 72px;
  }

  .u-sp-mt-xxxl {
    margin-top: 72px;
  }

  .u-sp-mb-xxxl,
  .u-sp-my-xxxl {
    margin-bottom: 72px;
  }

  .u-sp-my-xxxl {
    margin-top: 72px;
  }

  .u-sp-pr-xs {
    padding-right: 1px;
  }

  .u-sp-pl-xs,
  .u-sp-px-xs {
    padding-left: 1px;
  }

  .u-sp-px-xs {
    padding-right: 1px;
  }

  .u-sp-mr-xs {
    margin-right: 1px;
  }

  .u-sp-ml-xs,
  .u-sp-mx-xs {
    margin-left: 1px;
  }

  .u-sp-mx-xs {
    margin-right: 1px;
  }

  .u-sp-pr-s {
    padding-right: 5px;
  }

  .u-sp-pl-s,
  .u-sp-px-s {
    padding-left: 5px;
  }

  .u-sp-px-s {
    padding-right: 5px;
  }

  .u-sp-mr-s {
    margin-right: 5px;
  }

  .u-sp-ml-s,
  .u-sp-mx-s {
    margin-left: 5px;
  }

  .u-sp-mx-s {
    margin-right: 5px;
  }

  .u-sp-pr-m {
    padding-right: 10px;
  }

  .u-sp-pl-m,
  .u-sp-px-m {
    padding-left: 10px;
  }

  .u-sp-px-m {
    padding-right: 10px;
  }

  .u-sp-mr-m {
    margin-right: 10px;
  }

  .u-sp-ml-m,
  .u-sp-mx-m {
    margin-left: 10px;
  }

  .u-sp-mx-m {
    margin-right: 10px;
  }

  .u-sp-pr-1g {
    padding-right: 4vw;
  }

  .u-sp-pl-1g,
  .u-sp-px-1g {
    padding-left: 4vw;
  }

  .u-sp-px-1g {
    padding-right: 4vw;
  }

  .u-sp-mr-1g {
    margin-right: 4vw;
  }

  .u-sp-ml-1g,
  .u-sp-mx-1g {
    margin-left: 4vw;
  }

  .u-sp-mx-1g {
    margin-right: 4vw;
  }

  .u-sp-pr-2g {
    padding-right: 8vw;
  }

  .u-sp-pl-2g,
  .u-sp-px-2g {
    padding-left: 8vw;
  }

  .u-sp-px-2g {
    padding-right: 8vw;
  }

  .u-sp-mr-2g {
    margin-right: 8vw;
  }

  .u-sp-ml-2g,
  .u-sp-mx-2g {
    margin-left: 8vw;
  }

  .u-sp-mx-2g {
    margin-right: 8vw;
  }
}