@charset "UTF-8";:root{--clr-black: #1F2937;--clr-red: #E84646;--clr-red5: #FEF6F6;--clr-red10: #FCE4E4;--clr-blue: #264394;--clr-blue5: #F4F6FA;--clr-blue70: #677BB4;--clr-blue10: #DFE4F0;--clr-darkgreen: #149089;--clr-darkgreen5: #F3F9F9;--clr-darkgreen10: #DDEFEE;--clr-link:#0083D4;--clr-gray1:#EDF2F7;--clr-gray2:#F9FAFB;--clr-black50: #8F949B;--clr-black20: #BCBFC3;--clr-black10: #E3E5E7;--sec-max-width: 100%;--article-max-width:100%;--sec-padding: 5.6em;--sec-m-side:1em;--round32: 32px;--round16: 16px;--round8: 8px;--icon:"Material Symbols Outlined";--ttl:"Zen Kaku Gothic New", sans-serif;--num:"Oswald", sans-serif;--anm-hover: all .3s ease-in-out;--header-height: 86px}@media only screen and (min-width:768px){:root{--sec-m-side: 2em;--sec-max-width: 1664px;--article-max-width: 1264px;--header-height: 121px}}@media only screen and (min-width:1024px){:root{--sec-padding: 10.4em}}@media only screen and (min-width:1024px){body:has(.sidebar.is-collapsed) .main-content{padding-left:calc(90px + 5%)}}.main-content.is-guest{padding:0}@media only screen and (min-width:1024px){body:has(.sidebar.is-collapsed) .main-content.is-guest{padding-left:5%}.main-content.is-guest{padding-left:300px}}.guest-hero{background:#c9edec;padding:1.875em}.guest-hero .logo{display:none}.guest-hero-title{font-size:1.5rem}.guest-hero-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.875em;margin-bottom:1.875em}@media only screen and (min-width:768px){.guest-hero{flex-direction:row;flex-wrap:wrap;padding:0}.guest-hero-inner{padding:1.875em;flex-direction:row}.guest-hero figure{max-width:31.25em;height:auto;padding:1.875em 0 0;width:calc(50% - 80px)}.guest-hero figure img{width:100%;height:auto}.guest-hero .logo{display:block;width:12.5em;height:auto;margin-bottom:3.125em}}@media only screen and (min-width:1024px){.guest-hero-inner{padding:3.125em;margin-bottom:0;container-type:inline-size;container-name:hero}.guest-hero-title{font-size:clamp(24px,2.6vw,32px)}}.guest-hero-actions{display:flex;flex-direction:column;gap:1.25em;text-align:center;margin-inline:auto;max-width:15.625em}@media only screen and (min-width:768px){.guest-hero-actions{background:#6dc9c4;width:100%;max-width:100%!important;padding:1.875em;flex-direction:row!important;align-items:center;justify-content:center}.guest-hero-actions a{min-width:15.625em}}.guest-container{flex-direction:column}.guest-intro{counter-reset:number 0;display:flex;flex-direction:column;align-items:center;gap:1.875em;padding:1.875em 1.25em;container-type:inline-size;container-name:intro}.guest-intro h2{text-align:center}@media only screen and (min-width:768px){.guest-intro{gap:3.125em;margin-inline:auto;padding:3.125em}}@media only screen and (min-width:1024px){.guest-intro{max-width:75em;margin-inline:auto;gap:5em;padding:5em 3.125em}.guest-intro h2{font-size:2rem;font-size:clamp(24px,2.6vw,32px)}}.guest-intro .sp-br{display:block}@media only screen and (min-width:768px){.guest-intro .sp-br{display:none}}.guest-intro-box{background:#fff;padding:2em;font-size:.8125rem;line-height:1.8;border-radius:var(--round8);box-shadow:0 4px 6px #0000001a;margin:0 auto;display:flex;flex-direction:column;align-items:center;width:100%;gap:1.25em;box-sizing:border-box}.guest-intro-box figure{max-width:75%}@media only screen and (min-width:768px){.guest-intro-box{flex-direction:row}.guest-intro-box p{font-size:.875rem}}@media only screen and (min-width:1024px){.guest-intro-box{width:80%;max-width:880px;gap:1.875em;padding:3.125em;position:relative;font-size:1rem;line-height:1.8}.guest-intro-box p{font-size:1rem}.guest-intro-box:nth-last-of-type(odd){margin-left:0;padding-right:20%}.guest-intro-box:nth-last-of-type(odd) figure{position:absolute;right:-120px;bottom:-40px;width:320px;max-width:50%}.guest-intro-box:nth-last-of-type(odd) figure img{width:100%;height:auto}.guest-intro-box:nth-last-of-type(2n){margin-right:0;padding-left:20%}.guest-intro-box:nth-last-of-type(2n) figure{position:absolute;left:-150px;bottom:30px;width:320px;max-width:45%}.guest-intro-box:nth-last-of-type(2n) figure img{width:100%;height:auto}}.guest-intro-box h3{position:relative;font-size:1.5rem;color:var(--clr-blue);text-align:center;margin-bottom:.5em}.guest-intro-box h3:before{display:block;background:var(--clr-link);border-radius:var(--round32);margin-inline:auto;font-size:.75rem;padding:.1em .75em;color:#fff;width:fit-content;font-weight:400;content:"ポイント";counter-increment:number 1;content:"ポイント" counter(number)}@media only screen and (min-width:768px){.guest-intro-box h3{text-align:left}.guest-intro-box h3:before{margin-left:0}}@media only screen and (min-width:1024px){.guest-intro-box h3{font-size:2rem}}@media only screen and (min-width:768px){.guest-intro-inner{width:65%;margin-right:5%}.guest-intro-inner figure{width:30%;min-width:200px}.guest-intro-inner figure img{width:100%;height:auto}}@media only screen and (min-width:1024px){.guest-intro-inner{width:auto}}.btn-primary{background:var(--clr-red);transition:opacity .2s}.btn-primary:hover{background:var(--clr-red);opacity:.9}.btn-secondary{border-color:var(--clr-black);color:var(--clr-black);transition:background .2s}.btn-secondary:hover{border-color:var(--clr-black);color:var(--clr-black);background:#f5f5f5}.guest-app{display:flex;align-items:center;position:relative;flex-direction:column;gap:1.875em;padding:1.875em 1.25em;background:#fff;container-type:inline-size;container-name:app}@media only screen and (min-width:768px){.guest-app{padding:3.125em;gap:3.125em}}@media only screen and (min-width:1024px){.guest-app{padding:6.25em 3.125em}.guest-app h2{font-size:2rem;font-size:clamp(24px,2.6vw,32px)}}.guest-app-list{display:flex;flex-direction:column;gap:1.875em}@media only screen and (min-width:768px){.guest-app-list{flex-wrap:wrap;flex-direction:row}}@media only screen and (min-width:1024px){.guest-app-list{flex-direction:row;max-width:75em;gap:2.5em;margin-inline:auto}}.guest-app-box{background:#fff;padding:1.25em;font-size:.8125rem;line-height:1.8;border-radius:var(--round8);box-shadow:0 4px 6px #0000001a;display:flex;border:1px solid var(--clr-black10);flex-direction:column;align-items:center;gap:1.25em}@media only screen and (min-width:768px){.guest-app-box{width:calc(50% - 15px)}}@media only screen and (min-width:1024px){.guest-app-box{padding:1.875em;width:calc(50% - 20px);font-size:1rem}}.guest-app-box h3{color:var(--clr-blue)}.guest-app .btn{margin-inline:auto}.guest-closing{padding:3.125em 0;text-align:center}
