*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:10px;line-height:1}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,figure,figcaption,blockquote,pre,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}ul,ol{list-style:none}img,picture,video,canvas,svg{max-inline-size:100%;display:block}img{border-style:none;height:auto}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}:root{--color-main:#3fa4d9;--color-secondary:#113f58;--color-tertiary:#1b85bd;--color-orange:#f98309;--size-4r:clamp(2.4rem, .571rem + 3.81vw, 4rem);--size-12r:clamp(6.4rem, -.914rem + 15.24vw, 12.8rem)}body{color:#222;inline-size:100%;max-inline-size:1920px;margin-inline:auto;font-family:Noto Sans JP,sans-serif;font-size:1.6rem}.contactCTA{background-color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:16px;inline-size:80%;max-inline-size:400px;margin-inline:auto;padding-block:clamp(3.2rem,2.514rem + 1.43vw,3.8rem);font-size:clamp(1.8rem,1.114rem + 1.43vw,2.4rem);font-weight:700;display:flex;&:before{content:"";aspect-ratio:30/24;background-image:url(img/icon02.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;inline-size:30px;display:block}&.cart{background-color:var(--color-orange);color:#fff;&:before{aspect-ratio:1;background-image:url(img/icon01.webp);inline-size:24px}}&.home{background-color:var(--color-orange);color:#fff;&:before{aspect-ratio:1;background-image:url(img/icon13.webp);inline-size:40px}}&.js-image-dialog{&:before{aspect-ratio:1;background-image:url(img/icon_doc.webp);inline-size:24px}}}.main-header{--header-h:min(12rem,calc(120/1920*100vw));inline-size:calc(100% - 32px);max-inline-size:1760px;min-block-size:var(--header-h);z-index:100;justify-content:space-between;align-items:center;gap:clamp(1.2rem,.514rem + 1.43vw,2.4rem);margin-block-start:0;margin-inline:auto;display:flex;position:fixed;inset-block-start:16px;inset-inline:0;& .header-logo{inline-size:var(--header-h);aspect-ratio:1;flex-shrink:0;min-inline-size:50px}& .header-actions{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:clamp(.8rem,.114rem + 1.43vw,2rem);min-inline-size:0;display:flex}& .floating-button{flex-direction:row;justify-content:flex-end;align-items:stretch;gap:clamp(.8rem,.343rem + .95vw,1.2rem);inline-size:auto;display:flex;&>*{flex:auto;inline-size:auto;font-size:clamp(1.4rem,1.086rem + .67vw,1.8rem);& a{white-space:nowrap;border-style:solid;border-width:2px;border-radius:8px;justify-content:center;align-items:center;gap:8px;block-size:100%;min-block-size:44px;inline-size:100%;padding-block:12px;padding-inline:clamp(1.6rem,.686rem + 1.9vw,2.8rem);font-weight:700;line-height:1.2;transition:filter .2s,transform .2s;display:flex;&:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;display:block}&:hover{filter:brightness(1.05)}&:active{transform:scale(.98)}&:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}&.floatingCart{background-color:var(--color-orange);color:#fff;border-color:var(--color-orange);&:before{aspect-ratio:1;background-image:url(img/icon01.webp);inline-size:1em}}&.floatingContact{color:var(--color-tertiary);border-color:var(--color-tertiary);background-color:#fff;&:before{aspect-ratio:30/24;background-image:url(img/icon02.webp);inline-size:.9375em}}}}@media (width<768px){z-index:100;gap:0;inline-size:100%;position:fixed;inset-block:auto 0;inset-inline:0;&>*{flex:50%;inline-size:50%;font-size:clamp(1.4rem,1.143rem + .95vw,1.8rem);& a{border-width:1px 1px 0;border-radius:0;min-block-size:56px;padding:clamp(1.4rem,.686rem + 1.9vw,2rem);&.floatingContact{border-inline-end-width:0}}}}}& .header-nav{& ul{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:min(1.2rem,.625vw);display:flex}& li{inline-size:fit-content;& a{min-block-size:36px;color:var(--color-secondary);background-color:#ffffffeb;border-radius:4px;justify-content:center;align-items:center;padding-block:6px;padding-inline:12px;font-size:clamp(1rem,.543rem + .95vw,1.4rem);font-weight:700;transition:background-color .2s;display:flex;&:hover{background-color:#fff}&:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}}}}}.main-visual{aspect-ratio:640/700;inline-size:100%;margin-block-end:-2px;display:block;position:relative;overflow:clip;@media (width>=640px){aspect-ratio:1920/900;background-color:var(--color-main)}& .main-visual__copy-sp{position:absolute;inset:0;@media (width>=640px){display:none}& img{object-fit:cover;block-size:100%;inline-size:100%}}& .main-visual__image{display:none;@media (width>=640px){z-index:0;display:block;position:absolute;inset:0;& img{object-fit:cover;object-position:center;block-size:100%;inline-size:100%}}}& .main-visual__copy{display:none;@media (width>=640px){z-index:1;max-block-size:555px;inline-size:min(100%,1225px);display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;& img{object-fit:contain;block-size:auto;max-block-size:555px;inline-size:100%}}}}.inline{display:inline-block}.back-white{background-color:#fff}.color-orange{color:var(--color-orange)}.top-second{background-color:#d9f4ff;padding-inline:16px;& h2{padding-block:var(--size-12r);color:var(--color-main);text-align:center;margin-inline:auto;font-size:clamp(2.4rem,5.71vw - .343rem,4.8rem);font-weight:700;line-height:1.8;position:relative;& .back-white{z-index:2;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#fff;padding-block:.2em;padding-inline:.35em;position:relative}& .font-large{font-size:1.16667em}& img{margin-inline:auto}}& .top-second__lead{font-weight:700;font-size:var(--size-4r);text-align:center;color:var(--color-secondary)}& .top-second__inner-content{counter-reset:gridNum;inline-size:100%;max-inline-size:1400px;padding-block:calc(var(--size-12r) / 2) var(--size-12r);row-gap:32px;margin-inline:auto;display:grid;& .gridItem{border-radius:16px;row-gap:24px;inline-size:100%;max-inline-size:800px;margin-inline:auto;padding-block:clamp(2.4rem,11.43vw - 3.086rem,7.2rem);padding-inline:clamp(1.6rem,20vw - 8rem,10rem);display:grid;@media (width>=1024px){gap:32px 5.57143%;max-inline-size:100%}& h3{color:var(--color-secondary);justify-content:flex-start;align-items:center;gap:clamp(1.6rem,3.81vw - .229rem,3.2rem);font-size:clamp(1.8rem,1.114rem + 1.43vw,2.4rem);font-weight:700;line-height:1.6;display:flex;&:before{content:counter(gridNum,decimal-leading-zero);counter-increment:gridNum;color:var(--color-orange);font-family:Figtree,sans-serif;font-size:2.66667em;line-height:1.4}}& img{margin-inline:auto;@media (width>=1024px){grid-row:span 2}}& p{order:3;line-height:1.8}&.left{background-color:#3fa4d91a;@media (width>=1024px){grid-template-columns:min(510px,50%) 1fr;& img{order:1}& h3{order:2}}}&.right{background-color:#ffffff80;@media (width>=1024px){grid-template-columns:1fr min(510px,50%);& img{order:2}& h3{order:1}}}}}}.top-third{padding-inline:16px;padding-block:var(--size-12r);background-color:#fff;& .top-third__inner{row-gap:clamp(4.8rem,11.43vw - .686rem,9.6rem);inline-size:100%;max-inline-size:1600px;margin-inline:auto;display:grid;& h2{font-size:var(--size-4r);color:var(--color-tertiary);text-align:center;line-height:1.6;& .text-large{font-size:1.4em}& img{margin-inline:auto}}& .top-third__list{flex-flow:wrap;justify-content:center;align-items:stretch;gap:48px 3%;display:flex;& li{inline-size:100%;max-inline-size:500px;position:relative;& .list-target{background-color:var(--color-orange);color:#fff;text-align:center;z-index:1;border-radius:100px;justify-content:center;align-items:center;inline-size:max(15em,65.6%);padding-block:16px;display:flex;position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50% -50%;&:after{content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='10' viewBox='0 0 21 10' fill='none'%3E%3Cpath d='M10.2732 10L0 0H20.5464L10.2732 10Z' fill='%23F98309'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:10px;inline-size:21px;position:absolute;inset-block-end:-10px;inset-inline-start:50%;translate:-50%}}& a{inline-size:100%;padding:clamp(3.2rem, 2.286rem + 1.9vw, 4rem) var(--size-4r);background-color:#d9f4ff;border-radius:8px;flex-direction:column;justify-content:center;align-items:start;row-gap:8px;display:flex;position:relative;&:after{content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='15' viewBox='0 0 25 15' fill='none'%3E%3Cpath d='M24.7071 8.07088C25.0976 7.68035 25.0976 7.04719 24.7071 6.65666L18.3431 0.292703C17.9526 -0.0978211 17.3195 -0.0978212 16.9289 0.292703C16.5384 0.683228 16.5384 1.31639 16.9289 1.70692L22.5858 7.36377L16.9289 13.0206C16.5384 13.4111 16.5384 14.0443 16.9289 14.4348C17.3195 14.8254 17.9526 14.8254 18.3431 14.4348L24.7071 8.07088ZM0 7.36377L-8.74228e-08 8.36377L24 8.36377L24 7.36377L24 6.36377L8.74228e-08 6.36377L0 7.36377Z' fill='%23222222'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:15px;inline-size:25px;position:absolute;inset-block-start:50%;inset-inline-end:16px;translate:0 -50%}& .list-lead{line-height:1.8;display:block}& .list-head{font-size:clamp(1.6rem,.686rem + 2.86vw,2.4rem);font-weight:700;line-height:1.6}}}}}}.top-fourth{background-color:var(--color-main);padding-block:var(--size-12r);padding-inline:16px;position:relative;@media (width>=640px){&:before{content:"";clip-path:polygon(100% 100%,89.43% 100%,100% 70%);background-color:#d9f4ff;position:absolute;inset-block:0 -1px;inset-inline:0}}&>*{z-index:2;inline-size:100%;max-inline-size:1200px;margin-inline:auto;position:relative}& .top-fourth__inner-head{row-gap:clamp(3.2rem,7.62vw - .457rem,6.4rem);display:grid;& h2{text-align:center;color:var(--color-secondary);font-size:clamp(1.8rem,.2rem + 3.33vw,3.2rem);font-weight:700;line-height:calc(2em + 16px);& .blank{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#fff;margin-block-end:16px;margin-inline:auto;padding-block:8px;padding-inline:16px}& .text-large{font-size:125%}}& .top-fourth__head-content{color:#fff;flex-flow:column wrap;justify-content:center;align-items:center;row-gap:24px;width:100%;display:flex;@media (width>=1024px){flex-flow:row;justify-content:space-between;column-gap:6.5%}& .top-fourth__head-content-text{flex-direction:column;justify-content:center;align-items:start;gap:24px;inline-size:min(510px,100%);display:flex;& .text-large{font-size:clamp(1.8rem,1.114rem + 1.43vw,2.4rem);font-weight:700;line-height:1.6}& p:not([class]){line-height:1.8}}}}& .top-fourth__inner-content{row-gap:clamp(3.2rem,7.62vw - .457rem,6.4rem);inline-size:100%;max-inline-size:1200px;margin-block-start:clamp(7.6rem,3.943rem + 7.62vw,10.8rem);margin-inline:auto;display:grid;& .flex-container{counter-reset:pointNum;flex-flow:wrap;justify-content:center;align-items:stretch;gap:68px 2%;display:flex;& .flex-item{background-color:#fff;border-radius:8px;max-inline-size:384px;padding-block:68px 35px;padding-inline:clamp(1.6rem,5.71vw - 1.143rem,4rem);position:relative;& .pointNum{background-color:var(--color-orange);color:#fff;aspect-ratio:1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;inline-size:88px;font-size:16px;font-weight:700;display:flex;position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50% -50%;&:after{content:counter(pointNum);counter-increment:pointNum;font-size:2em}}& h3{text-align:center;color:var(--color-tertiary);margin-block-end:24px;font-size:clamp(1.8rem,1.114rem + 1.43vw,2.4rem);font-weight:700;line-height:1.6}& p{line-height:1.8}}}& .content-outline{border:3px solid #fff;border-radius:16px;inline-size:100%;padding-block:clamp(3.6rem,8.57vw - .514rem,7.2rem);padding-inline:clamp(1.6rem,13.33vw - 4.8rem,7.2rem);& h2{text-align:center;color:#fff;margin-block-end:clamp(2.4rem,.571rem + 3.81vw,4rem);font-size:clamp(2.4rem,.571rem + 3.81vw,4rem)}& .flex-container{gap:0;& .flex-item{background-color:#0000;max-inline-size:320px;& .flexImage{aspect-ratio:1;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;inline-size:150px;margin-block-end:24px;margin-inline:auto;display:flex}& h3,& p{color:#fff}}}& .contactCTA{margin-block-start:clamp(3.2rem,.571rem + 5.48vw,5.5rem)}}& .plan-area{counter-reset:planNum;& h2{color:#fff;text-align:center;margin-block-end:24px;font-size:clamp(2.4rem,1.486rem + 1.9vw,3.2rem);line-height:1.6}& .plan-text{color:#fff;margin-block-end:40px;line-height:1.8;@media (width>=640px){text-align:center}}& .plan-detail-area{counter-reset:planNum;row-gap:24px;display:grid;& .plan-detail{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding-block:32px;padding-inline:clamp(2.4rem,7.62vw - 1.257rem,5.6rem);display:flex;@media (width>=1024px){flex-direction:row;justify-content:space-between}& p{margin-top:16px;line-height:1.8}}& h3{color:var(--color-tertiary);cursor:pointer;border-radius:8px;gap:16px;font-size:clamp(1.8rem,1.114rem + 1.43vw,2.4rem);font-weight:700;list-style:none;display:grid;position:relative;&::-webkit-details-marker{display:none}@media (width>=1024px){grid-template-columns:5.5em 1fr}&:before{content:"安全設計"counter(planNum,decimal-leading-zero);counter-increment:planNum;color:var(--color-orange)}}}}& .cta-container{flex-flow:wrap;justify-content:center;align-items:center;gap:32px 10.6667%;display:flex}}&.secondArea{background-color:var(--color-main);@media (width>=640px){&:before{clip-path:polygon(0 0,10.57% 0,0 30%);background-color:#fff;inset-block:-1px 0}}}&.thirdArea{background-color:#e7f8ff;@media (width>=640px){&:before{background-color:var(--color-main);clip-path:polygon(0 0,10.57% 0,0 30%);inset-block:-1px 0}}& .top-fourth__inner-head{& h2{color:var(--color-secondary)}& p{color:#222}}& .content-outline{border-color:var(--color-main);& h2{color:#222}& .flex-container{& .flex-item{& h3{color:var(--color-secondary)}& p{color:#222}}}}& .plan-area{& h2{color:var(--color-secondary)}& .plan-text{color:#222}& details{& P{color:#222}}}}}.top-fifth{padding-block:var(--size-12r);background-color:#fff;padding-inline:16px;& .top-fifth__inner{inline-size:100%;max-inline-size:1200px;margin-inline:auto;& h2{text-align:center;font-size:var(--size-4r);color:var(--color-tertiary);margin-block-end:32px;font-weight:700;line-height:1.6}&>p:not([class]){line-height:1.8;@media (width>=1024px){text-align:center}}& .grid-area{margin-block:clamp(3.2rem, -.457rem + 7.62vw, 6.4rem) var(--size-12r);row-gap:24px;display:grid;@media (width>=1024px){grid-template-rows:1fr auto auto;grid-template-columns:repeat(2,1fr);column-gap:2%}& .grid-item{grid-template-rows:subgrid;background-color:#f9830933;border-radius:16px;grid-row:span 3;row-gap:24px;inline-size:100%;max-inline-size:588px;margin-inline:auto;padding:clamp(1.6rem,5.71vw - 1.143rem,4rem);display:grid;& h3{color:var(--color-orange);text-align:center;background-color:#fff;border-radius:8px;margin-block-end:16px;padding-block:8px;padding-inline:24px;font-size:clamp(1.8rem,1.571rem + .48vw,2rem);font-weight:700;line-height:1.6}& dl{& dt{color:var(--color-secondary);margin-block-end:16px;font-size:clamp(1.8rem,1.114rem + 1.43vw,2.4rem);font-weight:700;line-height:1.6}& dd{font-size:16px;line-height:1.8}}& ul{padding-inline-start:1.5em;line-height:1.8;list-style:outside}& p{font-size:16px;line-height:1.8}}}& .info-area{background-color:#e7f8ff;border-radius:24px;padding-block:clamp(3.6rem,8.57vw - .514rem,7.2rem) clamp(2.8rem,6.9vw - .514rem,5.7rem);padding-inline:16px;& h3{color:var(--color-orange);font-size:var(--size-4r);text-align:center;margin-block-end:32px}& p:not([class]){line-height:1.8;@media (width>=1024px){text-align:center}}& .contact-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px 3.5%;margin-block-start:var(--size-4r);display:flex;& .tel-link{color:var(--color-tertiary);background-color:#fff;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding-block:8px;padding-inline:32px;font-size:clamp(2.8rem,6.67vw - .4rem,5.6rem);font-weight:700;line-height:1.6;display:flex;&:before{content:"";aspect-ratio:1;background-image:url(img/icon12.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;inline-size:.714286em;display:block}}& dl{grid-template-columns:auto 1fr;line-height:1.8;display:grid;& span{font-weight:700}& dt{&:after{content:"："}}}}}}}footer{background-color:#f0f0f0;position:relative;& .footer-info{row-gap:var(--size-4r);inline-size:calc(100% - 32px);max-inline-size:1200px;margin-inline:auto;padding-block:clamp(2.8rem,6.67vw - .4rem,5.6rem) clamp(2.8rem,2.343rem + .95vw,3.2rem);display:grid;@media (width>=800px){grid-template-columns:repeat(2,1fr);column-gap:24px}&>*{margin-inline:auto}& .info-detail{justify-content:center;row-gap:24px;inline-size:100%;margin-inline:auto;display:grid;@media (width>=450px){grid-template-columns:144px auto;justify-content:start;column-gap:12.2658%;margin-inline:0}& img{justify-self:center}& ul{letter-spacing:10%;line-height:1.8}}& .info-deal{background-color:#fff;border-radius:10px;inline-size:100%;padding-block:28px;padding-inline:clamp(1.6rem,3.81vw - .229rem,3.2rem);line-height:1.8;& dd{& ul{padding-inline-start:1.5em;list-style:inside desc}}}& .footerCTA{inline-size:100%;@media (width>=800px){grid-column:span 2}}}& .footerNav{inline-size:100%;& ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-block-end:32px;margin-inline:auto;display:flex}}& .footerCopyright{background-color:var(--color-secondary);text-align:center;color:#fff;padding-block:20px;padding-inline:16px;font-size:14px;line-height:26px}& .pagetop{aspect-ratio:1;background-color:var(--color-orange);z-index:100;opacity:0;visibility:hidden;pointer-events:none;border-radius:50%;inline-size:65px;transition:opacity .2s,visibility .2s;display:block;position:absolute;inset-block-start:0;inset-inline-end:6.61458%;translate:0 -50%;&.is-shown{opacity:1;visibility:visible;pointer-events:auto}&.is-fixed{position:fixed;inset-block:auto 32px;translate:0;@media (width<768px){inset-block-end:88px}}& a{border-radius:inherit;block-size:100%;inline-size:100%;display:block}&:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='13' viewBox='0 0 20 13' fill='none'%3E%3Cpath d='M1 11.4951L10 1.49512L19 11.4951' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:13px;inline-size:20px;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}}}.image-dialog{background:#fff;border:none;border-radius:12px;max-block-size:90vh;max-inline-size:min(92vw,960px);padding:0;position:fixed;overflow:auto;&::backdrop{background-color:#0009}& img{block-size:auto;inline-size:100%;display:block}& .image-dialog__close{z-index:2;aspect-ratio:1;color:#fff;background-color:#0000008c;border-radius:50%;place-items:center;inline-size:40px;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px;&:before{content:"×";font-size:2.4rem;line-height:1}}}.customer-voice{color:#fff;border-block:2px solid #fff;row-gap:24px;padding-block:24px;padding-inline:clamp(1.6rem,23.57vw - 9.714rem,11.5rem);display:grid;@media (width>=1024px){grid-template-columns:200px 1fr;align-items:center;column-gap:3.33333vw}& .voiceTitle{justify-content:center;align-items:center;gap:6.5px;font-size:24px;font-weight:700;display:flex}& p{font-size:18px;font-weight:500;line-height:1.8}}