@import url("https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&family=Noto+Serif+JP:wght@300;400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap");body{margin:0;padding:0;background-color:#fff;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;font-family:Noto Sans JP,sans-serif;font-weight:400;font-style:normal}a{color:#066;text-decoration:none;border-bottom:1px dotted rgba(0,0,0,.5);transition:border-bottom .3s ease}a:hover{border-bottom:1px solid #000}footer a,header a{color:#aff;border-bottom:1px dotted hsla(0,0%,100%,.5)}footer a:hover,header a:hover{border-bottom:1px solid #fff}.logo{width:90vw;max-width:700px;height:auto;aspect-ratio:1/1;border-radius:50%;overflow:hidden;margin:20px;box-shadow:0 0 20px 10px hsla(0,0%,100%,.3)}.logo img{width:100%;height:100%;object-fit:cover}h1.entrance{font-family:Klee One,cursive;font-weight:600;font-style:normal}h1.entrance,h1.entrance-en{font-size:clamp(18px,5vw,24px);text-align:center}h1.entrance-en{font-family:Playwrite GB S,cursive;font-optical-sizing:auto;font-weight:300;font-style:italic}@media (max-width:768px){.logo{width:80vw}}div.sentence,section{width:100%}div.sentence-quote{max-width:80%;margin:auto}p{font-size:clamp(16px,4vw,20px);margin:10px auto;max-width:80%}.blog-list{max-width:90%;margin:0 auto}.see-more{text-align:right;max-width:80%;margin:1rem auto 0}.content p,.credits-title p{max-width:100%}.about-image{max-width:80%;height:auto;overflow:hidden;margin:20px auto}.about-image img{width:100%;height:100%;object-fit:cover}.sentence{align-items:start}h1{font-size:clamp(30px,5vw,100px);padding:0 10px;font-family:Noto Sans JP,sans-serif;font-weight:500;font-style:normal}h1.mission-text,h1.mission-text-en{padding-top:0;padding-bottom:3px;margin:auto;text-align:center;max-width:80%;border-bottom:2px dotted rgba(0,0,0,.5)}h1.mission-text{font-family:Klee One,cursive;font-weight:600;font-style:normal}h1.mission-text-en{font-family:Playwrite GB S,cursive;font-optical-sizing:auto;font-weight:300;font-style:italic}.sentence h1{max-width:80%;min-width:80%}.credits h1,.sentence h1{margin-right:auto;margin-left:auto;position:relative}.credits h1:after,.sentence h1:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:2px;background-color:#000;transform:scaleX(0);transform-origin:left;transition:transform .6s ease-out}.credits h1.visible:after,.sentence h1.visible:after{transform:scaleX(1)}section h1,section[id]{scroll-margin-top:var(--scroll-margin)}section h1{padding-top:1rem}h2{font-size:clamp(20px,4vw,40px);text-align:justify;padding:0 10px;margin-right:auto;margin-left:auto;max-width:80%}@media (max-width:768px){.about-image{max-width:80vw}}blockquote{font-style:italic;font-size:clamp(16px,4vw,20px);line-height:1.6;margin:20px 10px;padding:10px 20px;border-left:4px solid rgba(0,0,0,.3);background-color:rgba(0,0,0,.1);border-radius:0 5px 5px 0;max-width:80%;box-shadow:0 2px 4px rgba(0,0,0,.1)}figcaption{font-size:clamp(14px,3vw,18px);text-align:right;margin-top:10px;margin-bottom:20px;margin-right:20px}.credits-title p{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;padding-bottom:10px}.section{scroll-margin-top:calc(var(--header-height) + 40px)}:root{--header-bg:#00042b;--text-color:#fff;--hover-color:#a0a0a0;--transition-speed:0.3s;--header-height:80px;--scroll-margin:calc(var(--header-height) + 40px);--scroll-padding:40px}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--header-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1000;transition:all var(--transition-speed) ease}.header-container{max-width:80%;width:80%;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.header-logo{height:calc(var(--header-height) - 30px);width:auto;transition:transform var(--transition-speed) ease;border-radius:10%}.header-logo:hover{transform:scale(1.05)}.nav-container{margin-left:auto}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--text-color);transform:scaleX(0);transition:transform var(--transition-speed) ease}.nav-links a:hover:after{transform:scaleX(1)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001;margin-left:auto}.menu-toggle .bar{display:block;width:25px;height:3px;background:var(--text-color);margin:5px 0;transition:all var(--transition-speed) ease}@media (max-width:768px){.menu-toggle{display:block}.menu-toggle.active .bar:first-child{transform:rotate(45deg) translate(8px,6px)}.menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(7px,-5px)}.nav-links{position:fixed;width:50%;height:calc(100vh - var(--header-height));background:var(--header-bg);flex-direction:column;padding:2rem;gap:2rem;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-2px 2px 10px rgba(0,0,0,.3);opacity:0}.nav-links.active{transform:translateX(-80%);margin:0;opacity:1}.nav-links a{opacity:0;transform:translateX(20px);transition:all .3s ease;transition-delay:calc(var(--item-index) * .1s)}.nav-links.active a{opacity:1;transform:translateX(0)}.menu-toggle .bar{transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-toggle.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.active .bar:nth-child(2){opacity:0;transform:translateX(20px)}.menu-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media (max-width:480px){.header-container{padding:0 1rem}.header-logo{height:calc(var(--header-height) - 40px)}}a.header-logo-link{border-bottom:none;transition:none}.scroll-down .header{transform:translateY(-100%)}.scroll-up .header{transform:translateY(0)}.message{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:20px;margin:0 auto;text-align:center;align-items:stretch;max-width:80%}.article-card,.service-box{flex:1 1;flex-grow:1;min-width:400px;max-width:494px;align-items:stretch;display:flex;flex-direction:column;flex:1 1 400px;border-radius:8px;transition:transform .3s ease;margin:auto;min-height:420px}.article-card:hover,.service-box{transform:translateY(-5px)}.service-image{flex-shrink:0;width:100%;height:200px;object-fit:contain}.service-content{flex:1 1;display:flex;flex-direction:column;padding:20px;text-align:justify}.service-title{flex-shrink:0;font-size:20px;font-weight:700;margin-bottom:10px;color:#111;text-align:center}.service-description{font-size:14px;line-height:1.6;flex:1 1}@media (max-width:768px){.message{flex-direction:column}.article-card,.iframe-wrapper,.service-box{max-width:80%;min-width:80%}.article-card,.service-box{min-height:480px;overflow:scroll}p.service-description{max-width:100%}}.google-iframe-wrapper{margin:auto;text-align:center}#form{margin:auto;max-width:80%}.footer{background-color:#000;color:#fff;padding:2rem 0;text-align:center;margin-top:2rem;width:100%}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-links{margin:1rem 0}.footer-links a{display:inline-block;color:#fff;text-decoration:none;margin:0 1rem;transition:opacity .3s ease}.footer-links a:hover{opacity:.8}.footer-copyright{font-size:.9rem;opacity:.8}.tag{display:inline-block;padding:.2rem .8rem;margin:.2rem;background-color:rgba(0,102,102,.1);color:#066;font-size:.9rem;transition:all .2s ease;cursor:pointer}.tag,.tag:hover{text-decoration:none}.tag:hover{background-color:#066;color:#fff;border-bottom:1px solid #066}.social-links{display:flex;justify-content:center;gap:2rem;margin:2rem 0}.social-icon{color:#333;font-size:clamp(3rem,8vw,5rem);transition:transform .2s ease;text-decoration:none;display:flex;align-items:center}.social-icon:hover{transform:scale(1.1)}.note-icon-img{width:clamp(60px,16vw,120px);height:auto}@media (max-width:768px){.social-links{gap:1rem}}.note-icon{font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:1.5rem}@media (prefers-color-scheme:dark){body{background-color:#000746;color:#fff}a{color:#aff;border-bottom:1px dotted hsla(0,0%,100%,.5)}a:hover{border-bottom:1px solid #fff}h1.mission-text,h1.mission-text-en{border-bottom:2px dotted hsla(0,0%,100%,.5)}.credits h1:after,.sentence h1:after{background-color:#fff}blockquote{border-left:4px solid hsla(0,0%,100%,.3);background-color:hsla(0,0%,100%,.1);color:#fff}.tag{background-color:rgba(170,255,255,.1);color:#aff}.tag:hover{background-color:#aff;color:#000746;border-bottom:1px solid #aff}.service-title,.social-icon{color:#eee}.note-icon-img{content:url(https://myth-hp.s3.ap-northeast-1.amazonaws.com/note_icon_dark.png)}}.blog-content{max-width:80%;margin:2rem auto}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6,.blog-content ol,.blog-content p,.blog-content ul{max-width:100%;margin:1rem 0}.blog-content img{max-width:100%;height:auto;margin:1.5rem 0}.blog-content ol,.blog-content ul{padding-left:2rem}.blog-content a{color:#066;text-decoration:none;border-bottom:1px dotted rgba(0,0,0,.5);transition:border-bottom .3s ease}.blog-content a:hover{border-bottom:1px solid #000}@media (prefers-color-scheme:dark){.blog-content a{color:#aff;border-bottom:1px dotted hsla(0,0%,100%,.5)}.blog-content a:hover{border-bottom:1px solid #fff}}body{padding-top:var(--header-height)}main{width:100%;flex:1 0 auto}