:root{--base-width:1080;--max-main-width:680px;--base-font-size:clamp(18px,4vw,20px);--base-line-height:1.8;--base-margin-start:0.8em;--section-margin-inline:calc((48/var(--base-width))*100%);--section-padding-inline:calc((24/var(--base-width))*100%);--section-indent:calc((56/var(--base-width))*100%);--color-black:#040302;--color-white:#fff;--color-gray:silver;--color-skin:#f1e9db;--color-orange:#f4b22f;--color-red:#e36b2b;--color-green:#40867e;--color-light-green:#88c799;--color-pale-green:#acd598;--color-brown:#8b4934;--color-snow-yellow:#f6f5f2}main{margin-inline:auto;max-inline-size:var(--max-main-width);position:relative;z-index:1}section{margin-inline:var(--section-margin-inline)}section>*{padding-inline:var(--section-padding-inline)}section>h1{--mbs:2.4em;--font-size:2.2em;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";font-size:var(--font-size);font-weight:700;line-height:1;-webkit-text-stroke:1px #000}section>h1,section>h2{-webkit-margin-before:var(--mbs);margin-block-start:var(--mbs)}section>h2{--mbs:1.8em;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";font-size:1.4em;font-weight:700}section p{--mbs:var(--base-margin-start);-webkit-margin-before:var(--mbs);margin-block-start:var(--mbs)}section h1+p{--mbs:2.4em}section ul{list-style:disc;list-style-position:inside;-webkit-margin-before:2em;margin-block-start:2em;-webkit-margin-start:var(--section-indent);margin-inline-start:var(--section-indent)}section .photo{--mt:3em;--width:100%;display:block;margin-inline:auto;-webkit-margin-before:var(--mt);block-size:auto;inline-size:var(--width);margin-block-start:var(--mt)}.section-group{background-color:var(--color-white);padding-block:var(--section-indent) calc(var(--section-indent)*2);padding-inline:var(--section-indent);-webkit-margin-before:1.5em;border:3px solid var(--color,var(--color-gray));border-radius:1em;margin-block-start:1.5em}.section-group[data-color=red]{--color:var(--color-red)}.section-group[data-color=green]{--color:var(--color-green)}.section-group h2{color:var(--color,var(--color-gray));font-size:1.3em;font-weight:700}.section-group+p{-webkit-margin-before:2em;margin-block-start:2em}.section-group p+h2{-webkit-margin-before:1.3em;margin-block-start:1.3em}section:first-child h1 span{background-color:var(--bg,transparent);display:block;inline-size:-webkit-max-content;inline-size:-moz-max-content;inline-size:max-content;line-height:1.5;padding:.1em var(--section-padding-inline);-webkit-margin-start:calc(var(--section-padding-inline)*-1);margin-inline-start:calc(var(--section-padding-inline)*-1)}section:first-child h1 span:first-child{--bg:var(--color-orange)}section:first-child h1 span:nth-child(2){--bg:var(--color-light-green);-webkit-margin-before:.2em;margin-block-start:.2em}section:nth-child(2) h1 span:first-child{display:block;font-size:.5em;line-height:1}section:nth-child(2) h1 span:nth-child(2){-webkit-margin-before:.3em;display:block;margin-block-start:.3em}section:nth-child(2) ol:after{aspect-ratio:1;background-image:radial-gradient(var(--color-skin) 30%,transparent 30%),conic-gradient(var(--color-green) 46.3%,var(--color-light-green) 46.3% 83.3%,var(--color-pale-green) 83.3% 93%,var(--color-orange) 93% 96.7%,var(--color-red) 96.7% 100%);border:3px solid var(--color-skin);border-radius:50%;content:"";display:block;inline-size:90%;margin-block:2em;margin-inline:auto}section:nth-child(2) ol li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section:nth-child(2) ol li:before{aspect-ratio:1;background-color:var(--bg);content:"";display:inline-block;inline-size:1em;-webkit-margin-end:.3em;border:2px solid var(--color-skin);margin-inline-end:.3em}section:nth-child(2) ol li:first-child{-webkit-margin-before:2em;margin-block-start:2em}section:nth-child(2) ol li span{display:inline-block;-webkit-margin-start:1em;font-weight:700;margin-inline-start:1em}section:nth-child(4) ruby{-webkit-margin-end:.5em;margin-inline-end:.5em}section:nth-child(4) rt{font-size:10px}.career{padding-inline:var(--section-indent);position:relative;-webkit-margin-before:2em;background:-webkit-gradient(linear,left top,right top,color-stop(49.75%,transparent),color-stop(49.75%,var(--color-light-green)),color-stop(50.25%,var(--color-light-green)),color-stop(50.25%,transparent));background:linear-gradient(to right,transparent 49.75%,var(--color-light-green) 49.75%,var(--color-light-green) 50.25%,transparent 50.25%);margin-block-start:2em;overflow:hidden}.career:before{--w:5%;background-color:var(--color-skin);block-size:.85em;content:"";display:block;inline-size:var(--w);inset-block-start:0;inset-inline-start:calc(50% - var(--w)/2);position:absolute}.career,.career li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.career li{inline-size:50%}.career li:last-child{inline-size:100%;position:relative}.career li:nth-child(2n),.career li:nth-child(2n) span{-webkit-margin-start:auto;margin-inline-start:auto;text-align:right}.career li span{display:block;inline-size:100%}.career li span:first-child{color:var(--color-green);font-family:Barlow Condensed,sans-serif;font-size:1.9em;letter-spacing:1px;line-height:1;position:relative;z-index:2}.career li span:first-child:after{background-color:var(--color-light-green);block-size:2px;content:"";display:block;inline-size:calc(100% - 4.5ch);inset-block-start:50%;inset-inline-end:0;position:absolute}.career li:nth-child(2n) span:first-child:after{inset-inline-start:0}.career li span:nth-child(3){font-size:.8em;position:relative;-webkit-margin-before:.5em;margin-block-start:.5em;text-align:left;z-index:2}.career li:nth-child(2n) span:nth-child(3){-webkit-padding-start:.7em;padding-inline-start:.7em}.career li:last-child span:first-child{inline-size:50%}.career li:last-child:after{--w:5%;background-color:var(--color-skin);block-size:100%;content:"";display:block;inline-size:var(--w);inset-block-start:.9em;inset-inline-start:calc(50% - var(--w)/2);position:absolute;z-index:1}section:nth-child(7) h2 span{display:inline-block;font-size:.5em;text-indent:.5em}.map{border:3px solid var(--color-green);border-radius:1.4em;display:block;-webkit-transition:-webkit-filter .2s ease 0s;transition:-webkit-filter .2s ease 0s;transition:filter .2s ease 0s;transition:filter .2s ease 0s,-webkit-filter .2s ease 0s}.map-red{border:3px solid var(--color-red)}.map:hover{-webkit-filter:brightness(.3);filter:brightness(.3)}a:has(.map){display:block;position:relative}a:has(.map):hover:after{color:var(--color-white);content:"Google Mapを開く";display:block;inline-size:100%;inset-block-start:calc(50% - .5em);pointer-events:none;position:absolute;text-align:center}section:nth-child(8) h2 span{font-size:.8em;font-weight:400}.schedule-group{display:grid;gap:4%;grid-template-areas:"A B" "C D";grid-template-columns:48% 48%;grid-template-rows:auto auto;-webkit-margin-before:1em;margin-block-start:1em}.schedule-group h3{background:var(--color);block-size:-webkit-max-content;block-size:-moz-max-content;block-size:max-content;border-radius:1em;color:var(--color-skin);font-size:1.3em;font-weight:700;text-align:center}.schedule-group h3:first-of-type{--color:var(--color-green);grid-area:A}.schedule-group h3:nth-of-type(2){--color:var(--color-red);grid-area:B}.schedule-group dl:first-of-type{--color:var(--color-green);grid-area:C}.schedule-group dl:nth-of-type(2){--color:var(--color-red);grid-area:D}.schedule-group dl{--dt-font-size:1rem;--dt-block-size:2rem;display:grid;grid-template-areas:"AA BB" "CC DD";grid-template-columns:50% 50%;grid-template-rows:auto auto;position:relative;-ms-flex-line-pack:start;align-content:start}.schedule-group dt{border:3px solid var(--color);border-radius:50%;color:var(--color);font-weight:700;inline-size:2em;margin-inline:auto;text-align:center;-webkit-margin-before:1em;block-size:var(--dt-block-size);font-size:var(--dt-font-size);margin-block-start:1em}.schedule-group dd{-webkit-margin-before:var(--mt);block-size:-webkit-max-content;block-size:-moz-max-content;block-size:max-content;border:3px solid var(--color);border-radius:1.5em;color:var(--color);display:grid;font-size:.8em;margin-block-start:var(--mt);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-inline:1%}.schedule-group dd:nth-of-type(2){background-color:var(--color);color:var(--color-skin)}.schedule-group dd:after{--w:5px;background-color:var(--color);block-size:var(--mt);content:"";display:block;inline-size:var(--w);inset-block-start:calc(var(--dt-block-size) + var(--dt-font-size));inset-inline-start:calc(var(--left) - var(--w)/2);position:absolute}.schedule-group dd span{display:block;font-size:1.3em;font-weight:700;line-height:2.2em;text-align:center}.schedule-group dt:first-of-type{grid-area:AA}.schedule-group dt:nth-of-type(2){grid-area:BB}.schedule-group dd:first-of-type{--left:25%;grid-area:CC}.schedule-group dd:nth-of-type(2){--left:75%;grid-area:DD}.schedule-group:nth-of-type(2) dd span{line-height:3.3em}section:nth-child(9) div h2{color:var(--color-black)}section:nth-child(9) div p:nth-of-type(odd){--mt:0em;color:var(--color-green);font-family:Barlow Condensed,sans-serif;font-size:2.4em;font-weight:700;line-height:1;text-align:center;-webkit-margin-before:var(--mt);margin-block-start:var(--mt)}section:nth-child(9) div p:nth-of-type(2n){text-align:center}section:nth-child(9) div span{font-size:.5em}.howto{-webkit-margin-before:6em;margin-block-start:6em;padding:0}.howto li{--p1:30%;--p2:calc(100% - var(--p1));--height:11rem;--mt:-3rem;-webkit-padding-before:2rem;padding-block-start:2rem;-webkit-margin-before:var(--mt);background-color:var(--color);block-size:var(--height);border:1px solid var(--color-skin);-webkit-clip-path:polygon(50% var(--p1),100% 0,100% var(--p2),50% 100%,0 var(--p2),0 0);clip-path:polygon(50% var(--p1),100% 0,100% var(--p2),50% 100%,0 var(--p2),0 0);display:grid;font-size:1.2em;font-weight:700;margin-block-start:var(--mt);place-content:center}.howto li:first-child{--color:var(--color-red);border-start-end-radius:1em;border-start-start-radius:1em;-webkit-clip-path:polygon(100% 0,100% var(--p2),50% 100%,0 var(--p2),0 0);clip-path:polygon(100% 0,100% var(--p2),50% 100%,0 var(--p2),0 0);-webkit-padding-before:0;padding-block-start:0}.howto li:nth-of-type(2){--color:var(--color-orange)}.howto li:nth-of-type(3){--color:var(--color-pale-green)}.howto li:last-child{--color:var(--color-light-green);border-end-end-radius:1em;border-end-start-radius:1em;-webkit-clip-path:polygon(0 0,50% var(--p1),100% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% var(--p1),100% 0,100% 100%,0 100%)}.howto+p,h1+details{-webkit-margin-before:2em;margin-block-start:2em}details{--top:1em;--padding-left:4em;--padding-right:3em;list-style:none;-webkit-margin-before:1em;background-color:var(--color-white);border:2px solid var(--color-light-green);border-radius:1em;margin-block-start:1em;overflow:hidden;padding:0;text-align:justify}details summary{font-weight:700;position:relative;-webkit-padding-start:var(--padding-left);padding-inline-start:var(--padding-left);-webkit-padding-end:var(--padding-right);cursor:pointer;line-height:1.3;margin:0;padding-block:var(--top);padding-inline-end:var(--padding-right);-webkit-transition:background-color .2s ease 0s;transition:background-color .2s ease 0s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}details summary::-webkit-details-marker{display:none}details summary:hover{background-color:var(--color-pale-green)}details p{margin:0;-webkit-padding-start:var(--padding-left);padding-inline-start:var(--padding-left);-webkit-padding-end:var(--padding-right);overflow:hidden;padding-block:var(--top);padding-inline-end:var(--padding-right)}details summary:before{--font-size:1.3em;content:"Q.";inset-inline-start:1em;-webkit-margin-before:calc(var(--font-size)*-.125);aspect-ratio:1;background-color:var(--color-pale-green);border-radius:50%;margin-block-start:calc(var(--font-size)*-.125);padding:.2em}details summary:after,details summary:before{color:var(--color-green);font-family:Helvetica Neue,Arial,sans-serif;font-size:var(--font-size);line-height:1;position:absolute}details summary:after{--font-size:2em;content:"+";font-weight:400;inset-block-start:.25em;inset-inline-end:3%}details[open] summary{background-color:var(--color-pale-green)}details[open] summary:after{content:"-"}#contact{margin-top:100px;-webkit-padding-after:4em;padding-block-end:4em}section:nth-child(12){background-color:var(--color-snow-yellow);margin-inline:0;padding-block:var(--mbs);padding-inline:var(--section-margin-inline)}section:nth-child(12) h1{-webkit-padding-before:1.5em;padding-block-start:1.5em}#contact h2{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";font-weight:700;margin-block:3.5em 1.2em}#contact ul{font-size:.8em;margin-block:2em;-webkit-margin-start:1.4em;list-style:circle;margin-inline-start:1.4em}#contact ul li{line-height:1.3;-webkit-margin-after:1em;margin-block-end:1em}.after-confirm p{font-size:.9em}.after-confirm p a{-webkit-margin-before:1em;margin-block-start:1em}a[href="mailto:studioarthana@hotmail.co.jp"],a[href="tel:09057504484"]{background-color:#e8e8e8;border-radius:20px;display:block;font-family:Barlow Condensed,sans-serif;font-size:2em;font-weight:700;text-align:center;text-decoration:none;-webkit-transition:background-color .6s ease 0s;transition:background-color .6s ease 0s}a[href="tel:09057504484"]{-webkit-margin-before:1em;margin-block-start:1em}a[href="mailto:studioarthana@hotmail.co.jp"]{font-size:1.1em;padding-block:.8em}a[href="mailto:studioarthana@hotmail.co.jp"]:hover,a[href="tel:09057504484"]:hover{background-color:var(--color-pale-green);color:var(--color-green)}form{-webkit-padding-after:4em;padding-block-end:4em}label,legend{cursor:pointer;display:block;font-size:.8em;font-weight:700}label{-webkit-margin-before:.5em;margin-block-start:.5em}fieldset label{font-size:1em}fieldset,form>label{-webkit-margin-before:2.5em;margin-block-start:2.5em}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:transparent}input:focus::-ms-input-placeholder,textarea:focus::-ms-input-placeholder{color:transparent}input:focus::placeholder,textarea:focus::placeholder{color:transparent}input[type=radio]{aspect-ratio:1;border-radius:50%;display:inline-block;inline-size:.7em;margin-inline:.7em;outline:4px double var(--color-green);position:relative}input[type=radio]:checked{background-color:var(--color-green)}:is(input[type=radio],input[type=email],input[type=tel]){font-size:1.2em}:is(input[type=text],input[type=email],input[type=tel]){border:2px solid var(--color-gray);border-radius:10px;inline-size:100%;line-height:60px;padding-inline:.5em}:is(input[type=text],input[type=email],input[type=tel]):focus{background:var(--color-white);border-color:var(--color-green)}input.invalid{border-color:var(--color-red)}textarea{border:2px solid var(--color-gray);border-radius:10px;display:block;inline-size:100%;padding-inline:.5em;padding:.5em;resize:vertical}textarea:focus{background:var(--color-white);border-color:var(--color-green)}textarea.invalid{border-color:var(--color-red)}textarea#message{inline-size:auto;opacity:0;pointer-events:none;position:fixed}label:has(+[required]):before{background-color:var(--color-red);border-radius:.4em;color:var(--color-skin);content:"必須";display:inline-block;font-size:.75em;padding-inline:5px;-webkit-margin-end:.3em;margin-inline-end:.3em;vertical-align:2px}label:has(+[required]):has(+.valid):before{background-color:var(--color-green);content:"✔"}.submit{background-color:var(--color-green);border-radius:50px;color:var(--color-white);cursor:pointer;display:block;inline-size:70%;margin-block:5em 2em;margin-inline:auto;padding-block:1em}.submit:hover:not([disabled]){background-color:var(--color-white);color:var(--color-green);outline:solid .16em var(--color-green);outline-offset:-.16em}.submit[disabled]{background-color:var(--color-gray);cursor:not-allowed}.formError{color:var(--color-red);font-size:.8em;line-height:1;text-indent:1.5em;visibility:hidden}.formError:where(input.invalid+.formError,textarea.invalid+.formError,button:disabled+.formError){visibility:visible}.confirm{background-color:rgba(0,0,0,.7);display:grid;inset:0;position:fixed;z-index:3}.confirm .confirm-box{background-color:var(--color-snow-yellow);border-radius:1em;inline-size:100%;margin:auto;max-inline-size:var(--max-main-width);overflow:hidden;padding:2.2em}.confirm .confirm-box p:last-of-type{-webkit-margin-after:2.6em;margin-block-end:2.6em}.confirm .confirm-box button:last-of-type{background-color:var(--color-white);border:3px solid var(--color-green);color:var(--color-green)}.confirm .confirm-box button:last-of-type:hover{background-color:var(--color-light-gray);color:var(--color-green)}.confirm .comfirm-box button{inline-size:70%}.confirm .comfirm-box button:first-child{-webkit-margin-after:3em;margin-block-end:3em}.confirm .mail{display:block;font-size:1.2em;font-weight:700;line-height:1.3;margin-block:1em;padding:.75em .5em;text-align:center}.confirm button{background-color:var(--color-green);border-radius:50px;color:var(--color-white);cursor:pointer;display:block;inline-size:70%;margin-block:1em;margin-inline:auto;max-width:480px;padding-block:1em}.confirm button:hover:not([disabled]){background-color:var(--color-white);color:var(--color-green);outline:solid .16em var(--color-green);outline-offset:-.16em}.confirm button[disabled]{background-color:var(--color-gray);cursor:not-allowed}.confirm .sending{color:var(--color-white);display:grid;font-size:1.2em;inset:0;place-content:center;position:absolute}.confirm .sending p{text-align:center}@-webkit-keyframes pulse{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.25;-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes pulse{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.25;-webkit-transform:scale(.75);transform:scale(.75)}}.spinner-box{height:45px;width:90px;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;justify-content:center}.pulse-container,.spinner-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pulse-container{width:100px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.pulse-bubble{background-color:var(--color-snow-yellow);border-radius:50%;height:16px;width:16px}.pulse-bubble-1{-webkit-animation:pulse .4s ease 0s infinite alternate;animation:pulse .4s ease 0s infinite alternate}.pulse-bubble-2{-webkit-animation:pulse .4s ease .2s infinite alternate;animation:pulse .4s ease .2s infinite alternate}.pulse-bubble-3{-webkit-animation:pulse .4s ease .4s infinite alternate;animation:pulse .4s ease .4s infinite alternate}.sendError{background-color:rgba(0,0,0,.8);display:grid;inset:0;position:fixed;z-index:3}.sendError .sendError-box{background-color:var(--color-snow-yellow);border-radius:2em;inline-size:100%;margin:auto;max-inline-size:var(--max-main-width);overflow:hidden;padding:3em}.sendError button{background-color:var(--color-green);border-radius:50px;color:var(--color-white);cursor:pointer;display:block;inline-size:70%;margin-block:3em 1em;margin-inline:auto;padding-block:1em}.sendError button:hover{background-color:var(--color-white);color:var(--color-green);outline:solid .16em var(--color-green);outline-offset:-.16em}footer{margin-inline:auto;max-inline-size:var(--max-main-width);padding-block:2em 1.5em;padding-inline:var(--main-inline-padding);text-align:center}footer small{font-size:.8em}.contact-link{--w:30em;block-size:-webkit-max-content;block-size:-moz-max-content;block-size:max-content;border-radius:1em 1em 0 0;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 3px 10px 0 rgba(0,0,0,.12),0 4px 7px -2px rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 3px 10px 0 rgba(0,0,0,.12),0 4px 7px -2px rgba(0,0,0,.2);display:block;font-weight:700;inset:auto 0 0;line-height:4;margin-block:0;margin-inline:auto;position:fixed;text-align:center;text-decoration:none;-webkit-transition:opacity .3s ease 0s;transition:opacity .3s ease 0s;z-index:2;-webkit-tap-highlight-color:transparent}.contact-link,.contact-link:visited{background-color:var(--color-orange);color:var(--color-brown)}.contact-link:visited{outline-offset:solid .16em var(--color-green)}.contact-link:hover{background-color:var(--color-white);color:var(--color-brown);outline-offset:solid .16em var(--color-red)}.contact-link.js-hide{opacity:0;pointer-events:none}