@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
*, ::before, ::after { box-sizing: border-box; border-style: solid; border-width: 0; min-width: 0; }

/* Document */
/* ============================================ */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Remove gray overlay on links for iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ }

/* Sections */
/* ============================================ */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/* Vertical rhythm */
/* ============================================ */
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; }

/* Headings */
/* ============================================ */
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; }

/* Lists (enumeration) */
/* ============================================ */
ul, ol { margin: 0; padding: 0; list-style: none; }

/* Lists (definition) */
/* ============================================ */
dt { font-weight: bold; }

dd { margin-left: 0; }

/* Grouping content */
/* ============================================ */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ border-top-width: 1px; margin: 0; clear: both; color: inherit; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

address { font-style: inherit; }

/* Text-level semantics */
/* ============================================ */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; text-decoration: none; color: inherit; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Replaced content */
/* ============================================ */
/** Prevent vertical alignment issues. */
svg, img, embed, object, iframe { vertical-align: bottom; }

/* Forms */
/* ============================================ */
/** Reset form fields to make them styleable. 1. Make form elements stylable across systems iOS especially. 2. Inherit text-transform from parent. */
button, input, optgroup, select, textarea { -webkit-appearance: none; /* 1 */ appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; border-radius: 0; text-align: inherit; text-transform: inherit; /* 2 */ }

/** Correct cursors for clickable elements. */
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }

button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled { cursor: default; }

/** Improve outlines for Firefox and unify style with input elements & buttons. */
:-moz-focusring { outline: auto; }

select:disabled { opacity: inherit; }

/** Remove padding */
option { padding: 0; }

/** Reset to invisible */
fieldset { margin: 0; padding: 0; min-width: 0; }

