@charset "utf-8";
/* CSS Document */


/*-----------------------------------------

Last update:    2026-4-1

---------------------------------------*/

/*==========================================================
index.html
==========================================================*/
#index #mainarea .table_style td{
    background: none;
    text-shadow: 0px 0px 4px #fff; 
}
#guide_it table.table_style{
    background: url("../../guide/img/it_illust.png") #fff no-repeat 98% bottom;
    background-size: auto 90%;
}
#guide_game table.table_style{
    background: url("../../guide/img/game_illust.png") #fff no-repeat right bottom;
    background-size: auto 90%;
}
#guide_design table.table_style{
    background: url("../../guide/img/design_illust.png") #fff no-repeat 98% bottom;
    background-size: auto 75%;
}
#guide_kokusai table.table_style{
    background: url("../../guide/img/kokusai_illust.png") #fff no-repeat 98% bottom;
    background-size: auto 75%;
}
#guide_nihongo table.table_style{
    background: url("../../guide/img/nihongo_illust.png") #fff no-repeat 95% bottom;
    background-size: auto 120%;
}
@media screen and (max-width:600px){
    #guide_it table.table_style{
        background: url("../../guide/img/it_illust.png") #fff no-repeat center center;
        background-size: 95% auto;
    }
    #guide_game table.table_style{
        background: url("../../guide/img/game_illust.png") #fff no-repeat right center;
        background-size: 95% auto;
    }
    #guide_design table.table_style{
        background: url("../../guide/img/design_illust.png") #fff no-repeat center center;
        background-size: 100% auto;
    }
    #guide_kokusai table.table_style{
        background: url("../../guide/img/kokusai_illust.png") #fff no-repeat right bottom;
        background-size: 100% auto;
    }
    #guide_nihongo table.table_style{
        background: url("../../guide/img/nihongo_illust.png") #fff no-repeat right bottom;
        background-size: 100% auto;
    }
}



/*==========================================================
entrance.html
==========================================================*/
#entrance #entry_area .entry_nav li{
    display: inline-block;
    margin: 0 1em 1em;
}
#entrance #entry_area .entry_nav li a{
    display: block;
    color: #333;
}
#entrance #entry_area .entry_nav li a:hover{
    color:#15aeda;
    transition:0.5s;
}
#entrance #entry_area .entry_nav a:before{
    font-family:"icomoon";
    content:"\e103";
    color: #0459ba;
    font-size: 90%;
    padding-right: 0.25em;
}
#entrance .entry_target li{
    display: inline-block;
    background: #f85151;
    border-radius: 50px;
    margin-right: 0.75em;
    margin-bottom: 1em;
    padding: 0.25em 2em;
    color: #fff;
    font-weight: 700;
}
#entrance .table_style.ao_table thead th{
    vertical-align: middle;
    text-align: center;
    padding:0.75em 0.5em;
}
#entrance .table_style.ao_table tbody th,
#entrance .table_style.ao_table tbody td{
    text-align: center;
    padding:0.75em 0.5em;
}
#entrance .table_style.ao_table tbody .td01,
#entrance .table_style.ao_table tbody .td03{
    width: 32.5%;
}
#entrance .table_style.ao_table tbody .td02{
    width: 25%;
}

#entrance .table_style.spe_table thead th{
    vertical-align: middle;
    text-align: center;
}
#entrance .table_style.spe_table tbody th,
#entrance .table_style.spe_table tbody td{
    text-align: center;
    padding:0.75em 0.5em;
}
#entrance .table_style.spe_table tbody .td01{
    width: 40%;
}
#entrance .table_style.spe_table tbody .td02,
#entrance .table_style.spe_table tbody .td03{
    width: 25%;
}

#entrance #spe_area .table_style.tokuten_table thead th{
    vertical-align: middle;
    text-align: center;
    padding:0.75em 0.5em;
}
#entrance #spe_area .table_style.tokuten_table tbody th,
#entrance #spe_area .table_style.tokuten_table tbody td{
    text-align: center;
    padding:0.75em 0.5em;
}
#entrance #spe_area .table_style.tokuten_table td{
    width: 18%;
}

#entrance .furikomi{
    border: 2px dotted #999;
    padding: 0.5em 1em;
}
#entrance .furikomi dt{
    font-weight: 700;
}

#entrance #kisotsu_area .table_style.tokuten_table thead th{
    vertical-align: middle;
    text-align: center;
    padding:0.75em 0.5em;
}
#entrance #kisotsu_area .table_style.tokuten_table tbody th,
#entrance #kisotsu_area .table_style.tokuten_table tbody td{
    text-align: center;
    padding:0.75em 0.5em;
}
#entrance #kisotsu_area .table_style.tokuten_table td{
    width: 22.5%;
}

