.l-font-cabin-500,
.l-fixui-share > .text,
.l-footer > .pagetop > .item,
.l-menu > .share > .text,
.l-app > .btn > .text,
.l-area-tag > .text,
.l-bg-looptext > .container > .text,
.p-concept > .indicator > .item > .no,
.p-create > .inner > .ttl,
.p-days > .panels > .item > .back > .ttl,
.p-labelProduction > .info > .ttl > .sub,
.p-other > .inner > .ttl > .sub {
  font-family: 'Cabin', sans-serif;
  line-height: 1;
  font-weight: 500;
  font-feature-settings: 'palt';
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
.l-font-cabin-bold,
.l-fixui-copyright > .text,
.l-footer > .sub > .copyright,
.p-days > .ttl > .en {
  font-family: 'Cabin', sans-serif;
  line-height: 1;
  font-weight: 700;
  font-feature-settings: 'palt';
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
.l-font-lato-100,
.p-banner > .inner > .info > .text {
  font-family: 'Lato', sans-serif;
  line-height: 1;
  font-weight: 100;
  font-feature-settings: 'palt';
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
.l-font-lato-300,
.p-banner > .inner > .more {
  font-family: 'Lato', sans-serif;
  line-height: 1;
  font-weight: 300;
}
.l-font-lato-400,
.l-footer > .share > .text,
.l-sp-sample > .inner > .first > .inner > .icon > .icon > .text,
.l-cursor > .icon > .text {
  font-family: 'Lato', sans-serif;
  line-height: 1;
  font-weight: 400;
}
.l-font-noto-normal,
.p-concept > .inner > .info > .text,
.p-create > .inner > .text,
.p-create.is-download > .under > .info > .text,
.p-create.is-download > .under > .info > .atn,
.p-create.is-labelTips .atn,
.p-days > .panels > .item > .front > .text,
.p-labelProduction > .info > .desc > .text,
.p-other > .inner > .list > .item > .inner > .small {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-feature-settings: 'palt';
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
.l-font-noto-bold,
.l-menu > .navi > .item > .text,
.l-indicator > .inner > .item > .text,
.l-sp-sample > .inner > .first > .inner > .text,
.p-create > .inner > .sub,
.p-create > .inner > .desc,
.p-days > .ttl > .ja,
.p-days > .panels > .item > .back > .watch,
.p-days > .panels > .item > .front > .ttl,
.p-days > .panels > .item > .front > .watch,
.p-labelProduction > .info > .ttl > .text,
.p-labelProduction > .info > .desc > .ttl,
.p-op > .inner > .text,
.p-other > .inner > .ttl > .text,
.p-other > .inner > .list > .item > .inner > .text {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-feature-settings: 'palt';
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body,
html {
  text-size-adjust: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
body {
  overflow: visible;
  background-color: #e2e0dc;
}
a {
  color: inherit;
  text-decoration: none;
  user-select: none;
}
svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
img,
canvas,
video {
  vertical-align: bottom;
  user-select: none;
  display: block;
}
@-ms-viewport {
  width: device-width;
  initial-scale: 1;
}
.main {
  position: fixed;
  width: 100%;
  overflow: hidden;
}
.js-height {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
}
.is-noClick {
  pointer-events: none !important;
}
.is-none {
  display: none !important;
}
.is-drag {
  user-select: none;
}
.is-cursor-drag {
  cursor: grab !important;
}
.is-cursor-click {
  cursor: pointer !important;
}
.is-cursor-grabing {
  cursor: grabbing !important;
}
.is-large {
  cursor: zoom-in !important;
}
.is-xs {
  display: none;
}
@media screen and (max-width: 750px) {
  .is-xs {
    display: block;
  }
}
.is-lg {
  display: block;
}
@media screen and (max-width: 750px) {
  .is-lg {
    display: none;
  }
}
.l-fixui-copyright {
  position: fixed;
  top: auto;
  left: 5.625vw;
  bottom: 5.625vw;
  right: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .l-fixui-copyright {
    position: fixed;
    top: auto;
    left: 8vw;
    bottom: 8vw;
    right: auto;
  }
}
.l-fixui-copyright > .tepra {
  width: 70px;
  height: 40px;
  margin-right: 30px;
}
@media screen and (max-width: 750px) {
  .l-fixui-copyright > .tepra {
    width: 15.333333333333334vw;
    height: 8.8vw;
    margin-right: 6vw;
  }
}
.l-fixui-copyright > .tepra > img {
  width: 100%;
  height: 100%;
}
.l-fixui-copyright > .text {
  color: #353536;
  letter-spacing: 0.1em;
  line-height: 178%;
  font-size: 10px;
}
@media screen and (max-width: 750px) {
  .l-fixui-copyright > .text {
    font-size: 2.666666666666667vw;
  }
}
.l-fixui-share {
  position: fixed;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 6.125vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .l-fixui-share {
    position: fixed;
    top: auto;
    left: auto;
    bottom: 24vw;
    right: 6.666666666666667vw;
  }
}
.l-fixui-share > .text {
  color: #000;
  letter-spacing: 0.165em;
  text-transform: uppercase;
  transform: rotateZ(90deg);
  font-size: 12px;
  margin-top: -4.6875vw;
}
@media screen and (max-width: 750px) {
  .l-fixui-share > .text {
    font-size: 3.2vw;
    margin-top: -10vw;
    letter-spacing: 0.06em;
  }
}
.l-fixui-share > a {
  transition: opacity 0.25s;
}
.l-fixui-share > a:hover {
  opacity: 0.5;
}
.l-fixui-share > .fb {
  width: 7px;
  height: 14px;
  margin-top: 38px;
  margin-bottom: 18px;
}
@media screen and (max-width: 750px) {
  .l-fixui-share > .fb {
    width: 1.733333333333333vw;
    height: 4vw;
    margin-top: 6.666666666666667vw;
    margin-bottom: 2.4vw;
  }
}
.l-fixui-share > .fb > img {
  width: 100%;
  height: 100%;
}
.l-fixui-share > .tw {
  width: 18px;
  height: 18px;
  margin-left: 1px;
}
@media screen and (max-width: 750px) {
  .l-fixui-share > .tw {
    width: 4vw;
    height: 4vw;
  }
}
.l-fixui-share > .tw > img {
  width: 100%;
  height: 100%;
}
.l-fixui-scroll {
  position: fixed;
  top: auto;
  left: auto;
  bottom: 5.625vw;
  right: 5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
}
@media screen and (max-width: 750px) {
  .l-fixui-scroll {
    position: fixed;
    top: auto;
    left: auto;
    bottom: 6.666666666666667vw;
    right: 6.533333333333333vw;
    width: 10.933333333333334vw;
    height: 10.933333333333334vw;
  }
}
.l-fixui-scroll > .line {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
}
.l-fixui-scroll > .arw {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 750px) {
  .l-fixui-scroll > .arw {
    width: 3.066666666666666vw;
    height: 3.066666666666666vw;
  }
}
.l-footer {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 50.875vw;
  background-color: #4b4b4b;
  margin-top: 10vw;
}
@media screen and (max-width: 750px) {
  .l-footer {
    width: 100%;
    height: 193.86666666666667vw;
    margin-top: 20vw;
    overflow: hidden;
  }
}
.l-footer > .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .l-footer > .bg {
    justify-content: flex-start;
  }
}
.l-footer > .bg > img {
  width: 24.6875vw;
  height: 24.6875vw;
  opacity: 0.1;
  margin-top: -5.8125vw;
}
@media screen and (max-width: 750px) {
  .l-footer > .bg > img {
    width: 64vw;
    height: 64vw;
    margin-top: 17.333333333333332vw;
  }
}
.l-footer > .pagetop {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .l-footer > .pagetop {
    justify-content: flex-start;
  }
}
.l-footer > .pagetop > .item {
  color: #fff;
  font-size: 8.125vw;
  letter-spacing: 0.03em;
  margin-top: -5.8125vw;
}
@media screen and (max-width: 750px) {
  .l-footer > .pagetop > .item {
    font-size: 16vw;
    margin-top: 41.333333333333336vw;
  }
}
.l-footer > .sub {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 5.5625vw;
  right: auto;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .l-footer > .sub {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 22.666666666666668vw;
    right: auto;
  }
}
.l-footer > .sub > .logo {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 750px) {
  .l-footer > .sub > .logo {
    margin-bottom: 8vw;
  }
}
.l-footer > .sub > .logo > .item > img {
  width: 100%;
  height: 100%;
}
.l-footer > .sub > .logo > .a {
  width: 3.25vw;
  height: 1.5vw;
  margin-right: 1.75vw;
}
@media screen and (max-width: 750px) {
  .l-footer > .sub > .logo > .a {
    width: 11.2vw;
    height: 5.066666666666666vw;
    margin-right: 3.333333333333333vw;
  }
}
.l-footer > .sub > .logo > .b {
  width: 8.25vw;
  height: 1.4375vw;
}
@media screen and (max-width: 750px) {
  .l-footer > .sub > .logo > .b {
    width: 28.133333333333333vw;
    height: 4.4vw;
  }
}
.l-footer > .sub > .copyright {
  color: #fff;
  font-size: 0.625vw;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  .l-footer > .sub > .copyright {
    font-size: 2.666666666666667vw;
  }
}
.l-footer > .logo {
  position: absolute;
  top: auto;
  left: 5vw;
  bottom: 5vw;
  right: auto;
  width: 9.0625vw;
  height: 2.875vw;
}
@media screen and (max-width: 750px) {
  .l-footer > .logo {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 90.66666666666667vw;
    right: auto;
    width: 100%;
    height: 9.066666666666666vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.l-footer > .logo > img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .l-footer > .logo > img {
    width: 27.066666666666666vw;
    height: 100%;
  }
}
.l-footer > .share {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 5vw;
  right: 5vw;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .l-footer > .share {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 50.666666666666664vw;
    right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 26.266666666666666vw;
    flex-direction: row;
    justify-content: flex-start;
  }
  .l-footer > .share:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    width: 72vw;
    height: 1px;
    content: '';
    margin-left: 14vw;
    background-color: rgba(196,196,196,0.3);
  }
  .l-footer > .share:after {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    right: auto;
    width: 72vw;
    height: 1px;
    content: '';
    margin-left: 14vw;
    background-color: rgba(196,196,196,0.3);
  }
}
.l-footer > .share > .text {
  color: #fff;
  font-size: 0.875vw;
  letter-spacing: 0.165em;
  margin-right: 2.25vw;
}
@media screen and (max-width: 750px) {
  .l-footer > .share > .text {
    font-size: 3.2vw;
    margin-right: 16.666666666666668vw;
    margin-left: 21.333333333333332vw;
  }
}
.l-footer > .share > .icon {
  transition: opacity 0.25s;
}
.l-footer > .share > .icon:hover {
  opacity: 0.5;
}
.l-footer > .share > .in {
  background-repeat: no-repeat;
  background-image: url("/sp/hello/assets/img/cmn/icon_instagram.svg");
  background-size: 1.125vw 1.125vw;
  width: 1.125vw;
  height: 1.125vw;
  text-indent: -9999px;
  margin-right: 1.75vw;
  margin-top: 0.0625vw;
}
@media screen and (max-width: 750px) {
  .l-footer > .share > .in {
    background-repeat: no-repeat;
    background-image: url("/sp/hello/assets/img/cmn/icon_instagram.svg");
    background-size: 6.133333333333333vw 6.133333333333333vw;
    width: 6.133333333333333vw;
    height: 6.133333333333333vw;
    margin-right: 8vw;
    margin-top: -0.266666666666667vw;
  }
}
.l-footer > .share > .fb {
  background-repeat: no-repeat;
  background-image: url("/sp/hello/assets/img/cmn/c-navi_sns_icon_fb_w.svg");
  background-size: 0.6vw 1.35vw;
  width: 0.6vw;
  height: 1.35vw;
  text-indent: -9999px;
  margin-right: 1.75vw;
  margin-top: -0.125vw;
}
@media screen and (max-width: 750px) {
  .l-footer > .share > .fb {
    background-repeat: no-repeat;
    background-image: url("/sp/hello/assets/img/cmn/c-navi_sns_icon_fb_w.svg");
    background-size: 2.8vw 6vw;
    width: 2.8vw;
    height: 6vw;
    margin-right: 7.066666666666666vw;
    margin-top: 0vw;
  }
}
.l-footer > .share > .tw {
  background-repeat: no-repeat;
  background-image: url("/sp/hello/assets/img/cmn/icon_x_w.svg");
  background-size: 1.75vw 1.75vw;
  width: 1.75vw;
  height: 1.75vw;
  text-indent: -9999px;
  margin-top: 0vw;
  margin-right: -0.1875vw;
}
@media screen and (max-width: 750px) {
  .l-footer > .share > .tw {
    background-repeat: no-repeat;
    background-image: url("/sp/hello/assets/img/cmn/icon_x_w.svg");
    background-size: 8.533333333333333vw 8.533333333333333vw;
    width: 8.533333333333333vw;
    height: 8.533333333333333vw;
    margin-top: 0vw;
  }
}
.l-loading {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.l-loading.is-dispose {
  display: none;
}
.l-menu {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  background-color: #e2e0dc;
  display: none;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .l-menu {
    display: block;
    opacity: 0;
  }
}
.l-menu > .bg {
  position: absolute;
  top: -37.333333333333336vw;
  left: 16vw;
  bottom: auto;
  right: auto;
  width: 153.6vw;
  height: 153.6vw;
  opacity: 0.3;
}
.l-menu > .bg > img {
  width: 100%;
  height: 100%;
}
.l-menu > .close {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 18.666666666666668vw;
  right: 8.666666666666666vw;
  width: 10.933333333333334vw;
  height: 10.933333333333334vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px #fff solid;
}
.l-menu > .close > .icon {
  width: 4vw;
  height: 4vw;
}
.l-menu > .close > .icon > img {
  width: 100%;
  height: 100%;
}
.l-menu > .share {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .l-menu > .share {
    position: absolute;
    top: 28vw;
    left: auto;
    bottom: auto;
    right: 6.666666666666667vw;
  }
}
.l-menu > .share > .text {
  color: #000;
  letter-spacing: 0.165em;
  text-transform: uppercase;
  transform: rotateZ(90deg);
  font-size: 12px;
  margin-top: -4.6875vw;
}
@media screen and (max-width: 750px) {
  .l-menu > .share > .text {
    font-size: 3.2vw;
    margin-top: -10vw;
    letter-spacing: 0.06em;
  }
}
.l-menu > .share > .fb {
  width: 7px;
  height: 14px;
  margin-top: 38px;
  margin-bottom: 18px;
}
@media screen and (max-width: 750px) {
  .l-menu > .share > .fb {
    width: 2.253333333333333vw;
    height: 5.2vw;
    margin-top: 8.666666666666666vw;
    margin-bottom: 4.666666666666667vw;
  }
}
.l-menu > .share > .fb > img {
  width: 100%;
  height: 100%;
}
.l-menu > .share > .tw {
  width: 16px;
  height: 10px;
}
@media screen and (max-width: 750px) {
  .l-menu > .share > .tw {
    width: 5.2vw;
    height: 5.2vw;
  }
}
.l-menu > .share > .tw > img {
  width: 100%;
  height: 100%;
}
.l-menu > .navi {
  position: absolute;
  top: auto;
  left: 11.866666666666667vw;
  bottom: 17.333333333333332vw;
  right: auto;
  display: flex;
  flex-direction: column;
}
.l-menu > .navi > .item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.l-menu > .navi > .item:not(:last-child) {
  margin-bottom: 1.6vw;
}
.l-menu > .navi > .item > .line {
  width: 4vw;
  height: 1px;
  margin-right: 4.8vw;
  background-color: #cba671;
  transform-origin: 0% 0%;
}
.l-menu > .navi > .item > .text {
  color: #353536;
  font-size: 4.266666666666667vw;
  letter-spacing: 0.02em;
}
.l-guide {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  top: -1677vh;
  opacity: 0.4;
  z-index: 99999;
  pointer-events: none;
  display: none;
}
.l-guide img {
  width: 1680px;
}
.l-guide.is-fix {
  width: 100%;
}
.l-guide.is-fix > img {
  width: 100%;
}
.l-mv {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
}
.l-height {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 10px;
  height: 10px;
  pointer-events: none;
}
.is-pc .l-btn:hover {
  cursor: pointer;
}
.l-logo {
  position: absolute;
  top: 5.625vw;
  left: 5.625vw;
  bottom: auto;
  right: auto;
  width: 145px;
  height: 56.71px;
}
@media screen and (max-width: 750px) {
  .l-logo {
    position: absolute;
    top: 9.466666666666667vw;
    left: 9.066666666666666vw;
    bottom: auto;
    right: auto;
    width: 26.8vw;
    height: 8.666666666666666vw;
  }
}
.l-logo > img {
  width: 100%;
  height: 100%;
}
.is-large .l-logo {
  pointer-events: none;
}
.l-app {
  position: fixed;
  top: 6.25vw;
  left: auto;
  bottom: auto;
  right: 6.6875vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  margin-right: -25px;
}
@media screen and (max-width: 750px) {
  .l-app {
    position: fixed;
    top: 12.8vw;
    left: auto;
    bottom: auto;
    right: 9.066666666666666vw;
    margin-right: 0;
  }
}
.l-app > .banner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .l-app > .banner {
    display: none;
  }
}
.l-app > .banner > .item:hover {
  opacity: 0.5;
}
.l-app > .banner > .item > img {
  width: 100%;
  height: 100%;
}
.l-app > .banner > .item.a {
  width: 107px;
  height: 36px;
  margin-right: 10px;
}
.l-app > .banner > .item.b {
  width: 123px;
  height: 36px;
}
.l-app > .btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 26px;
}
@media screen and (max-width: 750px) {
  .l-app > .btn {
    margin-right: 0;
  }
}
.l-app > .btn > .line {
  width: 40px;
  height: 2px;
  margin-right: 19px;
  background-color: #cba671;
}
@media screen and (max-width: 750px) {
  .l-app > .btn > .line {
    width: 5.333333333333333vw;
    height: 2px;
    margin-right: 2.533333333333333vw;
  }
}
.l-app > .btn > .text {
  color: #353536;
  font-size: 12px;
  letter-spacing: 0.13em;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .l-app > .btn > .text {
    font-size: 3.466666666666667vw;
    letter-spacing: 0.05em;
  }
}
.l-area-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  transform: rotateZ(90deg);
  transform-origin: 0% 0%;
}
@media screen and (max-width: 750px) {
  .l-area-tag {
    display: none;
  }
}
.l-area-tag > .text {
  color: #353536;
  font-size: 1vw;
  letter-spacing: 0.1em;
  margin-right: 1.625vw;
}
.l-area-tag > .line {
  width: 3.5vw;
  height: 2px;
  background-color: #cba671;
}
.l-baratext > span {
  display: inline-block;
}
.l-particle {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
}
@media screen and (max-width: 750px) {
  .l-particle {
    display: none;
  }
}
.l-particle > .item {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  opacity: 0;
}
.l-particle > .item.a {
  width: 19.625vw;
  height: 22.9375vw;
}
@media screen and (max-width: 750px) {
  .l-particle > .item.a {
    width: 41.86666666666667vw;
    height: 48.93333333333333vw;
  }
}
.l-particle > .item.b {
  width: 15vw;
  height: 23.8125vw;
}
@media screen and (max-width: 750px) {
  .l-particle > .item.b {
    width: 32vw;
    height: 50.8vw;
  }
}
.l-indicator {
  position: fixed;
  top: 50%;
  left: 5.625vw;
  bottom: auto;
  right: auto;
}
@media screen and (max-width: 750px) {
  .l-indicator {
    display: none;
  }
}
.l-indicator > .inner {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: column;
}
.l-indicator > .inner > .item {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  opacity: 0;
}
.l-indicator > .inner > .item:hover {
  cursor: pointer;
}
.l-indicator > .inner > .item > .area {
  position: absolute;
  top: -8px;
  left: -6px;
  bottom: auto;
  right: auto;
  width: 140px;
  height: 18px;
}
.l-indicator > .inner > .item > .line {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 16px;
  height: 2px;
  background-color: #fff;
  transition: background-color 0.3s;
}
.l-indicator > .inner > .item > .text {
  position: absolute;
  top: -8px;
  left: 30px;
  bottom: auto;
  right: auto;
  color: #353536;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  transform-origin: 0% 50%;
  opacity: 1;
  transition: opacity 0.25s;
}
.l-indicator > .inner > .item.is-small > .area {
  position: absolute;
  top: -6px;
  left: -6px;
  bottom: auto;
  right: auto;
  width: 30px;
  height: 14px;
}
.l-indicator > .inner > .item.is-small > .text {
  opacity: 0;
}
.l-indicator > .inner > .item.is-over > .text {
  opacity: 1;
}
.l-indicator > .inner > .item.is-active > .line {
  background-color: #cba671;
}
.l-sp-sample {
  width: 21.125vw;
  height: 41.875vw;
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
}
@media screen and (max-width: 750px) {
  .l-sp-sample {
    width: 45.06666666666666vw;
    height: 89.33333333333333vw;
  }
}
.l-sp-sample > .inner {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  border-radius: 3.75vw;
  overflow: hidden;
  background-color: #fff;
  transform-style: preserve-3d;
}
@media screen and (max-width: 750px) {
  .l-sp-sample > .inner {
    border-radius: 8vw;
    z-index: 0;
  }
}
.l-sp-sample > .inner > .first {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.7);
  transition: opacity 0.25s;
}
.l-sp-sample > .inner > .first.is-hide {
  opacity: 0;
}
.l-sp-sample > .inner > .first > .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 0.125vw;
}
@media screen and (max-width: 750px) {
  .l-sp-sample > .inner > .first > .inner {
    margin-left: 0.533333333333333vw;
  }
}
.l-sp-sample > .inner > .first > .inner > .text {
  font-size: 1vw;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 0.9375vw;
}
@media screen and (max-width: 750px) {
  .l-sp-sample > .inner > .first > .inner > .text {
    font-size: 2.133333333333333vw;
    margin-top: 2.666666666666667vw;
    line-height: 1.75;
  }
}
.l-sp-sample > .inner > .first > .inner > .icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  pointer-events: none;
}
.l-sp-sample > .inner > .first > .inner > .icon > .arw {
  width: 15px;
  height: 15px;
}
.l-sp-sample > .inner > .first > .inner > .icon > .arw.r {
  transform: rotateZ(180deg);
}
.l-sp-sample > .inner > .first > .inner > .icon > .icon {
  width: 74px;
  height: 74px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #cba671;
  margin: 0 10px;
}
.l-sp-sample > .inner > .first > .inner > .icon > .icon > .text {
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.185em;
}
.l-sp-sample > .inner > .container {
  position: absolute;
  top: 1.3125vw;
  left: 1.375vw;
  bottom: auto;
  right: auto;
  width: 18.375vw;
  height: 40.125vw;
}
@media screen and (max-width: 750px) {
  .l-sp-sample > .inner > .container {
    position: absolute;
    top: 2.8vw;
    left: 2.933333333333333vw;
    bottom: auto;
    right: auto;
    width: 39.2vw;
    height: 85.6vw;
  }
}
.l-sp-sample > .inner > .container > .item {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.l-sp-sample > .frame {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.is-pc .l-sp-sample > .inner > .first > .inner > .icon > .arw {
  visibility: hidden;
}
.l-cursor {
  position: fixed;
  top: -50px;
  left: -60px;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  pointer-events: none;
  opacity: 0;
}
@media screen and (max-width: 750px) {
  .l-cursor {
    display: none;
  }
}
.l-cursor > .arw {
  width: 15px;
  height: 15px;
}
.l-cursor > .arw.r {
  transform: rotateZ(180deg);
}
.l-cursor > .icon {
  width: 74px;
  height: 74px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #cba671;
  margin: 0 10px;
}
.l-cursor > .icon > .text {
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.185em;
}
.is-cursor-click .l-cursor > .arw {
  visibility: hidden;
}
.l-largephotoXs {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  display: none;
}
.l-largephotoXs.is-show {
  display: block;
}
.l-largephotoXs > .close {
  position: absolute;
  top: 6.666666666666667vw;
  left: auto;
  bottom: auto;
  right: 6.666666666666667vw;
  width: 10.933333333333334vw;
  height: 10.933333333333334vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
}
.l-largephotoXs > .close > .icon {
  width: 4vw;
  height: 4vw;
}
.l-largephotoXs > .close > .icon > img {
  width: 100%;
  height: 100%;
}
.l-largephotoXs > .container {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}
.l-largephotoXs > .container > .item {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: none;
}
.l-largephotoXs > .container > .item.is-show {
  display: block;
}
.l-largephotoXs > .container > .item.is-border {
  border: 3px solid #f1f1f1;
}
.l-largephoto {
  position: fixed;
  top: -6.875vw;
  left: -10vw;
  bottom: auto;
  right: auto;
  pointer-events: none;
  display: none;
}
.l-largephoto.is-show {
  display: block;
}
.l-largephoto > .container {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 20vw;
  height: 13.75vw;
  border-radius: 1.25vw;
  border: 2px solid #fff;
  overflow: hidden;
  transform-style: preserve-3d;
}
.l-largephoto > .container > .item {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 750px;
  height: 516px;
}
.l-largephoto.is-label > .container {
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
.l-largephoto.is-label > .container > .item {
  width: 640px;
  height: 256px;
}
.l-largephoto.is-a > .container > .item {
  width: 660px;
  height: 94px;
}
.l-largephoto.is-b > .container > .item {
  width: 240px;
  height: 240px;
}
.l-largephoto.is-c > .container > .item {
  border: 1px solid #f1f1f1;
  width: 144px;
  height: 640px;
}
.l-largephoto.is-d > .container > .item {
  width: 660px;
  height: 246px;
}
.l-largephoto.is-e > .container > .item {
  width: 240px;
  height: 240px;
}
.l-largephoto.is-f > .container > .item {
  width: 640px;
  height: 162px;
}
.l-largephoto.is-g > .container > .item {
  border: 1px solid #f1f1f1;
  width: 664px;
  height: 282px;
}
.l-bg-looptext {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 20.9375vw;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  .l-bg-looptext {
    width: 100%;
    height: 44.666666666666664vw;
  }
}
.l-bg-looptext > .container {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
}
.l-bg-looptext > .container > .text {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  color: #fff;
  font-size: 21.5625vw;
  color: #eeedea;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .l-bg-looptext > .container > .text {
    font-size: 46vw;
  }
}
.l-text-bg {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  background-color: #eeedea;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.l-text-bg.is-hide {
  display: none;
}
.l-text-bg > .line {
  display: flex;
  flex-direction: row;
  opacity: 1;
}
.l-text-bg > .line:not(:last-child) {
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 750px) {
  .l-text-bg > .line:not(:last-child) {
    margin-bottom: 5.333333333333333vw;
  }
}
.l-text-bg > .line > .inner {
  display: flex;
  flex-direction: row;
}
.l-text-bg > .line > .inner > .item {
  height: 6.0625vw;
  margin-right: 1.875vw;
}
@media screen and (max-width: 750px) {
  .l-text-bg > .line > .inner > .item {
    height: 12.933333333333334vw;
    margin-right: 4vw;
  }
}
.l-text-bg > .line > .inner > .item.all {
  width: 201.875vw;
}
@media screen and (max-width: 750px) {
  .l-text-bg > .line > .inner > .item.all {
    width: 430.6666666666667vw;
  }
}
.l-text-bg > .line > .inner > .item.a {
  width: 37.0625vw;
}
.l-text-bg > .line > .inner > .item.b {
  width: 46vw;
}
.l-text-bg > .line > .inner > .item.c {
  width: 28.4375vw;
}
.l-text-bg > .line > .inner > .item.d {
  width: 60.6875vw;
}
.l-text-bg > .line > .inner > .item.e {
  width: 47.6875vw;
}
.l-text-bg > .line > .inner > .item.f {
  width: 17vw;
}
.l-text-bg > .line > .inner > .item.g {
  width: 33.25vw;
}
.l-text-bg > .line > .inner > .item.h {
  width: 44.875vw;
}
.l-text-bg > .line > .inner > .item.i {
  width: 43.9375vw;
}
.l-text-bg > .line > .inner > .item.j {
  width: 29vw;
}
.l-xsMenuBtn {
  display: none;
}
@media screen and (max-width: 750px) {
  .l-xsMenuBtn {
    width: 4vw;
    height: 10vw;
    position: fixed;
    top: auto;
    left: 8.266666666666666vw;
    bottom: 22.666666666666668vw;
    right: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.l-xsMenuBtn > .item {
  width: 100%;
  height: 1px;
  background-color: #fff;
  transition: background-color 0.3s;
}
.l-xsMenuBtn > .item.is-active {
  background-color: #cba671;
}
.is-pc .l-simple-hover {
  transition: opacity 0.25s;
}
.is-pc .l-simple-hover:hover {
  opacity: 0.5;
}
.p-banner {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 28.5625vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 12.25vw;
}
@media screen and (max-width: 750px) {
  .p-banner {
    width: 100%;
    height: 64.53333333333333vw;
    margin-top: 29.333333333333332vw;
  }
}
.p-banner > .inner {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 78.8125vw;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .p-banner > .inner {
    width: 84vw;
    height: 100%;
  }
}
.p-banner > .inner > .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1.875vw;
  transition: opacity 0.25s;
}
@media screen and (max-width: 750px) {
  .p-banner > .inner > .bg {
    border-radius: 4vw;
  }
}
.p-banner > .inner > .bg > img {
  width: 100%;
  height: 100%;
}
.p-banner > .inner > .info {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p-banner > .inner > .info > .text {
  color: #fff;
  font-size: 5vw;
  margin-bottom: 2.125vw;
}
@media screen and (max-width: 750px) {
  .p-banner > .inner > .info > .text {
    font-size: 12vw;
    margin-top: -6vw;
    margin-bottom: 5.333333333333333vw;
    text-align: center;
  }
}
.p-banner > .inner > .info > .logo {
  width: 5.875vw;
  height: 1.5625vw;
}
@media screen and (max-width: 750px) {
  .p-banner > .inner > .info > .logo {
    width: 14.933333333333334vw;
    height: 4vw;
  }
}
.p-banner > .inner > .more {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 2.9375vw;
  right: 3.375vw;
  color: #fff;
  font-size: 0.875vw;
  letter-spacing: 0.185em;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .p-banner > .inner > .more {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 7.333333333333333vw;
    right: 24vw;
    font-size: 3.866666666666667vw;
  }
}
.p-banner > .inner > .more:after {
  content: '';
  background-repeat: no-repeat;
  background-image: url("/sp/hello/assets/img/cmn/b-readmore_icon.svg");
  background-size: 1.25vw 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  margin-left: 1.25vw;
  transition: transform 0.5s;
}
@media screen and (max-width: 750px) {
  .p-banner > .inner > .more:after {
    background-repeat: no-repeat;
    background-image: url("/sp/hello/assets/img/cmn/b-readmore_icon.svg");
    background-size: 2.666666666666667vw 2.666666666666667vw;
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
    margin-left: 2.666666666666667vw;
  }
}
.p-banner > .inner:hover > .bg {
  opacity: 0.85 !important;
}
.p-banner > .inner:hover > .more:after {
  transform: translateX(0.5625vw);
}
@-moz-keyframes kf-banner-hover {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0.625vw);
  }
}
@-webkit-keyframes kf-banner-hover {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0.625vw);
  }
}
@-o-keyframes kf-banner-hover {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0.625vw);
  }
}
@keyframes kf-banner-hover {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0.625vw);
  }
}
.p-concept {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  justify-content: flex-start;
  margin-top: 29.6875vw;
}
@media screen and (max-width: 750px) {
  .p-concept {
    margin-top: 63.333333333333336vw;
  }
}
.p-concept > .indicator {
  position: absolute;
  top: auto;
  left: auto;
  bottom: -2.5vw;
  right: 6.875vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .p-concept > .indicator {
    position: absolute;
    top: 77.33333333333333vw;
    left: auto;
    bottom: auto;
    right: 4.533333333333333vw;
  }
}
.p-concept > .indicator > .item {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 4.625vw;
  height: 4.625vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .p-concept > .indicator > .item {
    width: 9.866666666666667vw;
    height: 9.866666666666667vw;
  }
}
.p-concept > .indicator > .item:not(:last-child) {
  margin-bottom: 1.5vw;
}
@media screen and (max-width: 750px) {
  .p-concept > .indicator > .item:not(:last-child) {
    margin-bottom: 2.666666666666667vw;
  }
}
.p-concept > .indicator > .item > .line {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s;
  opacity: 0;
}
.p-concept > .indicator > .item > .no {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  color: #fff;
  letter-spacing: 0.185em;
  text-transform: uppercase;
  font-size: 0.875vw;
}
@media screen and (max-width: 750px) {
  .p-concept > .indicator > .item > .no {
    font-size: 1.866666666666667vw;
  }
}
.p-concept > .indicator > .item.is-active > .no {
  color: #cba671;
}
.p-concept > .indicator > .item.is-active > .line {
  opacity: 1;
}
.p-concept > .l-area-tag {
  position: absolute;
  top: 0.625vw;
  left: auto;
  bottom: auto;
  right: -1.25vw;
}
.p-concept > .inner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .p-concept > .inner {
    flex-direction: column;
    align-items: center;
  }
}
.p-concept > .inner > .photo {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 41.9375vw;
}
@media screen and (max-width: 750px) {
  .p-concept > .inner > .photo {
    width: 89.46666666666667vw;
    height: 106.26666666666667vw;
  }
}
.p-concept > .inner > .photo > .b {
  position: absolute;
  top: -8.125vw;
  left: 19.5vw;
  bottom: auto;
  right: auto;
  width: 23.8125vw;
  height: 29.1875vw;
}
@media screen and (max-width: 750px) {
  .p-concept > .inner > .photo > .b {
    position: absolute;
    top: -17.333333333333332vw;
    left: 41.6vw;
    bottom: auto;
    right: auto;
    width: 50.8vw;
    height: 62.266666666666666vw;
  }
}
.p-concept > .inner > .photo > .a {
  position: absolute;
  top: 0vw;
  left: -0.3125vw;
  bottom: auto;
  right: auto;
  width: 27.5vw;
  height: 38.6875vw;
}
@media screen and (max-width: 750px) {
  .p-concept > .inner > .photo > .a {
    position: absolute;
    top: 0vw;
    left: -0.666666666666667vw;
    bottom: auto;
    right: auto;
    width: 58.666666666666664vw;
    height: 82.53333333333333vw;
  }
}
.p-concept > .inner > .photo > .c {
  position: absolute;
  top: 30vw;
  left: 16.5vw;
  bottom: auto;
  right: auto;
  width: 16.125vw;
  height: 11.9375vw;
}
@media screen and (max-width: 750px) {
  .p-concept > .inner > .photo > .c {
    position: absolute;
    top: 64vw;
    left: 35.2vw;
    bottom: auto;
    right: auto;
    width: 34.4vw;
    height: 25.466666666666665vw;
  }
}
.p-concept > .inner > .info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 7.625vw;
}
@media screen and (max-width: 750px) {
  .p-concept > .inner > .info {
    margin-top: -1.333333333333333vw;
    margin-left: -0.8vw;
  }
}
.p-concept > .inner > .info > .ttl {
  width: 21.4375vw;
  height: 13.9375vw;
}
@media screen and (max-width: 750px) {
  .p-concept > .inner > .info > .ttl {
    width: 45.733333333333334vw;
    height: 29.733333333333334vw;
    margin-left: 1.6vw;
  }
}
.p-concept > .inner > .info > .ttl > img {
  width: 100%;
  height: 100%;
}
.p-concept > .inner > .info > .text {
  color: #353536;
  font-size: 1.125vw;
  margin-top: 2.625vw;
  line-height: 180%;
  width: 21.75vw;
  letter-spacing: 0.04em;
  text-align: justify;
}
@media screen and (max-width: 750px) {
  .p-concept > .inner > .info > .text {
    font-size: 3.733333333333333vw;
    margin-top: 10.666666666666666vw;
    line-height: 180%;
    width: 71.33333333333333vw;
    letter-spacing: -0.03em;
    text-align: center;
  }
}
.p-concept > .inner > .info > .text .small {
  font-size: 0.75vw;
  letter-spacing: -0.03em;
  margin-top: 1.25vw;
  display: inline-block;
}
.p-concept > .inner > .info > .text .small:last-child {
  margin-top: 0vw;
  line-height: 180%;
}
@media screen and (max-width: 750px) {
  .p-concept > .inner > .info > .text .small {
    font-size: 3.2vw;
    margin-top: 2.666666666666667vw;
    letter-spacing: -0.03em;
  }
  .p-concept > .inner > .info > .text .small:last-child {
    margin-top: 1.875vw;
  }
}
.p-create {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin-top: 26.875vw;
}
@media screen and (max-width: 750px) {
  .p-create {
    margin-top: 56.666666666666664vw;
  }
}
.p-create > .bg {
  top: 51.25vw;
}
.p-create > .l-area-tag {
  position: absolute;
  top: 0.9375vw;
  left: auto;
  bottom: auto;
  right: -3.125vw;
}
.p-create > .inner {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p-create > .inner > .ttl {
  color: #353536;
  font-size: 9.375vw;
  line-height: 97%;
}
@media screen and (max-width: 750px) {
  .p-create > .inner > .ttl {
    font-size: 18.666666666666668vw;
    line-height: 97%;
  }
}
.p-create > .inner > .ttl > .item.b {
  margin-left: 0.1875vw;
}
@media screen and (max-width: 750px) {
  .p-create > .inner > .ttl > .item.b {
    margin-left: 1.333333333333333vw;
  }
}
.p-create > .inner > .sub {
  color: #353536;
  font-size: 2.25vw;
  letter-spacing: 0.04em;
  margin-top: 2.125vw;
}
@media screen and (max-width: 750px) {
  .p-create > .inner > .sub {
    font-size: 6.4vw;
    letter-spacing: 0em;
    margin-top: 4.533333333333333vw;
  }
}
.p-create > .inner > .line {
  width: 3.5vw;
  height: 2px;
  background-color: #cba671;
  margin-top: 1.9375vw;
}
@media screen and (max-width: 750px) {
  .p-create > .inner > .line {
    width: 7.466666666666667vw;
    height: 2px;
    margin-top: 8vw;
  }
}
.p-create > .inner > .desc {
  color: #353536;
  font-size: 1.875vw;
  letter-spacing: 0.04em;
  line-height: 1.433333333;
  margin-top: 1.9375vw;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-create > .inner > .desc {
    font-size: 5.066666666666666vw;
    letter-spacing: 0em;
    margin-top: 8vw;
    line-height: 1.6;
  }
}
.p-create > .inner > .text {
  color: #646363;
  font-size: 1vw;
  margin-top: 1.9375vw;
  letter-spacing: 0.04em;
  line-height: 170%;
  width: 25.1875vw;
  text-align: justify;
}
@media screen and (max-width: 750px) {
  .p-create > .inner > .text {
    font-size: 3.733333333333333vw;
    margin-top: 6.666666666666667vw;
    letter-spacing: -0.08em;
    width: 78.66666666666667vw;
  }
}
.p-create > .inner > .text .small {
  font-size: 0.625vw;
}
@media screen and (max-width: 750px) {
  .p-create > .inner > .text .small {
    font-size: 2.666666666666667vw;
  }
}
.p-create.is-time {
  margin-top: 16vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-time {
    margin-top: 20.8vw;
  }
}
.p-create.is-time > .l-area-tag {
  position: absolute;
  top: 1.4375vw;
  left: 11.5625vw;
  bottom: auto;
  right: auto;
}
@media screen and (max-width: 750px) {
  .p-create.is-time > .bg {
    top: 125.33333333333333vw;
  }
}
.p-create.is-time > .inner > .ttl {
  text-align: center;
}
.p-create.is-time > .inner > .ttl > .item.a {
  margin-left: -2.5vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-time > .inner > .ttl > .item.a {
    margin-left: -5.333333333333333vw;
  }
}
.p-create.is-time > .inner > .ttl > .item.b {
  margin-left: 0vw;
  margin-top: -0.625vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-time > .inner > .ttl > .item.b {
    margin-left: 0vw;
    margin-top: -1.333333333333333vw;
  }
}
.p-create.is-time > .inner > .sub {
  margin-top: 1.5vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-time > .inner > .sub {
    margin-top: 5.333333333333333vw;
  }
}
.p-create.is-time > .inner > .line {
  margin-top: 2.25vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-time > .inner > .line {
    margin-top: 7.6vw;
  }
}
.p-create.is-time > .inner > .desc {
  margin-top: 2.0625vw;
  line-height: 1.6;
}
@media screen and (max-width: 750px) {
  .p-create.is-time > .inner > .desc {
    margin-top: 7.333333333333333vw;
  }
}
.p-create.is-time > .inner > .sample {
  width: 21.125vw;
  height: 41.875vw;
  margin-top: 5.625vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-time > .inner > .sample {
    width: 45.06666666666666vw;
    height: 89.33333333333333vw;
    margin-top: 17.333333333333332vw;
  }
}
@media screen and (max-width: 750px) {
  .p-create.is-time > .inner > .text {
    margin-top: 14.666666666666666vw;
  }
}
.p-create.is-design {
  margin-top: 25vw;
  margin-bottom: 31.25vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-design {
    margin-top: 53.333333333333336vw;
    margin-bottom: 56vw;
  }
}
.p-create.is-design > .l-area-tag {
  position: absolute;
  top: 1.4375vw;
  left: 11.5625vw;
  bottom: auto;
  right: auto;
}
.p-create.is-design > .inner > .ttl {
  text-align: center;
}
.p-create.is-design > .inner > .ttl > .item.a {
  margin-left: 0.625vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-design > .inner > .ttl > .item.a {
    margin-left: 0vw;
  }
}
.p-create.is-design > .inner > .ttl > .item.b {
  margin-left: 0.625vw;
  margin-top: 0vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-design > .inner > .ttl > .item.b {
    margin-left: 0vw;
    margin-top: 0vw;
  }
}
.p-create.is-design > .inner > .sub {
  margin-top: 1.5vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-design > .inner > .sub {
    margin-top: 5.333333333333333vw;
  }
}
.p-create.is-design > .inner > .line {
  margin-top: 1.625vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-design > .inner > .line {
    margin-top: 7.6vw;
  }
}
.p-create.is-design > .inner > .desc {
  margin-top: 2.0625vw;
  line-height: 1.6;
}
@media screen and (max-width: 750px) {
  .p-create.is-design > .inner > .desc {
    margin-top: 7.333333333333333vw;
  }
}
.p-create.is-design > .slider {
  width: 100%;
  height: 46.875vw;
  margin-top: 5.625vw;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .p-create.is-design > .slider {
    width: 100%;
    height: 93.33333333333333vw;
    margin-top: 14.666666666666666vw;
  }
}
.p-create.is-design > .slider > .container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  pointer-events: none;
}
.p-create.is-design > .slider > .container > .item {
  flex-shrink: 0;
  width: 28.75vw;
  border-radius: 1.25vw;
}
.p-create.is-design > .slider > .container > .item:not(:last-child) {
  margin-right: 7.875vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-design > .slider > .container > .item:not(:last-child) {
    margin-right: 16.8vw;
  }
}
@media screen and (max-width: 750px) {
  .p-create.is-design > .slider > .container > .item {
    width: 61.333333333333336vw;
    border-radius: 2.666666666666667vw;
  }
}
.p-create.is-member {
  margin-top: 25vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-member {
    margin-top: 0vw;
  }
}
.p-create.is-member > .l-area-tag {
  position: absolute;
  top: 0.625vw;
  left: auto;
  bottom: auto;
  right: -7.1875vw;
}
.p-create.is-member > .inner > .ttl {
  text-align: center;
}
.p-create.is-member > .inner > .ttl > .item.a {
  margin-left: -2.5vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-member > .inner > .ttl > .item.a {
    margin-left: -4vw;
  }
}
.p-create.is-member > .inner > .ttl > .item.b {
  margin-left: 0.625vw;
  margin-top: -0.75vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-member > .inner > .ttl > .item.b {
    margin-left: 1.333333333333333vw;
    margin-top: 0vw;
  }
}
@media screen and (max-width: 750px) {
  .p-create.is-member > .inner > .ttl > .item.c {
    margin-left: 1.333333333333333vw;
    margin-top: 0vw;
  }
}
.p-create.is-member > .inner > .sub {
  margin-top: 0.3125vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-member > .inner > .sub {
    margin-top: 4.8vw;
  }
}
.p-create.is-member > .inner > .line {
  margin-top: 2vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-member > .inner > .line {
    margin-top: 7.333333333333333vw;
  }
}
.p-create.is-member > .inner > .desc {
  margin-top: 1.75vw;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .p-create.is-member > .inner > .desc {
    margin-top: 7.333333333333333vw;
  }
}
.p-create.is-download {
  margin-top: 27.5vw;
  margin-bottom: 0vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download {
    margin-top: 32vw;
    margin-bottom: 0vw;
  }
}
.p-create.is-download > .l-area-tag {
  position: absolute;
  top: 1.0625vw;
  left: 11.375vw;
  bottom: auto;
  right: auto;
}
.p-create.is-download > .inner > .ttl {
  text-align: center;
}
.p-create.is-download > .inner > .ttl > .item.a {
  margin-left: 0vw;
}
.p-create.is-download > .inner > .ttl > .item.b {
  margin-left: 0vw;
  margin-top: -1vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .inner > .ttl > .item.b {
    margin-top: 0vw;
  }
}
.p-create.is-download > .inner > .sub {
  margin-top: 0.3125vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .inner > .sub {
    margin-top: 4.666666666666667vw;
  }
}
.p-create.is-download > .inner > .line {
  margin-top: 1.625vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .inner > .line {
    margin-top: 7.066666666666666vw;
  }
}
.p-create.is-download > .inner > .desc {
  margin-top: 2.0625vw;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .inner > .desc {
    margin-top: 8vw;
  }
}
.p-create.is-download > .under {
  margin-top: 7.1875vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 52.5vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under {
    flex-direction: column-reverse;
    margin-top: 8.666666666666666vw;
    width: 100vw;
    align-items: center;
  }
}
.p-create.is-download > .under > .info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 7.8125vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info {
    margin-right: 0vw;
    margin-top: 9.333333333333334vw;
  }
}
.p-create.is-download > .under > .info > .icon {
  width: 6.8125vw;
  height: 6.8125vw;
  margin-bottom: 1.6875vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .icon {
    width: 22.8vw;
    height: 22.8vw;
    margin-bottom: 8vw;
  }
}
.p-create.is-download > .under > .info > .text {
  color: #000;
  font-size: 1vw;
  line-height: 1.7;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .text {
    font-size: 3.733333333333333vw;
    line-height: 1.464285714;
    width: 84vw;
    text-align: left;
  }
}
.p-create.is-download > .under > .info > .text.a {
  margin-bottom: 2.375vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .text.a {
    margin-bottom: 6vw;
  }
}
.p-create.is-download > .under > .info > .text.b {
  margin-top: 1.375vw;
  margin-bottom: 1.4375vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .text.b {
    margin-top: 5.333333333333333vw;
    margin-bottom: 5.333333333333333vw;
    text-align: center;
  }
}
.p-create.is-download > .under > .info > .line {
  width: 25.25vw;
  height: 1px;
  background-color: #f3f3f3;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .line {
    width: 84.8vw;
    height: 1px;
  }
}
.p-create.is-download > .under > .info > .btn {
  margin-top: 3.4375vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 24.375vw;
  margin-left: 0.3125vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .btn {
    margin-top: 8vw;
    width: 80vw;
    margin-left: 0.666666666666667vw;
  }
}
.p-create.is-download > .under > .info > .btn > .item:hover {
  opacity: 0.5;
}
.p-create.is-download > .under > .info > .btn > .item > img {
  width: 100%;
  height: 100%;
}
.p-create.is-download > .under > .info > .btn > .item.apple {
  width: 10.5984375vw;
  height: 3.5625vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .btn > .item.apple {
    width: 35.7vw;
    height: 12vw;
  }
}
.p-create.is-download > .under > .info > .btn > .item.google {
  width: 12.1875vw;
  height: 3.5625vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .btn > .item.google {
    width: 40.53333333333333vw;
    height: 12vw;
  }
}
.p-create.is-download > .under > .info > .atn {
  color: #000;
  font-size: 0.875vw;
  letter-spacing: 0.13em;
  text-align: center;
  margin-top: 1.875vw;
}
.p-create.is-download > .under > .info > .atn:last-child {
  width: 100%;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .atn:last-child {
    width: 84vw;
  }
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .atn {
    font-size: 3.2vw;
    margin-top: 5.333333333333333vw;
  }
}
.p-create.is-download > .under > .info > .atn a {
  text-decoration: underline;
}
.p-create.is-download > .under > .info > .atn a:hover {
  text-decoration: none;
}
.p-create.is-download > .under > .info > .text {
  color: #000;
  font-size: 0.875vw;
  letter-spacing: 0.13em;
  margin-top: 0.625vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .info > .text {
    font-size: 3.2vw;
    margin-top: 3.2vw;
  }
}
.p-create.is-download > .under > .sample {
  flex-shrink: 0;
  width: 15.9375vw;
  height: 28.4375vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-download > .under > .sample {
    width: 51.36666666666666vw;
    height: 91.69333333333333vw;
    margin-left: 0.666666666666667vw;
  }
}
.p-create.is-download > .under > .sample > img {
  width: 100%;
  height: 100%;
}
.p-create.is-labelTips .ttl {
  font-size: 8.8vw;
}
@media screen and (max-width: 750px) {
  .p-create.is-labelTips .ttl {
    text-align: center;
    font-size: 18.666666666666668vw;
  }
}
.p-create.is-labelTips .atn {
  color: #000;
  font-size: 0.875vw;
  letter-spacing: 0.13em;
  text-align: center;
  margin-top: 1.875vw;
}
.p-create.is-labelTips .atn a {
  text-decoration: underline;
}
.p-create.is-labelTips .atn a:hover {
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .p-create.is-labelTips .atn {
    font-size: 3.2vw;
    margin-top: 5.333333333333333vw;
  }
}
.p-days {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 14.25vw;
}
@media screen and (max-width: 750px) {
  .p-days {
    margin-top: 25.333333333333332vw;
    padding-bottom: 13.333333333333334vw;
  }
}
.p-days > .ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4.6875vw;
}
@media screen and (max-width: 750px) {
  .p-days > .ttl {
    margin-bottom: 10vw;
  }
}
.p-days > .ttl > .en {
  color: #353536;
  font-size: 5vw;
  letter-spacing: -0.02em;
  margin-bottom: 0.625vw;
}
@media screen and (max-width: 750px) {
  .p-days > .ttl > .en {
    font-size: 12vw;
    letter-spacing: 0em;
    margin-bottom: 3.733333333333333vw;
  }
}
.p-days > .ttl > .line {
  width: 3.5vw;
  height: 2px;
  background-color: #cba671;
  margin-bottom: 1.875vw;
}
@media screen and (max-width: 750px) {
  .p-days > .ttl > .line {
    width: 7.466666666666667vw;
    height: 2px;
    margin-bottom: 4vw;
  }
}
.p-days > .ttl > .ja {
  color: #353536;
  font-size: 1.875vw;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .p-days > .ttl > .ja {
    font-size: 3.466666666666667vw;
  }
}
.p-days > .panels {
  width: 78.75vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .p-days > .panels {
    width: auto;
    justify-content: flex-start;
  }
}
.p-days > .panels img {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
}
.p-days > .panels > .item {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 25.25vw;
  height: 42.3125vw;
  transform-style: preserve-3d;
  perspective: 1000px;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item {
    width: 71.2vw;
    height: 141.33333333333334vw;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  .p-days > .panels > .item:not(:last-child) {
    margin-right: 5.333333333333333vw;
  }
}
.p-days > .panels > .item > .back {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
  border-radius: 1.875vw;
  overflow: hidden;
  background-color: #fff;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back {
    border-radius: 4vw;
  }
}
.p-days > .panels > .item > .back:after {
  position: absolute;
  top: 25.3125vw;
  left: auto;
  bottom: auto;
  right: 2.1875vw;
  background-repeat: no-repeat;
  background-image: url("/sp/hello/assets/img/cmn/b-label01_icon_b.svg");
  background-size: 1.6875vw 1.6875vw;
  width: 1.6875vw;
  height: 1.6875vw;
  content: '';
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back:after {
    position: absolute;
    top: 77.33333333333333vw;
    left: auto;
    bottom: auto;
    right: 4.666666666666667vw;
    background-repeat: no-repeat;
    background-image: url("/sp/hello/assets/img/cmn/b-label01_icon_b.svg");
    background-size: 4vw 4vw;
    width: 4vw;
    height: 4vw;
  }
}
.p-days > .panels > .item > .back > .ttl {
  line-height: 110%;
  color: #353536;
  font-size: 2.25vw;
  text-align: center;
  margin-top: 3.125vw;
  margin-bottom: 8.75vw;
  margin-left: 0.3125vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .ttl {
    font-size: 5.6vw;
    margin-top: 12.4vw;
    margin-bottom: 21.333333333333332vw;
    margin-left: 0.666666666666667vw;
  }
}
.p-days > .panels > .item > .back > .ttl.is-a {
  margin-bottom: 12.0625vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .ttl.is-a {
    margin-bottom: 21.333333333333332vw;
  }
}
.p-days > .panels > .item > .back > .ttl.is-b {
  margin-bottom: 10vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .ttl.is-b {
    margin-bottom: 21.333333333333332vw;
  }
}
.p-days > .panels > .item > .back > .ttl.is-c {
  margin-bottom: 4.5625vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .ttl.is-c {
    margin-bottom: 13.333333333333334vw;
  }
}
.p-days > .panels > .item > .back > .ttl.is-d {
  margin-bottom: 9.3125vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .ttl.is-d {
    margin-bottom: 19.866666666666667vw;
  }
}
.p-days > .panels > .item > .back > .ttl.is-e {
  margin-bottom: 9.375vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .ttl.is-e {
    margin-bottom: 20vw;
  }
}
.p-days > .panels > .item > .back > .ttl.is-f {
  margin-bottom: 10.3125vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .ttl.is-f {
    margin-bottom: 20vw;
  }
}
.p-days > .panels > .item > .back > .ttl.is-g {
  margin-bottom: 8.125vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .ttl.is-g {
    margin-bottom: 21.333333333333332vw;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper {
  width: 100%;
  height: 17.3125vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: -3.75vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper {
    width: 100%;
    height: 53.333333333333336vw;
    margin-top: 0vw;
    justify-content: center;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper.is-a {
  margin-top: -5.625vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper.is-a {
    margin-top: 0vw;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper.is-c {
  height: 26.25vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper.is-c {
    height: 80vw;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper > .photo {
  width: 20vw;
  height: 8vw;
  margin-bottom: 2.3125vw;
  margin-top: 3.75vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper > .photo {
    width: 56.53333333333333vw;
    height: 14.799999999999999vw;
    margin-bottom: 4.933333333333334vw;
    margin-top: 0vw;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper > .photo.is-a {
  width: 20.625vw;
  height: 2.9375vw;
  margin-top: 5.625vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper > .photo.is-a {
    width: 50.599999999999994vw;
    height: 7.206666666666666vw;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper > .photo.is-b {
  width: 7.5vw;
  height: 7.5vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper > .photo.is-b {
    width: 24vw;
    height: 24vw;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper > .photo.is-c {
  width: 4.5vw;
  height: 20vw;
  border: 1px solid #f1f1f1;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper > .photo.is-c {
    width: 14.4vw;
    height: 64vw;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper > .photo.is-d {
  width: 20.625vw;
  height: 7.6875vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper > .photo.is-d {
    width: 44vw;
    height: 16.4vw;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper > .photo.is-e {
  width: 7.5vw;
  height: 7.5vw;
  border: none;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper > .photo.is-e {
    width: 24vw;
    height: 24vw;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper > .photo.is-f {
  width: 20vw;
  height: 5.0625vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper > .photo.is-f {
    width: 42.666666666666664vw;
    height: 10.8vw;
  }
}
.p-days > .panels > .item > .back > .photo_wrapper > .photo.is-g {
  width: 20.75vw;
  height: 8.8125vw;
  border: 1px solid #f1f1f1;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .photo_wrapper > .photo.is-g {
    width: 44.266666666666666vw;
    height: 18.8vw;
  }
}
.p-days > .panels > .item > .back > .watch {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 3.4375vw;
  right: auto;
  color: #353536;
  font-size: 1.125vw;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .back > .watch {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10.666666666666666vw;
    right: auto;
    font-size: 3.733333333333333vw;
  }
}
.p-days > .panels > .item > .back > .watch:hover {
  cursor: pointer;
  opacity: 0.5;
}
.p-days > .panels > .item > .front {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 1.875vw;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .front {
    border-radius: 4vw;
  }
}
.p-days > .panels > .item > .front:after {
  position: absolute;
  top: 14.375vw;
  left: auto;
  bottom: auto;
  right: 1vw;
  background-repeat: no-repeat;
  background-image: url("/sp/hello/assets/img/cmn/b-label01_icon.svg");
  background-size: 1.6875vw 1.6875vw;
  width: 1.6875vw;
  height: 1.6875vw;
  content: '';
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .front:after {
    position: absolute;
    top: 42vw;
    left: auto;
    bottom: auto;
    right: 2.666666666666667vw;
    background-repeat: no-repeat;
    background-image: url("/sp/hello/assets/img/cmn/b-label01_icon.svg");
    background-size: 4vw 4vw;
    width: 4vw;
    height: 4vw;
  }
}
.p-days > .panels > .item > .front > .photo {
  width: 25.25vw;
  height: 17.375vw;
  margin-bottom: 2.3125vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .front > .photo {
    width: 71.2vw;
    height: 48.8vw;
    margin-bottom: 6vw;
  }
}
.p-days > .panels > .item > .front > .ttl {
  line-height: 157.3%;
  color: #353536;
  font-size: 1.5vw;
  text-align: center;
  margin-bottom: 1.875vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .front > .ttl {
    font-size: 4.533333333333333vw;
    margin-bottom: 6.266666666666667vw;
  }
}
.p-days > .panels > .item > .front > .text {
  line-height: 170%;
  color: #646363;
  font-size: 1vw;
  letter-spacing: -0.03em;
  width: 20vw;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .front > .text {
    font-size: 3.6vw;
    letter-spacing: -0.06em;
    width: 56.266666666666666vw;
  }
}
.p-days > .panels > .item > .front > .watch {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 3.4375vw;
  right: auto;
  color: #000;
  font-size: 1.125vw;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .p-days > .panels > .item > .front > .watch {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10.666666666666666vw;
    right: auto;
    font-size: 3.733333333333333vw;
  }
}
.p-days > .panels > .item > .front > .watch:hover {
  cursor: pointer;
  opacity: 0.5;
}
.p-days > .panels > .item.is-back > .front > .photo {
  pointer-events: none;
}
.p-days > .panels > .item.is-front > .back > .photo {
  pointer-events: none;
}
.p-days.is-2 {
  margin-top: 15vw;
}
@media screen and (max-width: 750px) {
  .p-days.is-2 {
    margin-top: 25.333333333333332vw;
  }
}
.p-days.is-3 {
  margin-top: 15vw;
}
@media screen and (max-width: 750px) {
  .p-days.is-3 {
    margin-top: 28vw;
  }
}
.p-days.is-3 > .panels > .item {
  height: 35vw;
}
@media screen and (max-width: 750px) {
  .p-days.is-3 > .panels > .item {
    height: 106.66666666666667vw;
  }
}
.p-days.is-4 {
  margin-top: 6.25vw;
}
@media screen and (max-width: 750px) {
  .p-days.is-4 {
    margin-top: 13.333333333333334vw;
  }
}
.p-labelProduction {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .p-labelProduction {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.p-labelProduction > .bg {
  top: auto;
  bottom: -13.75vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction > .bg {
    bottom: -22.666666666666668vw;
  }
}
.p-labelProduction > .sample {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 21.125vw;
  height: 41.875vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction > .sample {
    width: 45.06666666666666vw;
    height: 89.33333333333333vw;
  }
}
.p-labelProduction > .info {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 5.625vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction > .info {
    margin-right: 0vw;
  }
}
.p-labelProduction > .info > .ttl > .sub {
  color: #353536;
  font-size: 1vw;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  .p-labelProduction > .info > .ttl > .sub {
    font-size: 2.933333333333333vw;
    letter-spacing: 0.06em;
  }
}
.p-labelProduction > .info > .ttl > .text {
  color: #353536;
  font-size: 3.125vw;
  letter-spacing: -0.04em;
  margin-top: 1.0625vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction > .info > .ttl > .text {
    font-size: 8vw;
    margin-top: 2.266666666666667vw;
  }
}
.p-labelProduction > .info > .ttl > .line {
  width: 3.5vw;
  height: 2px;
  background-color: #cba671;
  margin-top: 1.5625vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction > .info > .ttl > .line {
    width: 7.466666666666667vw;
    height: 2px;
    margin-top: 6.266666666666667vw;
  }
}
.p-labelProduction > .info > .desc {
  margin-top: 2vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction > .info > .desc {
    margin-top: 7.2vw;
  }
}
.p-labelProduction > .info > .desc > .ttl {
  color: #353536;
  font-size: 1.875vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction > .info > .desc > .ttl {
    font-size: 5.066666666666666vw;
  }
}
.p-labelProduction > .info > .desc > .text {
  margin-top: 1.75vw;
  color: #646363;
  font-size: 1vw;
  letter-spacing: -0.03em;
  width: 25.3125vw;
  line-height: 170%;
}
@media screen and (max-width: 750px) {
  .p-labelProduction > .info > .desc > .text {
    margin-top: 6.266666666666667vw;
    font-size: 3.733333333333333vw;
    width: 78.66666666666667vw;
  }
}
.p-labelProduction > .info > .desc > .text.is-nowrap {
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .p-labelProduction > .info > .desc > .text.is-nowrap {
    white-space: normal;
  }
}
.p-labelProduction.is-1 {
  margin-top: 10vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction.is-1 {
    margin-top: 25.333333333333332vw;
  }
}
.p-labelProduction.is-1 > .info {
  margin-top: 8.4375vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction.is-1 > .info {
    margin-top: 0vw;
    margin-bottom: 14.666666666666666vw;
  }
}
.p-labelProduction.is-2 {
  margin-top: 16.25vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction.is-2 {
    margin-top: 16.666666666666668vw;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
}
.p-labelProduction.is-2 > .info {
  margin-right: 0vw;
  margin-left: 5.625vw;
  margin-top: 8.4375vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction.is-2 > .info {
    margin-right: 0vw;
    margin-left: 0vw;
    margin-top: 0vw;
    margin-bottom: 15.333333333333334vw;
    display: flex;
    flex-direction: column;
  }
  .p-labelProduction.is-2 > .info > .ttl {
    display: flex;
    flex-direction: column;
  }
  .p-labelProduction.is-2 > .info > .desc {
    display: flex;
    flex-direction: column;
  }
  .p-labelProduction.is-2 > .info > .desc > .ttl {
    text-align: left;
  }
}
.p-labelProduction.is-3 {
  margin-top: 15.9375vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction.is-3 {
    margin-top: 16.4vw;
  }
}
.p-labelProduction.is-3 > .info {
  margin-top: 8.4375vw;
}
@media screen and (max-width: 750px) {
  .p-labelProduction.is-3 > .info {
    margin-top: 0vw;
    margin-bottom: 14vw;
  }
}
.p-mv {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100vh;
}
.p-mv > .inner {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.p-mv > .inner > video {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
}
.is-no-kv .p-mv {
  display: none;
}
.p-mv_block {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100vh;
}
.p-op {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #e2e0dc;
  visibility: hidden;
}
.p-op.is-show {
  visibility: visible;
}
.p-op > .inner {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 20.4375vw;
  margin-top: 0.625vw;
}
@media screen and (max-width: 750px) {
  .p-op > .inner {
    width: 69.06666666666666vw;
    margin-top: 10.666666666666666vw;
  }
}
.p-op > .inner > .bg {
  position: absolute;
  top: 4.6875vw;
  left: -0.3125vw;
  bottom: auto;
  right: auto;
  width: 20.4375vw;
  height: 20.375vw;
}
@media screen and (max-width: 750px) {
  .p-op > .inner > .bg {
    position: absolute;
    top: -12vw;
    left: 0vw;
    bottom: auto;
    right: auto;
    width: 69.06666666666666vw;
    height: 68.8vw;
  }
}
.p-op > .inner > .sp {
  position: relative;
  top: 0;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 9.1615439447625vw;
  height: 13.465624992637501vw;
  margin-top: 8.125vw;
}
@media screen and (max-width: 750px) {
  .p-op > .inner > .sp {
    width: 31.786666666666665vw;
    height: 46.720000000000006vw;
    margin-top: 0vw;
    margin-left: 1.333333333333333vw;
  }
}
.p-op > .inner > .text {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  color: #353536;
  font-size: 0.9375vw;
  line-height: 180%;
  text-align: center;
  margin-top: 5.625vw;
}
@media screen and (max-width: 750px) {
  .p-op > .inner > .text {
    font-size: 4vw;
    margin-top: 21.333333333333332vw;
    white-space: nowrap;
  }
}
.is-no-kv .p-op {
  display: none;
}
.p-other {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 12.5vw;
}
@media screen and (max-width: 750px) {
  .p-other {
    margin-top: 26.666666666666668vw;
  }
}
.p-other > .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 76.25vw;
}
@media screen and (max-width: 750px) {
  .p-other > .inner {
    width: 81.33333333333333vw;
  }
}
.p-other > .inner > .ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p-other > .inner > .ttl > .sub {
  color: #353536;
  font-size: 1vw;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .ttl > .sub {
    font-size: 2.933333333333333vw;
  }
}
.p-other > .inner > .ttl > .text {
  color: #353536;
  font-size: 3.125vw;
  letter-spacing: -0.04em;
  margin-top: 0vw;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .ttl > .text {
    font-size: 8vw;
    margin-top: 1.333333333333333vw;
  }
}
.p-other > .inner > .ttl > .line {
  width: 3.5vw;
  height: 2px;
  background-color: #cba671;
  margin-top: 1.625vw;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .ttl > .line {
    width: 7.466666666666667vw;
    height: 2px;
    margin-top: 6.666666666666667vw;
  }
}
.p-other > .inner > .list {
  display: flex;
  flex-direction: row;
  margin-top: 5.1875vw;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .list {
    margin-top: 10.666666666666666vw;
    flex-wrap: wrap;
  }
}
.p-other > .inner > .list > .line {
  width: 1px;
  height: 8.125vw;
  background-color: #c6c6c6;
  margin: 3vw 2vw 0;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .list > .line {
    display: none;
  }
}
.p-other > .inner > .list > .item {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 16.5625vw;
  height: 16.25vw;
  justify-content: flex-start;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .list > .item {
    width: 38.666666666666664vw;
    height: 50.666666666666664vw;
    margin-bottom: 0vw;
  }
}
.p-other > .inner > .list > .item > .icon_wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.p-other > .inner > .list > .item > .icon_wrapper > .icon.a {
  width: 4.625vw;
  height: 4.3125vw;
  margin-top: -0.625vw;
  margin-left: 0.5vw;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .list > .item > .icon_wrapper > .icon.a {
    margin-top: 0vw;
    margin-left: -2vw;
    width: 15.333333333333334vw;
    height: 14.4vw;
  }
}
.p-other > .inner > .list > .item > .icon_wrapper > .icon.b {
  width: 2.9375vw;
  height: 2.9375vw;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .list > .item > .icon_wrapper > .icon.b {
    width: 9.066666666666666vw;
    height: 9.066666666666666vw;
    margin-top: 3.2vw;
  }
}
.p-other > .inner > .list > .item > .icon_wrapper > .icon.c {
  width: 3vw;
  height: 3vw;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .list > .item > .icon_wrapper > .icon.c {
    width: 10vw;
    height: 10vw;
    margin-top: 3.2vw;
  }
}
.p-other > .inner > .list > .item > .icon_wrapper > .icon.d {
  width: 3.4375vw;
  height: 3.9375vw;
  margin-top: -0.5vw;
  margin-left: -0.25vw;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .list > .item > .icon_wrapper > .icon.d {
    width: 11.466666666666667vw;
    height: 13.066666666666666vw;
    margin-top: 1.333333333333333vw;
    margin-left: 0vw;
  }
}
.p-other > .inner > .list > .item > .inner {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
}
.p-other > .inner > .list > .item > .inner > .text {
  width: 13vw;
  text-align: left;
  color: #353536;
  font-size: 1.125vw;
  letter-spacing: -0.03em;
  line-height: 150%;
  margin-top: 5vw;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .list > .item > .inner > .text {
    width: 36.53333333333333vw;
    font-size: 3.6vw;
    margin-top: 18.666666666666668vw;
  }
}
.p-other > .inner > .list > .item > .inner > .small {
  width: 100%;
  text-align: left;
  color: #353536;
  font-size: 0.75vw;
  letter-spacing: -0.03em;
  margin-top: 1.25vw;
}
@media screen and (max-width: 750px) {
  .p-other > .inner > .list > .item > .inner > .small {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    font-size: 3.2vw;
    margin-top: 43.733333333333334vw;
  }
}
.p-other > .inner > .list > .item > .inner a {
  text-decoration: underline;
}
.p-other > .inner > .list > .item > .inner a:hover {
  text-decoration: none;
}