@layer page{#schoolIndex .headInner{background:url(/assets/dest/img/school/index/bg_visual_01.png) no-repeat 50%;background-size:cover;height:35vw}#schoolIndex .headInner h1{justify-content:center;margin-top:-40px}#schoolIndex main .inner_wrap h2{font-size:5.5rem;color:#00a0ff;font-weight:400;margin-bottom:40px;text-align:center}#schoolIndex main .inner_wrap li{border-bottom:1px solid #dcdcdc;padding-bottom:20px;margin-bottom:20px}#schoolIndex main .inner_wrap li:last-child{border:none}#schoolIndex main .inner_wrap li a{text-decoration:none;display:flex;display:-ms-flexbox;justify-content:space-between;flex-wrap:wrap}#schoolIndex main .inner_wrap li a .img{width:25%}#schoolIndex main .inner_wrap li a .img img{display:block;width:100%;height:auto}#schoolIndex main .inner_wrap li a .text{width:73%}#schoolIndex main .inner_wrap li div{width:860px}#schoolIndex main .inner_wrap li div h3{border:none;background:#00a0ff url(/assets/dest/img/school/index/ico_arrow_blue.png) no-repeat 99%/30px auto;margin-bottom:3%;padding:6px 6% 6px 3%;border-radius:0 40px 40px 0;color:#fff;font-size:1.8rem}#schoolIndex main .inner_wrap li div .discription{margin-bottom:10px}#schoolIndex main .inner_wrap li div .btn{background:#00a0ff;color:#fff;border-radius:10px;padding:10px 20px;float:right}#schoolIndex main .inner_wrap li div .school_info{display:grid;grid-template-columns:7em 1fr;align-items:center;gap:6px 10px;margin-bottom:20px}@media (max-width:768px){#schoolIndex main .inner_wrap li div .school_info{grid-template-columns:10em 1fr}}#schoolIndex main .inner_wrap li div .school_info dt{font-weight:700;text-align:center;font-size:1.4rem;padding:5px 0;color:var(--color-brand-blue);background-color:#e4f5ff;border-radius:4px}@media screen and (max-width:1200px){#schoolIndex main .inner_wrap h2{font-size:3.6rem}}@media screen and (max-width:768px),screen and (max-width:869px) and (orientation:landscape){body#schoolIndex .headInner{height:73vw}body#schoolIndex .headInner h1{margin-top:0}body#schoolIndex h2{display:block;background:#ffa931 url(/assets/dest/img/school/img/index/ico_arrow_wh.png) no-repeat 98%;background-size:5% auto;padding:3% 6% 3% 3%}body#schoolIndex h2 img{width:94%;height:auto}body#schoolIndex .inner_wrap h2{display:none}body#schoolIndex .inner_wrap .contentsBox ul li{border:none;padding:0;margin:0}body#schoolIndex .inner_wrap .contentsBox ul li a{display:block}body#schoolIndex .inner_wrap .contentsBox ul li p.img{width:100%;margin-bottom:3%}body#schoolIndex .inner_wrap .contentsBox ul li p.img img{width:100%;height:auto}body#schoolIndex .inner_wrap .contentsBox ul li div{width:auto}body#schoolIndex .inner_wrap .contentsBox ul li div h3{border:none;background:#00a0ff url(/assets/dest/img/school/img/index/ico_arrow_blue.png) no-repeat 99%/auto 30px;margin-bottom:3%;padding:6px 6% 6px 3%;border-radius:0 40px 40px 0;color:#fff;font-size:1.8rem}body#schoolIndex .inner_wrap .contentsBox ul li div .btn{display:none}body#schoolIndex .inner_wrap .contentsBox ul li div .discription{margin-bottom:4%}}@media only screen and (max-device-width:768px) and (orientation:landscape){body#schoolIndex #headline .headInner h1 img{max-width:100%;height:auto}}}