#entrance .table_style.select_table th{
    vertical-align: middle;
    text-align: center;
}
#entrance .table_style.select_table td{
    vertical-align: middle;
    text-align: center;
}
#entrance .table_style.select_table td.td02,
#entrance .table_style.select_table td.td03{
    width: 30%;
}
@media screen and (max-width:600px){
    #entrance .table_style.ao_table thead th{
        text-align: left;
    }
    #entrance .table_style.ao_table tbody th,
    #entrance .table_style.ao_table tbody td{
        text-align: left;
    }
    #entrance .table_style.spe_table thead th{
        text-align: left;
    }
    #entrance .table_style.spe_table tbody th,
    #entrance .table_style.spe_table tbody td{
        text-align: left;
    }
    #entrance .entry_target{
        margin-bottom: 0.5em;
    }
    #entrance .entry_target li{
        margin-right: 0.25em;
        margin-bottom: 0.5em;
        padding: 0.25em 1.2em;
    }
}



/*==========================================================
support.html
==========================================================*/
#support #gakuhi_area .table_style.stu_table thead th{
    vertical-align: middle;
    text-align: center;
    padding:0.75em 0.5em;
}
#support #gakuhi_area .table_style.stu_table tbody th{
    vertical-align: middle;
    text-align: center;
    padding:0.75em 0.5em;
}
#support #gakuhi_area .table_style.stu_table tbody td{
    width: 18%;
    vertical-align: middle;
    text-align: center;
    padding:0.75em 0.5em;
}
#support #gakuhi_area .table_style.stu_table thead th:last-of-type,
#support #gakuhi_area .table_style.stu_table tbody td.td05{
    border-left: 4px double #444;
    box-sizing:border-box;
    font-weight: 700;
}
#support #gakuhi_area .table_style.stu_table tbody tr:last-of-type th,
#support #gakuhi_area .table_style.stu_table tbody tr:last-of-type td{
    border-top: 4px double #444;
    box-sizing:border-box;
    font-weight: 700;
}

#support #gakuhi_area .table_style.keihi_table thead th{
    vertical-align: middle;
    text-align: center;
    padding:0.75em 0.5em;
}
#support #gakuhi_area .table_style.keihi_table tbody th{
    vertical-align: middle;
    text-align: center;
    padding:0.75em 0.5em;
}
#support #gakuhi_area .table_style.keihi_table tbody td{
    width: 22.5%;
    vertical-align: middle;
    text-align: center;
    padding:0.75em 0.5em;
}
#support #gakuhi_area .table_style.keihi_table tbody tr:last-of-type th,
#support #gakuhi_area .table_style.keihi_table tbody tr:last-of-type td{
    border-top: 4px double #444;
    box-sizing:border-box;
    font-weight: 700;
}

#support #support_area .support_box01{
    background: #fff8f6;
    padding: 2em ;
}
#support #support_area .support_box01 dt{
    font-weight: 700;
    font-size: 110%;
}

#support #support_area .table_style.loan_table tbody th{
    width: 30%;
    text-align: left;
    padding: 0.75em 2em;
}
#support #support_area .table_style.loan_table td{
    text-align: left;
    padding: 0.75em 2em;
}

@media screen and (max-width:600px){
    #support #gakuhi_area .table_style03.stu_table tbody th{
        width: 5em;
    }
    #support #gakuhi_area .table_style03.keihi_table tbody th{
        width: 5em;
    }
    #support #support_area .table_style.loan_table tbody th{
        padding: 0.75em 0.75em;
    }
    #support #support_area .table_style.loan_table tbody td{
        padding: 0.75em 0.75em;
    }
}



/*==========================================================
shugakushien.html
==========================================================*/
/*=============================
shugaku_about_area
=============================*/
#shugakushien #shugaku_about_area #seido_box dl{
    box-sizing: border-box;
    padding: 2em;
    text-align: center;
    color: #fff;
}
#shugakushien #shugaku_about_area #seido_box .seido_genmen{
    background: #ffbe2b;
}
#shugakushien #shugaku_about_area #seido_box .seido_kyufu{
    background: #f44720;

}
#shugakushien #shugaku_about_area #seido_box dl dt{
    font-weight: 700;
    font-size: 120%;
}

@media screen and (max-width:768px){
    #shugakushien #shugaku_about_area #seido_box dl{
        padding: 1em;
    }
}
@media screen and (max-width:600px){
    /*#shugakushien #shugaku_about_area #seido_box dl{
        width: 100%;
    }*/
    #shugakushien #shugaku_about_area #seido_box .seido_genmen{
    margin-bottom: 1em;
    }
}


