*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}pre{all:revert}::placeholder{color:unset}::marker{content:""}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}html{font-size:62.5%}a{text-decoration:none}img{max-width:100%;height:auto;vertical-align:bottom}iframe{display:block;width:100%}@media screen and (min-width: 600px){.sp{display:none}}.pc{display:none}@media screen and (min-width: 1025px){.pc{display:block}}.main{display:block}@font-face{font-family:"Josefin Slab";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/JosefinSlab-Regular.woff2") format("woff2")}@font-face{font-family:"Noto Serif JP";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/NotoSerifJP-Regular.woff2") format("woff2")}@font-face{font-family:"Noto Serif JP";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/NotoSerifJP-Bold.woff2") format("woff2")}@font-face{font-family:"Noto Sans JP";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/NotoSansJP-Regular.woff2") format("woff2")}@font-face{font-family:"Noto Sans JP";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/NotoSansJP-Bold.woff2") format("woff2")}body{color:#333;font-family:"Noto Sans JP",sans-serif;font-weight:400;font-size:1.6rem;line-height:2;letter-spacing:.25em;background-color:#fff}body.fixed{position:fixed;height:100%;overflow-y:scroll}a{color:#333}.wrapper{margin:0 auto;padding:0 4%;width:100%;max-width:120rem}.block{padding:10rem 0}.block:nth-of-type(even){background-color:rgba(205,148,0,.1)}.title{display:grid;gap:5rem;margin:0 auto 5rem;color:#cd9400;font-size:clamp(2.4rem,.959rem + 2.41vw,4rem);letter-spacing:.5rem;font-family:"Noto Serif JP";font-weight:bold;text-indent:.5rem;text-align:center}.title::after{content:"";display:block;margin:0 auto;width:.1rem;height:10rem;background-color:#cd9400}.header{position:fixed;top:2rem;left:2rem;z-index:10;width:calc(100% - 4rem);background-color:rgba(255,255,255,.8);border-radius:50px}.header .wrapper{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem;max-width:192rem}@media screen and (min-width: 1025px){.header .wrapper{padding:1rem 2rem}}.header .wrapper h1{font-family:"Josefin Slab";font-size:2rem}.nav{display:flex;align-items:center;justify-content:center;position:fixed;z-index:20;top:0;right:-100%;width:100%;min-height:100dvh;background-color:#333;transition:right .5s}@media screen and (min-width: 1025px){.nav{position:static;width:auto;min-height:auto;background-color:rgba(0,0,0,0)}}.nav.active{right:0}.nav ul{display:flex;flex-direction:column;gap:3rem}@media screen and (min-width: 1025px){.nav ul{flex-direction:row;gap:2rem}}.nav ul a{display:block;color:#fff}@media screen and (min-width: 1025px){.nav ul a{color:#333}.nav ul a::after{content:"";display:block;width:100%;height:1px;background-color:#333;transform:scale(0);transition:transform .5s}.nav ul a:hover::after{transform:scale(1)}}.menuBtn{position:relative;z-index:30;width:3.3rem;height:2rem;background-color:rgba(0,0,0,0);border:none}@media screen and (min-width: 1025px){.menuBtn{display:none}}.menuBtn::after1{position:absolute;left:0;bottom:0;content:"MENU";width:100%;color:#333;font-size:1rem;text-align:center}.fixed .menuBtn::after1{color:#fff}.menuBtn:hover{cursor:pointer}.menuBtn:focus{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.menuBtn span{display:block;position:absolute;width:100%;height:2px;background:#333;transition:all .5s}.fixed .menuBtn span{background:#fff}.menuBtn span:nth-child(1){top:0}.fixed .menuBtn span:nth-child(1){transform:translateY(0.8rem) rotate(-45deg)}.menuBtn span:nth-child(2){top:.8rem}.fixed .menuBtn span:nth-child(2){opacity:0}.menuBtn span:nth-child(3){top:1.6rem}.fixed .menuBtn span:nth-child(3){transform:translateY(-0.8rem) rotate(45deg)}#top{position:relative;display:grid;place-items:center;width:100%;height:100dvh;background:url(../images/top_bg.webp) no-repeat center center/cover}#top div{text-align:center;padding:3rem;background:rgba(255,255,255,.8);box-shadow:0 0 5px rgba(255,255,255,.8)}#top div p{font-size:2rem}#top div p:first-of-type{margin-bottom:2rem}#top div p span{color:#cd9400;font-size:3rem}#top div .btn a{color:#fff;padding:1rem 2rem;width:fit-content;margin-inline:auto;background:#cd9400}@keyframes bottomUP{0%{opacity:0;transform:translateY(10rem)}100%{opacity:1;transform:translateY(5rem)}}@keyframes topDown{0%{opacity:0;transform:translateY(-5rem)}100%{opacity:1;transform:translateY(0)}}@keyframes arrow{0%{height:0}100%{height:100%}}#utsunomiya2024-2 .wrapper div .text{margin-bottom:3rem}@media screen and (min-width: 600px){#utsunomiya2024-2 .wrapper div .text{text-align:center}#utsunomiya2024-2 .wrapper div .text span{display:inline-block;width:fit-content;margin-inline:auto}}#utsunomiya2024-2 .wrapper div table{width:fit-content;margin-inline:auto}#utsunomiya2024-2 .wrapper div table th,#utsunomiya2024-2 .wrapper div table td{display:block;padding:1rem;border-bottom:1px solid #fff}@media screen and (min-width: 600px){#utsunomiya2024-2 .wrapper div table th,#utsunomiya2024-2 .wrapper div table td{display:table-cell}}#utsunomiya2024-2 .wrapper div table th{background-color:#ccc}#about .wrapper{display:grid;gap:2rem;margin-bottom:5rem}@media screen and (min-width: 600px){#about .wrapper{grid-template-columns:minmax(45%, 1fr) minmax(45%, 40rem);gap:10%;align-items:center}}#about .wrapper div{order:2;display:grid;gap:2rem;max-width:70rem}@media screen and (min-width: 600px){#about .wrapper div{order:1}}#about .wrapper figure{order:1;text-align:center}@media screen and (min-width: 600px){#about .wrapper figure{order:2}}#about .wrapper figure img{width:100%;max-width:40rem;aspect-ratio:1/1;object-fit:cover;border-radius:50%}#about .btn a{display:block;margin-inline:auto;padding:1rem 3rem;width:fit-content;color:#fff;font-size:1.6rem;background:#cd9400;border-radius:5rem}#school .wrapper .text{margin-bottom:5rem}#school .wrapper .suggest{width:fit-content;margin-inline:auto;margin-bottom:5rem}#school .wrapper .suggest h3{font-size:2rem;font-weight:bold;text-align:center;margin-bottom:3rem}#school .wrapper .suggest .list li{padding-left:1.5em;text-indent:-1.2em}#school .wrapper .suggest .list li::before{content:"・"}#school .wrapper .suggest .list li:not(:last-child){padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px dashed #333}#school .wrapper .image{display:grid;grid-template-columns:repeat(auto-fit, minmax(24rem, 1fr));gap:2rem}#school .wrapper .image li img{border-radius:10px}#coach .wrapper{display:grid;gap:2rem}@media screen and (min-width: 600px){#coach .wrapper{grid-template-columns:minmax(45%, 1fr) minmax(45%, 40rem);gap:10%;align-items:center}}#coach .wrapper div{order:2}@media screen and (min-width: 600px){#coach .wrapper div{order:1}}#coach .wrapper div dl{display:flex;margin:0 auto 2rem;width:fit-content;font-size:2rem;font-weight:bold}@media screen and (min-width: 600px){#coach .wrapper div dl{margin:0 0 2rem}}#coach .wrapper div dl dt::after{content:"："}#coach .wrapper figure{order:1;text-align:center}@media screen and (min-width: 600px){#coach .wrapper figure{order:2}}#coach .wrapper figure img{border-radius:20px}#flow .wrapper ol{counter-reset:listnum;list-style:none}#flow .wrapper ol li{margin-bottom:3rem}@media screen and (min-width: 1025px){#flow .wrapper ol li{display:grid;grid-template-columns:10em 1fr;margin-bottom:5rem}}#flow .wrapper ol li::before{display:block;counter-increment:listnum;content:"STEP." counter(listnum);font-size:2rem;font-weight:bold;margin-bottom:1rem}#flow .wrapper ol li h3{color:#cd9400;font-family:"Noto Serif JP";font-size:2rem;font-weight:bold;margin-bottom:1rem}#flow .wrapper ol li .link{margin-top:1rem;width:fit-content;padding-bottom:.5rem;border-bottom:1px solid #333}#fee .wrapper .price{margin-bottom:3rem;font-size:3.2rem;font-weight:bold;text-align:center}#fee .wrapper .price span{font-size:2rem}#fee .wrapper div{display:grid;gap:2rem;margin:0 auto;width:fit-content}#vice .wrapper{display:grid;gap:2rem;align-items:center}@media screen and (min-width: 1025px){#vice .wrapper{gap:5rem}}#vice .wrapper figure{max-width:20rem;margin-inline:auto}#vice .wrapper figure img{border-radius:50%}#vice .wrapper figure figcaption{font-size:2rem;font-weight:bold;text-align:center}#vice .wrapper .text{display:grid;gap:1rem}#faq .wrapper{max-width:100rem}#faq .wrapper ul{display:grid;gap:1rem}#faq .wrapper ul li details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s}#faq .wrapper ul li details summary{display:block;cursor:pointer;list-style:none}#faq .wrapper ul li details summary::-webkit-details-marker{display:none}#faq .wrapper ul li details summary span{display:grid;grid-template-columns:1.5em 1fr 1.5em;padding:1rem;border-bottom:1px solid #ccc}#faq .wrapper ul li details summary span::before{content:"Q."}#faq .wrapper ul li details summary span::after{content:"+";text-align:right}#faq .wrapper ul li details .wrapper{display:grid;grid-template-columns:1.5em 1fr;padding:1rem;background:#eee;overflow:hidden}#faq .wrapper ul li details .wrapper::before{content:"A."}#faq .wrapper ul li details[open]{grid-template-rows:1fr}#faq .wrapper ul li details[open] summary span::after{content:"-"}#contact .wrapper{overflow-x:hidden}#contact .wrapper section{margin-bottom:5rem}#contact .wrapper section h3{margin-bottom:2rem;font-size:2rem;font-weight:bold;text-align:center}#contact .wrapper section.tel h3+p{margin-bottom:2rem;text-align:center}#contact .wrapper section.tel h3+p a{display:block;margin:0 auto;padding:1rem 3rem;width:fit-content;color:#fff;font-size:clamp(2rem,.912rem + 1.5vw,3rem);background:#cd9400;border-radius:5rem}#contact .wrapper section.tel h3+p span{font-size:2rem}@media screen and (min-width: 600px){#contact .wrapper section.tel h3+p+p{text-align:center}}@media screen and (min-width: 600px){#contact .wrapper section.sns p{text-align:center}}#contact .wrapper section.sns ul{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 auto 2rem;width:fit-content;text-align:center}#contact .wrapper section.sns ul li a figure{max-width:20rem}#contact .wrapper section.mail h3+div{margin-bottom:2rem}@media screen and (min-width: 600px){#contact .wrapper section.mail h3+div{text-align:center}}#contact .wrapper section.mail form dl div{display:grid;margin-bottom:2rem}@media screen and (min-width: 600px){#contact .wrapper section.mail form dl div{grid-template-columns:13em 1fr}}#contact .wrapper section.mail form dl div dt{margin-bottom:.5rem}@media screen and (min-width: 600px){#contact .wrapper section.mail form dl div dt{padding:1.1rem 0}}#contact .wrapper section.mail form dl div dt .required{display:flex;align-items:center}@media screen and (min-width: 600px){#contact .wrapper section.mail form dl div dt .required{justify-content:space-between}}#contact .wrapper section.mail form dl div dt .required::after{content:"必須";display:inline-block;margin:0 1em;padding:.5rem;color:#fff;font-size:1.2rem;background:red}#contact .wrapper section.mail form input,#contact .wrapper section.mail form textarea{padding:1rem;width:100%;background-color:#fff;border:1px solid #333}#contact .wrapper section.mail form input::placeholder,#contact .wrapper section.mail form textarea::placeholder{color:#aaa}#contact .wrapper section.mail form input+p,#contact .wrapper section.mail form textarea+p{padding-top:.5rem;font-size:1.2rem}#contact .wrapper section.mail form textarea{min-height:20rem}#contact .wrapper section.mail form .privacypolicy{margin-bottom:5rem;padding:2rem;aspect-ratio:2/1;background:#fff;background-color:#ccc}@media screen and (min-width: 600px){#contact .wrapper section.mail form .privacypolicy{margin-left:13em}}#contact .wrapper section.mail form .privacypolicy h3{margin-bottom:2rem;font-size:2rem}#contact .wrapper section.mail form .privacypolicy div{margin-bottom:2rem;padding-right:1rem;width:100%;height:calc(100% - 5rem);overflow-y:scroll}#contact .wrapper section.mail form .privacypolicy div ul{display:grid;gap:2rem;margin-top:5rem}#contact .wrapper section.mail form .privacypolicy div ul li h4{margin-bottom:1rem;font-weight:bold}#contact .wrapper section.mail form .privacypolicy .check input[type=checkbox]{position:absolute;z-index:-1;width:1px;opacity:0}#contact .wrapper section.mail form .privacypolicy .check label{display:flex;align-items:center;width:fit-content;font-size:1.2rem;cursor:pointer}#contact .wrapper section.mail form .privacypolicy .check label::before{display:grid;place-items:center;content:"";margin-right:1rem;padding:0;width:1.6rem;aspect-ratio:1/1;line-height:1;border:1px solid #333}#contact .wrapper section.mail form .privacypolicy .check.checked label::before{content:"✓"}#contact .wrapper section.mail form .btn{text-align:center}@media screen and (min-width: 600px){#contact .wrapper section.mail form .btn{padding-left:13em;text-align:left}}#contact .wrapper section.mail form .btn button{padding:1rem 2rem;width:20rem;text-align:center;letter-spacing:1em;text-indent:1em;border:1px solid #333;background-color:#fff;transition:color .5s,background-color .5s;cursor:pointer}#contact .wrapper section.mail form .btn button[disabled]{color:#aaa;border:1px solid #aaa;cursor:not-allowed}@media(hover: hover){#contact .wrapper section.mail form .btn button[disabled]:hover{color:#aaa;background-color:#fff}}@media(hover: hover){#contact .wrapper section.mail form .btn button:hover{color:#fff;background-color:#333}}@media screen and (min-width: 600px){.shop{padding:10rem 0 0}}.shop div{display:grid;gap:2rem;position:relative;margin:0 auto;padding:2rem;text-align:center;background:#cd9400}@media screen and (min-width: 600px){.shop div{max-width:40rem}}.shop div p span{display:inline-block}.shop iframe{height:20rem}@media screen and (min-width: 600px){.shop iframe{margin-top:-5.5rem;height:30rem}}.footer{position:relative;padding:2rem 0;color:#fff;font-size:1.2rem;text-align:center;background-color:#333}@media screen and (min-width: 600px){.footer{padding:2rem 0}}