:root{--fontfamily:"Roboto",sans-serif;--headerHeight:32px;--width:1136px;--padding:16px;--letterspacing:0.05em;--c-black:#000;--c-darkblack:#333;--c-white:#fff;--c-gray:#666;--c-lightgray:#e7e7e7;--c-Ultralightgray:#fafafa;--c-lightgreen:#59d8d5;--c-lightblue:#e8f1ff;--c-blue:#0065ff;--c-purple:#6952f9;--c-lightpurple:#f1efff}@media screen and (max-width:767px){:root{--padding:15px;--headerHeight:60px}}*{font-style:normal;list-style:none;margin:0;padding:0}figure,nav{display:block}html{font-size:10px;scroll-behavior:smooth}body{background:var(--c-white);color:var(--c-darkblack);font-family:var(--fontfamily);font-size:10px;text-align:center;-webkit-text-size-adjust:100%;font-optical-sizing:auto}.anchor{display:block;font-size:0;height:0;line-height:0}img{vertical-align:top}a{color:var(--c-darkblack)}a:hover{text-decoration:none}@media screen and (min-width:768px){a[href^="tel:"]{pointer-events:none;text-decoration:none!important}}@media screen and (max-width:767px){.c-pc{display:none}}@media screen and (min-width:768px){.c-sp{display:none}}.svgdefs{height:0;position:absolute;width:0}.l-all{background:var(--c-lightblue);overflow:clip}@media screen and (max-width:767px){.l-all{min-width:320px;width:100%}}.l-contents{padding:0 calc(var(--padding) * 2);position:relative;z-index:2}.header{gap:12px 16px;height:var(--headerHeight);position:absolute;z-index:1000;display:flex;justify-content:space-between;align-items:center;inset:calc(var(--padding) * 2) calc(var(--padding) * 2) auto}@media screen and (max-width:767px){.header{background:rgb(255 255 255/.8);box-sizing:border-box;flex-direction:column;gap:21px;height:90px;padding:var(--padding);justify-content:flex-start;align-items:flex-start;inset:0 0 auto}}.header__logo{flex-basis:464px;text-align:left}@media screen and (max-width:1023px){.header__logo{flex-basis:348px}}@media screen and (max-width:767px){.header__logo{order:2;flex-basis:auto;margin-left:var(--padding);width:220px}}.header__logo div,.header__logo h1{font-size:0}.header__logo img{display:block;width:100%}.header__official{align-self:flex-end;gap:8px;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width:1023px){.header__official{gap:4px}}@media screen and (max-width:767px){.header__official{order:1;gap:3px;justify-content:flex-start;width:100%}}.header__official a{background:var(--c-white);border:1px solid var(--c-lightgray);border-radius:16px;box-shadow:0 1px 1px rgba(0,0,0,.06);box-sizing:border-box;color:var(--c-darkblack);font-size:1.4rem;gap:8px;height:32px;letter-spacing:.05em;padding:0 var(--padding);display:flex;justify-content:center;align-items:center;text-decoration:none;transition:background .25s ease}@media screen and (max-width:1023px){.header__official a{font-size:1.2rem;letter-spacing:0;padding:0 8px}}@media screen and (max-width:767px){.header__official a{font-size:1.2rem;height:24px;letter-spacing:.05em;padding:0 10px}}@media screen and (min-width:768px){.header__official a:hover{background:var(--c-lightblue)}}.header__official a:before{color:var(--c-blue);content:"";flex-shrink:0;background:currentColor;height:10px;width:10px;clip-path:url(#icon_blank)}@media screen and (max-width:767px){.header__official a:before{scale:.5;transform-origin:left center;margin:0 -5px 0 0}}.header__official a:has(img):before{content:none}@media screen and (max-width:767px){.header__official a:has(img) img{height:12px}}.footer{align-content:center;background:var(--c-blue);box-sizing:border-box;color:var(--c-white);display:flex;flex-wrap:wrap;gap:0 var(--padding);justify-content:space-between;padding:0 32px var(--padding);position:relative;z-index:5}@media screen and (max-width:767px){.footer{display:block;padding:calc(var(--padding) * 2)}}.footer a,.footer button{color:inherit}.footer__corporate{align-self:center;text-align:left;width:100%}@media screen and (min-width:768px){.footer__corporate{height:168px;display:flex;justify-content:flex-start;align-items:center}}@media screen and (max-width:767px){.footer__corporate{margin:0 0 20px}}.footer__corporate a{text-decoration:none;transition:opacity .25s ease}@media screen and (min-width:768px){.footer__corporate a:hover{opacity:.7}}.footer__corporate a img{height:30px}@media screen and (max-width:767px){.footer__corporate a img{height:21px}}@media screen and (min-width:768px){.footer__nav{display:flex;flex-grow:10;gap:32px;justify-content:flex-start}}@media screen and (max-width:767px){.footer__nav{margin:0 0 20px}}@media screen and (max-width:767px){.footer__nav li{margin:0 0 2px}}.footer__nav a,.footer__nav button#ot-sdk-btn{align-items:center;padding:0;background:transparent;border:none;color:var(--c-white);cursor:pointer;display:flex;font-family:var(--fontfamily);font-size:1.2rem;gap:8px;letter-spacing:.05em;line-height:2em;text-decoration:none;transition:opacity .25s ease;appearance:none;-webkit-appearance:none}@media screen and (max-width:767px){.footer__nav a,.footer__nav button#ot-sdk-btn{gap:5px}}@media screen and (min-width:768px){.footer__nav a:hover,.footer__nav button#ot-sdk-btn:hover{opacity:.7}}.footer__nav a:before,.footer__nav button#ot-sdk-btn:before{flex-shrink:0;background:currentColor;border-radius:100%;content:"";height:8px;width:8px}@media screen and (max-width:767px){.footer__nav a:before,.footer__nav button#ot-sdk-btn:before{height:5px;width:5px}}.footer__nav a:hover,.footer__nav button#ot-sdk-btn:hover{background:transparent}.footer__nav a[target=_blank]:before,.footer__nav button#ot-sdk-btn[target=_blank]:before{border-radius:0;background:currentColor;height:10px;width:10px;clip-path:url(#icon_blank)}@media screen and (max-width:767px){.footer__nav a[target=_blank]:before,.footer__nav button#ot-sdk-btn[target=_blank]:before{scale:.5;transform-origin:left center;margin:0 -5px 0 0}}.footer__copyright{flex-grow:10;font-size:1.2rem;letter-spacing:.05em;line-height:1.333em;text-align:right}@media screen and (max-width:767px){.footer__copyright{display:block;font-size:1rem;line-height:1.2em;text-align:left}}.top .particlebg{bottom:-500px;height:800px;right:-50vw;position:absolute;width:100vw;z-index:-5}@media screen and (max-width:767px){.top .particlebg{right:-10vw}}.top .mainvisual{gap:calc(var(--padding) * 2);margin:0 auto 0;max-width:var(--width);text-align:left;min-height:calc(100vh - 208px);box-sizing:border-box;padding:190px 0 128px;display:flex;justify-content:space-between;align-items:flex-start}@media screen and (max-width:1023px){.top .mainvisual{display:block}}@media screen and (max-width:767px){.top .mainvisual{min-height:calc(100vh - 195px);padding-block:120px 30px}}.top .mainvisual__copy{flex-basis:624px}@media screen and (max-width:1023px){.top .mainvisual__copy{margin-bottom:calc(var(--padding) * 2)}}@media screen and (max-width:767px){.top .mainvisual__copy{margin-bottom:45px}}.top .mainvisual__copy h2{color:var(--c-blue);font-size:4rem;font-weight:700;line-height:1.1em;margin-bottom:48px}@media screen and (max-width:767px){.top .mainvisual__copy h2{font-size:2.4rem;margin-bottom:30px}}.top .mainvisual__copy p{font-size:2.4rem;line-height:1.1em}@media screen and (max-width:767px){.top .mainvisual__copy p{font-size:1.6rem}}.top .mainvisual__product{flex-basis:464px}.top .mainvisual__product dt{color:var(--c-black);font-size:3.2rem;font-weight:700;line-height:1.1em;margin-bottom:var(--padding)}@media screen and (max-width:767px){.top .mainvisual__product dt{font-size:2.4rem;margin-bottom:9px}}.top .mainvisual__product li{margin-bottom:var(--padding)}.top .mainvisual__product li a,.top .mainvisual__product li div{background:var(--c-white);border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.06);box-sizing:border-box;gap:var(--padding);display:flex;justify-content:space-between;align-items:center}.top .mainvisual__product li a{text-decoration:none}@media screen and (min-width:768px){.top .mainvisual__product li a{transition:all .25s ease}.top .mainvisual__product li a:hover{background:var(--c-lightblue);color:var(--c-blue)}.top .mainvisual__product li a:hover h3:before{background:var(--c-blue)}.top .mainvisual__product li a:hover h3:after{background:var(--c-white)}}.top .mainvisual__product li a span{display:block;flex-grow:10;padding:0 var(--padding)}.top .mainvisual__product li h3{font-size:2.4rem;font-weight:700;line-height:1.1em;margin-bottom:8px;padding:0 0 0 var(--padding);position:relative}@media screen and (max-width:767px){.top .mainvisual__product li h3{font-size:1.8rem}}.top .mainvisual__product li h3:before{margin:auto;position:absolute;background:var(--c-blue);border-radius:100%;content:"";height:8px;width:8px;inset:0 auto 0 0}@media screen and (max-width:767px){.top .mainvisual__product li h3:before{height:5px;width:5px}}.top .mainvisual__product li p{font-size:1.6rem;line-height:1.2em}@media screen and (max-width:767px){.top .mainvisual__product li p{font-size:1.2rem}}.top .mainvisual__product li figure{order:2;align-self:stretch;flex-shrink:0;flex-basis:176px}@media screen and (max-width:767px){.top .mainvisual__product li figure{flex-basis:135px}}.top .mainvisual__product li figure img{border-radius:8px;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