/*=============================
shugaku_pay_area
=============================*/
#shugakushien #shugaku_pay_area h4{
    margin-bottom: 1em;
    text-align: center;
    font-size: 120%;
    font-weight: 700;
}
#shugakushien #shugaku_pay_area .pay_ex_box02{
    gap:0 0;
    align-items: center;
}
#shugakushien #shugaku_pay_area .pay_ex_box02 dl{
    width:47%;
    box-sizing:border-box;
    border:2px solid #ddd;
    padding:2em 1.5em 2em;
}

#shugakushien #shugaku_pay_area .pay_ex_box02 dt{
    margin-bottom:1em;
    text-align:center;
    line-height:1.4;
    font-size: 120%;
    font-weight: 700;
}
#shugakushien #shugaku_pay_area .pay_ex_box02 .seido_genmen dt{
    color: #ff9c2b;
}
#shugakushien #shugaku_pay_area .pay_ex_box02 .seido_kyufu dt{
    color: #f44720;
}
#shugakushien #shugaku_pay_area .pay_ex_box02 p.plus01{
    width:6%;
    text-align:center;
    font-size:250%;
}
#shugakushien #shugaku_pay_area .arrow01 img{
    margin: 0 auto;
}

#shugakushien #shugaku_pay_area .pay_ex_box03{
    background: linear-gradient(135deg, #ffbe2b 0%, #f44720 100%);
    padding: 0.5em;
    text-align: center;
}
#shugakushien #shugaku_pay_area .pay_ex_box03 .inner01{
    background: #fff;
    padding: 2em;
}
#shugakushien #shugaku_pay_area .pay_ex_box03 .inner01 p{
    font-size: 180%;
    font-weight: 700;
    color: #f44720;
    line-height: 1.4;
}
#shugakushien #shugaku_pay_area .pay_ex_box03 .inner01 p .pay_total{
    font-size: 150%;
}

@media screen and (max-width:768px){
    #shugakushien #shugaku_pay_area .pay_ex_box02 dl{
        padding:1.5em 1.5em 2em;
        font-size:95%;
    }
    #shugakushien #shugaku_pay_area .pay_ex_box02 p.plus01{
        font-size:220%;
        margin-top:200px;
    }
    #shugakushien #shugaku_pay_area .arrow01 img{
        width:60%;
    }
}
@media screen and (max-width:610px){
    #shugakushien #shugaku_pay_area .pay_ex_box02 dl{
        padding:2em 1em 2em;
    }
}
@media screen and (max-width:600px){
    #shugakushien #shugaku_pay_area .pay_ex_box02.flex_box03.sp100 .flex_item{
        margin-bottom: 0;
    }
    #shugakushien #shugaku_pay_area .pay_ex_box02 dl{
        width:100%;
        font-size:inherit;
        padding:1.5em 1em 2em;
    }
    #shugakushien #shugaku_pay_area .pay_ex_box02 p.plus01{
        width:100%;
        font-size:250%;
        margin-top:0px;
    }
    #shugakushien #shugaku_pay_area .pay_ex_box03 .inner01{
        background: #fff;
        padding: 1.25em;
    }
}


/*=============================
shugaku_qa_area
=============================*/
#shugakushien #shugaku_qa_area .shugaku_qa_list dl{
    background: #fff;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.16);
    margin-bottom: 2em;
}
#shugakushien #shugaku_qa_area .shugaku_qa_list dl:last-of-type{
    margin-bottom: 0;
}
#shugakushien #shugaku_qa_area .shugaku_qa_list dt{
    position: relative;
    background: #f85151;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 1em 1em 1em 3em;
    text-indent: -2em;
}
#shugakushien #shugaku_qa_area .shugaku_qa_list dt:before{
    content: "Ｑ．";

}
#shugakushien #shugaku_qa_area .shugaku_qa_list dt:after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    bottom: -10px;
    left: 10%;
    margin-left: 10px;
    border-width: 10px 10px 0 10px;
    border-color: #f85151 transparent transparent transparent;
}
#shugakushien #shugaku_qa_area .shugaku_qa_list dd{
    padding: 0.5em 1em 1em;
}

