@charset "UTF-8";

@media screen and (max-width:625px){
    /*ヘッダー*/
    .header{
        padding:10px;
        gap:20px;
    }
    .header .header_logo img{
        max-width:150px;
    }
    .header_sns img{
        max-width:35px;
    }

    /*ハンバーガーメニュー*/
    .menu_list ul li img{
        width:50%;
    }
    .menu_list ul li a{
        padding:10px;
    }
    .menu_list ul li a::after{
        width:30px;
        height:30px;
        background-size:14px 10px;
        right:10px;
    }
    
    .ttl img{
        max-width:200px;
    }

    /*スケジュール*/
    .date p{
        font-size:1.3em;
    }
    .schedule_item ul li p{
        font-size:1.1em;
    }
    .app_btn a{
        padding:20px 50px;
    }
    .app_btn a::after{
        width:22px;
        height:16px;
    }

    /*news*/
    .news_list li a{
        flex-direction: column;
        gap:5px;
        align-items: flex-start;
        padding:15px 70px 15px 15px;
    }
    .news_list_wrapper{
        padding:30px 20px;
    }

    /*access*/
    .map_img,
    .campus_img{
        width:100%;
    }
    .detail_btn{
        max-width:250px;
    }
    .detail_btn a{
        padding:20px 50px;
    }
    .detail_btn a::after{
        width:22px;
        height:16px;
    }

    /*program*/
    .program_item{
        max-width:100%;
    }
    .program_02{
        max-width:100%;
    }

    /*voice*/
    .voice_card{
        width:auto;
        height:auto;
        padding:15px 40px;
    }
    .swiper-button-next{
        right:1% !important;
    }
    .swiper-button-prev{
        left:1% !important;
    }
    .voice_ttl_img img{
        height:45px;
    }

    /*注意事項*/
    .note_list_wrapper ul li img{
        max-width:40px;
    }
    .note_list_wrapper ul{
        gap:25px;
    }
    .note_list_wrapper ul li{
        align-items: flex-start;
    }

    /*よくある質問*/
    .faq_item .faq_img{
        max-width:45px;
    }

    .copy_img2 img{
        max-width:300px;
    }

    /*フッター*/
    .footer{
        padding:60px 40px 80px;
    }
    .fixed_btn01 a{
        padding:10px 30px;
        font-size:.8em;
    }
    .page_top img{
        max-width:70px;
    }

    /*モーダル*/
    .modal_content {
		width: 92%;
		padding: 24px 18px;
	}
	.modal_content h2 {
		font-size: 1.2em;
        margin:10px;
	}
	.modal_body h3 {
		font-size: 1em;
	}
    .modal_body li,
    .modal_body p{
        font-size:.9em;
    }
    .modal_body li::before{
        top:8px;
    }
    .modal_close{
        right:-10px;
        width:35px;
        height:35px;
        font-size:2em;
    }
    .modal_apply_btn{
        font-size:.9em;
        padding:10px 20px;
    }
}

@media screen and (max-width:500px){
/*テキストサイズ小さくする*/
    .menu_btn{
        width:70px;
        top:10px;
    }
    .copy{
        padding:5px 0;
    }

    .present_inner p{
        font-size:1em;
    }

    .ttl_in_wrapper{
        width:35%;
    }
    .ttl_in::before{
        top:-40px;
    }
    .ttl_in::after{
        bottom:-10px;
    }
    .interview_wrapper{
        gap:25px;
    }

    .sns_link ul{
        gap:20px;
    }

    .faq_q p,
    .faq_a_inner p{
        font-size:1em;
    }
}

@media screen and (max-width:430px){
    .menu_sub{
        gap:.5em;
        flex-direction: column;
    }

    .pc_no{
        display:none;
    }
    .pc_no2{
        display:block;
        font-size:.9em;
        margin-top:30px;
    }
    .interview_inner{
        padding:70px 20px;
    }
    .interview_wrapper{
        align-items: center;
        flex-direction: column;
        gap:100px;
    }
    .ttl_in_wrapper{
        width:60%;
    }
    .ttl_in::before{
        top:-6px;
        left:-50px;
        max-width:80px;
        transform:rotate(50deg);
    }
    .ttl_in::after{
        bottom:55px;
        right:-50px;
        max-width:80px;
        transform:rotate(-50deg);
    }

    .present_img img{
        max-width:250px;
    }

    .voice_ttl_img img{
        height:40px;
    }
    .voice_card .voice_ttl{
        font-size:1.2em;
    }
    .voice_card p{
        font-size:.9em;
    }
    .state h1 img,
    .note_inner h1 img,
    .faq_inner h1 img{
        height:40px;
    }
    .ttl_in img{
        max-width:180px;
    }
    .sns_link ul li a p{
        font-size:1em;
    }

    .footer_inner h1 img{
        max-width:250px;
    }
    .contact_mail{
        padding:10px 20px;
        font-size:1em;
    }
}

@media screen and (max-width:375px){
    /*スケジュールリスト調整*/
    .schedule_item{
        padding:30px 10px;
    }
    .schedule_item ul li{
        padding:10px 7px;
    }
    .schedule_item ul li p{
        font-size:1em;
        white-space: nowrap;
    }

    .sns_comment::before{
        top:-80px;
    }
}

@media screen and (max-width:325px){
    .header{
        flex-direction: column;
        align-items: flex-start;
        gap:10px;
    }
}