section#area{padding-bottom:10rem;background:#fff}section#area h2{margin-bottom:0;background:url("../img/school/header_img01.webp") center 0/cover no-repeat}section#area nav{position:relative;padding:3rem 0 1rem;background:#112849}section#area nav::before{background:url("../img/deco01-1.png") no-repeat left top}section#area nav::after{background:url("../img/deco01-2.png") no-repeat right bottom}section#area nav::after,section#area nav::before{position:absolute;display:block;margin:auto;content:"";top:0;left:0;width:100%;height:100%;z-index:0}@media screen and (max-width: 736px){section#area nav::after,section#area nav::before{background-size:20%}}section#area nav ul{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:120rem;width:92%;z-index:1}section#area nav ul li{position:relative;margin-bottom:2rem;padding:2rem;text-align:center;width:calc(100%/4.2);background:#fff;cursor:pointer;transition:all .2s ease}@media screen and (max-width: 736px){section#area nav ul li{margin-bottom:1rem;padding:1rem;width:48%;font-size:1.4rem}}section#area nav ul li>span{position:absolute;display:inline-block;margin:auto;padding:0 .5rem;line-height:1.4;color:#fff;top:33%;right:1rem;font-size:1.4rem;background:#920002}@media screen and (max-width: 896px){section#area nav ul li>span{top:2%;left:0;right:0;width:6rem;font-size:1.2rem}}@media screen and (max-width: 736px){section#area nav ul li>span{height:1.6rem;top:0%;right:1%;left:auto;bottom:0;font-size:1rem;width:auto}}section#area nav ul li::before{position:absolute;display:block;margin:auto;content:"";left:1.8rem;top:0;bottom:0;width:1rem;height:1rem;border-top:1px solid #037045;border-right:1px solid #037045;-webkit-transform:rotate(45deg);transform:rotate(45deg)}section#area nav ul li:hover,section#area nav ul li.active{color:#fff;background:#037045}section#area nav ul li:hover::before,section#area nav ul li.active::before{border-color:#fff}section#area .school{display:none;padding-top:6rem}@media screen and (max-width: 736px){section#area .school{padding-top:4rem}}section#area .school.show{display:block}section#area .school h3 span{font-size:1.8rem}@media screen and (max-width: 736px){section#area .school h3 span{font-size:1.4rem}}section#area .school p{margin-bottom:8rem;padding:0 2rem;line-height:2;word-wrap:break-word}@media screen and (max-width: 736px){section#area .school p{padding:0 1rem}}section#area .school p.btn{margin-bottom:4rem;padding:0}section#area .school p.month{display:block;margin-bottom:6rem;text-align:right;font-weight:700}@media screen and (max-width: 736px){section#area .school p.month{font-size:1.4rem}}section#area .school p.month span{margin-left:1rem;color:#920002;font-size:1.4rem}@media screen and (max-width: 736px){section#area .school p.month span{font-size:1rem}}section#area .school p.blank{margin-bottom:3rem}section#area .school p.addr{margin-bottom:3rem}section#area .school .img{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:6rem;padding:0 2rem}@media screen and (max-width: 736px){section#area .school .img{margin-bottom:4rem;padding:0 1rem}}section#area .school .img li{width:calc(100%/4.2)}@media screen and (max-width: 736px){section#area .school .img li{margin-bottom:1rem;width:49%}}section#area .school .img02{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:6rem;padding:0 2rem}@media screen and (max-width: 896px){section#area .school .img02{margin-bottom:4rem;padding:0 1rem;justify-content:space-between}}section#area .school .img02 li{margin:0 1rem;text-align:center}@media screen and (max-width: 896px){section#area .school .img02 li{margin:0;width:49%}}section#area .school .img03{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:6rem;padding:0 2rem;gap:1rem}@media screen and (max-width: 896px){section#area .school .img03{margin-bottom:4rem;padding:0 1rem;justify-content:space-around}}section#area .school .img03 li{text-align:center;width:calc(100%/3.2)}@media screen and (max-width: 736px){section#area .school .img03 li{width:46%}}section#area .school .schedule{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:4rem}section#area .school table{margin:0 auto;width:97%}section#area .school table caption{line-height:2;text-align:right}@media screen and (max-width: 736px){section#area .school table caption{font-size:1.4rem}}section#area .school table th,section#area .school table td{padding:1rem;vertical-align:middle;text-align:center;border:.1rem solid #ccc}@media screen and (max-width: 736px){section#area .school table th,section#area .school table td{padding:.5rem;font-size:1.2rem}}section#area .school table thead th{color:#fff;font-weight:700;background:#112849}@media screen and (max-width: 736px){section#area .school table thead th.capacity{width:26%}}@media screen and (max-width: 736px){section#area .school table thead th.situation{width:12%}}section#area .school table tbody th{background:#e3f0ff}section#area .school table tbody td{position:relative;line-height:1.6}section#area .school table tbody td span{position:absolute;display:inline-block;margin:auto;color:#920002;top:0;right:1rem;font-size:1.4rem}@media screen and (max-width: 736px){section#area .school table tbody td span{right:.2rem;font-size:1rem}}section#area .school .note{margin-bottom:8rem;padding:0 2rem}@media screen and (max-width: 736px){section#area .school .note{padding:0 1rem}}section#area .school .note span{display:inline-block;margin-right:1rem;color:#920002}section#area .school .note li{margin-left:3.4rem;text-indent:-1.6rem;line-height:2}section#area .school .map{padding:0 2rem}@media screen and (max-width: 736px){section#area .school .map{padding:0 1rem}}section#area .school .map iframe{margin:0 auto;width:100%;height:36rem}@media screen and (max-width: 736px){section#area .school .map iframe{height:25rem}}section#sponsor{padding-top:10rem}