﻿.beginner .breadcrumbs_area{border:none;background-color:transparent}.beginner .fv{height:100vh;height:100dvh;position:relative;overflow:hidden;color:#000;top:0;z-index:0;width:100%}.beginner .fv .fv-img{position:relative;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;background-repeat:no-repeat;background-size:cover;background-position:center}@media screen and (min-width: 961px){.beginner .fv .fv-img{background-attachment:fixed}}@media screen and (max-width: 960px){.beginner .fv .fv-img{background-attachment:scroll;object-fit:cover;object-position:center;background-repeat:no-repeat;background-size:cover;background-position:70%}}.beginner .fv .fv-img img{width:100%;height:100%;object-fit:cover;object-position:center top}.beginner .sec-fv{position:absolute;top:120px;z-index:1;width:100%}@media screen and (max-width: 960px){.beginner .sec-fv{top:100px}}@media screen and (max-width: 576px){.beginner .sec-fv{top:80px}}.beginner .sec-fv .cts-ttl-block{position:relative;display:flex;flex-direction:column;align-items:flex-start;z-index:2;line-height:1.5}@media screen and (max-width: 960px){.beginner .sec-fv .cts-ttl-block{left:0;top:0}}.beginner .sec-fv .cts-ttl-en{display:block;padding-bottom:0.5em;font-weight:400;letter-spacing:0.1em;font-size:clamp(2rem, 1.875vw, 3.6rem)}@media screen and (max-width: 960px){.beginner .sec-fv .cts-ttl-en{font-size:clamp(2rem, 3.75vw, 3.6rem)}}.beginner .sec-fv .cts-ttl-ja{display:block;font-weight:400;letter-spacing:0.2em;font-size:clamp(2.1rem, 3vw, 2.4rem)}@media screen and (max-width: 960px){.beginner .sec-fv .cts-ttl-ja{font-size:clamp(1.4rem, 1.875vw, 1.8rem)}}.beginner .sec-fv .cts-body{width:100%;padding-left:clamp(76px, 7.4vw, 143px);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width: 960px){.beginner .sec-fv .cts-body{padding-left:0}}.beginner .sec-fv .cts-lead{line-height:1.5;letter-spacing:0.2em;font-size:clamp(2rem, 1.875vw, 3.6rem)}@media screen and (max-width: 960px){.beginner .sec-fv .cts-lead{font-size:clamp(2rem, 3.75vw, 3.6rem)}}.beginner .sec-lead{padding:clamp(72px, 8vw, 120px) 0 clamp(64px, 7vw, 100px);background-color:#fff;color:#000}.beginner .sec-lead .cts-wrap{width:100%}.beginner .sec-lead .cts-body{width:100%}.beginner .sec-lead .lead-intro{text-align:center;letter-spacing:0.12em;line-height:2.15}.beginner .sec-lead .lead-main{margin:0 0 clamp(40px, 4.5vw, 64px);font-size:clamp(2rem, 3vw, 2.4rem);line-height:2;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-lead .lead-main{font-size:clamp(1.7rem, 2.1875vw, 2.1rem)}}@media screen and (max-width: 576px){.beginner .sec-lead .lead-main{font-size:16px;line-height:2;letter-spacing:0.08em}}.beginner .sec-lead .lead-text{font-size:clamp(1.6rem, .9375vw, 1.8rem);line-height:2.2;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-lead .lead-text{font-size:clamp(1.6rem, 1.6666666667vw, 1.6rem)}}@media screen and (max-width: 576px){.beginner .sec-lead .lead-text{font-size:1.6rem;line-height:2;letter-spacing:0.06em;text-align:left}}.beginner .sec-lead .lead-text p{margin:0}.beginner .sec-lead .lead-list{margin:clamp(24px, 2.6vw, 36px) 0;padding:0;list-style:none;display:inline-block;text-align:left}.beginner .sec-lead .lead-list li{position:relative;padding-left:1em;line-height:2}.beginner .sec-lead .lead-list li::before{content:"・";position:absolute;left:0;top:0}@media screen and (max-width: 576px){.beginner .sec-lead .lead-list{display:block;margin:24px 0}}.beginner .sec-guide{position:relative;padding:clamp(80px, 9vw, 140px) 0;background-color:#fff;color:#000;overflow:clip}.beginner .sec-guide .guide-wrap{position:relative;display:flex;column-gap:clamp(24px, 4vw, 64px)}@media screen and (max-width: 960px){.beginner .sec-guide .guide-wrap{flex-direction:column-reverse}}.beginner .sec-guide .guide-body{width:100%;position:relative}@media screen and (max-width: 960px){.beginner .sec-guide .guide-body{grid-template-columns:1fr;row-gap:48px}}.beginner .sec-guide .guide-side{position:relative;padding-top:clamp(30px, 4vw, 60px);width:100%}.beginner .sec-guide .guide-content{padding-top:clamp(88px, 10vw, 150px);width:100%}@media screen and (max-width: 960px){.beginner .sec-guide .guide-content{padding-top:0;max-width:none}}.beginner .sec-guide .guide-lead{position:relative;margin:0 0 clamp(48px, 6vw, 88px);font-size:clamp(2rem, 1.875vw, 3.6rem);line-height:1.9;letter-spacing:0.12em;font-weight:400;width:100%}@media screen and (max-width: 960px){.beginner .sec-guide .guide-lead{font-size:clamp(2rem, 2.9166666667vw, 2.8rem)}}@media screen and (max-width: 576px){.beginner .sec-guide .guide-lead{font-size:20px;letter-spacing:0.08em}}.beginner .sec-guide .guide-item+.guide-item{margin-top:clamp(56px, 6vw, 88px)}.beginner .sec-guide .guide-item p{margin:0;font-size:clamp(1.6rem, .9375vw, 1.8rem);line-height:2.25;letter-spacing:0.08em;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-guide .guide-item p{font-size:clamp(1.6rem, 1.6666666667vw, 1.6rem)}}@media screen and (max-width: 576px){.beginner .sec-guide .guide-item p{font-size:1.6rem;line-height:2;letter-spacing:0.05em}}.beginner .sec-guide .guide-ttl{margin:0 0 clamp(24px, 3vw, 36px);font-size:clamp(2rem, 1.25vw, 2.4rem);line-height:1.8;letter-spacing:0.08em;font-weight:600}@media screen and (max-width: 960px){.beginner .sec-guide .guide-ttl{font-size:clamp(2rem, 2.0833333333vw, 2rem)}}@media screen and (max-width: 576px){.beginner .sec-guide .guide-ttl{font-size:1.8rem}}.beginner .sec-guide .guide-visual{position:sticky;top:100px;align-self:start;position:sticky;top:0;max-height:100vh;height:100%}@media screen and (max-width: 960px){.beginner .sec-guide .guide-visual{position:relative;top:auto;min-height:auto;order:-1}}.beginner .sec-guide .guide-img{position:relative;width:100%;overflow:hidden}.beginner .sec-guide .guide-img picture,.beginner .sec-guide .guide-img img{display:block;width:100%;height:100%}.beginner .sec-guide .guide-img img{object-fit:cover;object-position:center;max-height:100vh}.beginner .sec-guide .guide-phone{position:absolute;left:clamp(20px, 4vw, 72px);bottom:clamp(24px, 4vw, 64px);width:clamp(120px, 11vw, 170px);z-index:2}.beginner .sec-guide .guide-phone img{display:block;width:100%;height:auto}@media screen and (max-width: 576px){.beginner .sec-guide .guide-phone{width:120px;left:18px;bottom:18px}}.beginner .sec-flow{position:relative;min-height:clamp(440px, 45vw, 660px);display:flex;align-items:center;overflow:hidden;color:#fff;background-color:#000}.beginner .sec-flow .flow-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}@media screen and (max-width: 960px){.beginner .sec-flow .flow-bg{background-attachment:scroll}}.beginner .sec-flow .flow-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0.58) 28%, rgba(0,0,0,0.2) 58%, rgba(0,0,0,0.04) 100%);pointer-events:none}.beginner .sec-flow .wrapW{position:relative;z-index:2}.beginner .sec-flow .flow-content{max-width:780px;padding:clamp(72px, 8vw, 120px) 0}.beginner .sec-flow .flow-ttl{margin:0 0 clamp(28px, 3vw, 44px);font-size:clamp(2rem, 1.5625vw, 3rem);line-height:1.8;letter-spacing:0.12em;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-flow .flow-ttl{font-size:clamp(2rem, 2.9166666667vw, 2.8rem)}}@media screen and (max-width: 576px){.beginner .sec-flow .flow-ttl{font-size:2rem;line-height:1.75;letter-spacing:0.08em}}.beginner .sec-flow .flow-text{margin:0 0 clamp(56px, 6vw, 88px);font-size:clamp(1.6rem, .9375vw, 1.8rem);line-height:2.1;letter-spacing:0.08em;font-weight:400}@media screen and (max-width: 576px){.beginner .sec-flow .flow-text{font-size:1.6rem;line-height:2;letter-spacing:0.05em}.beginner .sec-flow .flow-text br{display:none}}.beginner .sec-flow .flow-link{display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-size:12px;line-height:1;letter-spacing:0.08em;transition:opacity 0.3s ease}@media screen and (min-width: 961px){.beginner .sec-flow .flow-link:hover{opacity:0.65}}.beginner .sec-flow .flow-link-icon{position:relative;width:26px;height:26px;border-radius:50%;background-color:#fff;flex-shrink:0}.beginner .sec-flow .flow-link-icon::before{content:"";position:absolute;width:8px;height:1px;background-color:#000;top:50%;left:8px;transform:translateY(-50%)}.beginner .sec-flow .flow-link-icon::after{content:"";position:absolute;width:5px;height:5px;border-top:1px solid #000;border-right:1px solid #000;top:50%;left:1.6rem;transform:translateY(-50%) rotate(45deg)}@media screen and (max-width: 960px){.beginner .sec-flow{min-height:520px}.beginner .sec-flow .flow-overlay{background:linear-gradient(90deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.5) 52%, rgba(0,0,0,0.18) 100%)}.beginner .sec-flow .flow-content{max-width:640px}}@media screen and (max-width: 576px){.beginner .sec-flow{min-height:500px}.beginner .sec-flow .flow-bg{background-position:center}.beginner .sec-flow .flow-overlay{background:linear-gradient(90deg, rgba(0,0,0,0.76) 0%, rgba(0,0,0,0.56) 68%, rgba(0,0,0,0.26) 100%)}.beginner .sec-flow .flow-content{padding:72px 0}}.beginner .sec-promise{background-color:#fff;color:#000}.beginner .sec-promise .promise-head{text-align:center;margin-bottom:clamp(48px, 6vw, 80px)}.beginner .sec-promise .promise-ttl{margin:0 0 clamp(28px, 3vw, 40px);font-size:clamp(2.2rem, 1.6666666667vw, 3.2rem);line-height:1.8;letter-spacing:0.12em;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-promise .promise-ttl{font-size:clamp(2.2rem, 3.125vw, 3rem)}}@media screen and (max-width: 576px){.beginner .sec-promise .promise-ttl{font-size:20px;line-height:1.75;letter-spacing:0.08em}}.beginner .sec-promise .promise-lead{margin:0;font-size:clamp(1.6rem, .9375vw, 1.8rem);line-height:2.2;letter-spacing:0.08em;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-promise .promise-lead{font-size:1.8rem}}@media screen and (max-width: 576px){.beginner .sec-promise .promise-lead{text-align:left;font-size:1.6rem;line-height:2;letter-spacing:0.05em}.beginner .sec-promise .promise-lead br{display:none}}.beginner .sec-promise .promise-body{margin-bottom:clamp(72px, 9vw, 130px)}.beginner .sec-promise .promise-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:clamp(20px, 2vw, 36px);margin:0;padding:0;list-style:none}@media screen and (max-width: 960px){.beginner .sec-promise .promise-list{grid-template-columns:repeat(2, 1fr);gap:24px}}@media screen and (max-width: 576px){.beginner .sec-promise .promise-list{grid-template-columns:1fr}}.beginner .sec-promise .promise-link{display:block;height:100%;color:inherit;text-decoration:none}.beginner .sec-promise .promise-card{position:relative;min-height:clamp(260px, 20vw, 340px);height:100%;padding:clamp(36px, 4vw, 56px) clamp(22px, 2vw, 36px) clamp(28px, 3vw, 44px);border:1px solid rgba(0,0,0,0.45);box-sizing:border-box;text-align:center;transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 961px){.promise-link:hover .beginner .sec-promise .promise-card{background-color:#142451;border-color:#142451;color:#fff}}.beginner .sec-promise .promise-num{margin:0 0 12px;font-size:2.4rem;line-height:1;letter-spacing:0.12em;font-weight:400}.beginner .sec-promise .promise-cate{margin:0 0 clamp(42px, 4vw, 62px);font-size:clamp(1.8rem, 2.5vw, 2.4rem);line-height:1.5;letter-spacing:0.08em;font-weight:400}.beginner .sec-promise .promise-card-ttl{margin:0;font-size:clamp(2rem, 2.5vw, 2.8rem);line-height:1.85;letter-spacing:0.12em;font-weight:400}.beginner .sec-promise .promise-more{position:absolute;left:50%;bottom:clamp(28px, 3vw, 42px);transform:translateX(-50%);display:inline-flex;align-items:center;gap:12px;color:#142451;font-size:12px;line-height:1;letter-spacing:0.08em;white-space:nowrap;transition:color 0.3s ease}@media screen and (min-width: 961px){.promise-link:hover .beginner .sec-promise .promise-more{color:#fff}}.beginner .sec-promise .promise-more-icon{position:relative;width:24px;height:24px;border-radius:50%;background-color:#142451;flex-shrink:0;transition:background-color 0.3s ease}.beginner .sec-promise .promise-more-icon::before{content:"";position:absolute;width:8px;height:1px;background-color:#fff;top:50%;left:7px;transform:translateY(-50%)}.beginner .sec-promise .promise-more-icon::after{content:"";position:absolute;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;top:50%;left:12px;transform:translateY(-50%) rotate(45deg)}@media screen and (min-width: 961px){.promise-link:hover .beginner .sec-promise .promise-more-icon{background-color:#fff}.promise-link:hover .beginner .sec-promise .promise-more-icon::before{background-color:#142451}.promise-link:hover .beginner .sec-promise .promise-more-icon::after{border-color:#142451}}.beginner .sec-promise .promise-foot{text-align:center}.beginner .sec-promise .promise-foot-ttl{margin:0 0 clamp(32px, 4vw, 48px);font-size:clamp(2.2rem, 1.5625vw, 3rem);line-height:1.8;letter-spacing:0.12em;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-promise .promise-foot-ttl{font-size:clamp(2.2rem, 2.9166666667vw, 2.8rem)}}@media screen and (max-width: 576px){.beginner .sec-promise .promise-foot-ttl{font-size:20px;line-height:1.75;letter-spacing:0.08em}}.beginner .sec-promise .promise-foot-text{margin:0;font-size:clamp(1.6rem, .9375vw, 1.8rem);line-height:2.2;letter-spacing:0.08em;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-promise .promise-foot-text{font-size:clamp(1.6rem, 1.875vw, 1.8rem)}}@media screen and (max-width: 576px){.beginner .sec-promise .promise-foot-text{text-align:left;font-size:1.6rem;line-height:2;letter-spacing:0.05em}.beginner .sec-promise .promise-foot-text br{display:none}}.beginner .sec-faq{background-color:#fff;color:#000}.beginner .sec-faq .faq-head{text-align:center;margin-bottom:clamp(80px, 9vw, 130px)}.beginner .sec-faq .faq-lead-ttl{margin:0 0 clamp(28px, 3vw, 42px);font-size:clamp(2.2rem, 1.6666666667vw, 3.2rem);line-height:1.8;letter-spacing:0.12em;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-faq .faq-lead-ttl{font-size:clamp(2.2rem, 3.125vw, 3rem)}}@media screen and (max-width: 576px){.beginner .sec-faq .faq-lead-ttl{font-size:20px;line-height:1.75;letter-spacing:0.08em}}.beginner .sec-faq .faq-lead-text{margin:0;font-size:clamp(1.6rem, .9375vw, 1.8rem);line-height:2.2;letter-spacing:0.08em;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-faq .faq-lead-text{font-size:clamp(1.6rem, 1.875vw, 1.8rem)}}@media screen and (max-width: 576px){.beginner .sec-faq .faq-lead-text{text-align:left;font-size:1.6rem;line-height:2;letter-spacing:0.05em}.beginner .sec-faq .faq-lead-text br{display:none}}.beginner .sec-faq .faq-body{max-width:980px;margin:0 auto}.beginner .sec-faq .faq-ttl{margin:0 0 clamp(48px, 6vw, 76px);text-align:center;font-size:clamp(2.2rem, 1.6666666667vw, 3.2rem);line-height:1.8;letter-spacing:0.12em;font-weight:400}@media screen and (max-width: 960px){.beginner .sec-faq .faq-ttl{font-size:clamp(2.2rem, 3.125vw, 3rem)}}@media screen and (max-width: 576px){.beginner .sec-faq .faq-ttl{font-size:20px;line-height:1.75;letter-spacing:0.08em}}
/*# sourceMappingURL=beginner.css.map */
