@charset "UTF-8";

@media screen and (min-width: 1000px){
    .l-page .btn a.arrow-right:hover::after{right: 10px;}
    .l-page .btn a.arrow-bottom:hover::after{top: 60%;}
    .l-page .pagination ul li a:hover,
    .l-page .pagination > div a:hover{color: #05A7C6; background: #fff;}
    .sk-list .box.two-column .flex li:hover img{transform: skew(12deg) scale(1.3);}
    .sk-list .box.two-column.link-area.event-other .flex li:hover .no-click img{transform: skew(12deg) scale(1.2);}
    #search .hashtag .flex li:hover{background: #05A7C6;}
    #search .hashtag .flex li:hover a{color: #fff;}
    #search .box .list > li:hover{border-left: solid 8px #8B0208; transform: translateX(-10px);}
    #search .box .list > li:hover h3{color: #8B0208;}
    .l-page section .jokyo h3:hover{border-left: solid 6px #8B0208; transform: translateX(-10px);}
    .l-page section .jokyo h3:hover span{color: #8B0208;}
    #gakubu .link-btn .flex li a:hover::after{top: 60%;}
    #nyushi .link-btn .flex li a:hover::after{top: 60%;}
    
}
@media screen and (min-width: 1460px){
    .l-page .h-logo{width: 550px;}
    .sk-list .box.two-column .flex li p{font-size: 2.2rem;}
    .sk-list .box.two-column .flex li .course p{font-size: 2rem;}
    /* .sk-list .box.two-column .flex li a{height: 25vh;} */
    .sk-list .box.two-column .flex li .course li {font-size: 1.8rem; margin-right: 20px; margin-bottom: 15px;}
    .sk-list .box.two-column.link-area .flex li p{font-size: 1.8rem;}
    .sk-list .box.two-column .flex li a{height: 330px;}
}
@media screen and (max-width: 1200px){
  .header-title{height: 180px;}
 .l-page .w900{padding: 0 15px;} 
 .header-title p{left: 15px;  padding-right: 10px;}
 
 #gakubu .link-btn .flex li{width: 32.5%;}
 #gakubu .content .item .btn a{font-size: 1.2vw; width: 100%!important;}
 /* .sk-list .box.two-column .flex li a{height: 32vh;} */
}

@media screen and (max-width: 1000px){
    .header-title p{font-size: 3vw; top: 55%;}
    .ttl-area{padding: 0 15px;}
    .ttl-area p{font-size: 1.4rem; text-align: start;}
    #search .flex.box .hashtag .box h3 br{display: block;}

    .jw .link-btn ul li{width: 48.5%;}
    .jokyo .link-btn ul li{width: 49%;}
    #jokyo .result-box .btn-area .btn{width: 49%; margin-bottom: 10px;}
    #document .link-btn ul li{width: 49%;}
    .jokyo .link-btn ul li a small {font-size: 1rem; letter-spacing: -0.01em;}

    .sk-list .box.two-column .flex li .course p{left: -30px;}

    .l-page .ashirai-top{width: 8%;}
    .l-page .ashirai-bottom{width: 8%;}
    #nyushi .link-btn .flex li{width: 49%;}
    #nyushi .link-btn .flex li a span{font-size: 1.3rem;}
    #nyushi .link-btn a::after {
        width: 10px!important;
        height: calc(tan(30deg) * 20px / 2)!important;
        right: 5px!important;
    }
    /* .sk-list .box.two-column .flex li a{height: 270px;} */
    .sk-list .box.two-column.link-area .flex li a{height: 240px;}
    .sk-list .box.two-column.link-area .flex li span.ttl{font-size: 2.2vw;}

    /* 入試要項のaリンク */
    .l-page section h2 small.webapp-h2-hosoku{display: block; font-size: 1.2rem; margin-left: 0; margin-top: 10px;}
}
@media screen and (max-width: 800px){
    .l-page h1 br.sp-block{display: block;}
    #search .search{width: 100%;}
    #search .search input {width: 88%;}
    #search .search .c-col-xs-12 {width: 12%;}
    #search .search button{width: 100%;}
    #search .box{justify-content: center;}
    #search .flex.box .list-area{display: contents;}
    #search .flex.box .hit-list{order: 1;}
    #search .flex.box .hashtag{position: relative; top: inherit; left: inherit; padding-top: 50px; margin-bottom: 50px; width: 100%;}
    #search .hit p{font-size: 2.4rem;}
    #search .hit .kakko{font-size: 2rem;}
    #search .hit{font-size: 1.6rem;}
    #search .box .list > li{padding: 15px;}
    #search .box .list > li h4{font-size: 1.8rem;}
    #search .box .list > li .pk_list ul li{font-size: 1rem;}
    .pk_list ul li{margin-bottom: 5px;}
    #search .box .list > li p{font-size: 1.2rem;}
    #search .box .list > li .img-area{width: 100%;}
    #search .box .list > li .txt-area{width: 100%; margin-bottom: 10px;}
    #document .link-btn ul.wide_btn{ flex-flow: column;}
    #document .link-btn ul.wide_btn li{ width: 100%;}
}
@media screen and (max-width: 768px){
    .w1100{padding: 0 10px;}
    .pk_list{margin-top: 20px; margin-bottom: 40px;}
    .l-page .h-logo{width: 55%;}
    .l-page p{font-size: 1.4rem; line-height: 1.6;}
    .header-title{height: 160px;}
    .header-title p{font-size: 1.8rem; left: 8px;}

    .l-page section{overflow: hidden;}
    .l-page h1{font-size: 3.2rem;}
    .l-page section h2 span{font-size: 2.4rem;}
    .l-page section h2 br.sp-block{display: block;}
    .l-page section h3{margin-bottom: 10px; padding: 10px;}
    .l-page section h3 span{font-size: 2rem; line-height: 1.4;}
    .l-page section h3 span br.sp-block{display: block;}
    .jokyo .content h3 span{padding-right: 30px; line-height: 1.4;} 
    .l-page section h4{font-size: 1.8rem;}
    .l-page .btn a.arrow-bottom::after{height: 7px; width: 12px; right: 6px;}
    .l-page .btn a.arrow-right::after{height: calc(tan(30deg) * 35px / 2); width: 8px; right: 6px;}
    .l-page h1 .small{font-size: 2.4rem}
    .l-page .ashirai-top{top: 115px;}
    .l-page .l-pd{padding-bottom: 20%!important;}

    #gakubu .link-btn .flex li{width: 49%;}
    #gakubu .link-btn .flex li a::after{width: 10px; height: calc(tan(30deg) * 20px / 2); right: 10px;}
    #gakubu .content .item{width: 100%; padding-top: 40px;}
    #gakubu .content .item .index{padding: 15px 10px 15px 22px;}
    #gakubu .content .item .index h3{font-size: 1.8rem;}
    #gakubu .content .item .index p{font-size: 1.2rem;}
    #gakubu .content .item ul li{font-size: 1rem; padding-left: 10px; text-indent: -10px; line-height: 1.4;}
    #gakubu .content .item .btn{width: 49%;}
    #gakubu .content .item .btn a{font-size: 1.3rem;}
    .l-page .btn a br.sp-block{display: block;}
    #gakubu .content .item br.sp-block{display: block;}
    #gakubu .content .item ul li::before{width: 6px; height: 6px;}

    .sk-list .w1100{padding: 0 40px;}
    #nyushi .box.two-column .flex li{width: 100%; margin-bottom: 20px;}
    #nyushi .box.two-column .flex li h3{font-size: 5vw; top: 5%; padding: 3% 5%;}
    #nyushi .box.two-column .flex li .btn{width: 30px; height: 30px;}
    #nyushi .box.two-column .flex li a .btn::after{height: calc(tan(30deg) * 35px / 2); width: 8px; top: 50%; left: 50%; transform: translate(-50%, -50%);}

    .sk-list .box.two-column .flex li{width: 95%;}
    .sk-list .box.two-column .flex li .course{left: 2%;}
    .sk-list .box.two-column .flex li .course li{width: auto!important; margin-bottom: 10px!important;}
    .sk-list .box.two-column .flex li a{height: 300px;}
    .sk-list .box.two-column .flex li p {font-size: 1.8rem!important; padding: 8px 15px!important; left: -20px!important;}
    .sk-list .box.two-column .flex li p span{font-size: 3vw; display: block;}
    .sk-list .box.two-column .flex li .btn{width: 30px; height: 30px;}
    .sk-list .box.two-column .flex li p{margin-bottom: 10px;}
    .sk-list .box.two-column .flex li a .btn::after {right: 11px; height: calc(tan(30deg) * 35px / 2); width: 7px;}
    .sk-list .box.two-column.link-area .flex li{width: 100%; margin-bottom: 50px; margin-top: 50px;}
    .sk-list .box.two-column.link-area .flex li:last-of-type{margin-bottom: 0px; margin-top: 0px;}
    #carrier.sk-list .box.two-column.link-area .flex li{margin-top: 0;}
    .sk-list .box.two-column.link-area .flex li p{width: 100%; left: 56%!important; top: -15%; height: 18vw;}
    .sk-list .box.two-column.link-area .flex li span.ttl{font-size: 2rem;}
    p.hosoku{font-size: 1.4rem; text-align: start;}
    p.hosoku br{display: none;}

    .l-page #news .news-detail .ttl-area{padding: 0;}
    .l-page #news .news-detail .ttl-area h2{font-size: 1.8rem;}
    .l-page #news .news-detail .content p{font-size: 1.4rem; margin-bottom: 20px;}
    .l-page #news .news-detail .content ul{margin-bottom: 20px;}
    .l-page #news .news-detail .content ul li{font-size: 1.4rem; line-height: 1.4; padding-left: 14px; text-indent: -14px;}

    .anker.link-btn ul li a::after{width: 10px; height: 6px; right: 5px;}
    .anker.link-btn ul li a br.sp-block{display: block;}
    #jokyo .anker.link-btn ul li{width: 100%;}
    .jokyo h2#past br.sp-block{display: block;}
    .result-box p{font-size: 1.4rem;}
    #jokyo .result-box{margin-bottom: 10%;}
    #jokyo .result-box span{font-size: 1.2rem;}
    .l-page section .jokyo h3 br.sp-block{display: block;}
    .l-page section .jokyo h3.active{margin-bottom: 20px;}
    .jokyo .text{font-size: 1.4rem;}
    .jokyo .link-btn ul li a{ padding-left: 5px; padding-right: 16px;}
    .jokyo .link-btn ul li a span{line-height: 1;}
    .jokyo .link-btn ul li a small{font-size: 1rem; letter-spacing: -0.01em;}
    .jokyo .content .item{width: 100%;}
    .jokyo .content .item{margin-bottom: 10px;}
    .jokyo .link-btn ul li a::after{width: 10px; height: 6px; right: 5px;}
    .jokyo .pastーresult p{font-size: 1.6rem; margin-bottom: 5px;}
    .jokyo .pastーresult .btn-area .btn a{height: 40px;}

    #guidelines .btn-area.pdf-icon .btn a, #document .content .btn-area .btn a{font-size: 1.2rem; padding-left: 8px; padding-right: 8px;}
    #guidelines .btn-area.pdf-icon .btn a::after, #document .content .btn-area .btn a::after{margin-left: 10px;}
    #guidelines .btn-area.pdf-icon .btn a br.sp-block, #document .content .btn-area .btn a br.sp-block{display: block;}
    #document .content{margin-bottom: 30px;}
    #document .link-btn ul li .btn a{ padding-left: 5px; padding-right: 16px;}
    #document .link-btn ul li .btn a span{line-height: 1;}
    #document .link-btn ul li .btn a small{font-size: 1rem; letter-spacing: -0.01em;}
    #document .txt{font-size: 1.4rem;}

    #nyushi .content .box.half{width: 100%;}
    #nyushi .content .box .item{width: 100%;}
    .l-page #nyushi .btn-area .btn{margin-bottom: 20px;}
    .l-page #nyushi .btn-area .bnt:last-of-type{margin-bottom: 0px;}
    #nyushi .content#english .box .txt-area .btn{width: 49%;}
    #nyushi .link-btn br.sp-block{display: block;}

    .flex.fu_kaisetsu > div.item:first-of-type{margin-bottom: 5%;}
    .flex.fu_kaisetsu > div.item:first-of-type a.imgLink{width: 75%;}
    .flex.fu_kaisetsu > div.item:last-of-type a.imgLink{width: 55%;}
    
    .tandoku .content ul.flex > li{width: 100%;}

    .qa_box .qa_items h3 span{font-size: 1.6rem; line-height: 1.4;}
    .drop_icon::after, .drop_icon::before {width: 15px; height: 2px; right: 10px;}
}

@media screen and (max-width: 650px){
    #nyushi .content{margin-bottom: 12%;}
    #nyushi .content.bg-w{padding: 12% 0;}
    .l-page section#jokyo h2 span{ line-height: 1em;}
    #jokyo .result_fs01{ font-size: 1.4rem;}
    .l-page section .jokyo p.fs01{ font-size: 1.4rem;}
}
@media screen and (max-width: 550px){
    .sk-list .box.two-column .flex li{width: 100%;}
    .sk-list .box.two-column .flex li .course{top: 10px;}
    .sk-list .w1100{padding: 0 30px;}
    .sk-list .box.two-column .flex li p {font-size: 4.1vw!important;}
    .sk-list .box.two-column .flex li .course li{font-size: 3.5vw;}

    #gakubu .link-btn .flex li a span{font-size: 3vw;}
    .l-page .h-logo{width: 85%;}
    #nyushi th, #nyushi td {font-size: 1.4rem;}
    .l-page #nyushi .btn-area .btn a{width: 280px; font-size: 1.4rem;}
    .footer-container{padding: 10% 5% 5% 5%;}
    #nyushi .link-btn .flex li a span{font-size: 3.6vw;}
    .mg-t01{ margin-top: -2.8em;}
    #carrier.sk-list .box.two-column.link-area .flex li span.ttl br.sp-block{display: block;}

    .nf.btn_pink a{width: 280px; font-size: 1.4rem;}
    .txt-w{font-size: 1.4rem;}
}
@media screen and (max-width: 400px){
    #gakubu .link-btn .flex li a span{font-size: 3.6vw;}
    #gakubu .link-btn .flex li:last-of-type a span{left: 16%; transform: translateY(-50%) skew(-12deg);}
    #gakubu .link-btn .flex li:nth-of-type(5) a span{left: 23%; transform: translateY(-50%) skew(-12deg);}
    .jokyo .link-btn ul li a span{font-size: 4vw;}

    .sk-list .box.two-column.link-area .flex li a{height: 230px;}
    .sk-list .box.two-column .flex li a{height: 230px;}
    .sk-list .box.two-column .flex li .course p{margin-bottom: 10px;}
    .l-page .btn a{font-size: 3.5vw;}
    #guidelines .btn-area.pdf-icon .btn a::before, #document .btn-area.pdf-icon .btn a::before{content: none;}
    #jokyo #result{ line-height: 1;}
    .past_result02 > .title{ font-size: 2rem;}
    .past_result02{ padding: 16px 3% 8px;}
    #document .content .btn-area .btn > p{ font-size: 1rem; margin-bottom: 30px;}
    #document .content .btn-area .btn:last-of-type > p{margin-bottom: 0px;}
}