legend { padding: 0; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** Correct the outline style in Safari. */
[type="search"] { outline-offset: -2px; /* 1 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Fix font inheritance. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** Fix appearance for Firefox */
[type="number"] { -moz-appearance: textfield; }

/** Clickable labels */
label[for] { cursor: pointer; }

/* Interactive */
/* ============================================ */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Remove outline for editable content. */
[contenteditable]:focus { outline: auto; }

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table { border-color: inherit; /* 1 */ border-collapse: collapse; }

caption { text-align: left; }

td, th { vertical-align: top; padding: 0; }

th { text-align: left; font-weight: bold; }

*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

body, html { font-size: 16px; line-height: 1.6; font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; }
@media screen and (max-width: 600px) { body, html { font-size: 14px; } }

body { position: relative; }
@media screen and (max-width: 600px) { body { padding-bottom: 60px; } }

a { color: inherit; text-decoration: none; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

sup { font-size: 50%; vertical-align: super; }

img { width: 100%; height: auto; line-height: 0; font-size: 0; }

.pc { display: block !important; }
@media screen and (max-width: 768px) { .pc { display: none !important; } }

.sp { display: none !important; }
@media screen and (max-width: 768px) { .sp { display: block !important; } }

.aw { display: inline-block; }

.img { position: relative; }
.img .cap { font-size: 10px; line-height: 1; padding: 2px 5px; display: inline-block; color: #fff; background: rgba(0, 0, 0, 0.4); color: #fff; text-align: right; position: absolute; bottom: 0; right: 0; }
.img .cap.bk { color: #000; background: none; }
.img .cap.l { right: auto; left: 0; text-align: left; }
.img .cap.nobg { background: none; text-shadow: 0 0 3px #000; bottom: 3px; right: 3px; }
.img .cap.nobg.bk { text-shadow: none; color: #000; }
.img .cap.out { right: 0; bottom: -15px; background: none; color: #000; padding: 0; }

.note { font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; font-size: 11px; text-align: left; line-height: 1.6; }
@media screen and (max-width: 600px) { .note { font-size: 10px; } }

.request a, .request .btn, .reserve a, .reserve .btn, .limited a, .limited .btn { display: block; position: relative; top: 0; border: 0; cursor: pointer; line-height: 1.2; text-align: center; padding: 15px 25px; outline: 0; transition: all 0.4s ease; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); background-position-x: 0%; animation-name: shine; }
.request a:active, .request .btn:active, .reserve a:active, .reserve .btn:active, .limited a:active, .limited .btn:active { top: 2px; }

.request a, .request .btn { background: #A88F43; background: -webkit-linear-gradient(180deg, #a88f43 8%, #856814 72%, #695103 100%); background: -moz-linear-gradient(180deg, #a88f43 8%, #856814 72%, #695103 100%); background: linear-gradient(180deg, #a88f43 8%, #856814 72%, #695103 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A88F43", endColorstr="#695103", GradientType=0); color: #fff; text-align: center; transition: .3s; }
.request a:hover, .request .btn:hover { filter: brightness(120%); }

.limited a, .limited .btn { background: #B8BDC0; background: -webkit-linear-gradient(180deg, #b8bdc0 0%, #7d8488 80%); background: -moz-linear-gradient(180deg, #b8bdc0 0%, #7d8488 80%); background: linear-gradient(180deg, #b8bdc0 0%, #7d8488 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#B8BDC0", endColorstr="#7D8488", GradientType=0); color: #fff; text-align: center; transition: .3s; }
.limited a:hover, .limited .btn:hover { filter: brightness(120%); }

@keyframes shine { 0% { background-position-x: 400%; }
  50% { background-position-x: 0%; }
  100% { background-position-x: -400%; } }
.g-nav a, .g-nav .soon { display: block; width: 100%; height: 100%; line-height: 1.2; position: relative; }
.g-nav a { transition: all 0.4s 0s ease-in; position: relative; }
.g-nav .soon { opacity: 0.4; }
.g-nav .new, .g-nav .update, .g-nav .pickup { font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; font-size: 8px; line-height: 1; color: #fff; font-weight: bold; padding: 2px 4px; background-color: #920d14; line-height: 1; white-space: nowrap; position: absolute; top: -3px; left: 50%; transform: translateX(-50%); }
@media screen and (max-width: 1024px) { .g-nav .new, .g-nav .update, .g-nav .pickup { top: 2px; left: 2px; transform: none; } }
@media screen and (max-width: 600px) { .g-nav .new, .g-nav .update, .g-nav .pickup { font-size: 0.571428571428571rem; } }

header { width: 100%; position: fixed; top: 0; left: 0; z-index: 10; overflow: hidden; }
header::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); mix-blend-mode: multiply; z-index: 0; }
header a { color: #fff; }

header .logo { position: fixed; top: 0; left: 0; padding: 1rem; z-index: 9999999; display: inline-block; width: 340px; }
@media screen and (max-width: 900px) { header .logo { padding: .5rem; width: 35%; } }
@media screen and (max-width: 600px) { header .logo { width: 250px; padding: 15px 10px; } }

.header_container { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding-top: 60px; padding-bottom: 0; line-height: 1; position: relative; /*.logo{
	display: inline-block;
	width:340/1200*100%;
	min-width: 340px;
	margin-right: 1rem;
	vertical-align: middle;
}*/ }
@media screen and (max-width: 600px) { .header_container { padding-left: 3.8647342995%; padding-right: 3.8647342995%; } }
.header_container #sp-nav { display: none; }
.header_container .sub-nav { position: absolute; top: 1rem; right: 0; display: -webkit-box; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: center; }
.header_container .sub-nav * { min-height: 0%; }
.header_container .sub-nav li.map, .header_container .sub-nav li.outline { margin-right: 1.9rem; line-height: 1.2; }
.header_container .sub-nav li.map a, .header_container .sub-nav li.map .btn, .header_container .sub-nav li.outline a, .header_container .sub-nav li.outline .btn { font-size: 0.8125rem; padding: 0; position: relative; transition: .3s; }
.header_container .sub-nav li.map a:hover, .header_container .sub-nav li.map .btn:hover, .header_container .sub-nav li.outline a:hover, .header_container .sub-nav li.outline .btn:hover { opacity: .6; }
.header_container .sub-nav li.request, .header_container .sub-nav li.reserve, .header_container .sub-nav li.limited { min-width: calc( 7em + 2rem); margin-left: 1px; }
.header_container .sub-nav li.request a, .header_container .sub-nav li.request .btn, .header_container .sub-nav li.reserve a, .header_container .sub-nav li.reserve .btn, .header_container .sub-nav li.limited a, .header_container .sub-nav li.limited .btn { font-size: .875rem; padding: .8rem; }
.header_container .sub-nav li.bnr_app { display: none; width: 100%; margin-top: 2px; }
.header_container .sub-nav li.bnr_app a { background: #53483d; padding: 0 !important; }
.header_container .sub-nav li.bnr_app a:hover { filter: brightness(110%); }
.header_container .sub-nav li.bnr_app img { width: 100%; height: auto; }
.header_container .g-nav { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; width: 100%; margin-top: 0.75rem; }
.header_container .g-nav * { min-height: 0%; }
.header_container .g-nav li { flex-basis: auto; flex-grow: 1; border-right: solid thin #cfd8dc; line-height: 1; margin: 0; position: relative; }
.header_container .g-nav li:first-of-type { border-left: solid thin #cfd8dc; }
.header_container .g-nav li.outline, .header_container .g-nav li.map { display: none; }
.header_container .g-nav li a, .header_container .g-nav li .soon { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 14px; text-align: center; color: #fff; padding: .75rem .2rem .5rem; position: relative; }
.header_container .g-nav li a .en, .header_container .g-nav li .soon .en { display: none; }
.header_container .g-nav li a::after { content: ""; display: block; width: 100%; height: 0.25rem; background-color: #898989; opacity: 0; position: absolute; left: 0; bottom: -1px; }
.header_container .g-nav li a.current, .header_container .g-nav li a:hover { color: #9e7c1d; }
.header_container .g-nav li a.current::after, .header_container .g-nav li a:hover::after { background-color: #9e7c1d; opacity: 1; }
.header_container .g-nav li a .tab { display: none; }
.header_container .g-nav li .soon { display: block; opacity: 1; }
.header_container .g-nav li .soon::after { content: "coming soon"; color: #fff; width: 100%; font-size: 10px; line-height: 1; letter-spacing: 0; white-space: nowrap; display: block; text-align: center; }
.header_container .g-nav li .soon .txt { display: block; width: 100%; opacity: .3; }
@media screen and (max-width: 1200px) { .header_container .navigation .g-nav li .tab { display: block; } }
@media screen and (max-width: 1024px) { .header_container h1 { width: 24%; }
  .header_container .navigation .sub-nav li.faq, .header_container .navigation .sub-nav li.map, .header_container .navigation .sub-nav li.outline { margin-right: 0.75rem; } }
@media screen and (max-width: 920px) { .header_container { /*.logo{ min-width: 14rem;
}*/ }
  .header_container .navigation .sub-nav { top: 0.75rem; }
  .header_container .navigation .sub-nav li.request a, .header_container .navigation .sub-nav li.request .btn, .header_container .navigation .sub-nav li.reserve a, .header_container .navigation .sub-nav li.reserve .btn, .header_container .navigation .sub-nav li.limited a, .header_container .navigation .sub-nav li.limited .btn { padding: .5rem; } }
@media screen and (max-width: 834px) { .header_container h1 { width: 20%; }
  .header_container .navigation .g-nav li:nth-of-type(1) { width: calc(100% / 13); }
  .header_container .navigation .g-nav li a, .header_container .navigation .g-nav li .soon { font-size: 13px; } }
@media screen and (max-width: 768px) { .header_container { /*.logo{
	min-width: 16.25rem;
}*/ }
  .header_container .navigation .sub-nav li.faq, .header_container .navigation .sub-nav li.map, .header_container .navigation .sub-nav li.outline { margin-right: 0.25rem; }
  .header_container .navigation .sub-nav li.faq a, .header_container .navigation .sub-nav li.map a, .header_container .navigation .sub-nav li.outline a { font-size: 11px; }
  .header_container .navigation .sub-nav li.request, .header_container .navigation .sub-nav li.reserve, .header_container .navigation .sub-nav li.limited { min-width: 7em; }
  .header_container .navigation .sub-nav li.request a, .header_container .navigation .sub-nav li.request .btn, .header_container .navigation .sub-nav li.reserve a, .header_container .navigation .sub-nav li.reserve .btn, .header_container .navigation .sub-nav li.limited a, .header_container .navigation .sub-nav li.limited .btn { font-size: 12px; padding: 8px 5px; }
  .header_container .navigation .g-nav li .tab { display: none; } }
@media screen and (max-width: 600px) { .header_container { padding: 60px 0 0 0; /*.logo{
	display: block;
	margin: 8px 0 0 10px ;
	padding-bottom: 16px;
	img{
		height: auto;
	}
}*/ }
  .header_container h1 { display: none; }
  .header_container #sp-nav { width: 44px; position: absolute; top: 8px; right: 8px; }
  .header_container #sp-nav span { display: block; width: 100%; height: 100%; }
  .header_container #sp-nav .sp-menu-close { display: none; }
  .header_container #sp-nav.active .sp-menu-open { display: none; position: relative; z-index: 1; }
  .header_container #sp-nav.active .sp-menu-close { display: block; position: relative; z-index: 2; }
  .header_container .navigation { width: 100%; height: 100dvh; position: fixed; top: -100dvh; left: 0; z-index: 99999; transition: .5s ease-in-out top; }
  .header_container .navigation::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.8); mix-blend-mode: multiply; z-index: 0; }
  .header_container .navigation.show { top: 0; }
  .header_container .navigation nav { height: 100%; display: grid; gap: 1px; place-content: center; place-items: center; grid-template-columns: 1fr; position: relative; z-index: 2; }
  .header_container .navigation nav .g-nav, .header_container .navigation nav .sub-nav { width: 100%; display: grid; gap: 0; grid-template-columns: repeat(2, 1fr); padding: 0; }
  .header_container .navigation nav .g-nav li, .header_container .navigation nav .sub-nav li { width: 100%; display: block; border-top: solid thin #cfd8dc; }
  .header_container .navigation nav .g-nav li.top, .header_container .navigation nav .sub-nav li.top { border-left: none; }
  .header_container .navigation nav .g-nav li:first-of-type, .header_container .navigation nav .sub-nav li:first-of-type { grid-column: span 2; border-right: none; }
  .header_container .navigation nav .g-nav li:nth-of-type(even), .header_container .navigation nav .sub-nav li:nth-of-type(even) { border-left: none; }
  .header_container .navigation nav .g-nav li:nth-of-type(2n+1), .header_container .navigation nav .sub-nav li:nth-of-type(2n+1) { border-right: none; }
  .header_container .navigation nav .g-nav li .sp, .header_container .navigation nav .sub-nav li .sp { display: inline; }
  .header_container .navigation nav .g-nav li a, .header_container .navigation nav .g-nav li .soon, .header_container .navigation nav .g-nav li .btn, .header_container .navigation nav .sub-nav li a, .header_container .navigation nav .sub-nav li .soon, .header_container .navigation nav .sub-nav li .btn { display: grid; place-content: center; padding: .75rem .2rem; }
  .header_container .navigation nav .g-nav li .soon, .header_container .navigation nav .sub-nav li .soon { background: rgba(255, 255, 255, 0.1); }
  .header_container .navigation nav .g-nav { grid-template-rows: repeat(7, 1fr); }
  .header_container .navigation nav .g-nav li:nth-of-type(1), .header_container .navigation nav .g-nav li:nth-of-type(n+13), .header_container .navigation nav .g-nav li:nth-last-of-type(-n+13) { width: 100%; }
  .header_container .navigation nav .g-nav li.map, .header_container .navigation nav .g-nav li.outline { display: block; }
  .header_container .navigation nav .g-nav li a.current { background: rgba(255, 255, 255, 0.2); }
  .header_container .navigation nav .sub-nav { grid-row: 2; position: static; width: 100%; border-top: solid 1px #cfd8dc; }
  .header_container .navigation nav .sub-nav li { border-top: solid 1px #cfd8dc; padding: .75rem; text-align: center; }
  .header_container .navigation nav .sub-nav li a, .header_container .navigation nav .sub-nav li .soon, .header_container .navigation nav .sub-nav li .btn { display: block; padding: 0.5rem 0.875rem; text-align: center; }
  .header_container .navigation nav .sub-nav li.faq, .header_container .navigation nav .sub-nav li.map, .header_container .navigation nav .sub-nav li.outline { display: none; }
  .header_container .navigation nav .sub-nav li.request, .header_container .navigation nav .sub-nav li.limited { border-top: none; grid-column: span 2; padding: 2rem 5% 0 5%; } }

.breadcrumbs { padding: 2px 5px; background: #000; }
.breadcrumbs ul { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; max-width: 1400px; }
.breadcrumbs ul li { display: inline-block; padding: 0 3px; font-size: 11px; color: #fff; line-height: 1; }
.breadcrumbs ul li + li::before { content: "\03e"; display: inline-block; font-size: 11px; color: #fff; margin-right: 1.6rem; }
.breadcrumbs ul li a { text-decoration: none; color: #fff; }
.breadcrumbs ul li a:hover { text-decoration: underline; }
@media screen and (max-width: 600px) { .breadcrumbs { display: none; } }

.conversion { width: 100%; max-width: 1040px; margin-left: auto; margin-right: auto; padding: 0 0 5rem; }

.conversion-buttons { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: stretch; align-items: stretch; }
.conversion-buttons * { min-height: 0%; }
.conversion-buttons li { width: 40%; max-width: 480px; margin-right: 2%; }
.conversion-buttons li:last-of-type { margin-right: 0; }
.conversion-buttons li a, .conversion-buttons li .btn { width: 100%; height: 100%; padding: 1.5rem 40px; position: relative; transition: .3s; display: grid; place-content: center; }
.conversion-buttons li a .txt, .conversion-buttons li .btn .txt { display: block; text-align: center; font-size: 1rem; letter-spacing: 0.1em; margin: auto; }
.conversion-buttons li a:hover, .conversion-buttons li .btn:hover { filter: brightness(120%); }
@media screen and (max-width: 834px) { .conversion-buttons li { width: 90%; max-width: 400px; margin-top: .5rem; margin-right: 0; }
  .conversion-buttons li a, .conversion-buttons li .btn { font-size: .875rem; } }
@media screen and (max-width: 600px) { .conversion-buttons li { margin-right: 0; margin-bottom: 4px; } }

.contents { color: #fff; padding: 0; }
.contents #anchor_top { width: 100%; display: block; background: #000; }

.inner { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; }

.contents-container { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 600px) { .contents-container { padding-left: 3.8647342995%; padding-right: 3.8647342995%; } }

.note-section { width: 100%; max-width: 1040px; margin-left: auto; margin-right: auto; padding: 3rem 0 5rem 0; margin: auto; width: 90%; color: #222; }

#mv-box { width: 100%; }

#nomv { width: 100%; padding: 3rem 0; }
#nomv .pagename { font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; text-align: center; font-size: 2rem; line-height: 1; }

section:last-of-type { padding-bottom: 5rem; }

.lead { font-size: 1rem; line-height: 2; letter-spacing: 0; }

.lmidashi { font-size: 1.8rem; letter-spacing: 0.15rem; line-height: 1.7; }
.lmidashi + .lead { margin-top: 1rem; }
@media screen and (max-width: 768px) { .lmidashi { font-size: 1.5rem; line-height: 1.8; letter-spacing: 0; } }

.midashi { font-size: 1.4rem; letter-spacing: 0.15rem; line-height: 1.7; }
.midashi + .lead { margin-top: 1rem; }
@media screen and (max-width: 768px) { .midashi { font-size: 1.3rem; } }

.komidashi { font-size: 1.2rem; font-weight: normal; letter-spacing: .05em; line-height: 1.7; }
.komidashi + .lead { margin-top: 1rem; }
.komidashi br.pc { display: block !important; }
.komidashi br.sp { display: none !important; }
@media screen and (max-width: 768px) { .komidashi { font-size: 1.1rem; }
  .komidashi br.pc { display: none !important; }
  .komidashi br.sp { display: block !important; } }

.tac { text-align: center; }

.pb { padding-bottom: 5rem; }

.zoom { display: none; width: 100%; max-width: 420px; margin: 0 auto; padding: 2rem 0; }
.zoom img { width: 100%; height: auto; }
@media screen and (max-width: 768px) { .zoom { display: block; } }

.holiday p { width: 100%; margin: 0; padding: 0; font-size: 13px; line-height: 1.6; text-align: center; }

.contact .holiday { color: #fff; margin-top: 1rem; }

footer h1 { font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; display: block; font-size: 0.625rem; line-height: 1.2; padding: 10px; text-align: center; color: #000; }

.category-box { padding-bottom: 3rem; }
.category-box .category-txt { overflow: hidden; }
.category-box img { padding-top: 10px; display: block; height: 1.8rem; width: auto; margin: auto; transform: translateY(100%); }
.category-box.des img { height: calc(1.8rem * 1.25); }
.category-box.move-line + .lmidashi { margin-top: 3rem; }
.category-box + .lmidashi { margin-top: 0; }
@media screen and (max-width: 768px) { .category-box img { height: 1.7rem; }
  .category-box.des img { height: calc(1.7rem * 1.25); } }

.move-line { padding-top: 100px; position: relative; overflow: hidden; }
.move-line img { padding-top: 10px; transition: 0.3s ease-out 0.3s transform; transform: translateY(100%); }
.move-line::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 0; background: #9e7c1d; transition: height .4s ease-in-out; }
.move-line.is-visible img { transform: translateY(0%); }
@media screen and (max-width: 768px) { .move-line { padding-top: 60px; } }

.move-line.visible::before { height: 100px; }
@media screen and (max-width: 768px) { .move-line.visible::before { height: 60px; } }

.fadefocus { opacity: 0; filter: blur(12px); transition: opacity 1s ease, filter 0.5s ease; will-change: opacity, filter; }
.fadefocus.is-visible { opacity: 1; filter: blur(0); }

.move-line.fadefocus { transition: opacity 0.5s ease 0.5s; filter: none; }
.move-line.fadefocus::before { transform: scaleY(0); transform-origin: center top; transition: transform 0.5s ease-out 0.5s; }
.move-line.is-visible { filter: none; }
.move-line.is-visible::before { transform: scaleY(1); }

.section-contents-inner { position: relative; background-color: #fff; }

footer { background-color: #fff; position: relative; width: 100%; }
footer .footer_container .navigation { width: 100%; max-width: 1400px; margin: auto; padding: 1.5rem 0; }
footer .footer_container .navigation .g-nav { display: grid; grid-template-columns: repeat(13, 1fr); gap: 0; }
footer .footer_container .navigation .g-nav li { border-right: solid thin #898989; line-height: 1; margin: 0; padding: 0 5px; }
footer .footer_container .navigation .g-nav li:first-of-type { border-left: solid thin #898989; }
footer .footer_container .navigation .g-nav li.design a, footer .footer_container .navigation .g-nav li.design .soon, footer .footer_container .navigation .g-nav li.design .btn, footer .footer_container .navigation .g-nav li.zeh a, footer .footer_container .navigation .g-nav li.zeh .soon, footer .footer_container .navigation .g-nav li.zeh .btn, footer .footer_container .navigation .g-nav li.mansion a, footer .footer_container .navigation .g-nav li.mansion .soon, footer .footer_container .navigation .g-nav li.mansion .btn { font-size: .625rem; line-height: 1.4; }
footer .footer_container .navigation .g-nav li a, footer .footer_container .navigation .g-nav li .soon, footer .footer_container .navigation .g-nav li .btn { display: grid; place-content: center; color: #000; font-size: .75rem; text-align: center; padding: .5rem .1rem; }
footer .footer_container .navigation .g-nav li a.current, footer .footer_container .navigation .g-nav li a:hover, footer .footer_container .navigation .g-nav li .btn.current, footer .footer_container .navigation .g-nav li .btn:hover { color: #9e7c1d; }
@media screen and (max-width: 1400px) { footer .footer_container .navigation .g-nav li:first-of-type { border-left: none; }
  footer .footer_container .navigation .g-nav li:last-of-type { border-right: none; } }
@media screen and (max-width: 1024px) { footer .footer_container .navigation .g-nav { gap: 5px; grid-template-columns: repeat(7, 1fr); grid-template-rows: auto auto; align-content: start; justify-content: center; }
  footer .footer_container .navigation .g-nav li:nth-of-type(7) { border-right: none; }
  footer .footer_container .navigation .g-nav li a, footer .footer_container .navigation .g-nav li .soon, footer .footer_container .navigation .g-nav li .btn { padding: .2rem; } }
@media screen and (max-width: 768px) { footer .footer_container .navigation .g-nav { display: grid; gap: 0; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(7, 1fr); background: #856814; background: -webkit-linear-gradient(110deg, #856814 3%, #4a3600 90%); background: -moz-linear-gradient(110deg, #856814 3%, #4a3600 90%); background: linear-gradient(110deg, #856814 3%, #4a3600 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#856814", endColorstr="#4A3600", GradientType=0); }
  footer .footer_container .navigation .g-nav li { border-top: solid thin #898989; }
  footer .footer_container .navigation .g-nav li:first-of-type { grid-column: span 2; border-left: none; border-right: none; }
  footer .footer_container .navigation .g-nav li:nth-of-type(2n+1) { border-right: none; }
  footer .footer_container .navigation .g-nav li.design a, footer .footer_container .navigation .g-nav li.design .soon, footer .footer_container .navigation .g-nav li.design .btn, footer .footer_container .navigation .g-nav li.zeh a, footer .footer_container .navigation .g-nav li.zeh .soon, footer .footer_container .navigation .g-nav li.zeh .btn, footer .footer_container .navigation .g-nav li.mansion a, footer .footer_container .navigation .g-nav li.mansion .soon, footer .footer_container .navigation .g-nav li.mansion .btn { font-size: .75rem; line-height: 1.2; }
  footer .footer_container .navigation .g-nav li a, footer .footer_container .navigation .g-nav li .soon, footer .footer_container .navigation .g-nav li .btn { color: #fff; padding: .5rem .2rem; font-size: .75rem; }
  footer .footer_container .navigation .g-nav li .soon { opacity: 1; }
  footer .footer_container .navigation .g-nav li .soon .txt { opacity: .4; }
  footer .footer_container .navigation .g-nav li .soon::after { content: "coming soon"; color: #fff; width: 100%; font-size: 10px; line-height: 1; letter-spacing: 0; white-space: nowrap; display: block; text-align: center; } }

.contact { background: #3A3937; color: #fff; padding: 2.5rem 0; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.contact * { min-height: 0%; }
.contact p { font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; width: auto; font-size: 13px; text-align: left; line-height: 1.2; margin: 0 0.5rem; letter-spacing: 0.05em; }
.contact p img { width: 100%; height: auto; max-width: 340px; }
.contact p:nth-of-type(1) { width: 100%; text-align: center; padding-bottom: .5rem; }
.contact p:nth-of-type(1) .txt { display: block; font-size: 12px; max-width: 600px; text-align: left; margin: auto; }
.contact p:nth-of-type(2) { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.contact p:nth-of-type(3) { line-height: 1.4; }
.contact p.text2 { font-size: 13px; }
.contact .note { margin: 0 auto; color: #ce3544; text-align: center; padding: 0 1rem; }
.contact .holiday { width: 100%; margin: 0.5rem auto 0; text-align: center; font-size: 0.8rem; color: #F70000; font-feature-settings: "palt"; }
@media screen and (max-width: 630px) { .contact p:nth-of-type(1) .txt { text-align: center; } }
@media screen and (max-width: 600px) { .contact { display: block; padding-left: 7%; padding-right: 7%; }
  .contact p { display: block; text-align: center; margin: 0 0.5rem !important; }
  .contact p:nth-of-type(2) { margin: 0.5rem 0.5rem 1rem !important; }
  .contact p:nth-of-type(3) { font-size: 10px; } }

.corp-logo ul { width: 96%; max-width: 800px; margin: auto; padding: 1.5rem 0; text-align: center; line-height: 1.2; }
.corp-logo ul li { display: inline-block; width: auto; text-align: center; margin: 1rem 1.5rem; }
.corp-logo ul li a { display: block; width: 100%; }
.corp-logo ul li a:hover { opacity: 0.64; }
.corp-logo ul li img { width: auto; max-width: 100%; height: 4.6875rem; max-height: auto; }

.copyright { padding: 0 1rem 1rem; font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; text-align: center; line-height: 1.2; letter-spacing: 0.05em; font-size: 11px; font-weight: 400; color: #333; }

.footer-gnavbtn { width: 100%; margin: 0 auto; }
.footer-gnavbtn .footer-gnavbtn-list { display: grid; gap: 0; grid-template-columns: repeat(8, 1fr); }
.footer-gnavbtn .footer-gnavbtn-list li a { display: block; }
.footer-gnavbtn .footer-gnavbtn-list li a .img { display: block; transition: .3s; }
.footer-gnavbtn .footer-gnavbtn-list li a .img:hover { filter: brightness(120%); }
@media screen and (max-width: 1600px) { .footer-gnavbtn .footer-gnavbtn-list { grid-template-columns: repeat(4, 1fr); } }
@media screen and (max-width: 600px) { .footer-gnavbtn .footer-gnavbtn-list { grid-template-columns: repeat(2, 1fr); } }

h1 { display: block; font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; font-size: 0.625rem; text-align: center; line-height: 1.2; width: 100%; background-color: #D7D7D7; padding: 6px 2%; }

.laurel-banners { background: #d7d7d7; padding: 30px 0; }
.laurel-banners ul { font-size: 0; margin: auto; max-width: 1280px; width: 90%; text-align: center; }
.laurel-banners ul li { display: inline-block; margin: 10px; }
.laurel-banners ul li img { width: auto; height: 75px; }
.laurel-banners ul li a { -webkit-transition: all 0.3s; transition: all 0.3s; }
.laurel-banners ul li a:hover { opacity: 0.8; }
@media screen and (max-width: 834px) { .laurel-banners ul li img { width: auto; height: 55px; } }
@media screen and (max-width: 600px) { .laurel-banners ul li img { display: block; height: 50px; } }

.other-property-list { border-bottom: 1px solid #ddd; padding-bottom: 25px; }
.other-property-list ul { margin: auto; width: 90%; max-width: 1100px; text-align: left; position: relative; margin-top: 25px; box-sizing: border-box; }
.other-property-list ul li { font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; font-size: 14px; margin: 5px 10px; display: inline-block; }
.other-property-list ul li a { color: #000; text-decoration: none; }
.other-property-list ul li:nth-child(1) { position: absolute; left: 0; top: -5px; border: 1px solid #c9a063; color: #c9a063; border-radius: 4px; box-sizing: border-box; padding: 3px 6px; }
.other-property-list ul:nth-child(1) { padding-left: 300px; }
.other-property-list ul:nth-child(2) { padding-left: 120px; }
@media screen and (max-width: 600px) { .other-property-list ul li:nth-child(1) { width: 100%; text-align: center; position: relative; margin: 5px 0; }
  .other-property-list ul:nth-child(1), .other-property-list ul:nth-child(2) { padding-left: 0px; } }

#sp_footer_nav_belt { display: none; width: 100%; position: fixed; bottom: 0; left: 0; background-color: white; z-index: 10; overflow: hidden; }
#sp_footer_nav_belt ul { display: grid; gap: 0; grid-template-columns: repeat(5, 1fr); border-top: thin solid #ddd; background: #333; }
#sp_footer_nav_belt ul li { text-align: center; border-right: thin solid #666; }
#sp_footer_nav_belt ul li:last-of-type { border-right: none; }
#sp_footer_nav_belt ul li a, #sp_footer_nav_belt ul li .btn { display: block; width: 100%; height: 100%; margin: 0; padding: 4px 0 8px; height: 60px; position: relative; color: #fff; }
#sp_footer_nav_belt ul li a .kana, #sp_footer_nav_belt ul li .btn .kana { font-size: 13px; line-height: 1.1; position: absolute; transform: translateX(-50%) translateY(-50%); white-space: nowrap; top: 50%; left: 50%; }
#sp_footer_nav_belt ul li a:hover, #sp_footer_nav_belt ul li .btn:hover { opacity: 0.64; }
#sp_footer_nav_belt ul li.outline { border-color: #fff; }
#sp_footer_nav_belt ul li.request, #sp_footer_nav_belt ul li.reserve, #sp_footer_nav_belt ul li.limited { border-color: #fff; }
#sp_footer_nav_belt ul li.limited a .kana, #sp_footer_nav_belt ul li.limited .btn .kana { font-size: 10px; letter-spacing: 0; line-height: 1.2; }
@media screen and (max-width: 600px) { #sp_footer_nav_belt { display: block; } }

.menu-button { display: none; position: fixed; top: 5px; right: 5px; z-index: 99999; flex-direction: column; justify-content: center; align-items: center; row-gap: 4px; width: 46px; height: 46px; border-radius: 5px; padding-bottom: 10px; }
.menu-button .menu-button-txt { display: block; width: 100%; height: 10px; position: absolute; bottom: 5px; left: 0; }
.menu-button .menu-button-txt::after { content: "MENU"; display: block; color: #fff; font-size: 8px; text-align: center; line-height: 1; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2; }
.menu-button.menu-button.is-opened .menu-button-txt::after { content: "CLOSE"; }
@media screen and (max-width: 600px) { .menu-button { display: flex; } }

.menu-button__line, .menu-button::before, .menu-button::after { content: ""; width: 22px; height: 2px; background-color: #fff; transition: transform 0.3s, opacity 0.3s; }

.menu-button.is-opened .menu-button__line { opacity: 0; }

.menu-button.is-opened::before { transform: translateY(6px) rotate(45deg); }

.menu-button.is-opened::after { transform: translateY(-6px) rotate(-45deg); }

#topagetop { position: fixed; bottom: 6px; right: 6px; display: inline-block; z-index: 99; width: 3.125rem; height: 3.125rem; }
#topagetop a { display: block; width: 100%; line-height: 1; }
#topagetop img { width: 100%; height: auto; line-height: 0; font-size: 0; }
@media screen and (max-width: 600px) { #topagetop { bottom: 5rem; } }

@media print { header, .breadcrumbs, footer, .menu-button { display: none; }
  .contents { padding-top: 0 !important; }
  .conversion, .subbtn-container { display: none; }
  .section-contents { margin-top: 0; }
  .plan-detail .intro { display: none; } }
/* モーダル背景 */
.modal { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); overflow-y: scroll; display: none; }

/* モーダル内容 */
.modal-content { background: #fff; margin: 50px auto; padding: 20px; width: 96%; max-width: 1100px; border-radius: 10px; text-align: center; }

.modal-head { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; background: #fff; padding-bottom: 30px; display: grid; gap: 40px; grid-template-columns: 50% 1fr; }
.modal-head .txt-box .ttl { text-align: center; font-size: 2.2em; line-height: 1.4; }
.modal-head .txt-box .txt { margin-top: 80px; }
.modal-head .txt-box .txt b { display: block; text-align: center; font-size: 1.3em; }
.modal-head .txt-box .txt .lead { margin-top: 25px; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(0, 0, 0, 0.4); text-align: center; font-size: 1.1rem; }
.modal-head .txt-box .txt .lead .note { margin-top: 20px; text-align: center; }
.modal-head .img-box .img { width: 90%; max-width: 220px; margin: 0 auto; }
@media screen and (max-width: 768px) { .modal-head { gap: 20px; grid-template-columns: 1fr; }
  .modal-head .txt-box .txt { margin-top: 30px; } }

.step { background: #F5F6F6; padding: 40px 0; }
.step .step-head, .step ul { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; }
.step .step-head { padding: 30px 0; font-size: 1.4em; line-height: 1.4; text-align: center; }
.step .step-list { display: grid; gap: 20px; grid-template-columns: 100%; }
.step .step-list .step-item { display: grid; background: #fff; width: 100%; padding: 10px; display: grid; align-items: center; gap: 0; grid-template-columns: 30% 1fr; position: relative; }
.step .step-list .step-item:nth-of-type(3), .step .step-list .step-item:nth-of-type(4) { grid-template-columns: 30% 1fr 300px; }
.step .step-list .step-item .li-ttl { width: 100%; height: 100%; text-align: center; font-size: 1.1em; line-height: 1.4; border-right: solid 1px #4c4948; display: grid; place-content: center; place-items: center; padding: 20px; }
.step .step-list .step-item .li-ttl .en, .step .step-list .step-item .li-ttl .ja { display: block; }
.step .step-list .step-item .li-ttl .en { color: #a28037; line-height: 1; padding-bottom: 10px; }
.step .step-list .step-item .li-txt { font-size: .9em; line-height: 1.6; padding: 20px; }
.step .step-list .step-item .li-txt .note { display: block; text-align: center; }
.step .step-list .step-item .conversion { margin-top: 20px; padding: 0; }
.step .step-list .step-item .conversion .conversion-buttons { width: 100%; }
.step .step-list .step-item .conversion .conversion-buttons li { width: 100%; max-width: 380px; }
.step .step-list .step-item .conversion .conversion-buttons li a { padding: 15px 0; }
.step .step-list .step-item .conversion .conversion-buttons li a .txt { font-size: 1rem; }
.step .close { display: block; width: 30px; height: 30px; position: relative; margin: 20px auto 0 auto; background: #A18037; cursor: pointer; transition: .3s; }
.step .close:hover { filter: brightness(120%); }
.step .close .line { display: block; width: 20px; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%) rotate(45deg); }
.step .close .line::before { content: ""; width: 20px; height: 1px; background: #fff; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); }
@media screen and (max-width: 768px) { .step { padding: 30px 0; }
  .step .step-list .step-item { grid-template-columns: 1fr; gap: 10px 0; }
  .step .step-list .step-item:first-of-type { grid-template-columns: 1fr; }
  .step .step-list .step-item:nth-of-type(3), .step .step-list .step-item:nth-of-type(4) { grid-template-columns: 1fr; }
  .step .step-list .step-item .li-ttl { border-right: none; border-bottom: solid 1px #4c4948; padding: 20px 0; }
  .step .step-list .step-item .li-txt { padding: 20px 0; } }

#closeModal { cursor: pointer; float: right; font-size: 20px; }

.bg-line-container { background-color: #000; background-image: -webkit-linear-gradient(0deg, #38383a 0%, #040000 100%); background-image: -moz-linear-gradient(0deg, #38383a 0%, #040000 100%); background-image: linear-gradient(90deg, #38383a 0%, #040000 100%); background-repeat: no-repeat; background-position: center; background-size: cover; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.bg-line-container.white { background-color: #fff; background-image: none; }

.bg-line-wrap { width: 100%; height: 100vh; display: flex; justify-content: center; overflow: hidden; z-index: 1; pointer-events: none; }
.bg-line-wrap ul { width: 30%; max-width: 400px; display: flex; justify-content: space-between; align-items: flex-start; }
.bg-line-wrap ul li { height: 100%; background-color: rgba(255, 255, 255, 0.04); transform: translateY(100%); transition: 1s ease-in-out 0s transform; }
.bg-line-wrap ul li:nth-child(1) { width: 4.7619047619%; transition-duration: 1.8s; margin-left: 0%; }
.bg-line-wrap ul li:nth-child(2) { width: 1.2531328321%; transition-duration: 1.7s; margin-left: 8.6466165414%; }
.bg-line-wrap ul li:nth-child(3) { width: 4.7619047619%; transition-duration: 1.6s; margin-left: 8.6466165414%; }
.bg-line-wrap ul li:nth-child(4) { width: 1.2531328321%; transition-duration: 1.5s; margin-left: 9.8997493734%; }
.bg-line-wrap ul li:nth-child(5) { width: 4.7619047619%; transition-duration: 1.4s; margin-left: 8.1453634085%; }
.bg-line-wrap ul li:nth-child(6) { width: 1.2531328321%; transition-duration: 1.5s; margin-left: 6.7669172932%; }
.bg-line-wrap ul li:nth-child(7) { width: 4.7619047619%; transition-duration: 1.6s; margin-left: 10.1503759398%; }
.bg-line-wrap ul li:nth-child(8) { width: 1.2531328321%; transition-duration: 1.7s; margin-left: 9.2731829574%; }
.bg-line-wrap ul li:nth-child(9) { width: 4.7619047619%; transition-duration: 1.8s; margin-left: 9.649122807%; }
.bg-line-wrap.aos-animate ul li { transform: translateY(0%); transition-duration: 1s; }
.bg-line-wrap.aos-animate ul li:nth-child(1) { transition-delay: 0.8s; }
.bg-line-wrap.aos-animate ul li:nth-child(2) { transition-delay: 0.6s; }
.bg-line-wrap.aos-animate ul li:nth-child(3) { transition-delay: 0.4s; }
.bg-line-wrap.aos-animate ul li:nth-child(4) { transition-delay: 0.2s; }
.bg-line-wrap.aos-animate ul li:nth-child(5) { transition-delay: 0s; }
.bg-line-wrap.aos-animate ul li:nth-child(6) { transition-delay: 0.2s; }
.bg-line-wrap.aos-animate ul li:nth-child(7) { transition-delay: 0.4s; }
.bg-line-wrap.aos-animate ul li:nth-child(8) { transition-delay: 0.6s; }
.bg-line-wrap.aos-animate ul li:nth-child(9) { transition-delay: 0.8s; }

.white .bg-line-wrap ul { width: 30%; max-width: 400px; display: flex; justify-content: space-between; align-items: flex-start; }
.white .bg-line-wrap ul li { background-color: rgba(0, 0, 0, 0.025); }