/*申請スケジュール*/
#shugakushien #shugaku_sche_area .shugaku_sche_flow{
    width: 100%;
    display: table;
    border: 1px solid #ddd;
    padding: 1em 1em 1em 1.5em;
    margin-bottom: 1em;
    box-sizing: border-box;
}
#shugakushien #shugaku_sche_area .shugaku_sche_flow:last-of-type{
    margin-bottom: 0;
}
#shugakushien #shugaku_sche_area .shugaku_sche_flow dt{
    display: table-cell;
    width: 35%;
    vertical-align: middle;
}
#shugakushien #shugaku_sche_area .shugaku_sche_flow .sche_num{
    color: #f85151;
    font-size: 230%;
    font-weight: 700;
    line-height: 1;
    padding-right: 0.75em;
}
#shugakushien #shugaku_sche_area .shugaku_sche_flow .sche_ttl{
    color: #f85151;
    font-size: 150%;
    line-height: 1;
}
@media screen and (max-width:768px){
    #shugakushien #shugaku_sche_area .shugaku_sche_flow{
        display: block;
        padding: 1em 1em 1em 1em;
    }
    #shugakushien #shugaku_sche_area .shugaku_sche_flow dt{
        display: block;
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding-bottom: 0.25em;
        margin-bottom: 0.5em;
    }
    #shugakushien #shugaku_sche_area .shugaku_sche_flow .sche_num{
        font-size: 160%;
    }
    #shugakushien #shugaku_sche_area .shugaku_sche_flow .sche_ttl{
        font-size: 130%;
    }
}


/*=============================
shugaku_kikan_area
=============================*/
#shugakushien #shugaku_kikan_area .shugaku_kikan_link dt{
    margin-bottom: 1em;
    text-align: center;
}
#shugakushien #shugaku_kikan_area .shugaku_kikan_link dt span{
    display: inline-block;
}
#shugakushien #shugaku_kikan_area .shugaku_kikan_link dd{
    margin-bottom: 2em;
}



/*=============================
#entry_list
=============================*/
#entry_list .list_block{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 2px solid #ddd;
    border-radius: 8px;
    color: #333;
    margin-bottom: 1em;
    padding: 1em 1em 1em 3em;
    box-sizing: border-box;
}
#entry_list .list_block:last-of-type{
    margin-bottom: 0;
}
#entry_list .list_block .img_box01{
    width: 120px;
    margin-right: 3em;
}
#entry_list .list_block .img_box01 img{
    margin-left: auto;
    margin-right: auto;
}

#entry_list .list_block .list_txt{
    width: calc( 100% - 120px - 3em);
}

#entry_list .list_block .list_txt dt{
    font-size: 110%;
    font-weight: 700;
    margin-bottom: 0.25em;
}
#entry_list .list_block .list_txt dt span{
    display: inline-block;
}
@media screen and (max-width:798px){
    #entry_list .list_block{
        padding: 1em 1em 1em 0.75em;
    }
    #entry_list .list_block .img_box01{
        margin-right: 1em;
    }
}
@media screen and (max-width:600px){
    #entry_list .list_block{
        margin-bottom: 1.5em;
    }
    #entry_list .list_block .img_box01{
        width: 20%;
    }
    #entry_list .list_block .list_txt{
        width: calc( 100% - 20% - 1em);
    }
}




/*=============================
.scroll_block
=============================*/
#entry .scroll{
    overflow-x: auto;
    /*white-space: nowrap;*/
}
#entry .scroll_block{
    display: flex;
}
#entry .scroll_block li{
    width: 280px;
    min-width: 280px;
    margin-right:3em;
    padding-bottom: 1.25em;
}
#entry .scroll_block dt{
    margin-bottom: 1em;
    font-weight: 700;
}
#entry .scroll_block dt span{
    display: block;
    font-size: 110%;
    color: #f85151;
    margin-bottom: 0.5em;
}
#entry .scroll_block dt img{
    max-width: 100%;
    display: block;
    border: 1px solid #ddd;
}
#entry .scroll_block dd{
    font-size: 90%;
}
@media screen and (max-width:768px){
    #mainarea .scroll{
        white-space: inherit;
    }
}

#entry .scroll_sp{
    display: none;
}
@media screen and (max-width:640px){
    #entry .scroll_sp{
        display: block;
        margin-top: 0.5em;
    }
}

/*=============================
#entry-step05
=============================*/
#entry-step05 #payment_area{
    max-width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#entry-step05 #payment_area img{
    margin-left: auto;
    margin-right: auto;
}
#entry-step05 #payment_area span{
    display: inline-block;
}
#entry-step05 #payment_area dt{
    font-weight: 700;
    margin-bottom: 0.5em;
}

/*=============================
#entry-step08
=============================*/
#entry-step08 .img_right40{
    margin-bottom: 0;
}
#entry-step08 .img_right40 img{
    border: 1px solid #ddd;
}
@media screen and (max-width:480px){
    #entry-step08 .img_right40{
        margin-bottom: 1.5em;
    }
}



/*==========================================================
dormitory.html
==========================================================*/
/*=============================
#type_kaikan
=============================*/
#dormitory .bukken_block{
    border: 1px solid #ddd;
    border-radius: 10px;
}
#dormitory .bukken_block .img_box img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}
#dormitory .bukken_block .txt_box{
    padding: 1em;
}
#dormitory .bukken_block .txt_box h4{
    font-weight: 700;
    font-size: 110%;
    margin-bottom: 0.5em;
}