@charset "UTF-8";#contact{display:flex;flex-wrap:wrap;margin:var(--gutter-v) var(--gutter);gap:4rem}@media screen and (max-width:650px){#contact{display:block}}.contactMainTitles{width:100%}.contactMainTitle{font-size:3rem;margin-bottom:0}.contactMainSubTitle{font-size:1.5rem;font-style:italic;font-weight:normal;margin-top:0}.contactHeader{width:30%}.contactHeader .contactRed{position:relative;background:var(--color-red);color:#fff;padding:2rem 2rem 2rem 0}.contactHeader .contactRed::before{content:'';position:absolute;top:0;right:0;bottom:0;left:calc(var(--gutter) * -1);background:inherit;z-index:1}.contactHeader .contactRed>*{position:relative;z-index:2}.contactHeader .contactRed .txt{font-size:var(--font-size-XS);margin-bottom:2rem}.contactHeaderList>li>em{display:block;margin:1rem 0 .2em;font-size:var(--font-size-XS);font-style:normal;font-family:var(--font2)}.contactHeaderList>li>a{display:inline-block;line-height:1.2em;margin:.25em 0;text-decoration:underline;font-size:var(--font-size-L)}.contactHeaderList>li>address{font-style:italic}.contactHeaderList .socials a:hover svg{fill:currentColor}.contactLogo{width:10rem;margin:2rem 0}@media screen and (max-width:1400px){.contactHeaderList>li>a{font-size:var(--font-size-M)}}@media screen and (max-width:650px){.contactHeader{width:100%;display:flex;align-items:flex-start;gap:3rem;margin-bottom:3rem}.contactHeaderList>li>a{font-size:var(--font-size-L)}}@media screen and (max-width:470px){.contactLogo{display:none}.contactHeader .contactRed::before{right:calc(var(--gutter) * -1)}}@media screen and (max-width:450px){.contactMainTitles,.contactHeader{text-align:center}.contactHeader .socials{justify-content:center}}.contactTeacherList{flex:1}.contactTeacherList>li{display:flex;align-items:flex-start;margin-bottom:2rem;background:var(--mono-col-background);border-radius:1rem;padding:1rem}.contactTeacherImage{width:160px;aspect-ratio:1 / 1;border-radius:1rem;overflow:hidden}.contactTeacherImage img{width:100%;height:100%;object-fit:cover}.contactTeacherDetails{flex:1;padding-left:1rem}.contactTeacherName{font-size:var(--font-size-L);font-weight:normal;margin:1rem 0 .5rem;font-family:var(--font2)}.contactTeacherContactList>li{margin:.5rem 0}.contactTeacherContactList>li>em{display:none}@media screen and (max-width:450px){.contactTeacherList>li{flex-direction:column;align-items:center;text-align:center}.contactTeacherList .socials{justify-content:center}}