@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&family=Shippori+Mincho:wght@400;500;700&display=swap";
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
html{scroll-behavior:smooth}
*{margin:0;padding:0;box-sizing:border-box}
.zoom_up{animation:zoomPulse 5s ease-in-out infinite}
@keyframes zoomPulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.slide-in-left{animation:slideInLeft .8s ease-out both,float 3s ease-in-out infinite;width:100%}
@keyframes slideInLeft {
0%{transform:translateX(-100%);opacity:0}
60%{transform:translateX(20px);opacity:1}
100%{transform:translateX(0)}
}
@keyframes float {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-5px)}
}
@keyframes arrowFloatY {
0%,100%{transform:translateY(0)}
50%{transform:translateY(8px)}
}
@keyframes pulseZoom {
0%,100%{transform:scale(1)}
50%{transform:scale(1.08)}
}
@keyframes ctaShineSweep {
0%{background-position:220% 0,0 0}
100%{background-position:-220% 0,0 0}
}
@keyframes ctaPulseLuxury {
0%,100%{transform:scale(1)}
50%{transform:scale(1.025)}
}
@keyframes heroTitleZoomInUp {
0%{opacity:0;filter:brightness(.92) contrast(.98)}
42%{opacity:.18;filter:brightness(.96) contrast(1)}
78%{opacity:.76;filter:brightness(1.01) contrast(1.01)}
100%{opacity:1;filter:brightness(1) contrast(1)}
}
@keyframes heroTitleLoop {
0%,100%{transform:scale(1)}
50%{transform:scale(1.025)}
}
@keyframes heroSummaryFloat {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-8px)}
}
@keyframes heroCircleRotate {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes heroCircleRotateReverse {
0%{transform:rotate(0deg)}
100%{transform:rotate(-360deg)}
}
@keyframes heroDragonFadeInLeft {
0%{opacity:0;transform:translateX(-48px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes heroDragonFloatY {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-14px)}
}
@keyframes heroTitleGlowPulse {
0%,100%{opacity:1}
50%{opacity:0}
}
@keyframes heroTitleFadeUpIn {
0%{opacity:0;transform:translateY(36px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes heroCopySlowPulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.04)}
}
@keyframes heroThunderFlash {
0%,100%{opacity:0}
18%{opacity:.16}
38%{opacity:.84}
54%{opacity:.2}
72%{opacity:.52}
88%{opacity:0}
}
@keyframes heroLightningStrike {
0%,100%{opacity:0;transform:translate3d(-4px,14px,0) scaleY(.92)}
16%{opacity:0}
24%{opacity:.96;transform:translate3d(0,0,0) scaleY(1)}
34%{opacity:.24}
44%{opacity:.82;transform:translate3d(1px,-2px,0) scaleY(1.02)}
60%{opacity:.12}
74%{opacity:.72;transform:translate3d(-1px,1px,0) scaleY(.98)}
90%{opacity:0}
}
@keyframes heroSparkDriftA {
0%{transform:translate3d(0,18px,0);opacity:.06}
35%{opacity:.34}
100%{transform:translate3d(-12px,-18px,0);opacity:.06}
}
@keyframes heroSparkDriftB {
0%{transform:translate3d(0,24px,0) scale(1);opacity:.04}
45%{opacity:.28}
100%{transform:translate3d(10px,-22px,0) scale(1.08);opacity:.03}
}
@keyframes heroStageJolt {
0%,100%{transform:translate3d(0,0,0)}
15%{transform:translate3d(-2px,1px,0)}
30%{transform:translate3d(2px,-1px,0)}
45%{transform:translate3d(-1px,-1px,0)}
60%{transform:translate3d(2px,1px,0)}
75%{transform:translate3d(-1px,0,0)}
90%{transform:translate3d(1px,-1px,0)}
}
@keyframes messageGoldGlow {
0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.72}
50%{transform:translate3d(0,8px,0) scale(1.04);opacity:1}
}
@keyframes ctaImageFloatPulse {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-6px) scale(1.02)}
}
@keyframes ctaImageGlow {
0%,100%{filter:drop-shadow(0 8px 14px rgba(0,0,0,.18)) drop-shadow(0 0 0 rgba(255,210,104,0))}
50%{filter:drop-shadow(0 12px 18px rgba(0,0,0,.24)) drop-shadow(0 0 16px rgba(255,210,104,.22))}
}
@keyframes arrowSoftBlink {
0%,100%{opacity:.3}
50%{opacity:1}
}
.show{opacity:1!important;transform:translateY(0)!important}
.index .hero_form_panel,
.index .message_section .txt,
.index .expert_section .expert_video_frame,
.index .expert_section .expert_brief_panel,
.index .expert_section .expert_cta{
opacity:0;
transform:translateY(26px);
transition:opacity .85s ease,transform .85s ease;
will-change:opacity,transform;
}
#container{padding-top:20px;padding-bottom:20px;font-family:'Shippori Mincho',serif;max-width:750px;margin:0 auto;background-color:#fff;background-image:url(../img/form_bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
footer{background:#000;color:#fff;padding:1em 0;text-align:center;font-size:.9em}
footer ul{display:flex;justify-content:center;gap:1em;list-style:none;padding:0;margin:0 0 .5em}
footer a{color:#fff;text-decoration:underline}
.index-footer{
background:
linear-gradient(180deg,rgba(255,210,104,.16) 0,rgba(255,210,104,0) 18px),
linear-gradient(180deg,#0f0602 0%,#1a0c04 48%,#090301 100%);
padding:20px 18px 18px;
border-top:1px solid rgba(206,164,84,.34);
position:relative;
overflow:hidden;
}
.index-footer::before{
content:none;
}
.index-footer::after{
content:none;
}
.index-footer .index-footer_inner{
max-width:720px;
margin:0 auto;
padding:18px 18px 14px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
grid-template-areas:
"brand nav"
"copy copy";
align-items:center;
column-gap:18px;
row-gap:12px;
background:linear-gradient(90deg,rgba(255,244,205,.06),rgba(255,244,205,.02));
border:1px solid rgba(206,164,84,.14);
box-shadow:inset 0 1px 0 rgba(255,236,188,.05);
position:relative;
border-radius:4px;
}
.index-footer .index-footer_inner::before{
content:none;
}
.index-footer .index-footer_brand{
grid-area:brand;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:5px;
margin:0;
padding:0;
background:none;
border:0;
box-shadow:none;
}
.index-footer .index-footer_kicker{
font-family:"Cinzel","Noto Serif JP",serif;
font-size:.9rem;
letter-spacing:.22em;
color:#b88f47;
text-transform:uppercase;
line-height:1.4;
}
.index-footer .index-footer_brand strong{
display:block;
font-size:2.2rem;
font-weight:500;
letter-spacing:.08em;
color:#fff0c7;
text-shadow:0 1px 0 rgba(41,22,4,.9),0 0 18px rgba(255,205,98,.08);
}
.index-footer .index-footer_nav{
grid-area:nav;
display:flex;
justify-content:flex-end;
gap:8px;
margin:0;
max-width:none;
flex-wrap:wrap;
}
.index-footer .index-footer_nav a{
display:block;
min-width:0;
padding:0;
border:0;
background:none;
text-decoration:none;
color:#dcc59b;
font-size:1.2rem;
letter-spacing:.14em;
box-shadow:none;
position:relative;
transition:color .2s ease,opacity .2s ease;
border-radius:4px;
}
.index-footer .index-footer_nav a:hover{
color:#fff0c7;
opacity:.88;
}
.index-footer small{
grid-area:copy;
display:block;
padding-top:10px;
border-top:1px solid rgba(206,164,84,.12);
font-size:1.05rem;
letter-spacing:.12em;
color:rgba(241,223,188,.56);
text-align:left;
}
@media only screen and (max-width: 480px) {
.index-footer{padding:16px 10px 14px}
.index-footer::before{width:86%;top:16px}
.index-footer::after{top:23px}
.index-footer .index-footer_inner{
padding:14px 12px 12px;
grid-template-columns:1fr;
grid-template-areas:
"brand"
"nav"
"copy";
row-gap:10px;
}
.index-footer .index-footer_brand{
align-items:center;
text-align:center;
}
.index-footer .index-footer_kicker{font-size:.82rem;letter-spacing:.16em;line-height:1.5}
.index-footer .index-footer_brand strong{font-size:1.9rem;line-height:1.45;text-align:center}
.index-footer .index-footer_nav{justify-content:center}
.index-footer .index-footer_nav a{font-size:1.24rem}
.index-footer small{padding-top:8px;font-size:1.08rem;text-align:center}
}
ul{padding-left:1em}
ul li::before{font-size:.6em;color:#888;margin-right:.5em}
html{-webkit-text-size-adjust:100%}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
ul,ol{list-style:none}
button,input,select,textarea{margin:0}
html,*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,::before,::after{background-repeat:no-repeat;box-sizing:inherit}
img,embed,iframe,object,audio,video{height:auto;max-width:100%}
img{-webkit-backface-visibility:hidden;backface-visibility:hidden;vertical-align:bottom}
iframe{border:0}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0;text-align:left}
article,aside,figcaption,figure,footer,header,main,nav,section{display:block}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
b,strong{font-weight:700}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
@-webkit-keyframes bounce {
0%,20%{transform:scale(1)}
40%,55%{transform:scale(1.15)}
65%{transform:scale(0.8)}
75%{transform:scale(1.05)}
85%{transform:scale(0.9)}
100%{transform:scale(1)}
}
.form_section [type=radio]{cursor:pointer}
.form_section [type=radio] + label{display:inline-block;cursor:pointer}
.form_section [type=text],.form_section select{padding:1em;border:1px solid #ddd;border-radius:3px;width:100%;font-size:16px}
.form_section [type=image]{width:100%;margin:0 auto;display:block}
.form_section .radio input{display:none}
.form_section .radio{display:flex;flex-wrap:wrap;justify-content:flex-start}
.form_section .radio li{margin-left:30px}
.form_section .radio li:first-child{margin:0}
.form_section .radio .parts{position:relative;display:block;padding-left:24px;font-size:20px}
.form_section .radio .parts::before{content:"";display:block;position:absolute;top:50%;left:0;border:1px solid #ccc;background:#fff;transform:translateY(-50%);width:15px;height:15px;border-radius:4px}
.form_section .checkbox input,.form_section .radio input{display:none}
.form_section .checkbox,.form_section .radio{-webkit-display:flex;-moz-display:flex;-ms-display:flex;-o-display:flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}
.form_section .checkbox li,.form_section .radio li{margin-left:30px}
.form_section .checkbox li:first-child,.form_section .radio li:first-child{margin:0}
.form_section .checkbox .parts,.form_section .radio .parts{position:relative;display:block;padding-left:24px;font-size:20px;font-size:2rem}
.form_section .checkbox .parts::before,.form_section .radio .parts::before{content:"";display:block;position:absolute;top:50%;left:0;border:1px solid #ccc;background:#fff;position:absolute;top:50%;transform:translateY(-50%)}
.form_section .checkbox .parts::before{width:15px;height:15px;border-radius:4px}
.form_section .radio .parts::before{width:16px;height:16px;border-radius:50%}
.form_section .radio input:checked+.parts{border-color:#b6971a}
.form_section .radio input:checked+.parts::after{content:"";display:block;position:absolute;position:absolute;top:50%;transform:translateY(-50%);left:3px;width:10px;height:10px;background:#835402;border-radius:50%}
.form_section .checkbox input:checked+.parts{color:#b6971a;border-color:#b6971a;background:#f6fafe}
.form_section .checkbox input:checked+.parts::after{content:"";display:block;position:absolute;top:50%;left:25px;width:7px;height:14px;margin-top:-11px;transform:rotate(40deg);border-bottom:3px solid #b6971a;border-right:3px solid #b6971a}
.form_section .selector{position:relative}
.form_section .selector::after{content:"";width:0;height:0;position:absolute;right:15px;top:50%;margin-top:-7px;border-style:solid;border-width:8px 0 8px 10px;border-color:transparent transparent transparent #835402;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.form_section .selector select{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:1em;background:#fff;border:1px solid #835402;border-radius:5px;display:block;z-index:1;cursor:pointer}
.form_section .ermsg{font-size:11px;color:#B50000}
.form_section .radio .ermsg,.form_section .checkbox .ermsg{display:none}
.form_section .radio li:first-child .ermsg,.form_section .checkbox li:first-child .ermsg{display:block}
.form_section ::-webkit-input-placeholder{color:#b9b9b9}
.form_section ::-moz-placeholder{color:#b9b9b9}
.form_section :-moz-placeholder{color:#b9b9b9}
.form_section :-ms-input-placeholder{color:#b9b9b9}
html{font-size:62.5%}
@media only screen and (max-width: 750px) {
html{font-size:50%}
}
body{background:#fff;font-size:1.6em;color:#121212;font-family:"Noto Serif JP",serif;-webkit-font-smoothing:antialiased;line-height:1.5;max-width:750px;margin:0 auto;overflow-x:hidden}
.mincho{font-family:"Shippori Mincho",serif}
a{color:#121212}
@media only screen and (min-width: 751px) {
a:hover{color:#121212;text-decoration:none}
a,a img{-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}
a img:hover{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75}
}
@keyframes opa1 {
0%,100%{opacity:1}
50%{opacity:0}
}
.index{overflow:hidden}
.index .floating-header-cta{
position:relative;
top:auto;
left:auto;
transform:none;
width:100%;
max-width:750px;
z-index:10;
padding:0;
pointer-events:auto;
background:linear-gradient(180deg,#080808 0%,#15110b 100%);
background:
linear-gradient(90deg,rgba(172,124,18,0) 0%,rgba(172,124,18,.24) 18%,rgba(172,124,18,.34) 50%,rgba(172,124,18,.24) 82%,rgba(172,124,18,0) 100%),
linear-gradient(180deg,#fbf8ee 0%,#eee3c7 58%,#d7c28b 100%);
border-bottom:1px solid rgba(139,94,12,.54);
box-shadow:0 8px 18px rgba(91,59,5,.14),inset 0 -1px 0 rgba(255,255,255,.66);
}
.index .floating-header-cta_inner{
display:flex;
align-items:center;
justify-content:center;
gap:0;
padding:12px 14px 13px;
background:
linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.64) 50%,rgba(255,255,255,0) 100%),
repeating-linear-gradient(-45deg,rgba(139,94,12,.08) 0 1px,rgba(255,255,255,0) 1px 5px);
}
.index .floating-header-cta_button{
min-width:420px;
width:auto;
padding:13px 34px 14px;
line-height:1.35;
animation:none;
display:inline-flex;
align-items:center;
justify-content:center;
white-space:nowrap;
margin:0 auto;
text-align:center;
}
.index .hero{padding-top:0}
.index .hero{
background:#1e1d1c;
--kv-copy-01-width:88.27%;
--kv-copy-01-top:4.16%;
--kv-copy-01-right:auto;
--kv-copy-01-bottom:auto;
--kv-copy-01-left:5.86%;
--kv-title-width:53.87%;
--kv-title-top:15.8%;
--kv-title-right:auto;
--kv-title-bottom:auto;
--kv-title-left:3.73%;
--kv-profile-width:49.47%;
--kv-profile-top:10.32%;
--kv-profile-right:0;
--kv-profile-bottom:auto;
--kv-profile-left:auto;
--kv-feature-width:54.54%;
--kv-feature-top:70.72%;
--kv-feature-right:auto;
--kv-feature-bottom:auto;
--kv-feature-left:3.2%;
}
.index .testimonials{
padding:0 0 34px;
text-align:center;
background:
radial-gradient(circle at 50% 0%,rgba(255,222,151,.36) 0 14%,rgba(255,222,151,0) 38%),
radial-gradient(circle at 14% 18%,rgba(154,92,28,.08) 0 10%,rgba(154,92,28,0) 30%),
radial-gradient(circle at 86% 26%,rgba(255,200,108,.14) 0 12%,rgba(255,200,108,0) 34%),
repeating-linear-gradient(90deg,rgba(132,94,40,.05) 0 1px,rgba(255,255,255,0) 1px 28px),
linear-gradient(180deg,#fff9ef 0%,#f8edd8 46%,#f1dfbf 100%);
position:relative;
overflow:hidden;
isolation:isolate;
}
.index .testimonials::before,
.index .testimonials::after{
content:"";
position:absolute;
z-index:0;
pointer-events:none;
background:
radial-gradient(circle,rgba(255,233,176,.34) 0 12%,rgba(255,233,176,.12) 12% 28%,rgba(255,233,176,0) 28% 100%);
opacity:.18;
filter:sepia(.28) saturate(1.1);
}
.index .testimonials::before{
width:54%;
aspect-ratio:1/1;
right:-23%;
top:-9%;
background:
radial-gradient(circle,rgba(255,241,206,.56) 0 10%,rgba(231,187,102,.22) 10% 28%,rgba(231,187,102,0) 28% 100%);
}
.index .testimonials::after{
width:46%;
aspect-ratio:1/1;
left:-22%;
bottom:-16%;
transform:rotate(180deg);
opacity:.12;
background:
radial-gradient(circle,rgba(255,236,196,.48) 0 10%,rgba(214,165,83,.2) 10% 26%,rgba(214,165,83,0) 26% 100%);
}
.index .testimonials>*{
position:relative;
z-index:1;
}
.index .expert_section>h2{
margin:0 auto;
padding:0;
text-align:center;
line-height:0;
}
.index .message_section>h2{
margin:0 auto;
padding:0;
text-align:center;
line-height:0;
}
.index .expert_section>h2 img{
display:block;
width:100%;
max-width:none;
margin:0 auto;
}
.index .message_section>h2 img{
display:block;
width:100%;
max-width:none;
margin:0 auto;
}
.index .testimonials>.testimonials_title_bar{
display:block;
width:auto;
max-width:100%;
margin:0 auto;
}
.index .expert_section>h2{
display:none;
}
@media only screen and (min-width: 751px) {
.index .testimonials{
display:grid;
grid-template-columns:1fr;
column-gap:0;
row-gap:16px;
padding-left:28px;
padding-right:28px;
}
.index .testimonials>.testimonials_title_bar,
.index .testimonials_note{
grid-column:1/-1;
}
.index .testimonials>.testimonials_title_bar{
width:calc(100% + 56px);
max-width:none;
margin-left:-28px;
margin-right:-28px;
}
}
.index .voice-box{
position:relative;
max-width:640px;
margin:28px auto;
padding:12px;
background:linear-gradient(180deg,rgba(42,16,4,.97),rgba(15,6,1,.99));
border:1px solid rgba(206,164,84,.56);
border-radius:4px;
color:#f2e7d4;
line-height:1.75;
opacity:0;
transform:translateY(30px);
transition:all .8s ease-out;
box-sizing:border-box;
box-shadow:0 16px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,236,188,.12),inset 0 0 0 1px rgba(93,55,13,.38);
}
.index .voice-box::before{
content:none;
}
.index .voice-box::after{
content:none;
}
.index .voice-media{
position:relative;
overflow:hidden;
aspect-ratio:16/8.6;
border:1px solid rgba(208,166,86,.6);
background:#120702;
box-shadow:inset 0 1px 0 rgba(255,240,204,.16);
}
.index .voice-copy{
margin-top:0;
padding:16px 14px 12px;
background:linear-gradient(180deg,rgba(46,20,6,.88),rgba(20,8,2,.92));
border:1px solid rgba(208,166,86,.26);
border-top:0;
box-shadow:inset 0 1px 0 rgba(255,236,188,.06);
border-radius:0 0 4px 4px;
}
.index .voice-header{
position:relative;
display:block;
margin-bottom:10px;
padding-bottom:10px;
padding-right:0;
border-bottom:1px solid rgba(206,164,84,.22);
text-align:left;
}
.index .voice-image{
display:block;
width:100%;
height:100%;
overflow:hidden;
clip-path:none;
opacity:1;
pointer-events:none;
object-fit:cover;
border-radius:0;
border:0;
box-shadow:none;
}
.index .voice-label{
display:block;
font-size:2.1rem;
font-weight:700;
line-height:1.45;
text-align:left;
color:#ffe4a6;
letter-spacing:.06em;
text-shadow:0 1px 0 rgba(41,23,4,.92);
}
.index .voice-attribute{
display:block;
margin-top:5px;
font-size:1.28rem;
font-weight:700;
line-height:1.4;
letter-spacing:.14em;
color:#d3ae63;
}
.index .voice-box p{
position:relative;
z-index:1;
font-size:1.62rem;
line-height:1.9;
text-align:left;
color:#f0e2cb;
margin:0;
}
@media only screen and (min-width: 751px) {
.index .voice-box{
width:100%;
max-width:none;
margin:0;
min-height:0;
padding:12px;
border-radius:4px;
}
.index .voice-media{aspect-ratio:16/7.7}
.index .voice-copy{padding:14px 16px 13px}
.index .voice-header{margin-bottom:10px;padding-bottom:10px}
.index .voice-label{font-size:1.95rem;line-height:1.42;letter-spacing:.04em}
.index .voice-attribute{margin-top:4px;font-size:1.08rem;letter-spacing:.12em}
.index .voice-box p{font-size:1.5rem!important;line-height:1.84}
}
.index .testimonials_note{
width:80%;
margin:0 auto;
color:#6f4a10;
font-size:1.6rem;
line-height:1.8;
text-shadow:0 1px 0 rgba(255,255,255,.86);
}
.index .testimonials_cta{
margin-top:24px;
text-align:center;
}
.index .testimonials_cta .message_cta_button{
display:block;
width:92%;
max-width:520px;
margin:0 auto;
text-decoration:none;
}
.index .hero .hero_bg{background:url(../img/hero_bg.jpg) center top / 100% auto no-repeat;padding:0;position:relative}
.index .hero .hero_inner{padding:0;display:flex;flex-direction:column;gap:0}
.index .hero .hero_stage{position:relative;padding-top:calc(600 / 750 * 100%);overflow:hidden}
.index .hero .hero_copy_01,.index .hero .hero_title_area,.index .hero .hero_visual,.index .hero .hero_feature,.index .hero .hero_circle{position:absolute}
.index .hero .hero_circle{display:none;width:58.67%;max-width:440px;left:-18.67%;bottom:-25%;z-index:2;pointer-events:none;opacity:.9}
.index .hero .hero_circle img{display:block;width:100%;max-width:none;height:auto;animation:heroCircleRotateReverse 54s linear infinite;transform-origin:center center}
.index .hero .hero_copy_01{width:var(--kv-copy-01-width);top:var(--kv-copy-01-top);right:var(--kv-copy-01-right);bottom:var(--kv-copy-01-bottom);left:var(--kv-copy-01-left);margin:auto}
.index .hero .hero_title_area{width:var(--kv-title-width);top:var(--kv-title-top);right:var(--kv-title-right);bottom:var(--kv-title-bottom);left:var(--kv-title-left);margin:auto}
.index .hero .hero_title_main_wrap{z-index:4;animation:heroTitleLoop 5.5s ease-in-out 2.8s infinite}
.index .hero .hero_title_glow_wrap{display:none}
.index .hero .hero_title_main{
display:block;
width:100%;
position:relative;
z-index:1;
}
.index .hero .hero_title_motion{
transform-origin:center bottom;
animation:heroTitleZoomInUp 2.8s ease-out both;
}
.index .hero .hero_title_glow{display:block;width:100%;max-width:none}
.index .hero .hero_visual{width:var(--kv-profile-width);top:var(--kv-profile-top);right:var(--kv-profile-right);bottom:var(--kv-profile-bottom);left:var(--kv-profile-left);z-index:3}
.index .hero .hero_expert_img{width:100%;display:block}
.index .hero .hero_feature{width:var(--kv-feature-width);top:var(--kv-feature-top);right:var(--kv-feature-right);bottom:var(--kv-feature-bottom);left:var(--kv-feature-left);z-index:5}
.index .hero .hero_summary_img{display:block;width:100%;max-width:none;animation:heroSummaryFloat 4.5s ease-in-out infinite}
.index .hero .hero_form{position:relative;z-index:3;padding-left:12px;padding-right:12px;padding-bottom:42px;background-image:url(../img/form_bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.index .hero .hero_form .hero_form_panel,.index .message_section .hero_form_panel{margin-top:0;background:
linear-gradient(180deg,rgba(255,252,244,.72) 0%,rgba(252,245,226,.58) 52%,rgba(246,233,194,.46) 100%);
background-repeat:no-repeat;background-position:center;background-size:cover;background-color:rgba(255,255,255,.42);border:1px solid rgba(131,84,2,.72);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;padding-top:5.34%;padding-bottom:5.34%;padding-right:5.34%;padding-left:5.34%;-webkit-box-shadow:5px 0 8px rgba(138,138,138,0.22),inset 0 1px 0 rgba(255,255,255,.75);-moz-box-shadow:5px 0 8px rgba(138,138,138,0.22),inset 0 1px 0 rgba(255,255,255,.75);box-shadow:5px 0 8px rgba(138,138,138,0.22),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(1px)}
@media print,screen and (min-width: 568px) and (max-width: 750px) {
.index .hero .hero_form .hero_form_panel,.index .message_section .hero_form_panel{padding-top:20px}
}
@media print,screen and (min-width: 568px) and (max-width: 750px) {
.index .hero .hero_form .hero_form_panel,.index .message_section .hero_form_panel{padding-right:20px}
}
@media print,screen and (min-width: 568px) and (max-width: 750px) {
.index .hero .hero_form .hero_form_panel,.index .message_section .hero_form_panel{padding-left:20px}
}
.index .hero .hero_form .hero_form_panel .heading,.index .message_section .hero_form_panel .heading{margin-top:20px;font-size:32px;font-size:3.2rem;font-weight:500;text-align:center;color:#835402}
.index .hero .hero_form .form_arrow{text-align:center;margin-top:4px;margin-bottom:12px;animation:arrowFloatY 1.8s ease-in-out infinite}
.index .hero .hero_form .form_arrow img{width:70%;max-width:350px;height:auto}
.index .hero .hero_form .form_section,.index .message_section .form_section{margin-top:0}
.index .hero .hero_form > .form_section{
margin-top:0;
background:
radial-gradient(circle at 50% 26%,rgba(255,247,222,.96) 0 18%,rgba(255,240,193,.74) 18% 34%,rgba(255,230,170,.22) 34% 48%,rgba(255,230,170,0) 62%),
radial-gradient(circle at 50% 58%,rgba(255,255,255,.34) 0 12%,rgba(255,255,255,0) 34%),
linear-gradient(180deg,rgba(255,251,242,.92) 0%,rgba(239,228,203,.9) 42%,rgba(212,194,164,.94) 100%);
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%,100% 100%,cover;
background-color:#e8d8b6;
border:1px solid rgba(154,122,58,.78);
border-radius:3px;
padding:16px 14px 18px;
-webkit-box-shadow:0 14px 28px rgba(73,48,12,.18),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -18px 28px rgba(120,84,24,.08);
-moz-box-shadow:0 14px 28px rgba(73,48,12,.18),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -18px 28px rgba(120,84,24,.08);
box-shadow:0 14px 28px rgba(73,48,12,.18),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -18px 28px rgba(120,84,24,.08);
backdrop-filter:blur(.4px);
}
.index .hero .hero_form .form_bar_image{
margin:0 auto 10px;
text-align:center;
}
.index .hero .hero_form .form_bar_image img{
display:block;
width:100%;
max-width:689px;
margin:0 auto;
height:auto;
}
.index .hero .hero_form .hero_form_title{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto;
padding:14px 18px 12px;
text-align:center;
color:#835402;
font-family:"Shippori Mincho","Noto Serif JP",serif;
font-weight:500;
letter-spacing:.12em;
line-height:1.55;
text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 8px rgba(131,84,2,.12);
}
.index .hero .hero_form .hero_form_title::before,
.index .hero .hero_form .hero_form_title::after{
content:"";
position:absolute;
top:22px;
width:26%;
height:1px;
background:linear-gradient(90deg,rgba(139,106,40,0),rgba(139,106,40,.7),rgba(139,106,40,0));
}
.index .hero .hero_form .hero_form_title::before{left:3%}
.index .hero .hero_form .hero_form_title::after{right:3%}
.index .hero .hero_form .hero_form_title_main{
position:relative;
display:inline-block;
font-size:30px;
font-size:3rem;
}
.index .hero .hero_form .hero_form_title_main::before{
content:none;
}
.index .hero .hero_form .form_section,.index .hero .hero_form .form_section .wrap,.index .hero .hero_form .form_section .wrap dl,.index .hero .hero_form .form_section .wrap dt,.index .hero .hero_form .form_section .wrap dd,.index .hero .hero_form .form_section .wrap .remarks{text-align:center}
.index .hero .hero_form .form_section .wrap dl,.index .message_section .form_section .wrap dl{margin-top:4%}
.index .hero .hero_form .form_section .wrap dl:first-child,.index .message_section .form_section .wrap dl:first-child{margin-top:0}
.index .hero .hero_form .form_section .wrap dl dt,.index .message_section .form_section .wrap dl dt{font-size:30px;font-size:3rem;font-weight:500}
.index .hero .hero_form .form_section .wrap dl dd,.index .message_section .form_section .wrap dl dd{margin-top:10px}
.index .hero .hero_form .form_section .wrap .remarks,.index .message_section .form_section .wrap .remarks{margin-top:5px;font-size:13px;font-size:1.3rem}
.index .hero .hero_form .form_section .wrap .required,.index .message_section .form_section .wrap .required{display:none;font-size:24px;font-size:2.4rem;padding:0 5px;margin-right:5px;background:#dc2d2b;color:#fff;font-weight:400}
.index .hero .hero_form .form_section .wrap dl:last-child dd{padding:10px;background:linear-gradient(180deg,rgba(255,248,221,.98) 0%,rgba(246,232,187,.98) 100%);border:1px solid #d6b15a;border-radius:10px;box-shadow:0 8px 18px rgba(131,84,2,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.index .hero .hero_form .form_section .wrap dl:last-child [type=text]{border:0;border-radius:8px;background:rgba(255,255,255,.68);box-shadow:inset 0 0 0 1px rgba(155,103,0,.18);font-weight:700;color:#6b4304;text-align:center}
.index .hero .hero_form .form_section .wrap dl:last-child [type=text]::placeholder{color:#9b6700;opacity:.9}
.index .hero .hero_form .form_section .wrap dl:last-child .remarks{margin-top:8px;color:#7b5a17;line-height:1.7}
.index .hero .hero_form .form_section .radio{justify-content:center;gap:14px;width:100%;max-width:420px;margin:0 auto}
.index .hero .hero_form .form_section .radio li{margin-left:0;flex:1 1 0;max-width:200px}
.index .hero .hero_form .form_section .radio label{display:block}
.index .hero .hero_form .form_section .radio .parts{display:flex;align-items:center;justify-content:center;min-height:56px;padding:14px 18px 14px 48px;border:1px solid #d1b46b;border-radius:12px;background:linear-gradient(180deg,#fffdf6 0%,#f5ecd2 100%);box-shadow:0 6px 14px rgba(131,84,2,.12);font-size:22px;font-size:2.2rem;font-weight:700;color:#6b4304;transition:all .2s ease}
.index .hero .hero_form .form_section .radio .parts::before{left:18px;width:18px;height:18px;border:2px solid #b78a18;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.65) inset}
.index .hero .hero_form .form_section .radio input:checked+.parts{background:linear-gradient(180deg,#fff1b8 0%,#f1c84b 100%);border-color:#9b6700;color:#5b2500;box-shadow:0 8px 18px rgba(155,103,0,.22)}
.index .hero .hero_form .form_section .radio input:checked+.parts::after{left:23px;width:10px;height:10px;background:#8a1d00}
.index .hero .hero_form .form_section .birthday .items,.index .hero .hero_form .form_section .birthtime .items,.index .message_section .form_section .birthday .items,.index .message_section .form_section .birthtime .items{-webkit-display:flex;-moz-display:flex;-ms-display:flex;-o-display:flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}
.index .hero .hero_form .form_section .birthday select,.index .hero .hero_form .form_section .birthtime select,.index .message_section .form_section .birthday select,.index .message_section .form_section .birthtime select{padding:.8em}
.index .hero .hero_form .form_section .birthday .items .item,.index .message_section .form_section .birthday .items .item{width:28%}
.index .hero .hero_form .form_section .birthday .items .item:first-child,.index .message_section .form_section .birthday .items .item:first-child{width:39%}
.index .hero .hero_form .form_section .birthday{padding:10px;background:linear-gradient(180deg,rgba(255,248,221,.98) 0%,rgba(246,232,187,.98) 100%);border:1px solid #d6b15a;border-radius:10px;box-shadow:0 8px 18px rgba(131,84,2,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.index .hero .hero_form .form_section .birthday .items{gap:10px;justify-content:center}
.index .hero .hero_form .form_section .birthday .items .item{position:relative;width:calc(30% - 7px);padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.index .hero .hero_form .form_section .birthday .items .item:first-child{width:calc(40% - 7px)}
.index .hero .hero_form .form_section .birthday .items .item::before{display:none}
.index .hero .hero_form .form_section .birthday .selector::after{right:12px;border-width:7px 0 7px 9px;border-color:transparent transparent transparent #9b6700}
.index .hero .hero_form .form_section .birthday .selector select{padding:.7em 2em .7em .7em;border:0;border-radius:7px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(155,103,0,.18);font-weight:700;color:#6b4304;text-align:center;text-align-last:center}
.index .hero .hero_form .form_section .birthtime .items .item,.index .message_section .form_section .birthtime .items .item{position:relative;width:50%;padding-right:4em}
.index .hero .hero_form .form_section .birthtime .items .item:nth-child(1)::after,.index .message_section .form_section .birthtime .items .item:nth-child(1)::after{content:"時";position:absolute;top:50%;transform:translateY(-50%);right:1.5em;font-size:22px;font-size:2.2rem;color:#fff}
.index .hero .hero_form .form_section .birthtime .items .item:nth-child(2)::after,.index .message_section .form_section .birthtime .items .item:nth-child(2)::after{content:"分";position:absolute;top:50%;transform:translateY(-50%);right:1.5em;font-size:22px;font-size:2.2rem;color:#fff}
.index .hero .hero_form .form_actions{margin-top:8%;text-align:center}
.index .hero .hero_form .form_note{margin-bottom:14px;font-size:22px;font-size:2.2rem;line-height:1.6;color:#835402}
.index .hero .hero_form .form_submit{margin-top:0}
.index .hero .hero_form .form_submit_button,
.index .floating-header-cta_button,
.index .expert_section .expert_form_button,
.index .message_section .message_cta_button,
.index .closing_hero .closing_hero_block .closing_hero_button{display:block;width:100%;border:1px solid #c8a76a;border-radius:12px;padding:18px 58px 18px 58px;background:
linear-gradient(120deg,rgba(255,255,255,0) 18%,rgba(255,255,255,.08) 34%,rgba(255,248,219,.5) 49%,rgba(255,255,255,.08) 64%,rgba(255,255,255,0) 82%),
linear-gradient(180deg,#c7a66a 0%,#ad8a4a 16%,#8f672d 52%,#7a531f 100%);
background-size:240% 100%,100% 100%;
background-position:-240% 0,0 0;
background-repeat:no-repeat;
color:#fffaf0;font-family:"Shippori Mincho",serif;font-size:28px;font-size:2.8rem;font-weight:700;letter-spacing:.06em;white-space:nowrap;box-shadow:0 10px 22px rgba(93,64,24,.22),inset 0 1px 0 rgba(255,244,210,.46),inset 0 -2px 0 rgba(72,45,12,.32);text-shadow:0 1px 0 rgba(55,34,7,.72),0 0 12px rgba(255,244,210,.18);text-decoration:none;animation:ctaShineSweep 3s linear infinite,ctaPulseLuxury 2.4s ease-in-out infinite;position:relative;overflow:hidden;isolation:isolate}
.index .hero .hero_form .form_submit_button::before,
.index .floating-header-cta_button::before,
.index .expert_section .expert_form_button::before,
.index .message_section .message_cta_button::before,
.index .closing_hero .closing_hero_block .closing_hero_button::before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,239,197,.54);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(91,59,15,.18);pointer-events:none}
.index .hero .hero_form .form_submit_button::after,
.index .floating-header-cta_button::after,
.index .expert_section .expert_form_button::after,
.index .message_section .message_cta_button::after,
.index .closing_hero .closing_hero_block .closing_hero_button::after{content:"→";display:block;position:absolute;right:26px;top:50%;transform:translateY(-50%);font-family:"Noto Serif JP",serif;font-size:.9em;font-weight:400;letter-spacing:0;color:#fff4d1;text-shadow:0 1px 0 rgba(55,34,7,.7);pointer-events:none}
.index .hero .hero_form .form_submit_button:hover,
.index .floating-header-cta_button:hover,
.index .expert_section .expert_form_button:hover,
.index .message_section .message_cta_button:hover,
.index .closing_hero .closing_hero_block .closing_hero_button:hover{opacity:.95}
.index .floating-header-cta_button{
width:auto;
max-width:452px;
animation:ctaShineSweep 3s linear infinite,ctaPulseLuxury 2.4s ease-in-out infinite;
}
@media only screen and (max-width: 480px) {
.index .floating-header-cta{padding:0}
.index .floating-header-cta_inner{padding:8px 10px}
.index .floating-header-cta_button{
min-width:0;
width:100%;
padding:4px 18px;
line-height:1.25;
display:flex;
align-items:center;
justify-content:center;
white-space:nowrap;
}
.index .hero .hero_inner{gap:0}
.index .hero .hero_form{margin-top:0;padding-left:10px;padding-right:10px;padding-bottom:36px}
.index .hero .hero_form .hero_form_panel{padding-top:16px;padding-right:14px;padding-left:14px;padding-bottom:18px}
.index .hero .hero_form > .form_section{padding:16px 14px 18px}
.index .hero .hero_form .hero_form_panel .heading{margin-top:14px;font-size:24px;font-size:2.4rem}
.index .hero .hero_form .form_arrow{margin-top:2px;margin-bottom:10px}
.index .hero .hero_form .form_arrow img{width:70%;max-width:350px;height:auto}
.index .hero .hero_form .form_section{margin-top:0}
.index .hero .hero_form .hero_form_panel .heading{font-size:26px;font-size:2.6rem}
.index .hero .hero_form .form_section .wrap dl dt{font-size:24px;font-size:2.4rem}
.index .hero .hero_form .form_section .wrap dl dd{font-size:17px;font-size:1.7rem}
.index .hero .hero_form .form_section .wrap .required{font-size:26px;font-size:2.6rem}
.index .hero .hero_form .form_section .wrap .remarks{font-size:14px;font-size:1.4rem;line-height:1.7}
.index .hero .hero_form .form_section [type=text],.index .hero .hero_form .form_section select{font-size:16px;padding:.72em}
.index .hero .hero_form .form_section .wrap dl:last-child dd{padding:8px;border-radius:8px}
.index .hero .hero_form .form_section .wrap dl:last-child [type=text]{border-radius:6px}
.index .hero .hero_form .form_section .radio{gap:14px;width:100%;max-width:420px;margin:0 auto}
.index .hero .hero_form .form_section .radio li{flex:1 1 0;max-width:200px}
.index .hero .hero_form .form_section .radio .parts{min-height:38px;padding:8px 10px 8px 30px;font-size:16px;font-size:1.6rem;border-radius:8px}
.index .hero .hero_form .form_section .radio .parts::before{left:10px;width:14px;height:14px}
.index .hero .hero_form .form_section .radio input:checked+.parts::after{left:14px;width:8px;height:8px}
.index .hero .hero_form .form_section .birthday{padding:8px;border-radius:8px}
.index .hero .hero_form .form_section .birthday .items{gap:8px}
.index .hero .hero_form .form_section .birthday .items .item{padding:0;border-radius:0;width:calc(30% - 6px)}
.index .hero .hero_form .form_section .birthday .items .item:first-child{width:calc(40% - 6px)}
.index .hero .hero_form .form_section .birthday .selector select{padding:.58em 1.7em .58em .55em;font-size:15px;text-align:center;text-align-last:center;border-radius:6px}
.index .hero .hero_form .form_note{font-size:20px;font-size:2rem;line-height:1.7}
.index .hero .hero_form .form_submit_button,
.index .floating-header-cta_button,
.index .expert_section .expert_form_button,
.index .message_section .message_cta_button,
.index .closing_hero .closing_hero_block .closing_hero_button{font-size:20px;font-size:2rem;padding:14px 46px 14px 34px;border-radius:10px}
.index .floating-header-cta_button{padding:12px 46px 12px 34px}
.index .testimonials{padding:0 0 28px}
.index .expert_section>h2{padding:0;line-height:0}
.index .expert_section>h2 img{width:100%;max-width:none;margin:0 auto}
.index .message_section>h2{padding:0;line-height:0}
.index .message_section>h2 img{width:100%;max-width:none;margin:0 auto}
.index .voice-box{margin:26px 14px;padding:12px}
.index .voice-media{aspect-ratio:16/9.1}
.index .voice-copy{padding:14px 13px 12px}
.index .voice-header{margin-bottom:10px;padding-bottom:10px}
.index .voice-label{font-size:1.96rem;line-height:1.54}
.index .voice-attribute{font-size:1.3rem;letter-spacing:.12em}
.index .voice-box p{font-size:1.64rem;line-height:1.9}
.index .testimonials_note{font-size:1.46rem;line-height:1.78}
.index .testimonials_cta{margin-top:20px}
}
.index .message_section{
position:relative;
overflow:hidden;
isolation:isolate;
background:
radial-gradient(circle at 50% 8%,rgba(255,218,132,.22) 0%,rgba(255,218,132,0) 24%),
radial-gradient(circle at 14% 24%,rgba(173,114,42,.14) 0%,rgba(173,114,42,0) 18%),
radial-gradient(circle at 86% 20%,rgba(255,214,124,.1) 0%,rgba(255,214,124,0) 18%),
linear-gradient(180deg,#1f0d03 0%,#3a1806 18%,#1a0802 100%);
background-color:#1b0902;
}
.index .message_section::before,
.index .message_section::after{
content:"";
position:absolute;
z-index:0;
pointer-events:none;
}
.index .message_section::before{
left:50%;
top:4%;
width:88%;
height:78%;
transform:translateX(-50%);
background:
radial-gradient(ellipse at 50% 42%,rgba(255,236,186,.22) 0%,rgba(255,221,145,.08) 34%,rgba(255,221,145,0) 72%);
filter:blur(16px);
}
.index .message_section::after{
left:50%;
top:0;
width:100%;
height:100%;
transform:translateX(-50%);
background:
linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,241,196,.08) 50%,rgba(255,255,255,0) 100%),
repeating-linear-gradient(90deg,rgba(255,230,170,.04) 0 1px,rgba(255,255,255,0) 1px 34px);
opacity:.72;
}
.index .message_section .inner{padding-top:5.34%;padding-bottom:10.67%;padding-left:2.67%;padding-right:2.67%}
@media print,screen and (min-width: 568px) and (max-width: 750px) {
.index .message_section .inner{padding-top:24px}
}
@media print,screen and (min-width: 568px) and (max-width: 750px) {
.index .message_section .inner{padding-left:10px}
}
@media print,screen and (min-width: 568px) and (max-width: 750px) {
.index .message_section .inner{padding-right:10px}
}
.index .message_section .txt{
position:relative;
overflow:hidden;
color:#6a4a1a;
padding:24px 16px 22px;
background:
linear-gradient(180deg,rgba(255,252,245,.98) 0%,rgba(249,240,221,.98) 100%);
border:1px solid rgba(214,171,87,.34);
border-radius:4px;
box-shadow:0 18px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.84),inset 0 -14px 24px rgba(180,138,61,.06);
text-align:left;
}
.index .message_section .txt::before{
content:"";
position:absolute;
inset:-18% -12% auto;
height:52%;
background:radial-gradient(circle at 50% 0,rgba(255,229,164,.48) 0%,rgba(255,229,164,.1) 42%,rgba(255,229,164,0) 72%);
opacity:1;
animation:messageGoldGlow 8s ease-in-out infinite;
pointer-events:none;
}
.index .message_section .txt::after{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 16% 20%,rgba(214,171,87,.18) 0 1px,transparent 2px),
radial-gradient(circle at 84% 14%,rgba(214,171,87,.16) 0 1px,transparent 2px),
radial-gradient(circle at 22% 84%,rgba(214,171,87,.12) 0 1px,transparent 2px),
radial-gradient(circle at 76% 78%,rgba(214,171,87,.12) 0 1px,transparent 2px);
background-size:180px 180px,220px 220px,200px 200px,240px 240px;
opacity:.5;
pointer-events:none;
}
.index .message_section .message_future_intro,
.index .message_section .message_future_gallery,
.index .message_section .message_future_compare,
.index .message_section .message_future_closer,
.index .message_section .message_cta{
position:relative;
z-index:1;
}
.index .message_section .message_future_title{
margin:0;
color:#6d4914;
font-size:3.1rem;
font-weight:700;
line-height:1.42;
letter-spacing:.06em;
text-align:center;
text-shadow:0 1px 0 rgba(255,255,255,.92);
}
.index .message_section .message_future_copy{
margin:16px 0 0;
color:#7b5d30;
font-size:1.58rem;
line-height:1.95;
text-align:center;
}
.index .message_section .message_future_gallery{
display:grid;
grid-template-columns:1fr;
gap:14px;
margin-top:24px;
}
.index .message_section .message_future_card{
margin:0;
padding:10px;
background:linear-gradient(180deg,rgba(255,254,249,.96),rgba(247,236,214,.9));
border:1px solid rgba(214,171,87,.26);
box-shadow:0 10px 18px rgba(110,80,30,.08),inset 0 1px 0 rgba(255,255,255,.9);
border-radius:4px;
}
.index .message_section .message_future_visual{
position:relative;
overflow:hidden;
aspect-ratio:16/10;
border:1px solid rgba(214,171,87,.42);
background:#ead9bb;
}
.index .message_section .message_future_visual img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.index .message_section .message_future_caption{
margin:10px 0 2px;
color:#6d4b17;
font-size:1.46rem;
font-weight:700;
line-height:1.7;
text-align:center;
}
.index .message_section .message_future_compare{
display:grid;
grid-template-columns:1fr;
gap:14px;
margin-top:22px;
}
.index .message_section .message_future_panel{
padding:16px 15px 14px;
border:1px solid rgba(214,171,87,.22);
border-radius:4px;
box-shadow:0 10px 18px rgba(0,0,0,.08);
}
.index .message_section .message_future_panel h4{
margin:0 0 10px;
font-size:1.88rem;
font-weight:700;
letter-spacing:.08em;
text-align:center;
}
.index .message_section .message_future_panel ul{
margin:0;
padding:0;
list-style:none;
}
.index .message_section .message_future_panel li{
position:relative;
padding-left:18px;
margin-top:9px;
font-size:1.45rem;
line-height:1.75;
}
.index .message_section .message_future_panel li:first-child{
margin-top:0;
}
.index .message_section .message_future_panel li::before{
content:"";
position:absolute;
left:0;
top:.7em;
width:7px;
height:7px;
transform:rotate(45deg);
}
.index .message_section .message_future_panel--before{
background:linear-gradient(180deg,rgba(55,31,19,.94),rgba(28,14,8,.98));
border-color:rgba(137,109,77,.32);
color:#eadccf;
}
.index .message_section .message_future_panel--before h4{
color:#fff1db;
}
.index .message_section .message_future_panel--before li::before{
background:#8c6c49;
}
.index .message_section .message_future_panel--after{
background:
linear-gradient(180deg,rgba(255,250,238,.98),rgba(248,237,214,.96));
border-color:rgba(223,184,98,.44);
color:#64481e;
box-shadow:0 12px 22px rgba(173,126,45,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
.index .message_section .message_future_panel--after h4{
color:#b07b1b;
text-shadow:none;
}
.index .message_section .message_future_panel--after li::before{
background:#f1c85e;
box-shadow:0 0 8px rgba(255,205,98,.18);
}
.index .message_section .message_future_closer{
margin-top:22px;
padding:16px 14px 0;
border-top:1px solid rgba(214,171,87,.24);
text-align:center;
}
.index .message_section .message_future_closer p{
margin:8px 0 0;
color:#7b5d30;
font-size:1.68rem;
line-height:1.82;
}
.index .message_section .message_future_closer p:first-child{
margin-top:0;
color:#9c6b14;
font-weight:700;
}
.index .message_section .message_cta{margin-top:24px;text-align:center}
.index .message_section .message_cta_button{
display:block;
width:92%;
max-width:520px;
margin:0 auto;
text-decoration:none;
}
@media only screen and (min-width: 751px) {
.index .message_section .txt{padding:30px 24px 26px}
.index .message_section .message_future_title{font-size:3.5rem}
.index .message_section .message_future_copy{font-size:1.72rem}
.index .message_section .message_future_gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.index .message_section .message_future_caption{font-size:1.34rem;line-height:1.65}
.index .message_section .message_future_compare{grid-template-columns:1fr 1fr;gap:16px}
.index .message_section .message_future_panel{padding:18px 18px 16px}
.index .message_section .message_future_panel h4{font-size:2rem}
.index .message_section .message_future_panel li{font-size:1.42rem}
.index .message_section .message_future_closer p{font-size:1.76rem}
}
@media only screen and (max-width: 480px) {
.index .message_section .txt{padding:18px 10px 18px}
.index .message_section .message_future_title{font-size:2.55rem;line-height:1.48}
.index .message_section .message_future_copy{font-size:1.56rem;line-height:1.94}
.index .message_section .message_future_gallery{gap:12px}
.index .message_section .message_future_card{padding:8px}
.index .message_section .message_future_caption{font-size:1.5rem;line-height:1.72}
.index .message_section .message_future_compare{gap:12px}
.index .message_section .message_future_panel{padding:14px 12px 12px}
.index .message_section .message_future_panel h4{font-size:1.88rem}
.index .message_section .message_future_panel li{padding-left:16px;font-size:1.5rem;line-height:1.8}
.index .message_section .message_future_closer{margin-top:18px;padding:14px 8px 0}
.index .message_section .message_future_closer p{font-size:1.62rem;line-height:1.86}
.index .message_section .message_cta{margin-top:20px}
}
@media (prefers-reduced-motion: reduce) {
.index .message_section .txt::before{
animation:none;
}
}
.index .message_section .section_profile_head{margin-bottom:28px}
.index .testimonials .section_profile_head{grid-column:1/-1;width:100%;padding-top:0;margin-top:8px;margin-bottom:24px}
.index .testimonials .testimonials_profile_head h3{padding-top:28px}
@media only screen and (min-width: 751px) {
.index .voice-box p{font-size:1.85rem}
}
.index .closing_hero{background:#1e1d1c;position:relative;overflow:hidden}
.index .closing_hero .inner{padding:0 0 4px;position:relative;z-index:1}
@media only screen and (min-width: 481px) {
.index .floating-header-cta_button{
width:auto;
min-width:420px;
margin:0 auto;
}
}
@media print,screen and (min-width: 568px) and (max-width: 750px) {
.index .closing_hero .inner{padding:0 0 6px}
}
.index .closing_hero .closing_hero_block{background:#1e1d1c}
.index .closing_hero .closing_hero_block .hero_inner{gap:0}
.index .closing_hero .closing_hero_block .closing_hero_form{margin-top:0;padding-left:12px;padding-right:12px;padding-bottom:28px}
.index .closing_hero .closing_hero_block .closing_hero_form_panel{
padding:22px 18px 26px;
background:
linear-gradient(180deg,rgba(255,252,244,.98) 0%,rgba(248,239,213,.98) 100%);
background-color:#fbf4df;
border:1px solid #d6b15a;
border-radius:4px;
box-shadow:0 12px 24px rgba(79,48,8,.16),inset 0 1px 0 rgba(255,255,255,.94);
position:relative;
overflow:hidden;
}
.index .closing_hero .closing_hero_block .closing_hero_form_panel::before{
content:"";
position:absolute;
inset:8px;
border:1px solid rgba(214,177,90,.34);
pointer-events:none;
}
.index .closing_hero .closing_hero_block .closing_hero_form_panel .hero_form_title{
padding:0;
margin:0;
}
.index .closing_hero .closing_hero_block .closing_hero_form_panel .hero_form_title::before,
.index .closing_hero .closing_hero_block .closing_hero_form_panel .hero_form_title::after{
display:none;
}
.index .closing_hero .closing_hero_block .closing_hero_form_panel .hero_form_title_main{
display:block;
color:#7e560d;
font-size:2rem;
line-height:1.7;
letter-spacing:.08em;
text-align:center;
text-shadow:none;
}
.index .closing_hero .closing_hero_block .form_arrow{
margin-top:12px;
margin-bottom:18px;
text-align:center;
animation:arrowSoftBlink 2.6s ease-in-out infinite;
}
.index .closing_hero .closing_hero_block .form_arrow img{
width:56%;
max-width:260px;
height:auto;
}
.index .closing_hero .closing_hero_block .closing_hero_actions{margin-top:0;text-align:center}
.index .closing_hero .closing_hero_block .closing_hero_actions .form_submit{
margin-top:8px;
}
.index .closing_hero .closing_hero_block .closing_hero_button{display:block;width:92%;max-width:520px;margin:0 auto;text-decoration:none}
.index .closing_hero .closing_hero_block .closing_hero_button:hover{color:#fff}
@media only screen and (max-width: 480px) {
.index .closing_hero .inner{padding:0 0 4px}
.index .closing_hero .closing_hero_block .closing_hero_form{margin-top:-10px;padding-left:10px;padding-right:10px;padding-bottom:24px}
.index .closing_hero .closing_hero_block .closing_hero_form_panel{padding:18px 14px 22px}
.index .closing_hero .closing_hero_block .closing_hero_form_panel::before{inset:7px}
.index .closing_hero .closing_hero_block .closing_hero_form_panel .hero_form_title_main{font-size:1.8rem;line-height:1.65}
.index .closing_hero .closing_hero_block .form_arrow{margin-top:10px;margin-bottom:14px}
.index .closing_hero .closing_hero_block .form_arrow img{width:62%}
.index .closing_hero .closing_hero_block .closing_hero_actions{margin-top:0}
.index .closing_hero .closing_hero_block .closing_hero_actions .form_submit{margin-top:6px}
.index .testimonials .section_profile_head{padding-top:0;margin-top:6px;margin-bottom:18px}
}

/* ===== Chat Form ===== */
.index .hero .hero_form .cb-box{
margin:0 auto;
padding:14px 12px 16px;
border:1px solid #d6b15a;
border-radius:4px;
background:
linear-gradient(180deg,rgba(255,253,247,.78) 0%,rgba(248,238,209,.66) 100%);
box-shadow:0 8px 18px rgba(131,84,2,.12),inset 0 1px 0 rgba(255,255,255,.88);
font-family:"Shippori Mincho",serif;
backdrop-filter:blur(1px);
}
.index .hero .hero_form .cb-lead{
position:relative;
margin:0 auto 14px;
padding:13px 14px;
text-align:center;
font-size:20px;
font-size:2rem;
font-weight:700;
line-height:1.65;
color:#6b4304;
background:linear-gradient(180deg,#fffdf7 0%,#f7e9bf 100%);
border:1px solid #d6b15a;
border-radius:4px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 10px rgba(131,84,2,.1);
}
.index .hero .hero_form .cb-lead span{color:#8e0505}
.index .hero .hero_form .cb-choices{
display:grid;
grid-template-columns:1fr;
gap:10px;
margin:0 0 14px;
padding:0;
list-style:none;
}
.index .hero .hero_form .cb-choice,
.index .hero .hero_form .btn-gold{
position:relative;
display:block;
width:100%;
padding:15px 18px;
border:1px solid #8a6a2a;
border-radius:2px;
background:
linear-gradient(180deg,rgba(255,244,205,.1) 0%,rgba(255,244,205,0) 24%),
linear-gradient(180deg,#3c3628 0%,#1f1b14 52%,#100d08 100%);
background-size:240% 100%,100% 100%;
background-position:-240% 0,0 0;
background-repeat:no-repeat;
color:#f4d98f;
font-weight:800;
font-size:18px;
font-size:1.8rem;
letter-spacing:.08em;
text-shadow:0 1px 0 rgba(49,31,5,.9),0 0 10px rgba(255,214,123,.12);
box-shadow:0 6px 14px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,237,183,.08),inset 0 0 0 1px rgba(235,203,122,.12);
cursor:pointer;
transition:filter .2s ease;
animation:ctaShineSweep 3s linear infinite;
}
.index .hero .hero_form .cb-choice::before,
.index .hero .hero_form .btn-gold::before{
content:"";
position:absolute;
inset:4px;
border:1px solid rgba(214,183,105,.58);
pointer-events:none;
}
.index .hero .hero_form .cb-choice::after,
.index .hero .hero_form .btn-gold::after{
content:"";
position:absolute;
inset:-1px;
background:
linear-gradient(135deg,transparent 0 8px,rgba(0,0,0,0) 8px) top left,
linear-gradient(-135deg,transparent 0 8px,rgba(0,0,0,0) 8px) top right,
linear-gradient(45deg,transparent 0 8px,rgba(0,0,0,0) 8px) bottom left,
linear-gradient(-45deg,transparent 0 8px,rgba(0,0,0,0) 8px) bottom right;
background-size:14px 14px;
background-repeat:no-repeat;
box-shadow:
inset 12px 0 0 -11px rgba(214,183,105,.72),
inset -12px 0 0 -11px rgba(214,183,105,.72),
inset 0 12px 0 -11px rgba(214,183,105,.72),
inset 0 -12px 0 -11px rgba(214,183,105,.72);
pointer-events:none;
opacity:.9;
}
.index .hero .hero_form .cb-choice:hover,
.index .hero .hero_form .btn-gold:hover{filter:brightness(1.08)}
.index .hero .hero_form .cb-choice:active,
.index .hero .hero_form .btn-gold:active{transform:none}
.index .hero .hero_form .cb-choice:disabled{opacity:.58;cursor:default}
.index .hero .hero_form .cb-thread{
margin-top:10px;
padding-top:10px;
border-top:1px dashed rgba(155,103,0,.35);
max-height:none;
overflow:visible;
}
.index .hero .hero_form .cb-row{
display:flex;
align-items:flex-start;
gap:8px;
margin:10px 0;
}
.index .hero .hero_form .cb-bubble{
max-width:85%;
padding:9px 13px;
border-radius:12px;
box-shadow:0 2px 8px rgba(0,0,0,.08);
line-height:1.7;
font-size:16px;
font-size:1.6rem;
}
.index .hero .hero_form .cb-bot .cb-bubble{
background:#fff;
border:1px solid #d6b15a;
color:#4a3200;
}
.index .hero .hero_form .cb-user{justify-content:flex-end}
.index .hero .hero_form .cb-user .cb-bubble{
background:linear-gradient(180deg,#7b4d05 0%,#4e2d00 100%);
border:1px solid #b58b2a;
color:#fff8df;
}
.index .hero .hero_form .cb-inline{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.index .hero .hero_form .cb-pill,
.index .hero .hero_form .cb-next,
.index .hero .hero_form .cb-final{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:7px 16px;
border:1px solid #b58b2a;
border-radius:7px;
background:
linear-gradient(120deg,rgba(255,255,255,0) 18%,rgba(255,255,255,.1) 34%,rgba(255,248,219,.5) 49%,rgba(255,255,255,.1) 64%,rgba(255,255,255,0) 82%),
linear-gradient(180deg,#fff6d6 0%,#f0d078 100%);
background-size:240% 100%,100% 100%;
background-position:-240% 0,0 0;
background-repeat:no-repeat;
color:#4a2b00;
font-weight:800;
line-height:1.2;
cursor:pointer;
box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 2px 6px rgba(0,0,0,.08);
animation:ctaShineSweep 3s linear infinite;
transform:none;
}
.index .hero .hero_form .cb-inputRow{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
margin-top:8px;
}
.index .hero .hero_form .cb-inputRow select,
.index .hero .hero_form .cb-inputRow input[type="text"]{
appearance:auto;
min-width:96px;
flex:1 1 96px;
padding:10px 12px;
border:1px solid #b58b2a;
border-radius:7px;
background:#fff;
color:#333;
font-size:16px;
font-size:1.6rem;
box-shadow:inset 0 0 0 1px rgba(255,215,0,.08);
}
.index .hero .hero_form .cb-inputRow input[type="text"]{flex-basis:180px}
.index .hero .hero_form .cb-inputRow .cb-next,
.index .hero .hero_form .cb-inputRow .cb-final{margin-left:auto}
.index .hero .hero_form .cb-note{
width:100%;
margin-top:6px;
font-size:13px;
font-size:1.3rem;
line-height:1.6;
color:inherit;
opacity:.9;
}
.index .hero .hero_form .cb-avatar-wrap{
flex:0 0 auto;
width:44px;
height:44px;
margin-top:2px;
border-radius:50%;
overflow:hidden;
border:2px solid #b58b2a;
background:#f6e6bd;
box-shadow:0 2px 6px rgba(0,0,0,.14);
}
.index .hero .hero_form .cb-avatar{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}
.index .hero .hero_form .cb-user .cb-avatar-wrap{display:none}
.index .hero .hero_form .cb-dots{
display:inline-flex;
align-items:center;
gap:6px;
}
.index .hero .hero_form .cb-dots i{
width:6px;
height:6px;
border-radius:50%;
background:#8f7000;
opacity:.35;
animation:cb-dot 1s infinite ease-in-out;
}
.index .hero .hero_form .cb-dots i:nth-child(2){animation-delay:.15s}
.index .hero .hero_form .cb-dots i:nth-child(3){animation-delay:.3s}
@keyframes cb-dot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}
.index .hero .hero_form .cb-value{font-weight:700;white-space:nowrap}
.index .hero .hero_form .cb-edit{
appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
margin-left:5px;
padding:0 5px;
border:1px solid #a67c00;
border-radius:4px;
background:#fff7d1;
color:#5a3d00;
font-size:13px;
font-size:1.3rem;
font-weight:700;
line-height:1.6;
cursor:pointer;
white-space:nowrap;
vertical-align:middle;
}
.index .hero .hero_form .cb-edit:hover{background:#ffe58b}
@media only screen and (max-width:480px){
.index .hero .hero_form .hero_form_title{padding:13px 10px 10px;letter-spacing:.06em}
.index .hero .hero_form .hero_form_title::before,
.index .hero .hero_form .hero_form_title::after{top:20px;width:21%}
.index .hero .hero_form .hero_form_title_main{font-size:22px;font-size:2.2rem;line-height:1.6}
.index .hero .hero_form .cb-box{padding:12px 10px 14px}
.index .hero .hero_form .cb-lead{padding:14px 12px;font-size:18px;font-size:1.8rem;line-height:1.72}
.index .hero .hero_form .cb-choice,.index .hero .hero_form .btn-gold{padding:16px 16px;font-size:17px;font-size:1.7rem;line-height:1.55}
.index .hero .hero_form .cb-bubble{font-size:16px;font-size:1.6rem;line-height:1.82;max-width:88%}
.index .hero .hero_form .cb-note{font-size:14px;font-size:1.4rem;line-height:1.72}
.index .hero .hero_form .cb-edit{font-size:14px;font-size:1.4rem;line-height:1.7;padding:1px 6px}
.index .hero .hero_form .cb-inputRow select,
.index .hero .hero_form .cb-inputRow input[type="text"]{font-size:16px;font-size:1.6rem;line-height:1.5}
.index .hero .hero_form .cb-pill,
.index .hero .hero_form .cb-next,
.index .hero .hero_form .cb-final{font-size:16px;font-size:1.6rem;min-height:42px;padding:9px 16px}
.index .hero .hero_form .cb-avatar-wrap{width:38px;height:38px}
}

.floating-header-cta{
display:none !important;
}

.index .hero .hero_stage--kv{
padding-top:calc(836 / 750 * 100%);
overflow:hidden;
}

.index .hero .hero_stage--kv .hero_fx{
position:absolute;
inset:0;
pointer-events:none;
}

.index .hero .hero_stage--kv .hero_fx--particles{
z-index:1;
overflow:hidden;
opacity:.72;
}

.index .hero .hero_stage--kv .hero_fx--particles::before,
.index .hero .hero_stage--kv .hero_fx--particles::after{
content:"";
position:absolute;
inset:-8%;
background-repeat:repeat;
mix-blend-mode:screen;
}

.index .hero .hero_stage--kv .hero_fx--particles::before{
background-image:
radial-gradient(circle,rgba(255,242,201,.72) 0 1px,transparent 1.8px),
radial-gradient(circle,rgba(255,193,78,.5) 0 1.4px,transparent 2.2px),
radial-gradient(circle,rgba(255,250,226,.34) 0 2px,transparent 2.8px);
background-size:84px 84px,126px 126px,168px 168px;
background-position:0 0,22px 18px,54px 8px;
animation:heroSparkDriftA 8.8s linear infinite;
}

.index .hero .hero_stage--kv .hero_fx--particles::after{
background-image:
radial-gradient(circle,rgba(255,229,154,.46) 0 1.2px,transparent 2px),
radial-gradient(circle,rgba(255,255,255,.22) 0 1.6px,transparent 2.4px);
background-size:108px 108px,152px 152px;
background-position:18px 42px,72px 14px;
animation:heroSparkDriftB 11.4s linear infinite;
opacity:.8;
}

.index .hero .hero_stage--kv .hero_fx--lightning{
z-index:8;
opacity:0;
mix-blend-mode:screen;
transform-origin:50% 0;
}

.index .hero .hero_stage--kv .hero_fx__lightning-image{
display:block;
width:100%;
height:100%;
object-fit:cover;
opacity:.28;
filter:blur(1.5px);
}

.index .hero .hero_stage--kv .hero_fx--flash{
z-index:9;
opacity:0;
background:
linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,250,233,.78) 34%,rgba(255,238,197,.6) 68%,rgba(255,255,255,.42) 100%);
mix-blend-mode:screen;
}

.index .hero .hero_stage--kv .hero_circle,
.index .hero .hero_stage--kv .hero_feature{
display:none;
}

.index .hero .hero_stage--kv .hero_copy--kv,
.index .hero .hero_stage--kv .hero_dragon--kv,
.index .hero .hero_stage--kv .hero_visual--kv,
.index .hero .hero_stage--kv .hero_title_area--kv,
.index .hero .hero_stage--kv .hero_title_shine_kv{
position:absolute;
}

.index .hero .hero_stage--kv .hero_copy--kv{
top:2.8%;
right:3.6%;
width:79.4%;
left:auto;
bottom:auto;
z-index:4;
margin:0;
filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));
}

.index .hero .hero_stage--kv .hero_copy--kv img{
display:block;
width:100%;
height:auto;
transform-origin:center center;
animation:heroCopySlowPulse 5.4s ease-in-out infinite;
}

.index .hero .hero_stage--kv .hero_visual--kv{
left:-8%;
bottom:-13.7%;
width:70.13%;
top:auto;
right:auto;
z-index:3;
filter:drop-shadow(0 18px 32px rgba(0,0,0,.34));
}

.index .hero .hero_stage--kv .hero_dragon--kv{
top:-8.5%;
right:-10%;
width:91.6%;
left:auto;
bottom:auto;
z-index:2;
pointer-events:none;
}

.index .hero .hero_stage--kv .hero_dragon--kv img{
display:block;
width:100%;
height:auto;
animation:heroDragonFadeInLeft 1.2s ease-out both,heroDragonFloatY 5.8s ease-in-out 1.2s infinite;
}

.index .hero .hero_stage--kv .hero_title_area--kv{
left:0;
right:0;
bottom:0;
width:100%;
top:auto;
margin:0;
z-index:5;
animation:heroTitleFadeUpIn .9s ease-out both;
background:transparent;
isolation:auto;
transform:none;
filter:none;
opacity:1;
}

.index .hero .hero_stage--kv .hero_title_area--kv-blur{
z-index:6;
pointer-events:none;
animation:heroTitleFadeUpIn .9s ease-out both;
}

.index .hero .hero_stage--kv .hero_title_shine_kv{
left:0;
right:0;
bottom:0;
width:100%;
top:auto;
margin:0;
z-index:7;
display:block;
height:auto;
mix-blend-mode:screen !important;
pointer-events:none;
background:transparent;
isolation:auto;
transform:none;
filter:none;
opacity:1;
animation:heroTitleFadeUpIn .9s ease-out both;
}

.index .hero .hero_stage--kv .hero_title_blur_kv{
display:block;
width:100%;
height:auto;
pointer-events:none;
opacity:1;
mix-blend-mode:screen;
animation:heroTitleGlowPulse 2s linear infinite;
will-change:opacity;
}

.index .hero .hero_stage--kv .hero_title_area--kv .hero_title_main{
display:block;
width:100%;
max-width:none;
animation:none;
filter:none;
position:relative;
z-index:5;
}

.index .hero .hero_stage--kv.is-thunder .hero_fx--flash{
animation:heroThunderFlash .26s linear 1;
}

.index .hero .hero_stage--kv.is-thunder .hero_fx--lightning{
animation:heroLightningStrike .26s linear 1;
}

.index .hero .hero_stage--kv.is-thunder .hero_copy--kv,
.index .hero .hero_stage--kv.is-thunder .hero_dragon--kv,
.index .hero .hero_stage--kv.is-thunder .hero_visual--kv{
animation:heroStageJolt .16s linear 1;
}

.index .hero .hero_stage--kv.is-thunder .hero_title_blur_kv{
animation:heroTitleGlowPulse .42s linear 1;
}

.index .hero .hero_stage--kv.is-thunder .hero_title_shine_kv{
opacity:.94;
}

@media (prefers-reduced-motion: reduce){
.index .hero .hero_stage--kv,
.index .hero .hero_stage--kv .hero_fx--particles::before,
.index .hero .hero_stage--kv .hero_fx--particles::after,
.index .hero .hero_stage--kv .hero_fx--flash,
.index .hero .hero_stage--kv .hero_fx--lightning,
.index .hero .hero_stage--kv .hero_title_blur_kv{
animation:none !important;
}
.index .hero .hero_stage--kv .hero_fx--particles{
opacity:.2;
}
}

.hero-title{
position:relative;
background:transparent;
isolation:auto;
transform:none;
filter:none;
opacity:1;
}

.hero-title__base{
display:block;
width:100%;
height:auto;
position:relative;
z-index:1;
background:transparent;
filter:none;
opacity:1;
}

.hero-title__shine{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:contain;
z-index:2;
mix-blend-mode:screen !important;
pointer-events:none;
}

@media only screen and (max-width:750px){
.index .hero .hero_stage--kv .hero_copy--kv{
top:2.8%;
right:3.4%;
width:79.8%;
left:auto;
}

.index .hero .hero_stage--kv .hero_dragon--kv{
top:-8.5%;
right:-10%;
width:91.6%;
}

.index .hero .hero_stage--kv .hero_visual--kv{
left:-8%;
width:70.13%;
bottom:-13.7%;
}

}

/* Profile remake */
.index .expert_section{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 50% 100%,rgba(255,201,93,.22) 0 10%,rgba(255,201,93,0) 34%),
radial-gradient(circle at 85% 82%,rgba(255,174,54,.12) 0 12%,rgba(255,174,54,0) 32%),
linear-gradient(180deg,#170701 0%,#2d1104 24%,#120501 100%);
}

.index .expert_section::before,
.index .expert_section::after{
content:"";
position:absolute;
pointer-events:none;
border-radius:50%;
mix-blend-mode:screen;
opacity:.34;
}

.index .expert_section::before{
width:52%;
aspect-ratio:1;
right:-16%;
top:3%;
background:radial-gradient(circle,rgba(255,231,178,.22) 0 14%,rgba(255,231,178,0) 48%);
}

.index .expert_section::after{
width:46%;
aspect-ratio:1;
left:-18%;
bottom:4%;
background:radial-gradient(circle,rgba(255,202,102,.18) 0 12%,rgba(255,202,102,0) 46%);
}

.index .expert_section > h2{
display:block;
width:100%;
margin:0 auto 8px;
}

.index .expert_section .inner{
background:none;
padding:18px 12px 44px;
position:relative;
z-index:1;
}

.index .expert_section .txt{
position:relative;
overflow:hidden;
width:min(100%,710px);
padding:1px;
margin:0 auto;
border:1px solid rgba(187,152,90,.38);
border-radius:4px;
background:
linear-gradient(145deg,rgba(255,252,245,.97),rgba(247,240,227,.98)),
repeating-linear-gradient(135deg,rgba(177,152,113,.05) 0 1px,rgba(255,255,255,0) 1px 9px);
box-shadow:0 14px 28px rgba(92,72,40,.12),inset 0 0 0 1px rgba(255,255,255,.7);
}

.index .expert_section .txt::before{
content:"";
position:absolute;
inset:12px;
border:1px solid rgba(194,162,109,.16);
border-radius:3px;
pointer-events:none;
}

.index .expert_section .txt::after{
content:"";
position:absolute;
left:50%;
top:16px;
width:72%;
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(180,148,95,.54),transparent);
pointer-events:none;
}

.index .expert_section .txt .txt_inner{
position:relative;
z-index:1;
padding:32px 22px 28px;
color:#4d4031;
line-height:1.9;
}

.index .expert_section .expert_profile_head{
margin:0 auto 28px;
text-align:center;
}

.index .expert_section .expert_profile_head::before{
content:none;
}

.index .expert_section .expert_profile_head::after{
top:6px;
width:12px;
height:12px;
background:linear-gradient(135deg,#fffdf6,#c9ac72 62%,#9c7540 100%);
border:1px solid rgba(171,132,69,.34);
box-shadow:0 0 0 3px rgba(255,255,255,.34),0 0 20px rgba(218,188,126,.18);
}

.index .expert_section .expert_profile_head h3{
padding-top:0;
color:#7c5a28;
font-size:2.8rem;
font-weight:600;
letter-spacing:.18em;
text-shadow:none;
}

.index .expert_section .expert_profile_head p{
display:inline-block;
margin-top:18px;
padding:8px 24px 9px;
border:1px solid rgba(187,152,90,.44);
background:linear-gradient(180deg,rgba(255,252,244,.94),rgba(244,233,212,.96));
box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 8px 14px rgba(111,87,52,.1);
color:#8a6732;
font-size:1.5rem;
letter-spacing:.16em;
}

.index .expert_section .expert_profile_grid{
display:grid;
grid-template-columns:1fr;
gap:20px;
align-items:start;
}

.index .expert_section .image{
margin:0 auto;
text-align:center;
max-width:none;
width:100%;
}

.index .expert_section .expert_video_frame{
width:75%;
margin:0 auto;
border:1px solid rgba(187,152,90,.36);
background:linear-gradient(180deg,rgba(255,250,240,.94),rgba(239,229,212,.94));
box-shadow:0 12px 20px rgba(92,72,40,.12),inset 0 1px 0 rgba(255,255,255,.78);
overflow:hidden;
}

.index .expert_section .expert_video_frame video{
display:block;
width:100%;
height:auto;
background:#000;
}

.index .expert_section .expert_intro{
position:relative;
padding:0;
border:0;
background:none;
box-shadow:none;
}

.index .expert_section .expert_intro_lead{
color:#73511f;
font-size:2.35rem;
font-weight:600;
line-height:1.52;
letter-spacing:.04em;
text-align:center;
text-shadow:none;
}

.index .expert_section .txt1{
margin-top:14px;
max-width:none;
color:#4d4031;
font-size:1.58rem;
line-height:1.95;
}

.index .expert_section .txt1 p{
margin-top:10px;
}

.index .expert_section .txt1 p:first-child{
margin-top:0;
}

.index .expert_section .txt1 strong{
color:#8a5b19;
font-size:1em;
}

.index .expert_section .expert_marker{
background:linear-gradient(transparent 58%,rgba(216,183,112,.34) 58%);
}

.index .expert_section .expert_brief_panel{
margin-top:22px;
padding:18px 18px 16px;
background:linear-gradient(180deg,rgba(255,252,244,.96),rgba(242,233,218,.96));
border:1px solid rgba(187,152,90,.3);
border-radius:4px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}

.index .expert_section .expert_meta_list{
display:grid;
gap:10px;
margin:0;
}

.index .expert_section .expert_meta_item{
display:grid;
grid-template-columns:96px minmax(0,1fr);
align-items:start;
margin:0;
gap:10px;
padding:0 0 10px;
border-bottom:1px solid rgba(187,152,90,.18);
color:#4d4031;
font-size:1.42rem;
line-height:1.6;
letter-spacing:.04em;
}

.index .expert_section .expert_meta_item:last-child{
padding-bottom:0;
border-bottom:0;
}

.index .expert_section .expert_meta_label{
display:inline-block;
color:#8a6732;
font-weight:600;
letter-spacing:.14em;
}

.index .expert_section .expert_meta_value{
display:block;
color:#4d4031;
}

.index .expert_section .expert_style_box{
margin-top:16px;
max-width:none;
padding:14px 0 0;
text-align:left;
background:none;
border-top:1px solid rgba(187,152,90,.18);
border-right:0;
border-bottom:0;
border-left:0;
box-shadow:none;
}

.index .expert_section .expert_style_box b{
display:block;
margin-bottom:7px;
color:#7c5a28;
font-size:1.55rem;
letter-spacing:.12em;
text-align:center;
}

.index .expert_section .expert_style_box b::before,
.index .expert_section .expert_style_box b::after{
display:none;
}

.index .expert_section .expert_style_box p{
color:#4d4031;
font-size:1.46rem;
line-height:1.9;
}

.index .expert_section .expert_cta{
margin-top:22px;
text-align:center;
}

.index .expert_section .expert_cta_button{
margin-top:0;
}

.index .expert_section .expert_cta_button a{
display:block;
width:92%;
max-width:520px;
margin:0 auto;
}

@media only screen and (max-width: 750px){
.index .expert_section > h2{
width:100%;
margin:0 auto 6px;
}

.index .expert_section .inner{
padding:14px 10px 34px;
}

.index .expert_section .txt{
width:100%;
}

.index .expert_section .txt .txt_inner{
padding:28px 16px 24px;
}

.index .expert_section .expert_profile_head h3{
font-size:2.5rem;
letter-spacing:.12em;
}

.index .expert_section .expert_profile_head p{
min-width:0;
font-size:1.42rem;
letter-spacing:.08em;
}

.index .expert_section .expert_profile_grid{
grid-template-columns:1fr;
gap:18px;
}

.index .expert_section .expert_video_frame{
width:82%;
margin:0 auto;
}

.index .expert_section .expert_intro_lead{
font-size:2.24rem;
text-align:center;
}

.index .expert_section .txt1{
font-size:1.62rem;
line-height:1.98;
}

.index .expert_section .expert_meta_item{
font-size:1.56rem;
grid-template-columns:74px minmax(0,1fr);
gap:8px;
}

.index .expert_section .expert_brief_panel{
margin-top:18px;
padding:15px 14px 14px;
}

.index .expert_section .expert_style_box{
padding-top:12px;
}

.index .expert_section .expert_style_box p{
font-size:1.58rem;
line-height:1.9;
}
}

/* ===== Support Pages ===== */
body.support-menu-page,
body.support-sub-page{
background:#0c0501;
background-image:
radial-gradient(ellipse 80% 40% at 50% 0%,rgba(120,70,10,.18) 0%,transparent 70%),
radial-gradient(ellipse 60% 30% at 50% 100%,rgba(80,40,5,.12) 0%,transparent 70%);
color:#f0e4c8;
font-family:'Shippori Mincho','Noto Serif JP',serif;
font-size:15px;
line-height:1.9;
min-height:100vh;
}
body.support-menu-page .sp-header,
body.support-sub-page .sp-header{
background:linear-gradient(180deg,rgba(8,3,0,.97) 0%,rgba(15,6,2,.96) 100%);
border-bottom:1px solid rgba(206,164,84,.3);
padding:13px 20px;
position:sticky;
top:0;
z-index:100;
backdrop-filter:blur(4px);
}
body.support-menu-page .sp-header_inner,
body.support-sub-page .sp-header_inner{
max-width:760px;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
}
body.support-menu-page .sp-header_brand a,
body.support-sub-page .sp-header_brand a{
color:#fff0c7;
text-decoration:none;
font-family:'Cinzel',serif;
font-size:14px;
letter-spacing:.07em;
line-height:1.3;
display:flex;
flex-direction:column;
gap:2px;
}
body.support-menu-page .sp-header_brand small,
body.support-sub-page .sp-header_brand small{
display:block;
font-family:'Shippori Mincho',serif;
font-size:10px;
color:#b88f47;
letter-spacing:.12em;
}
body.support-menu-page .sp-header_nav a,
body.support-sub-page .sp-header_nav a{
color:#c9a96e;
text-decoration:none;
font-size:12px;
letter-spacing:.06em;
border:1px solid rgba(206,164,84,.28);
padding:7px 16px;
border-radius:2px;
transition:all .22s;
white-space:nowrap;
}
body.support-menu-page .sp-header_nav a:hover,
body.support-sub-page .sp-header_nav a:hover{
background:rgba(206,164,84,.1);
border-color:rgba(206,164,84,.55);
color:#fff0c7;
}
body.support-menu-page .sp-main,
body.support-sub-page .sp-main{
padding:44px 16px 70px;
}
body.support-menu-page .sp-container,
body.support-sub-page .sp-container{
max-width:760px;
margin:0 auto;
}
body.support-menu-page .sp-page-header,
body.support-sub-page .sp-page-header{
text-align:center;
margin-bottom:36px;
}
body.support-menu-page .sp-page-title,
body.support-sub-page .sp-page-title{
display:inline-block;
position:relative;
font-family:'Shippori Mincho',serif;
font-size:22px;
font-weight:500;
color:#fff0c7;
letter-spacing:.18em;
text-shadow:0 0 28px rgba(255,210,104,.22);
padding-bottom:14px;
}
body.support-menu-page .sp-page-title::after,
body.support-sub-page .sp-page-title::after{
content:'';
display:block;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:70px;
height:1px;
background:linear-gradient(90deg,transparent,#cea454,transparent);
}
body.support-menu-page .sp-page-title::before,
body.support-sub-page .sp-page-title::before{
content:'◇';
display:block;
font-size:.55em;
color:#b88f47;
letter-spacing:0;
margin-bottom:8px;
opacity:.8;
}
body.support-menu-page .sp-card,
body.support-sub-page .sp-card{
background:linear-gradient(135deg,rgba(255,244,205,.038) 0%,rgba(255,244,205,.018) 100%);
border:1px solid rgba(206,164,84,.18);
border-radius:4px;
padding:30px 26px;
position:relative;
overflow:hidden;
}
body.support-menu-page .sp-card::before,
body.support-sub-page .sp-card::before{
content:'';
position:absolute;
top:0;left:0;right:0;
height:1px;
background:linear-gradient(90deg,transparent,rgba(206,164,84,.45),transparent);
}
body.support-sub-page .sp-profile-card{
background:linear-gradient(135deg,rgba(255,244,205,.038) 0%,rgba(255,244,205,.018) 100%);
border:1px solid rgba(206,164,84,.18);
border-radius:4px;
padding:30px 26px;
position:relative;
overflow:hidden;
margin-bottom:18px;
}
body.support-sub-page .sp-profile-card::before{
content:'';
position:absolute;
top:0;left:0;right:0;
height:1px;
background:linear-gradient(90deg,transparent,rgba(206,164,84,.45),transparent);
}
body.support-sub-page .sp-profile-card:last-child{margin-bottom:0}
body.support-sub-page .sp-profile-name{
font-family:'Shippori Mincho',serif;
font-size:22px;
font-weight:500;
line-height:1.5;
letter-spacing:.12em;
color:#fff0c7;
text-align:center;
margin-bottom:18px;
}
body.support-sub-page .sp-profile-meta{
display:flex;
flex-direction:column;
gap:8px;
margin-bottom:18px;
padding:16px 18px;
background:linear-gradient(135deg,rgba(255,244,205,.032) 0%,rgba(255,244,205,.012) 100%);
border:1px solid rgba(206,164,84,.14);
border-radius:4px;
}
body.support-sub-page .sp-profile-meta-item{
color:#d8caa8;
font-size:14px;
line-height:1.85;
}
body.support-sub-page .sp-profile-meta-item span{
display:inline-block;
min-width:7em;
margin-right:10px;
color:#c9a96e;
font-weight:500;
letter-spacing:.08em;
}
body.support-sub-page .sp-profile-text p{
color:#d8caa8;
font-size:15px;
line-height:2;
margin-bottom:10px;
}
body.support-sub-page .sp-profile-text p:last-child{margin-bottom:0}
body.support-menu-page .sp-menu-list{
display:flex;
flex-direction:column;
gap:10px;
}
body.support-menu-page .sp-menu-item a{
display:flex;
align-items:center;
gap:12px;
width:100%;
padding:17px 22px;
background:linear-gradient(90deg,rgba(255,244,205,.045) 0%,rgba(255,244,205,.018) 100%);
border:1px solid rgba(206,164,84,.24);
color:#f0e4c8;
text-decoration:none;
font-size:16px;
letter-spacing:.07em;
border-radius:3px;
transition:all .22s ease;
position:relative;
}
body.support-menu-page .sp-menu-item a::before{
content:'◆';
flex-shrink:0;
color:#b88f47;
font-size:.55em;
transition:color .22s;
}
body.support-menu-page .sp-menu-item a::after{
content:'›';
position:absolute;
right:18px;
top:50%;
transform:translateY(-50%);
color:rgba(206,164,84,.5);
font-size:1.1em;
transition:all .22s;
}
body.support-menu-page .sp-menu-item a:hover{
background:linear-gradient(90deg,rgba(255,210,104,.1) 0%,rgba(255,210,104,.04) 100%);
border-color:rgba(206,164,84,.5);
color:#ffd268;
transform:translateX(4px);
}
body.support-menu-page .sp-menu-item a:hover::before{color:#ffd268}
body.support-menu-page .sp-menu-item a:hover::after{color:#ffd268;right:14px}
body.support-sub-page .sp-section{
display:flex;
flex-direction:column;
gap:0;
}
body.support-sub-page .sp-section h3{
font-size:16px;
font-weight:500;
color:#ffd268;
letter-spacing:.1em;
padding:14px 0 12px;
border-bottom:1px solid rgba(206,164,84,.16);
margin-top:24px;
margin-bottom:12px;
text-align:left;
}
body.support-sub-page .sp-section h3:first-child{margin-top:0}
body.support-sub-page .sp-section p{
color:#d8caa8;
font-size:14px;
line-height:1.95;
margin-bottom:10px;
}
body.support-sub-page .sp-section p:last-child{margin-bottom:0}
body.support-sub-page .sp-section br + p,
body.support-sub-page .sp-section p + p{margin-top:0}
body.support-sub-page .sp-table{
width:100%;
border-collapse:collapse;
}
body.support-sub-page .sp-table th,
body.support-sub-page .sp-table td{
padding:15px 16px;
border-bottom:1px solid rgba(206,164,84,.12);
font-size:14px;
line-height:1.9;
vertical-align:top;
}
body.support-sub-page .sp-table th{
width:36%;
color:#c9a96e;
font-weight:500;
letter-spacing:.06em;
white-space:nowrap;
text-align:left;
}
body.support-sub-page .sp-table td{color:#d8caa8}
body.support-sub-page .sp-table tr:last-child th,
body.support-sub-page .sp-table tr:last-child td{border-bottom:none}
body.contact-page .sp-contact-btn{text-align:center;margin-top:28px}
body.contact-page .sp-contact-btn a{
display:inline-block;
padding:16px 48px;
background:linear-gradient(135deg,#7a5518 0%,#c08830 50%,#7a5518 100%);
background-size:200% 100%;
color:#fff8e1;
text-decoration:none;
font-size:14px;
letter-spacing:.12em;
border:1px solid rgba(206,164,84,.5);
border-radius:3px;
transition:all .3s ease;
box-shadow:0 2px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,240,160,.12);
}
body.contact-page .sp-contact-btn a:hover{
background-position:right center;
box-shadow:0 4px 20px rgba(255,180,40,.18),inset 0 1px 0 rgba(255,240,160,.18);
transform:translateY(-2px);
}
@media only screen and (max-width:520px){
body.support-menu-page .sp-main,
body.support-sub-page .sp-main{padding:32px 14px 60px}
body.support-menu-page .sp-page-title,
body.support-sub-page .sp-page-title{font-size:21px;letter-spacing:.12em}
body.support-menu-page .sp-card,
body.support-sub-page .sp-card{padding:22px 16px}
body.support-sub-page .sp-profile-card{padding:22px 16px;margin-bottom:14px}
body.support-sub-page .sp-profile-name{font-size:20px;margin-bottom:14px}
body.support-sub-page .sp-profile-meta{padding:12px 14px;gap:6px;margin-bottom:14px}
body.support-sub-page .sp-profile-meta-item{font-size:14px;line-height:1.85}
body.support-sub-page .sp-profile-meta-item span{display:block;min-width:0;margin:0 0 2px}
body.support-sub-page .sp-profile-text p{font-size:15px;line-height:1.95}
body.support-menu-page .sp-header_brand a,
body.support-sub-page .sp-header_brand a{font-size:14px}
body.support-menu-page .sp-header_brand small,
body.support-sub-page .sp-header_brand small{font-size:9px}
body.support-menu-page .sp-header_nav a,
body.support-sub-page .sp-header_nav a{font-size:12px}
body.support-menu-page .sp-menu-item a{font-size:16px}
body.support-sub-page .sp-section h3{font-size:16px}
body.support-sub-page .sp-section p{font-size:14px;line-height:1.95}
body.support-sub-page .sp-table th,
body.support-sub-page .sp-table td{font-size:14px}
body.contact-page .sp-contact-btn a{font-size:15px}
body.support-sub-page .sp-table{display:block}
body.support-sub-page .sp-table thead{display:none}
body.support-sub-page .sp-table tbody,
body.support-sub-page .sp-table tr,
body.support-sub-page .sp-table th,
body.support-sub-page .sp-table td{display:block;width:100%}
body.support-sub-page .sp-table tr{border-bottom:1px solid rgba(206,164,84,.12);padding-bottom:10px;margin-bottom:10px}
body.support-sub-page .sp-table tr:last-child{border-bottom:none;margin-bottom:0}
body.support-sub-page .sp-table th{color:#b88f47;font-size:1.15rem;padding-bottom:2px;border-bottom:none;padding-left:0}
body.support-sub-page .sp-table td{padding-top:4px;padding-left:0;border-bottom:none}
}

.index .cta_btn_image_link{
background:none !important;
border:0 !important;
box-shadow:none !important;
padding:0 !important;
border-radius:0 !important;
animation:none !important;
text-shadow:none !important;
overflow:visible !important;
}

.index .cta_btn_image_link::before,
.index .cta_btn_image_link::after{
content:none !important;
display:none !important;
}

.index .cta_btn_image_link img{
display:block;
width:100%;
height:auto;
animation:ctaImageFloatPulse 2.6s ease-in-out infinite,ctaImageGlow 2.6s ease-in-out infinite;
transition:transform .22s ease,filter .22s ease,opacity .22s ease;
transform-origin:center center;
}

.index .cta_btn_image_link:hover img{
transform:translateY(-3px) scale(1.025);
filter:drop-shadow(0 14px 20px rgba(0,0,0,.28)) drop-shadow(0 0 18px rgba(255,210,104,.28));
opacity:.98;
}