﻿#first_view{height:calc(var(--vh, 1vh)*100);min-height:100vh;min-height:calc(var(--vh, 1vh)*100);border-radius:0 0 50px 50px;overflow:hidden;position:relative}#first_view #first_view_text_area{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;z-index:1}#first_view #first_view_text_area .top_fv_title{width:80%;height:auto;position:relative;z-index:2}#first_view #first_view_text_area .top_fv_mark{width:90%;height:auto;position:absolute;opacity:.2;top:50%;left:50%;transform:translate(-50%, -50%)}#first_view video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#first_view #first_view_bottom_area{position:absolute;bottom:0px;width:100%;display:flex;flex-flow:column;padding:0 15px;justify-content:center;align-items:center;z-index:3;background-color:rgba(0,0,0,.31)}#first_view #first_view_bottom_area .first_view_news{display:flex;flex-flow:column;justify-content:flex-start;padding:20px 0;width:100%}#first_view #first_view_bottom_area .first_view_news .first_view_news_list{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;padding:10px;border-bottom:1px solid #fff}#first_view #first_view_bottom_area .first_view_news .first_view_news_list:first-child{border-top:1px solid #fff}#first_view #first_view_bottom_area .first_view_news .first_view_news_list time{color:#fff;font-size:1.4rem;margin-right:1.8rem}#first_view #first_view_bottom_area .first_view_news .first_view_news_list .first_view_news_list_title{color:#fff;font-size:1.4rem}#first_view #first_view_bottom_area .first_view_news .first_view_news_list .first_view_news_list_title p{font-size:1.4rem;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#first_view #first_view_bottom_area .first_view_news .first_view_news_list .first_view_news_list_title p a{color:#fff}@media screen and (min-width: 768px){#first_view #first_view_bottom_area .first_view_news .first_view_news_list time{font-size:1.6rem}#first_view #first_view_bottom_area .first_view_news .first_view_news_list .first_view_news_list_title{font-size:1.6rem}#first_view #first_view_bottom_area .first_view_news .first_view_news_list .first_view_news_list_title p{font-size:1.6rem}}@media screen and (min-width: 1024px){#first_view #first_view_bottom_area .first_view_news .first_view_news_list{padding:20px}#first_view #first_view_bottom_area .first_view_news .first_view_news_list time{color:#fff;font-size:1.8rem;margin-right:2rem}#first_view #first_view_bottom_area .first_view_news .first_view_news_list .first_view_news_list_title{color:#fff;font-size:1.8rem}#first_view #first_view_bottom_area .first_view_news .first_view_news_list .first_view_news_list_title p{font-size:1.8rem}}@media screen and (min-width: 1024px){#first_view #first_view_bottom_area{background-color:rgba(0,0,0,0)}}#first_view #first_view_banner_area{position:absolute;width:100%;bottom:150px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;z-index:2;gap:10px;padding:0 20px}#first_view #first_view_banner_area.bottom{bottom:50px}#first_view #first_view_banner_area .first_view_bottom_area_banner{width:45%;max-width:240px;display:block}@media screen and (min-width: 768px){#first_view #first_view_banner_area .first_view_bottom_area_banner{width:50%}}#first_view #first_view_banner_area .first_view_bottom_area_banner .instagram_banner{width:100%;height:auto}#first_view #first_view_banner_area .first_view_bottom_area_banner .recruit_banner{width:100%;height:auto}#first_view #first_view_banner_area .first_view_bottom_area_banner .movie_banner{width:100%;height:auto}#first_view #first_view_banner_area .link_banner{max-width:240px;width:45%;display:block}@media screen and (min-width: 768px){#first_view #first_view_banner_area .link_banner{width:50%}}#first_view #first_view_banner_area .link_banner .recruit_banner{width:100%;height:auto}@media screen and (min-width: 768px){#first_view #first_view_text_area .top_fv_title{width:70%}#first_view #first_view_text_area .top_fv_mark{width:90%}#first_view #first_view_banner_area{position:absolute;width:100%;flex-flow:row nowrap;bottom:160px;align-items:start}#first_view #first_view_banner_area.bottom{bottom:50px}}@media screen and (min-width: 1024px){#first_view #first_view_text_area .top_fv_title{width:40%}#first_view #first_view_text_area .top_fv_mark{width:40%;height:auto}#first_view #first_view_bottom_area{position:absolute;bottom:50px;width:auto;display:flex;flex-flow:row nowrap;padding:0 50px;justify-content:flex-start;align-items:center}#first_view #first_view_bottom_area .first_view_news{width:auto}#first_view #first_view_bottom_area .top_fv_text{width:calc(100% - 380px);margin-right:0}#first_view #first_view_banner_area{position:absolute;width:95%;bottom:6%;align-items:flex-end;justify-content:flex-end;flex-flow:column}#first_view #first_view_banner_area.bottom{bottom:6%}#first_view #first_view_banner_area .first_view_bottom_area_banner{width:60%;max-width:240px;margin-bottom:0}#first_view #first_view_banner_area .first_view_bottom_area_banner .recruit_banner{width:100%;height:auto}}#contents{display:block;position:relative;height:auto;margin-top:0px;z-index:1;margin-bottom:60px}#contents #news{padding:0 15px 0;margin:60px auto;line-height:1.75}#contents #news #news_title{position:relative;margin-bottom:30px;display:flex;justify-content:space-between;flex-flow:row nowrap;align-items:center}#contents #news #news_title .title_en{margin:0;font-size:3rem;display:flex;flex-flow:row nowrap;align-items:center;font-weight:100;color:#004080;line-height:1.3;font-family:"Noto Sans",sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-variation-settings:"wdth" 100;position:relative}#contents #news #news_title .title_en::after{content:"";display:block;position:absolute;width:90px;height:1px;bottom:-10px;transform:translateY(-50%);left:0;background-color:#004080}#contents #news #news_title .title{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;margin:0 0 0 10px;font-size:1.6rem;font-weight:normal}#contents #news #news_title .news_link{display:flex;justify-content:center;flex-flow:row nowrap;align-items:center;margin:0}#contents #news #news_title .news_link .link_box{background-color:rgba(0,0,0,0);width:160px;height:40px;display:flex;flex-flow:column;justify-content:center;margin:0;text-decoration:none;position:relative;font-size:1.4rem;font-weight:bold;align-items:center;padding:0;letter-spacing:0;color:#004080;border:1px solid #004080;overflow:hidden;transition:color .3s}#contents #news #news_title .news_link .link_box span{z-index:2}#contents #news #news_title .news_link .link_box:hover{color:#fff;transition:color .3s}#contents #news #news_title .news_link .link_box:hover::after{right:15px;border-right:1px solid #fff;border-bottom:1px solid #fff}#contents #news #news_title .news_link .link_box:hover::before{content:"";width:105%;height:105%;background-color:#004080;z-index:1;left:-2.5%;transform:scaleX(1);transform-origin:left;transition:transform .5s;top:-2.5%;position:absolute}#contents #news #news_title .news_link .link_box::after{position:absolute;display:block;content:"";width:12px;height:12px;border-right:1px solid #004080;border-bottom:1px solid #004080;transform:translateY(-50%) rotate(-45deg);top:50%;right:15px;transform-origin:center;transition:border,right .3s;z-index:2}#contents #news #news_title .news_link .link_box::before{content:"";width:105%;height:105%;background-color:#004080;z-index:1;left:-2.5%;transform:scaleX(0);transform-origin:right;transition:transform .5s;top:-2.5%;position:absolute}#contents #news .tab-wrap{background:#fff;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1280px}#contents #news .tab-label{color:#979797;cursor:pointer;font-weight:bold;order:-1;padding:12px 24px;position:relative;text-align:center;transition:cubic-bezier(0.4, 0, 0.2, 1) .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:rgba(0,0,0,0);height:40px;font-size:1.4rem;display:flex;flex-flow:column;align-items:center;justify-content:center;width:33.3%;border-top:1px solid #004080;border-left:1px solid #004080}#contents #news .tab-label.news::after{background:#d11c24;transition:cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms}#contents #news .tab-label.notice{border-bottom:1px solid #004080;border-right:1px solid #004080}#contents #news .tab-label.notice::after{background:#004080;transition:cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms}#contents #news .tab-label.admission::after{background:#802d80;transition:cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms}#contents #news .tab-label.schoollife{border-bottom:1px solid #004080;border-right:1px solid #004080}#contents #news .tab-label.schoollife::after{background:#008088;transition:cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms}#contents #news .tab-label.club{border-bottom:1px solid #004080}#contents #news .tab-label.club::after{background:#ff801e;transition:cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms}#contents #news .tab-label:hover.news{background:rgba(209,28,37,.0901960784)}#contents #news .tab-label:hover.admission{background:rgba(128,45,128,.0823529412)}#contents #news .tab-label:hover.notice{background:rgba(0,64,128,.0941176471)}#contents #news .tab-label:hover.examination{background:rgba(128,45,128,.062745098)}#contents #news .tab-label:hover.schoollife{background:rgba(0,127,136,.0705882353)}#contents #news .tab-label:hover.club{background:rgba(255,128,30,.062745098)}#contents #news .tab-label::after{background:#979797;bottom:0;content:"";display:block;height:3px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;width:80%;z-index:1}#contents #news .tab-switch:checked+.tab-label{color:#00bfff;transition:color .2s 80ms}#contents #news .tab-switch:checked+.tab-label.news{color:#d11c24;transition:color .2s 80ms}#contents #news .tab-switch:checked+.tab-label.notice{color:#004080;transition:color .2s 80ms}#contents #news .tab-switch:checked+.tab-label.admission{color:#802d80;transition:color .2s 80ms}#contents #news .tab-switch:checked+.tab-label.schoollife{color:#008088;transition:color .2s 80ms}#contents #news .tab-switch:checked+.tab-label.club{color:#ff801e;transition:color .2s 80ms}#contents #news .tab-switch:checked~.tab-label::after{transform:translateX(-100%)}#contents #news .tab-switch:checked+.tab-label::after{opacity:1;transform:translateX(-50%)}#contents #news .tab-content{height:0;opacity:0;padding:0 20px;pointer-events:none;transform:translateX(-30%);transition:transform .3s 80ms,opacity .3s 80ms;width:100%}#contents #news .tab-switch:checked~.tab-content{transform:translateX(30%)}#contents #news .tab-switch:checked+.tab-label+.tab-content{height:auto;opacity:1;order:1;pointer-events:auto;transform:translateX(0)}#contents #news .tab-switch{display:none}#contents #news .tab-switch:checked+.tab-label{background:rgba(0,0,0,0)}#contents #news .tab-switch:checked+.tab-label+.news_inner{height:auto;overflow:hidden;padding:0;opacity:1;transition:.5s opacity;margin:15px auto 0}#contents #news .tab-switch{display:none}#contents #news .news_inner{max-width:1100px;margin:0 auto;display:flex;flex-flow:row wrap;justify-content:flex-start;width:100%;height:0;overflow:hidden;opacity:0}#contents #news .news_inner .news_list{padding:0;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start;font-size:1.8rem;color:#1a1a1a;width:48%;margin:0 0 4%}#contents #news .news_inner .news_list:nth-child(2n){margin-left:4%}#contents #news .news_inner .news_list .news_list_imagearea{width:100%;height:auto;position:relative;overflow:hidden;margin-bottom:10px}#contents #news .news_inner .news_list .news_list_imagearea.no_image{border:1px solid #333}#contents #news .news_inner .news_list .news_list_imagearea::after{position:relative;content:"";display:block;padding:68% 0 0;width:100%}#contents #news .news_inner .news_list .news_list_imagearea .news_list_image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#contents #news .news_inner .news_list .news_list_inner{margin-bottom:5px;display:flex;flex-flow:column;align-items:flex-start;width:100%;justify-content:flex-start}#contents #news .news_inner .news_list .news_list_inner .category-wrap{display:flex;flex-flow:row wrap;justify-content:flex-start}#contents #news .news_inner .news_list .news_list_inner .category-wrap li{margin-right:5px;margin-bottom:5px}#contents #news .news_inner .news_list .news_list_inner .category-wrap li:last-child{margin-right:0}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category{padding:5px 10px;width:auto;display:block;font-size:1.2rem;background-color:#004080;color:#fff;text-decoration:none;line-height:1}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.cat_admission{background-color:#802d80}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.cat_club{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_soccer{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_baseball{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_basketball{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_athletics{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_swimming{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_judo{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_kendo{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_jhs-baseball{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_badminton{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_skiing{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_volleyball{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_soft-tennis{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_tennis{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_table-tennis{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_brass-band{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_computer{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_biology{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_railway{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_shogi{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_art{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_physics{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_photograph{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_history{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_lego{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_volunteer{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_gundam{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_debate{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_broadcast{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_media{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_geopolitics{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_math{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_go{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_trekking{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_quiz{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_indica{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_origami{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.club_aaa{background-color:#ff801e}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category.cat_schoollife{background-color:#008088}#contents #news .news_inner .news_list .news_list_inner time{font-size:1.3rem}#contents #news .news_inner .news_list .news_list_title{color:#333;text-align:left;line-height:1.6;font-size:1.4rem;font-weight:bold}#contents #news .news_inner .news_list .news_list_content{color:#1a1a1a;text-align:justify;line-height:1.8;font-size:1.2rem}#contents .link_btn{padding:0 15px 0;margin-bottom:60px}#contents .link_btn .link_btn_inner{display:flex;flex-flow:column;justify-content:flex-start;align-items:center}#contents .link_btn .link_btn_inner li{margin:0 auto 30px}#contents .link_btn .link_btn_inner li .link_btn_inner_link{width:320px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:10px;color:#fff;background-color:#004080;font-size:1.8rem;line-height:1.2;position:relative;overflow:hidden;border:1px solid #004080;text-decoration:none;transition:color .3s}#contents .link_btn .link_btn_inner li .link_btn_inner_link span{z-index:2}#contents .link_btn .link_btn_inner li .link_btn_inner_link::after{position:absolute;display:block;content:"";width:12px;height:12px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-50%) rotate(-45deg);top:50%;right:35px;transform-origin:center;transition:border,right .3s;z-index:2}#contents .link_btn .link_btn_inner li .link_btn_inner_link::before{content:"";width:105%;height:105%;background-color:#fff;z-index:1;left:-2.5%;transform:scaleX(0);transform-origin:right;transition:transform .3s;top:-2.5%;position:absolute}#contents .link_btn .link_btn_inner li .link_btn_inner_link:hover{color:#004080;transition:color .3s}#contents .link_btn .link_btn_inner li .link_btn_inner_link:hover::after{position:absolute;display:block;content:"";width:12px;height:12px;border-right:2px solid #004080;border-bottom:2px solid #004080;transform:translateY(-50%) rotate(-45deg);top:50%;right:35px;transform-origin:center;transition:border,right .3s;z-index:2}#contents .link_btn .link_btn_inner li .link_btn_inner_link:hover::before{content:"";width:105%;height:105%;background-color:#fff;z-index:1;left:-2.5%;transform:scaleX(1);transform-origin:left;transition:transform .3s;top:-2.5%;position:absolute}#contents .link_btn .link_btn_inner li:last-child{margin:0 auto}#contents #content{margin-bottom:0}#contents #content #content_title{position:relative;margin-bottom:50px;display:flex;justify-content:center;flex-flow:row nowrap;align-items:center}#contents #content #content_title .title_en{margin:0;font-size:3rem;display:flex;flex-flow:row nowrap;align-items:center;font-weight:100;color:#004080;line-height:1.3;font-family:"Noto Sans",sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-variation-settings:"wdth" 100;position:relative}#contents #content #content_title .title_en::after{content:"";display:block;position:absolute;width:90px;height:1px;bottom:-10px;transform:translateY(-50%) translateX(-50%);left:50%;background-color:#004080}#contents #content .channel-area{margin-bottom:30px}@media screen and (min-width: 768px){#contents #content .channel-area{display:flex;flex-flow:row nowrap;gap:20px}}@media screen and (min-width: 1024px){#contents #content .channel-area{gap:40px;margin:0 auto 60px;max-width:1280px}}@media screen and (min-width: 768px){#contents #content .channel-area .movie-list{width:50%}}#contents #content .channel-area .movie-list .channel_btn{position:relative;width:100%;height:auto;display:block}#contents #content .channel-area .movie-list span{position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%, -50%)}#contents #content .channel-area .movie-list span::before{content:"";width:18vw;padding-top:100%;display:block;background-color:rgba(0,0,0,.45);border-radius:50%;pointer-events:none;transition:background-color 1s}@media screen and (min-width: 768px){#contents #content .channel-area .movie-list span::before{width:70px}}#contents #content .channel-area .movie-list span::after{border-left:4.46vw solid #fff;border-top:3vw solid rgba(0,0,0,0);border-bottom:3vw solid rgba(0,0,0,0);height:0;width:0;content:"";position:absolute;top:50%;left:50%;transform:translate(-45%, -50%);pointer-events:none}@media screen and (min-width: 768px){#contents #content .channel-area .movie-list span::after{border-left:17px solid #fff;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0)}}#contents #content .channel-area .movie-list:hover span::before{background-color:red;transition:background-color 0s}#contents #content .channel-area .movie-list .channel_image{width:100%}#contents #content .channel-area .cannel_box{padding:30px 30px 0}@media screen and (min-width: 768px){#contents #content .channel-area .cannel_box{padding:0;width:50%}}#contents #content .channel-area .cannel_box .channel_ttl{margin:0 0 20px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:1.8rem;letter-spacing:2px;text-align:left;color:#004080;font-weight:bold}@media screen and (min-width: 768px){#contents #content .channel-area .cannel_box .channel_ttl{font-size:2.4rem}}#contents #content .channel-area .cannel_box .channel_txt{margin:0 0 30px;font-size:1.4rem;text-align:justify;line-height:1.8}@media screen and (min-width: 1024px){#contents #content .channel-area .cannel_box .channel_txt{font-size:1.6rem}}#contents #content .channel-area .cannel_box .link_box{background-color:#fff;width:200px;height:50px;display:flex;flex-flow:column;justify-content:center;margin:0;text-decoration:none;position:relative;font-size:1.6rem;align-items:center;padding:0;border:1px solid #004080;border-radius:25px;color:#004080;margin:0 auto;overflow:hidden}@media screen and (min-width: 768px){#contents #content .channel-area .cannel_box .link_box{margin:0;font-size:2rem;width:240px;height:60px;border-radius:30px}}#contents #content .channel-area .cannel_box .link_box span{z-index:2}#contents #content .channel-area .cannel_box .link_box:hover{color:#fff}#contents #content .channel-area .cannel_box .link_box:hover::after{right:20px;border-right:1px solid #fff;border-bottom:1px solid #fff;transition:border,right .5s}#contents #content .channel-area .cannel_box .link_box:hover::before{content:"";width:105%;height:105%;background-color:#004080;z-index:1;animation:btn_hover .5s ease-in-out;left:-2.5%;transform:scaleX(1);transform-origin:left;transition:transform .5s;top:-2.5%;position:absolute}#contents #content .channel-area .cannel_box .link_box::after{position:absolute;display:block;content:"";width:12px;height:12px;border-right:1px solid #004080;border-bottom:1px solid #004080;transform:translateY(-50%) rotate(-45deg);top:50%;right:30px;transform-origin:center;transition:border,right .5s;z-index:2}#contents #content .channel-area .cannel_box .link_box::before{content:"";width:105%;height:105%;background-color:#004080;z-index:1;left:-2.5%;transform:scaleX(0);transform-origin:right;transition:transform .5s;top:-2.5%;position:absolute}#contents #content .content_inner{display:flex;flex-flow:column;justify-content:space-between;border-bottom:1px solid #000;padding:30px 0}#contents #content .content_inner:first-child{border-top:1px solid #000}#contents #content .content_inner .content_inner_imagearea .contents_image{width:100%;height:auto;vertical-align:bottom}#contents #content .content_inner .content_inner_textarea{display:flex;flex-flow:column;justify-content:space-between;padding:30px 30px 0}#contents #content .content_inner .content_inner_textarea h2{margin:0 0 20px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:1.8rem;letter-spacing:2px;text-align:left;color:#004080;font-weight:bold}#contents #content .content_inner .content_inner_textarea p{margin:0 0 30px;font-size:1.4rem;text-align:justify;line-height:1.8}#contents #content .content_inner .content_inner_textarea .link_box{background-color:#fff;width:200px;height:50px;display:flex;flex-flow:column;justify-content:center;margin:0;text-decoration:none;position:relative;font-size:1.6rem;align-items:center;padding:0;border:1px solid #004080;border-radius:25px;color:#004080;margin:0 auto;overflow:hidden}#contents #content .content_inner .content_inner_textarea .link_box span{z-index:2}#contents #content .content_inner .content_inner_textarea .link_box:hover{color:#fff}#contents #content .content_inner .content_inner_textarea .link_box:hover::after{right:20px;border-right:1px solid #fff;border-bottom:1px solid #fff;transition:border,right .5s}#contents #content .content_inner .content_inner_textarea .link_box:hover::before{content:"";width:105%;height:105%;background-color:#004080;z-index:1;animation:btn_hover .5s ease-in-out;left:-2.5%;transform:scaleX(1);transform-origin:left;transition:transform .5s;top:-2.5%;position:absolute}#contents #content .content_inner .content_inner_textarea .link_box::after{position:absolute;display:block;content:"";width:12px;height:12px;border-right:1px solid #004080;border-bottom:1px solid #004080;transform:translateY(-50%) rotate(-45deg);top:50%;right:30px;transform-origin:center;transition:border,right .5s;z-index:2}#contents #content .content_inner .content_inner_textarea .link_box::before{content:"";width:105%;height:105%;background-color:#004080;z-index:1;left:-2.5%;transform:scaleX(0);transform-origin:right;transition:transform .5s;top:-2.5%;position:absolute}@media screen and (min-width: 768px){#contents{margin-top:0;margin-bottom:100px}#contents #news{padding:0 30px 0;margin:60px auto}#contents #news #news_title{justify-content:center}#contents #news #news_title .title_en{margin:0;font-size:4.2rem;display:flex;align-items:center;line-height:1.3}#contents #news #news_title .title_en::after{bottom:-10px;transform:translateY(-50%) translateX(-50%);left:50%}#contents #news #news_title .title{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;margin:0 0 0 15px;font-size:2.1rem}#contents #news #news_title .news_link{position:absolute;right:0;top:50%;transform:translateY(-50%)}#contents #news .tab-label{font-size:1.8rem;height:60px}#contents #news .tab-switch:checked+.tab-label{background:rgba(0,0,0,0)}#contents #news .tab-switch:checked+.tab-label+.news_inner{height:auto;overflow:hidden;padding:0;opacity:1;transition:.5s opacity;margin:0 auto;padding:30px}#contents #news .tab-switch{display:none}#contents #news .news_inner{border:1px solid #004080;border-top:0px;border-radius:0 0 30px 30px}#contents #news .news_inner .news_list{padding:0;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start;font-size:1.8rem;color:#1a1a1a;width:48%;margin:0 0 4%}#contents #news .news_inner .news_list:nth-child(2n){margin-left:4%}#contents #news .news_inner .news_list .news_list_imagearea{margin-bottom:20px}#contents #news .news_inner .news_list .news_list_inner{margin-bottom:10px}#contents #news .news_inner .news_list .news_list_inner .category-wrap{margin-bottom:10px}#contents #news .news_inner .news_list .news_list_inner .category-wrap li{margin-right:10px}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category{padding:8px 10px;width:auto;font-size:1.4rem;line-height:1}#contents #news .news_inner .news_list .news_list_inner time{font-size:1.6rem}#contents #news .news_inner .news_list .news_list_title{font-size:1.8rem}#contents #news .news_inner .news_list .news_list_content{font-size:1.6rem}#contents .link_btn{padding:0 30px 0;margin-bottom:60px}#contents .link_btn .link_btn_inner{display:flex;flex-flow:column;justify-content:flex-start;align-items:center}#contents .link_btn .link_btn_inner li{margin:0 auto 30px}#contents .link_btn .link_btn_inner li .link_btn_inner_link{width:320px;height:80px;display:flex;justify-content:cenfter;align-items:center;border-radius:10px;color:#fff;background-color:#004080;font-size:2rem;line-height:1.2}#contents .link_btn .link_btn_inner li:last-child{margin:0 auto}#contents #content{padding:0 30px}#contents #content #content_title .title_en{font-size:4.2rem}#contents #content .content_flex{display:flex;flex-flow:row wrap;justify-content:space-between;max-width:1280px;margin:0 auto}#contents #content .content_inner{flex-flow:column;width:50%}#contents #content .content_inner:nth-child(2){border-top:1px solid #000}#contents #content .content_inner .content_inner_imagearea{border-radius:0;overflow:hidden;width:100%}#contents #content .content_inner .content_inner_imagearea .contents_image{width:100%;height:100%;vertical-align:bottom;-o-object-fit:cover;object-fit:cover}#contents #content .content_inner .content_inner_textarea{justify-content:flex-start;width:100%;padding:30px 0 0}#contents #content .content_inner .content_inner_textarea h2{margin:0 0 20px;font-size:2.4rem}#contents #content .content_inner .content_inner_textarea .link_box{margin:0;font-size:2rem;width:240px;height:60px;border-radius:30px;position:relative;bottom:0}}@media screen and (min-width: 1024px){#contents #news{padding:0 60px 0;margin:100px auto}#contents #news #news_title{justify-content:center;max-width:1280px;margin:0 auto 50px}#contents #news #news_title .title_en{margin:0}#contents #news #news_title .title{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}#contents #news .tab-label{flex:1;border-top:0px solid #004080;border-left:0px solid #004080}#contents #news .tab-label.notice{border-bottom:0px solid #004080;border-right:0px solid #004080}#contents #news .tab-label.schoollife{border-bottom:0px solid #004080;border-right:0px solid #004080}#contents #news .tab-label.club{border-bottom:0px solid #004080;border-right:0px solid #004080}#contents #news .news_inner{max-width:1280px;margin:0 auto}#contents #news .news_inner .news_list{width:23.5%;margin-right:2%}#contents #news .news_inner .news_list:nth-child(2n){margin-right:2%;margin-left:0}#contents #news .news_inner .news_list:nth-child(4n){margin-right:0}#contents #news .news_inner .news_list:nth-last-child(1),#contents #news .news_inner .news_list:nth-last-child(2),#contents #news .news_inner .news_list:nth-last-child(3),#contents #news .news_inner .news_list:nth-last-child(4){margin-bottom:0}#contents #news .news_inner .news_list .news_list_inner{margin-bottom:5px;display:flex;flex-flow:column;align-items:flex-start}#contents #news .news_inner .news_list .news_list_inner .category-wrap{margin-bottom:0;flex-flow:row wrap}#contents #news .news_inner .news_list .news_list_inner .category-wrap li{margin-bottom:5px}#contents #news .news_inner .news_list .news_list_inner .category-wrap li .category{padding:8px 10px;width:auto;display:block;font-size:1.2rem}#contents #news .news_inner .news_list .news_list_inner time{font-size:1.6rem}#contents #news .news_inner .news_list .news_list_title{font-size:1.8rem}#contents #news .news_inner .news_list .news_list_content{font-size:1.6rem}#contents #news .news_link{justify-content:end}#contents #news .news_link .link_box{font-size:1.8rem}#contents .link_btn{padding:0 60px 0;margin-bottom:100px}#contents .link_btn .link_btn_inner{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto}#contents .link_btn .link_btn_inner li{margin:0;width:31%}#contents .link_btn .link_btn_inner li .link_btn_inner_link{justify-content:center;align-items:center;width:100%}#contents .link_btn .link_btn_inner li:last-child{margin:0}#contents #content{padding:0 60px}#contents #content .content_inner{display:flex;flex-flow:column;justify-content:space-between;margin:0 auto;padding:60px 0}#contents #content .content_inner .content_inner_imagearea{width:100%;border-radius:0;overflow:hidden}#contents #content .content_inner .content_inner_imagearea .contents_image{width:100%;height:100%;vertical-align:bottom}#contents #content .content_inner .content_inner_textarea{width:100%;justify-content:center;padding:30px 0 0}#contents #content .content_inner .content_inner_textarea p{font-size:1.6rem}}@media only screen and (min-width: 1281px){#contents #content{padding:0 60px}}
