@charset "UTF-8";
main { overflow: hidden; }

.loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 65535; background: #FFF; transition: all 2s ease-in-out 2s; }
.loaded .loading { opacity: 0; pointer-events: none; }
.loading .load_txt { position: relative; }
.loading .load_txt .hrwrap { position: relative; }
.loading .load_txt .hrwrap hr { position: absolute; padding: 0; margin: 0; bottom: 0; left: 0; right: 0; height: 100%; background: top center / 100% 100% no-repeat; animation: yura 3s ease-in-out both infinite; display: block; }
.loading .load_txt .hrwrap hr:nth-of-type(1) { background-image: url("../images/common/underline1.svg"); animation-duration: 2.75s; animation-delay: 0s; position: relative; padding-bottom: 18px; }
.loading .load_txt .hrwrap hr:nth-of-type(2) { background-image: url("../images/common/underline2.svg"); animation-duration: 3s; animation-delay: 0.6s; }
.loading .load_txt .hrwrap hr:nth-of-type(3) { background-image: url("../images/common/underline3.svg"); animation-duration: 3.5s; animation-delay: 1.2s; }
.loading .load_txt .hrwrap hr:nth-of-type(4) { background-image: url("../images/common/underline4.svg"); animation-duration: 2.5s; animation-delay: 2.4s; }
.loading .load_txt .hrwrap hr:nth-of-type(5) { background-image: url("../images/common/underline5.svg"); animation-duration: 3.5s; animation-delay: 1.8s; }
.loading .load_txt p { font-size: 36px; text-align: center; letter-spacing: 0.2em; line-height: 1.5; font-feature-settings: "palt"; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; padding-bottom: 20px; }
@media screen and (max-width: 768px) { .loading .load_txt p { font-size: 24px; } }
.loading .load_txt p sup { font-size: 25%; letter-spacing: 0em; vertical-align: super; text-indent: -1em; padding-right: 0.2em; display: inline-block; }
.loading .load_txt p.price { font-size: 46px; letter-spacing: 0.05em; margin-top: 10px; padding-bottom: 0; }
@media screen and (max-width: 768px) { .loading .load_txt p.price { font-size: 30px; } }
.loading .load_txt p.price span.sub { font-size: 80%; }
.loading .load_txt p.price span.big { font-size: 150%; color: #7e6b2e; }

.content__header { background-color: transparent; overflow: hidden; }
.content__header picture img { opacity: 0; filter: brightness(20); transform: scale(1.2); transition: opacity 2s ease, filter 2s ease, transform 3s ease; will-change: filter,opacity,transform; }
.content__header.s1 picture img { filter: brightness(1); transform: scale(1); opacity: 1; }
.content__header .mainvisualTextWrap { opacity: 0; filter: blur(5vmin); transition: opacity 1.5s ease, filter 1.5s ease; will-change: filter,opacity; }
.content__header.s2 .mainvisualTextWrap { filter: blur(0vmin); opacity: 1; }
@media screen and (min-width: 768px) { .content__header .mainvisualTextWrap { padding-top: 50px; padding-bottom: 10%; }
  .content__header .mainvisualTextWrap img { width: 22.5vw; max-width: 324px; } }
@media screen and (min-width: 1200px) { .content__header .mainvisualTextWrap { padding-top: 100px; } }
.content__header div.lines { position: absolute; left: 0; bottom: 0; right: 0; height: 16px; }
.content__header div.lines hr { margin: 0; padding: 0; border: none; height: 0; background: none; color: #FFFFFF; border-bottom: solid 1px; position: absolute; left: 0; transform-origin: center left; animation: mv_line 3s ease-in-out both infinite; display: block; }
.content__header div.lines hr:nth-child(1) { width: 72.875%; top: 0; animation-duration: 2.75s; animation-delay: 0s; }
.content__header div.lines hr:nth-child(2) { border-width: 2px; width: 85%; top: 4px; animation-duration: 3s; animation-delay: 0.4s; }
.content__header div.lines hr:nth-child(3) { width: 77.125%; top: 9px; animation-duration: 3.5s; animation-delay: 0.8s; }
.content__header div.lines hr:nth-child(4) { width: 81.875%; top: 11px; animation-duration: 2.5s; animation-delay: 1.6s; }
.content__header div.lines hr:nth-child(5) { width: 75%; top: 15px; animation-duration: 3.25s; animation-delay: 1.2s; }

@keyframes mv_line { 0%,100% { transform: scaleX(0.97); }
  50% { transform: scaleX(1.03); } }
h2 span { background: none !important; position: relative; }
h2 span hr { position: absolute; padding: 0; margin: 0; bottom: 0; left: 0; right: 0; height: 18px; background: bottom center / 100% 100% no-repeat; animation: yura 3s ease-in-out both infinite; display: block; }
h2 span hr:nth-child(1) { background-image: url("../images/common/underline1.svg"); animation-duration: 2.75s; animation-delay: 0s; }
h2 span hr:nth-child(2) { background-image: url("../images/common/underline2.svg"); animation-duration: 3s; animation-delay: 0.6s; }
h2 span hr:nth-child(3) { background-image: url("../images/common/underline3.svg"); animation-duration: 3.5s; animation-delay: 1.2s; }
h2 span hr:nth-child(4) { background-image: url("../images/common/underline4.svg"); animation-duration: 2.5s; animation-delay: 2.4s; }
h2 span hr:nth-child(5) { background-image: url("../images/common/underline5.svg"); animation-duration: 3.5s; animation-delay: 1.8s; }

@keyframes yura { 0%,100% { transform: translateX(2%); }
  50% { transform: translateX(-2%); } }

/*# sourceMappingURL=mainvisual.css.map */