@charset "UTF-8";a:hover img{opacity:1;filter:alpha(opacity=100)}#content{position:relative;z-index:0;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:stretch;-webkit-box-align:stretch;align-items:stretch;-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}#content:before{content:"";width:50%;height:100%;background:#000;background:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to right,#000,rgba(0,0,0,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=quote($statCol),endColorstr=quote($endCol),GradientType=1);opacity:50%;position:absolute;z-index:-1;top:0;left:0}#content #bg_mov{position:fixed;z-index:-2;top:0;left:0;width:100%;height:100%}#content #bg_mov img,#content #bg_mov video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:981px){#content #bg_mov img{display:none}}@media screen and (max-width:560px),screen and (max-width:980px) and (min-width:561px){#content #bg_mov video{display:none}}@media screen and (min-width:981px){#content header h1 img{transition:opacity 0.8s cubic-bezier(0.45,0.25,0.15,1),transform 1s cubic-bezier(0.45,0.25,0.15,1),-webkit-transform 1s cubic-bezier(0.45,0.25,0.15,1);opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}#content header h1 span{transition:opacity 0.8s cubic-bezier(0.45,0.25,0.15,1),transform 1s cubic-bezier(0.45,0.25,0.15,1),-webkit-transform 1s cubic-bezier(0.45,0.25,0.15,1);opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition-delay:0.1s;transition-delay:0.1s}#content header h2{transition:opacity 0.8s cubic-bezier(0.45,0.25,0.15,1),transform 1s cubic-bezier(0.45,0.25,0.15,1),-webkit-transform 1s cubic-bezier(0.45,0.25,0.15,1);opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition-delay:0.2s;transition-delay:0.2s}#content header small{transition:opacity 0.8s cubic-bezier(0.45,0.25,0.15,1),transform 1s cubic-bezier(0.45,0.25,0.15,1),-webkit-transform 1s cubic-bezier(0.45,0.25,0.15,1);opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition-delay:0.3s;transition-delay:0.3s}#content header.effect h1 img,#content header.effect h1 span{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#content header.effect h2,#content header.effect small{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}#content header{width:30%;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:2em}@media screen and (max-width:560px),screen and (max-width:980px) and (min-width:561px){#content header{width:100%}}#content header h1{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:0.55em;font-size:clamp(40px,7.685vh,72px);padding-top:1em}@media screen and (max-width:560px),screen and (max-width:980px) and (min-width:561px){#content header h1{font-size:clamp(40px,12.858vw,72px)}}#content header h1 img{max-width:156px;width:2.167em;height:auto}#content header h1 span{color:#fff}@media screen and (min-width:981px){#content header h1 span{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}}#content header h2{margin-top:atuo;font-size:clamp(20px,2.11vw,40px);color:#fff;position:relative}@media screen and (max-width:560px),screen and (max-width:980px) and (min-width:561px){#content header h2{font-size:clamp(20px,7.1429vw,40px)}}#content header h2:before{content:"";height:90%;width:14px;border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;position:absolute;top:5%;left:-1.35em}#content header h2:after{content:"";height:90%;width:14px;border-top:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff;position:absolute;top:5%;right:-1.35em}#content header small{font-size:10px;line-height:1;font-weight:bold;color:#fff;display:block;text-align:center;padding:16px 0}@media screen and (min-width:981px){#content main #student{transition:opacity 0.8s cubic-bezier(0.45,0.25,0.15,1),transform 1s cubic-bezier(0.45,0.25,0.15,1),-webkit-transform 1s cubic-bezier(0.45,0.25,0.15,1);opacity:0;-webkit-transform:scale(0.97);transform:scale(0.97);-webkit-transition-delay:0.3s;transition-delay:0.3s}#content main #parent{transition:opacity 0.8s cubic-bezier(0.45,0.25,0.15,1),transform 1s cubic-bezier(0.45,0.25,0.15,1),-webkit-transform 1s cubic-bezier(0.45,0.25,0.15,1);opacity:0;-webkit-transform:scale(0.97);transform:scale(0.97);-webkit-transition-delay:0.4s;transition-delay:0.4s}#content main.effect #parent,#content main.effect #student{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}#content main{width:70%;height:100vh;padding:24px;padding-left:0;display:-ms-grid;display:grid;grid-auto-columns:1fr;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:60.5% 24px 37.45%;grid-template-rows:60.5% 37.45%;gap:24px;grid-template-areas:"." "."}@media screen and (max-width:560px),screen and (max-width:980px) and (min-width:561px){#content main{display:block;width:100%;padding:16px;height:unset}}#content main>div a{border:8px solid #fff;height:100%;position:relative;overflow:hidden}#content main>div a:focus,#content main>div a:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}@media screen and (max-width:980px) and (min-width:561px),screen and (min-width:981px){#content main>div a{display:-ms-grid;display:grid;grid-auto-columns:1fr;-ms-grid-columns:43.28% 28px 1fr;grid-template-columns:43.28% 1fr;gap:28px}}@media screen and (max-width:980px) and (min-width:561px){#content main>div a{border:4px solid #fff;-ms-grid-columns:1fr 2.857vw 1fr;grid-template-columns:1fr 1fr;gap:2.857vw}}@media screen and (max-width:560px){#content main>div a{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:stretch;-webkit-box-align:stretch;align-items:stretch;-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:unset;border:4px solid #fff}#content main>div a figure{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;height:unset}}#content main>div a>div{padding-right:4.2vw}@media screen and (max-width:980px) and (min-width:561px){#content main>div a>div{padding:24px 32px}}@media screen and (max-width:560px){#content main>div a>div{padding:32px 32px 0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}#content main>div a>div h2{font-size:clamp(20px,2.11vw,40px);color:#fff;line-height:1.25;margin-bottom:8px}@media screen and (max-width:560px),screen and (max-width:980px) and (min-width:561px){#content main>div a>div h2{font-size:clamp(20px,4.1vw,40px)}}@media screen and (max-width:560px){#content main>div a>div h2{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#content main>div a>div h2:after{font-family:"Font Awesome 5 Free";font-weight:600;content:"\f061";margin-left:16px;font-size:10px;padding:4px 6px;border-radius:50%;background:#fff;color:#000;position:absolute;top:50%;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}#content main>div a>div h2 span{font-size:140%}#content main>div a>div p{font-size:clamp(14px,0.946vw,18px);color:#fff;line-height:2}@media screen and (max-width:560px),screen and (max-width:980px) and (min-width:561px){#content main>div a>div p{font-size:clamp(14px,1.837vw,18px)}}@media screen and (max-width:560px){#content main>div a>div p{line-height:1.75}}#content main>div a>div .arrow{position:absolute;z-index:1;right:-8px;bottom:-8px;width:100px;height:100px;background:#fff;clip-path:polygon(100% 0,0% 100%,100% 100%)}@media screen and (max-width:980px) and (min-width:561px){#content main>div a>div .arrow{width:64px;height:64px}}@media screen and (max-width:560px){#content main>div a>div .arrow{display:none}}#content main>div a>div .arrow svg{width:32px;height:32px;position:absolute;right:16px;bottom:16px}@media screen and (max-width:980px) and (min-width:561px){#content main>div a>div .arrow svg{width:16px;height:16px;right:12px;bottom:12px}}#content main #student a{background:url("../img/top/stu_bg.png") center/cover no-repeat}@media screen and (min-width:981px){#content main #student a{clip-path:polygon(calc(100% - 120px) 0%,100% calc(0% + 120px),100% 100%,0 100%,0 0)}#content main #student a:before{content:"";width:170px;height:8px;background:#fff;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);-webkit-transform-origin:left top;transform-origin:left top;position:absolute;top:-8px;right:-58px}}@media screen and (max-width:560px),screen and (max-width:980px) and (min-width:561px){#content main #student a{margin-bottom:16px}}#content main #student a:after{content:"For Student";position:absolute;z-index:0;right:0;bottom:-0.05em;line-height:1;font-size:clamp(16px,10.51vw,200px);color:#fff;opacity:20%;font-family:"Oswald","Roboto","Noto Sans JP",sans-serif}@media screen and (max-width:560px){#content main #student a:after{content:"For\aStudent";z-index:1;opacity:1;white-space:pre;text-align:right;font-size:clamp(16px,15.72vw,88px);height:unset;line-height:0.9}}#content main #student a figure{height:100%;position:relative;z-index:0}@media screen and (max-width:560px),screen and (max-width:980px) and (min-width:561px){#content main #student a figure{max-width:577px;height:unset}}@media screen and (max-width:560px){#content main #student a figure{aspect-ratio:577/538;width:50%}#content main #student a figure:before{content:"";width:200%;height:100%;background:url("../img/top/stu_obi_sp.png") center/cover no-repeat;position:absolute;z-index:-1;left:0;bottom:0;clip-path:polygon(0 53%,100% 0,100% 100%,0% 100%)}}@media screen and (max-width:980px) and (min-width:561px),screen and (min-width:981px){#content main #student a figure:before{content:"";max-width:577px;width:100.88%;height:100%;background:url("../img/top/stu_obi.png") right top/cover no-repeat;position:absolute;z-index:-1;top:0;left:0}}#content main #student a figure img[src*="stu_student03.png"]{position:absolute;top:-3px;left:10.14%;width:auto;max-height:533px;height:99.07%}#content main #student a figure img[src*="stu_student02.png"]{position:absolute;bottom:0;left:0;width:auto;max-height:417px;height:77.51%}#content main #student a figure img[src*="stu_student01.png"]{position:absolute;left:34.76%;bottom:0;width:auto;max-height:328px;height:60.97%}@media screen and (min-width:981px){#content main #student a>div{padding-top:5vw}}#content main #parent a{background:url("../img/top/par_bg.png") center/cover no-repeat}@media screen and (min-width:981px){#content main #parent a{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}#content main #parent a:after{content:"For Parent";position:absolute;z-index:0;right:0;bottom:-0.05em;line-height:1;font-size:clamp(16px,10.51vw,200px);color:#fff;opacity:20%;height:1em;font-family:"Oswald","Roboto","Noto Sans JP",sans-serif}@media screen and (max-width:560px){#content main #parent a:after{content:"For\aParent";z-index:1;opacity:1;white-space:pre;text-align:right;font-size:clamp(16px,15.72vw,88px);height:unset;line-height:0.9}}#content main #parent a figure{height:100%;position:relative;z-index:0}@media screen and (max-width:560px),screen and (max-width:980px) and (min-width:561px){#content main #parent a figure{max-width:577px;height:unset}}@media screen and (max-width:560px){#content main #parent a figure{aspect-ratio:577/333;width:50%}#content main #parent a figure:before{content:"";width:200%;height:100%;background:url("../img/top/par_obi_sp.png") center/cover no-repeat;position:absolute;z-index:-1;left:0;bottom:0;clip-path:polygon(0 53%,100% 0,100% 100%,0% 100%)}}@media screen and (max-width:980px) and (min-width:561px),screen and (min-width:981px){#content main #parent a figure:before{content:"";width:100%;height:100%;background:url("../img/top/par_obi.png") right top/cover no-repeat;position:absolute;z-index:-1;top:0;left:0}}#content main #parent a figure img[src*="par_student03.png"]{position:absolute;bottom:0;left:18.35%;width:auto;max-height:326px;height:97.9%}@media screen and (max-width:980px) and (min-width:561px){#content main #parent a figure img[src*="par_student03.png"]{left:12%}}#content main #parent a figure img[src*="par_student02.png"]{position:absolute;bottom:0;left:0;width:auto;max-height:273px;height:81.99%}@media screen and (max-width:980px) and (min-width:561px){#content main #parent a figure img[src*="par_student02.png"]{left:-6%}}#content main #parent a figure img[src*="par_student01.png"]{position:absolute;bottom:0;left:46.154%;width:auto;max-height:241px;height:72.373%}@media screen and (max-width:980px) and (min-width:561px){#content main #parent a figure img[src*="par_student01.png"]{left:40%}}