@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;margin:0;padding:0;}
body{line-height:1;font-size:small;font:x-small;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
li{list-style-type:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;margin:0;padding:0;}
a:hover{text-decoration:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted inherit;cursor:help;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;margin: 0;}
input[type="button"],input[type="submit"],input[type="text"] {
    -webkit-appearance: none;
}
img{vertical-align:bottom;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

html {-webkit-text-size-adjust: 1;background:#eff1f2;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
    word-wrap: break-word;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    color: #333;
    font-size: 75%;
    line-height: 1.5;
    scrollbar-face-color: #9bb8c7;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    min-height:100%;
}
a {
    color: #333;
	cursor:pointer;
    outline:none;
}

a:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}



.left{float:left;}
.right{float:right;}
.wf{width:auto;height:auto;width:100%;}

 /* clerfix
----------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}


/* display
----------------------------------------------------*/
.only_pc {
    display: block;
}
.only_sp {
    display: none;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
    .only_pc {
        display: none;
    }
    .only_sp {
        display: block;
    }
}


/* layout
----------------------------------------------------*/
#page{width:100%;max-width:960px;margin:0 auto;padding:30px 0 10px;}
section{width:100%;background:#FFF;margin-bottom:30px;}

/* head */
#head{
    position:relative;
}
#head a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 20px 40px;
}
#head .left{
    float:none;
    width:42%;
    height:auto;
}
#head .right{
    float:none;
    width:50%;
    margin-left: 20px;
}
#head .actual{text-align:right;}
#head h1{margin:5px 0 20px;}
#head h1 img{margin-bottom:10px;height:auto;max-width: 100%;}
#head .txt{min-height:88px;background:url(../images/student/head_5.png) 100% 0 no-repeat;padding:0 120px 0 0;}

/* content */
#content{padding:5px;}
#content h2{color:#1b4179;font-size:16px;font-weight:bold;margin-bottom: 20px;}
#content h2 span{color:#3a94c5;font-weight:bold;}
#content .year_top .inner{background:#ebf4f8;padding:25px 15px 25px 20px;}
#content .year_top .left_in{float:left;width:40%;}
#content .year_top .left_in .link-button{
    display: block;
    position: relative;
}
#content .year_top .left_in .link-button a{
    display: block;
    position: relative;
    padding: 10px;
    margin-top: 20px;
    text-align: center;
    border-radius: 3px;
    background: #0c3675;
}
#content .year_top .left_in .link-button a:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid rgba(255,255,255,.7);
    border-right: 2px solid rgba(255,255,255,.7);
    transform: translate(-15px, 0) rotate(45deg);
}
#content .year_top .left_in .link-button span{
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
#content .year_top a:hover .left_in .link-button{opacity: .8;}
#content .year_top .right_in{width:60%;float:right;}
#content .year_top .right_in {padding-left:50px;text-align:right;}
#content .year_top .right_in p.pre_tx {background:#1b4179;color: #ffffff;font-weight: bold;padding: 5px 10px;text-align: left;font-size: 14px;margin-bottom: 10px;}
#content .year_top .right_in p.txt{text-align:left;font-size: 13px;word-break: normal;word-wrap: break-word;}
#content .year_top .right_in p span{color:#1b4179;font-weight:bold;}
#content .year_top .right_in p .ttl{display: block;margin-bottom: 8px;}
#content .year_top .innerbtm{background:#f9fafa;padding:25px 15px 25px 20px;}
#content .year_top .grandop {background: #ffffff;border-bottom: solid 1px #d5d8da;border-left: solid 1px #d5d8da;border-right: solid 1px #d5d8da;padding: 20px;}
#content .year_top .grandop_linetop{border-top: solid 1px #d5d8da;}
#content .year_top .grand_tx {background: #ffffff;width: 100%; color: #1b4179;font-size: 14px;}
#content .year_top .grand_tx p {border: 1px solid #d5d8da;font-size: 14px;padding: 10px 10px;}
#content .year_top .grand_tx p span{color: #1b4179;background:url(../images/student/icon_grandop.png) no-repeat left center;font-weight: bold;padding-left: 22px;line-height: 1.2;}
#content .year_top .pre_tx img {display: inline-block;margin-left: 10px;margin-bottom: 5px;}
#content .year_top .pre_tx {background: #e48b2f;padding: 1px;width: 100%; color: #ffffff;font-size: 14px;}
#content .year_top .pre_tx p {border: 1px solid #ffffff;color: #ffffff;font-size: 14px;padding: 10px 10px;}
#content .year_top .pre_tx p span{background:url(../images/student/icon_grandop.png) no-repeat left center;font-weight: bold;padding-left: 22px;line-height: 1.2;}
#content .year_top .grand_tx img {display: inline-block;margin-left: 10px;margin-bottom: 5px;}
/* 事前受付 */
#content .year_top.advance .inner {
    padding: 25px 20px;
    background:#fff;
    border: 10px solid rgba(58,148,197,.5);
}
#content .year_top.advance .in_blk {
    display: table;
    width: 100%;
}
#content .year_top.advance .in_blk > * {;
    display: table-cell;
    vertical-align: middle;
}
#content .year_top.advance .blk_left {
    width: 40%;
}
#content .year_top.advance .blk_right {
    text-align: center;
    width: 60%;
    padding-left: 30px;
}
#content .year_top.advance .blk_right .ttl {
    line-height: 1.6;
}
#content .year_top.advance .blk_right .ttl em {
    display: block;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    color: #1b4179;
}
#content .year_top.advance .blk_right .ttl span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #bc0000;
}
#content .year_top.advance .blk_right .mail {
    padding: 10px 20px;
    margin: 20px 0 10px;
    color: #3a94c5;
    border: 1px solid #3a94c5;
}
#content .year_top.advance .blk_right .mail p {
    font-size: 14px;
    font-weight: bold;
}
#content .year_top.advance .blk_right .mail p span {
    display: block;
    color: #333;
    font-size: 12px;
}
#content .year_top.advance .blk_right .mail a {
    display: inline-block;
    position: relative;
    margin: 4px 0 0;
    padding: 0 0 0 24px;
    font-size: 18px;
    text-decoration: underline;
}
#content .year_top.advance .blk_right .mail a:hover {
    text-decoration: none;
}
#content .year_top.advance .blk_right .mail a:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 14px;
    margin: auto;
    text-decoration: none;
    background:url(../images/student/icon_mail.png) no-repeat 50% 50% / cover;
}
/* event_banner */
#event_banner { padding:5px;}
#event_banner .event_l { float:left; width:50%; padding-right:2.5px;}
#event_banner .event_r { float:right; width:50%; padding-left:2.5px;}
#event_banner .banner_tp {margin-bottom:5px;}
#event_banner img {width:100%; height:auto;}

