:root{--clr-primary: #0268c4;--clr-thin-primary: #f0f4f7;--clr-accent: #ffd821;--clr-movie: #e8340c;--bg-clr: whitesmoke;--bg-clr-body: var(--clr-primary);--fc-base: #231815;--fs-base: 2rem;--fs-base: clamp(1.6rem, 1.39vw, 2rem);--fw-base: 700;--fw-b: 900;--lh-base: 2;--cnt-w: 120rem;--inner-w: calc(100% - (var(--sideSpace) * 2));--innerSize: min(var(--inner-w), var(--cnt-w));--sideSpace: 5rem;--bw-b: 0.8rem;--bw-sb: 0.7rem;--bw-m: 0.6rem;--bw-r: 0.4rem}@media(max-width: 1023.98px){:root{--bw-b: 0.72rem;--bw-sb: 0.63rem;--bw-m: 0.54rem;--bw-r: 0.36rem}}@media(max-width: 767.98px){:root{--bw-b: 0.64rem;--bw-sb: 0.56rem;--bw-m: 0.48rem;--bw-r: 0.32rem}}@media(max-width: 639.98px){:root{--bw-b: 0.5rem;--bw-sb: 0.45rem;--bw-m: 0.4rem;--bw-r: 0.3rem}}@media(max-width: 1023.98px){:root{--sideSpace: 4rem}}@media(max-width: 767.98px){:root{--sideSpace: 3rem}}@media(max-width: 639.98px){:root{--sideSpace: 2rem}}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul:where([role=list]),ol:where([role=list]){list-style:none;padding:0}body{min-block-size:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6,button,input,label{line-height:1.1}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-inline-size:100%;block-size:auto;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-block-size:10em}a[href^="tel:"]{pointer-events:none}@media(max-width: 767.98px){html{min-inline-size:320px}a[href^="tel:"]{pointer-events:auto}}[type=submit],[type=button],button{padding:0;border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;-moz-appearance:button;appearance:button;border:none;background:none;box-sizing:border-box;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:inherit;letter-spacing:inherit;cursor:pointer;color:inherit}[type=submit]::-webkit-search-decoration,[type=button]::-webkit-search-decoration,button::-webkit-search-decoration{display:none}[type=submit]:focus,[type=button]:focus,button:focus{outline-offset:-2px}[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],textarea{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--fc-base)}[type=text]::-moz-placeholder, [type=search]::-moz-placeholder, [type=email]::-moz-placeholder, [type=number]::-moz-placeholder, [type=password]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=url]::-moz-placeholder, textarea::-moz-placeholder{color:var(--fc-placeholder)}[type=text]::placeholder,[type=search]::placeholder,[type=email]::placeholder,[type=number]::placeholder,[type=password]::placeholder,[type=tel]::placeholder,[type=url]::placeholder,textarea::placeholder{color:var(--fc-placeholder)}html{font-size:62.5%;scroll-behavior:smooth}body{--bg-dot: rgba(255, 255, 255, 0.09);--bg-dot-ratio: 18%;--bg-size: 3rem;min-block-size:100vh;display:flex;flex-direction:column;color:var(--fc-base);font-family:"Zen Maru Gothic",serif;font-size:var(--fs-base);font-weight:var(--fw-base);font-feature-settings:"palt";line-height:var(--lh-base);background-color:var(--bg-clr-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:break-word;background-image:radial-gradient(var(--bg-dot) var(--bg-dot-ratio), transparent var(--bg-dot-ratio)),radial-gradient(var(--bg-dot) var(--bg-dot-ratio), transparent var(--bg-dot-ratio));background-size:var(--bg-size) var(--bg-size);background-position:0 0,calc(var(--bg-size)/2) calc(var(--bg-size)/2);overflow-x:hidden}body *{letter-spacing:.1em}.inner{inline-size:var(--innerSize);margin-inline:auto}.main{flex:1;display:block}@media(min-width: 768px){.show-sp{display:none !important}}@media(max-width: 767.98px){.show-pc{display:none !important}}@media(min-width: 768px){.hide-pc{display:none !important}}@media(max-width: 767.98px){.hide-sp{display:none !important}}.header .inner{display:grid;align-items:center;grid-template-columns:1fr 36.67% 1fr;grid-template-areas:"l logo r"}.header .inner .logo{grid-area:logo;margin-inline:auto}.header .inner .headLink{grid-area:r;margin-block:0 3rem;margin-inline:auto 2.5rem;color:#fff}@media(max-width: 767.98px){.header .inner{display:flex;flex-direction:column;align-items:center}.header .inner .headLink{margin-block:.6rem 0;margin-inline:auto}}.logo{display:block;inline-size:100%;background:#fff;border:var(--bw-sb) solid currentColor;border-block-start-width:0;border-radius:3.7rem;border-start-start-radius:0;border-start-end-radius:0}.logo a{display:block;padding-block:2.6rem 3rem;padding-inline:15.91%}.logo img{inline-size:28.6rem;margin-inline:auto;vertical-align:middle}@media(max-width: 767.98px){.logo{inline-size:54%;border-radius:0 0 2rem 2rem}.logo a{padding-block:1.4rem 1.6rem;padding-inline:2.1rem}}.headLink{font-size:1.7rem;letter-spacing:.14em;text-decoration-thickness:1px;text-underline-offset:.8em}.headLink::after{--size: var(--icon-size, 1em);--color: var(--icon-color, currentColor);content:"";flex:none;display:inline-block;vertical-align:middle;width:var(--size);aspect-ratio:1;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(../img/blank.svg);mask-image:url(../img/blank.svg);background-color:var(--color);font-size:.8em;margin-inline-start:.5em}@media(max-width: 767.98px){.headLink{font-size:1.2rem;text-underline-offset:.8em}}.main{margin-block-start:10.5rem}@media(max-width: 767.98px){.main{margin-block-start:3.5rem}}.footer{margin-block-start:17rem;background:#231815;color:#fff}.footer>.inner{position:relative;padding-block:6rem 1.5rem}.footer>.inner::before,.footer>.inner::after{content:"";position:absolute;inset-block-end:100%}.footer>.inner::before{inset-inline-start:0;inline-size:min(40.9rem,34.17%);aspect-ratio:409/154;margin-inline-start:-3rem;margin-block-end:-1.8rem;background:url(../img/illust_shop.png) no-repeat 50% 100%/contain}.footer>.inner::after{inset-inline-end:0;inline-size:min(20.5rem,17.08%);aspect-ratio:205/123;margin-inline-end:.5rem;margin-block-end:-3rem;background:url(../img/illust_car.png) no-repeat 50% 100%/contain}@media(max-width: 767.98px){.footer{margin-block-start:13.5rem}.footer>.inner{inline-size:100%;padding-block-start:3rem}.footer>.inner::before{inline-size:47.44%;margin-inline-start:3.85%;margin-block-end:-0.8rem}.footer>.inner::after{inline-size:23.85%;margin-inline-end:4.62%;margin-block-end:-1rem}}.copyright{font-size:1.7rem;letter-spacing:.1em}@media(max-width: 767.98px){.copyright{font-size:1.2rem;text-align:center}}.mainSection{padding-inline:var(--sideSpace);background:#fff;border:var(--bw-b) solid currentColor;border-radius:4rem;counter-reset:partNum}.mainSection_head{--img-w: min(14.2rem, 12.68%);position:relative;margin-inline:-1.8rem;padding-inline:calc(var(--img-w) + 1rem)}.mainSection_head::before,.mainSection_head::after{content:"";position:absolute;inset-block-end:100%;z-index:1;inline-size:var(--img-w);aspect-ratio:140/160;margin-block-end:max(-3%,-3.5rem);background:no-repeat 50% 100%/contain}.mainSection_head::before{inset-inline-start:0;background-image:url(../img/illust_character.svg)}.mainSection_head::after{inset-inline-end:0;background-image:url(../img/illust_character02.svg)}.mainSection_head .sectionTitle{transform:translate(0, -50%)}.mainSection_body{padding-block:0 13rem}@media(max-width: 767.98px){.mainSection{border-radius:2.5rem}.mainSection_head{--img-w: min(10rem, 20.51%);margin:calc(-1*var(--bw-b)) calc(-1*(var(--bw-b) + var(--sideSpace))) 0;padding-inline:0}.mainSection_head::before,.mainSection_head::after{margin-block-end:max(-6%,-3rem)}.mainSection_head::before{inset-inline-start:5%}.mainSection_head::after{inset-inline-end:5%}.mainSection_head .sectionTitle{transform:none;inline-size:100%}.mainSection_body{margin-block-start:4rem;padding-block:0 var(--sideSpace)}}.sectionTitle{position:relative;inline-size:-moz-fit-content;inline-size:fit-content;margin-inline:auto;padding-inline:1.8em;padding-block:.5em;background:#ffd821;border:var(--bw-m) solid currentColor;border-radius:2em;font-size:clamp(2.2rem,2.85vw,4.1rem);font-weight:var(--fw-b);text-align:center;line-height:1.25}.sectionTitle::before,.sectionTitle::after{content:"";position:absolute;inset-block:0;inline-size:1.2rem;block-size:1.2rem;aspect-ratio:1/1;margin-inline:.4em;margin-block:auto;background:currentColor;border-radius:50%}.sectionTitle::before{inset-inline-start:0}.sectionTitle::after{inset-inline-end:0}.sectionTitle small{font-size:0.7561em}@media(max-width: 767.98px){.sectionTitle{padding-block:.5em .6em;border-width:var(--bw-b) var(--bw-b) var(--bw-m);border-radius:2rem 2rem 0 0}.sectionTitle::before,.sectionTitle::after{inline-size:.9rem;margin-inline:.8em}.sectionTitle small{font-size:3.1rem;font-size:.8em}}.blockTitle{display:grid;align-items:baseline;gap:.5em;padding-block-end:.4em;border-block-end:.4rem dashed currentColor;font-size:clamp(2rem,2.5vw,3.6rem);font-weight:var(--fw-b);line-height:1.3}.blockTitle:not(:first-child){margin-block-start:6rem}.blockTitle+*{margin-block-start:3rem}.blockTitle--part{grid-template-columns:max-content auto}.blockTitle--part::before,.blockTitle--part::after{grid-area:1/1;inline-size:1.5em;font-size:3.2rem;line-height:0}@media(max-width: 1279.98px){.blockTitle--part::before,.blockTitle--part::after{font-size:2.5rem}}.blockTitle--part::before{counter-increment:partNum;content:counter(partNum);display:grid;place-items:center;aspect-ratio:1/1;background:#0268c4;border-radius:50%;border:var(--bw-r) solid var(--fc-base);color:#fff;padding-block-end:.15em;line-height:0;letter-spacing:normal;transform:translateY(-0.1em)}@media(max-width: 767.98px){.blockTitle--part::before{transform:translateY(0em)}}.blockTitle--part::after{content:"";aspect-ratio:46/15;block-size:1.5rem;margin-block:-0.6rem auto;background:url(../img/part.svg) no-repeat 50% 0/contain;transform:translate(0, -100%)}@media(max-width: 767.98px){.blockTitle--part::after{margin-block:-0.2rem auto}}.clm{--clm-num: 1;--gap: 3rem;--gap-x: var(--gap);--gap-y: var(--gap);--w: calc((100% - var(--gap-x) * (var(--clm-num) - 1)) / var(--clm-num));list-style:none;display:flex;justify-content:normal;gap:var(--gap-y) var(--gap-x);flex-wrap:wrap}.clm>:where(*){inline-size:var(--w, 100%);flex:none}.clm.l-clm2{--clm-num: 2}.clm.l-clm3{--clm-num: 3}.clm.l-clm4{--clm-num: 4}@media(max-width: 639.98px){.clm.l-clm2{--clm-num: 1}}@media(max-width: 767.98px){.clm.l-clm3{--clm-num: 2}}@media(max-width: 639.98px){.clm.l-clm3{--clm-num: 1}}@media(max-width: 1023.98px){.clm.l-clm4{--clm-num: 3}}@media(max-width: 767.98px){.clm.l-clm4{--clm-num: 2}}@media(max-width: 639.98px){.clm.l-clm4{--clm-num: 1}}.list{padding-left:1.4em}.list small{font-size:.65em}.movie{--ratio: 247/185;display:grid;position:relative;border-radius:inherit;overflow:hidden;inline-size:100%;max-inline-size:100%;margin:auto}.movie iframe,.movie img{grid-area:1/1;display:block;inline-size:100%;block-size:auto;aspect-ratio:var(--ratio);cursor:pointer}.movie iframe{position:relative;z-index:2}.movie img{position:relative;z-index:3;-o-object-fit:cover;object-fit:cover}.movie.is-active::before{content:"";background:none}.movie.is-active::after{display:none}.movie.is-active img{display:none}.limitService .list{flex:auto}.limitService .movie{--ratio: 483/336;border-radius:2rem;flex:47rem 0 0;margin-block-end:auto}.movieBoxWrap{position:relative;counter-reset:listNum;overflow:hidden}.movieBoxWrap>*:last-child::before{content:"";position:absolute;z-index:0;pointer-events:none;inline-size:100%;block-size:calc((var(--cnt-w) - var(--sideSpace)*2)/var(--clm-num));max-block-size:calc((100vw - var(--sideSpace)*2)/var(--clm-num));background-image:url(../img/list_bg.png);background-position:0 0;background-size:var(--w) auto;background-repeat:space}.movieWrap{position:relative;block-size:-moz-fit-content;block-size:fit-content;border-radius:1.4rem}.movieWrap::before,.movieWrap::after{--icon-size: 4.6rem;position:absolute;z-index:1;inset:0;pointer-events:none;color:#fff;font-size:1.6rem;font-weight:var(--fw-b)}.movieWrap::before{content:"動画を再生";display:grid;place-items:center;background:rgba(35,24,21,.8);padding-block-start:calc(var(--icon-size) + .8em);border:var(--bw-b) solid var(--clr-movie);border-radius:inherit}.movieWrap::after{content:"";display:grid;place-items:center;background:var(--clr-movie) url(../img/arrow.svg) no-repeat 55% 50%/30% auto;border-radius:50%;inline-size:var(--icon-size);aspect-ratio:1/1;margin:auto;inset-block-end:.8em;font-size:2.8rem;font-weight:var(--fw-m);line-height:1}.movieWrap .movie{z-index:0}.movieWrap.movieWrap-num::after{content:counter(listNum);padding-block:0 .2em;background-image:none}@media(min-width: 1024px){.l-clm2 .movieWrap::before,.l-clm2 .movieWrap::after{--icon-size: 5.8rem;font-size:2.2rem}}.movieBox{counter-increment:listNum;display:flex;flex-direction:column;display:grid;grid-template-rows:max-content auto;gap:1rem;text-align:center}.movieBox .movieWrap{grid-area:1/1}.movieBox .movie{grid-area:1/1}.movieBox .movie img{cursor:zoom-in}.movieBox_check{grid-area:1/1;z-index:5;padding:2rem;margin-inline-end:auto;margin-block-end:auto;cursor:pointer}.movieBox_check:has(input:not(:checked))+:where(.movieWrap,.movieWrap-num)::before{--clr-movie: transparent;background:rgba(35,24,21,.7)}.movieBox_check:has(input:not(:checked))+:where(.movieWrap,.movieWrap-num)::after{--clr-movie: var(--fc-base)}.movieBox_check:has(input:not(:checked))+.movieWrap-num::after{--clr-movie: #fff;color:var(--fc-base);background-image:none}.movieBox_check:has(input:not(:checked))::before{background:#fff;border-color:#ccc}.movieBox_check input{display:none}.movieBox_check::before{content:"";display:block;inline-size:2.2rem;aspect-ratio:1/1;background:var(--clr-movie) url(../img/check.svg) no-repeat 50% 50%/80% auto;border:.2rem solid rgba(0,0,0,0);border-radius:.4rem}.title{line-height:1.3}.title--num::before{content:counter(listNum);display:inline-grid;place-items:center;vertical-align:text-bottom;inline-size:1.5em;aspect-ratio:1/1;margin-inline-end:.5em;background:var(--fc-base);border-radius:50%;color:#fff;font-size:.85em;padding-block-end:.2em;line-height:0;letter-spacing:normal}.time{display:inline-block;color:#333;background:#eee;padding:.2em .3em .3em .4em;border-radius:.5rem;line-height:1;white-space:nowrap}.time .unit{font-size:.8em}.time:where(.blockTitle *){font-size:smaller}.time:where(.title *){font-size:smaller;margin-inline-start:.3em}.modal{--padding: 4rem;--fs-close: 2.6rem;inline-size:100%;max-inline-size:var(--innerSize);max-block-size:100vh;margin:auto;padding-inline:0;padding-block:var(--padding);background:none;border:none;overflow:visible;pointer-events:none;overscroll-behavior:contain}.modal:not(:modal)[open]{position:fixed;z-index:1001;inset:0;margin:auto}body:has(.modal:not(:modal)[open])::after{content:"";position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.9);pointer-events:none}.modal::backdrop{background:rgba(0,0,0,.9);pointer-events:none}.modal,.modal::backdrop{display:none;opacity:0;transition:opacity .3s,display .3s allow-discrete,overlay .3s allow-discrete}.modal[open],.modal[open]::backdrop{display:block;opacity:1;pointer-events:auto}@starting-style{.modal[open],.modal[open]::backdrop{opacity:0}}.modal_movie{background:#fff;border:var(--bw-b) solid #fff;border-radius:2rem;block-size:68.2rem;max-block-size:calc(100vh - var(--padding)*3 - var(--fs-close)*3);max-block-size:calc(100svh - var(--padding)*3 - var(--fs-close)*3);overflow:hidden}.modal_movie iframe{block-size:100%;aspect-ratio:auto}.modal~img{cursor:zoom-in}.modalClose{display:flex;align-items:center;justify-content:center;gap:.5em;margin-block-start:var(--padding);inline-size:100%;max-inline-size:24rem;margin-inline:auto;padding-inline:1em;padding-block:1em;background:#fff;font-size:var(--fs-close);border-radius:2em;text-align:center;line-height:1}.modalClose::before{--size: var(--icon-size, 1em);--color: var(--icon-color, currentColor);content:"";flex:none;display:inline-block;vertical-align:middle;width:var(--size);aspect-ratio:1;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(../img/close.svg);mask-image:url(../img/close.svg);background-color:var(--color);font-size:.8em}