/* scholarship */
#scholarship{padding: 5px;}
#scholarship img{width: 100%;}

/* device */
#device{padding:25px 35px;}
#device .inner{display:table;width:100%;}
#device .inner h3{display:table-cell;width:50%;vertical-align:middle;}
#device .inner p{display:table-cell;width:46%;padding-left:4%;vertical-align:middle;text-align:right;}
#device img {height: auto;max-width: 100%;}

/* career */
#career .inner{padding:5px;}
#career .inner a{display:table;width:auto;}
#career .inner h4,#career .inner ul,#career .inner p{display:table-cell;vertical-align:middle;}
#career .inner h4{color:#e24600;font-weight:bold;font-size:13px;width:18%;}
#career .inner ul{width:49%;padding-right:1%;}
#career .inner p{width:32%;text-align:right;}

/* footer */
footer{text-align:center;color:#3a94c5;font-size:11px;}
footer a{color:#3a94c5;}
footer h2{margin-bottom:20px;}

@media screen and (min-width: 0px) and (max-width: 960px) {
    #page{width:auto;margin:0 10px;}
    section{margin-bottom:20px;}
    #content .left .right_in p{text-align:center;}
    #career .inner a{display:table;width:auto;}
    #career .inner ul{width:48%;padding:0 2%;}


}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #page{margin:0 2px;}
    section{width:auto;margin:0 5px 20px;}
    #head{position:relative;padding:5px 10px 0;}
    #head a{
        flex-wrap: wrap;
        padding: 20px 0px;
    }
    #head .left{
        position:static;
        width:100%;
        text-align:center;
    }
    #head .right{
        width:100%;
        margin:0 0 10px;
    }
    #head h1{margin:5px 0 10px;}
    #head h1 img{display:block;margin:5px auto;}
    #head .txt{
        min-height:0;
        margin-top:20px;
        padding:100px 0 0 0;
        background-position:50% 0;
    }
    #content .year_top .left_in{float:none;width:100%;}
    #content .year_top .right_in{float:none;width:100%;padding-left:0;margin-top: 20px;}
    #content .year_top.advance .in_blk > * {
        display: block;
    }
    #content .year_top.advance .blk_left {
        width: 100%;
        margin-bottom: 20px;
    }
    #content .year_top.advance .blk_right {
        width: 100%;
        padding-left: 0;
    }
    #content .year_top.advance .blk_right .ttl {
        margin-bottom: 10px;
    }
    #content .year_top.advance .blk_right .ttl em {
        font-size: 18px;
    }
    #content .year_top.advance .blk_right .ttl span {
        font-size: 14px;
    }
    #content .year_top.advance .blk_right .mail {
        padding: 10px;
    }
    #content .year_top.advance .blk_right .mail p {
        font-size: 12px;
    }
    #content .year_top.advance .blk_right .mail a {
        margin: 4px 0 2px;
        font-size: 16px;
    }
    #device{padding:10px 15px;}
    #device img {height: auto;width: 100%;}
    #device .inner h3,#device .inner p{display:block;width:100%;text-align:center;padding:10px 20px;}
    #career .inner{padding:5px;}
    #career .inner a{display:block;width:auto;}
    #career .inner h4,#career .inner ul,#career .inner p{display:block;width:100%;text-align:center;margin:5px 0;}
    #career .inner ul{padding-right:0;text-align:left;margin:10px 0;}
    #career .inner li{display:inline;}
    footer{margin-top:30px;}

	#event_banner .event_l { float:none; width:100%; padding-right:0; margin-bottom:5px;}
	#event_banner .event_r { float:none; width:100%; padding-left:0;}
	#event_banner .banner_tp {margin-bottom:5px;}
	#event_banner img {width:100%; height:auto;}

}