@charset "utf-8"; /**
 *
 *  
 *
 */
/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/
head {
    font-family: sp;
    /*----   ----*/
    ; }

html {
    overflow-y: scroll;
}

ul li, ol li {
    list-style-type: none;
    list-style-position: outside;
}

/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/
body {
    color: #494949;
    font-family: "","Meiryo",' ProN W3',"Hiragino Kaku Gothic ProN"," Pro W3","Hiragino Kaku Gothic Pro",'',YuGothic," ","MS PGothic",Sans-Serif;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/
a {
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:hover {
    #543403; text-decoration: none;
}

/*--------------------------------------------------------------------------
   GlobalHeader
---------------------------------------------------------------------------*/
#GlobalHeader {
    /*	position: absolute;*/
    /* width: 98%; */
    background: #fff;
    z-index: 30;
}

#GlobalHeader.fixed {
    position: fixed;
}

#GlobalHeader .inner {
    position: relative;
    /*-	min-width: 960px;*/
    width: 100%;
    margin: 0 auto;
    z-index: 10;
    height: 100px;
}

#GlobalHeader .sub-navi {
    position: absolute;
    left: 150px;
    top: 32px;
    width: 300px;
    height: 0;
    margin-left: -147px;
    /*  -147 */
    overflow: hidden;
    /* border: 1px solid #ddd; */
}

#GlobalHeader .sub-navi .inside {
    padding: 12px 5px 2px;
    border: 1px solid #eee;
    background: #fbf9f9;
    z-index: 999999;
}

#GlobalHeader .sub-navi .inside dl {
}

/*   
-----------------------------------------------------------------*/
#GlobalHeader .global-navi {
    padding: 5px 2px;
    margin: 0 0 0 0;
    position: fixed;
    width: 100%;
    background: #ffffff;
    z-index: 9999999;
}

#GlobalHeader .global-navi .list {
    position: relative;
    width: auto;
    padding: 5px 1%;
    float: left;
    padding: 20px 1%;
}

#GlobalHeader .global-navi .list p {
    position: relative;
    top: 10px;
    font-size: 1.8rem;
    line-height: 1;
}

#GlobalHeader .global-navi .list p span {
    /* position: relative;
	top: -4px;
	font-size: 1.2rem;
	line-height: 1;
	text-align: left;
	border: 2px solid #90949c;
	padding: 10px;
	background: #eee; */
}

#GlobalHeader .global-navi .list2 {
    position: absolute;
    left: 320px;
    top: 25px;
    font-size: 1.3em
}

#GlobalHeader .global-navi .list3 {
    position: absolute;
    left: 600px;
    top: 25px;
    font-size: 1.3em
}

#GlobalHeader .global-navi .list3 p span.header_muryou a {
    position: relative;
    top: -4px;
    font-size: 1.5rem;
    line-height: 1;
    text-align: left;
    border: 2px solid #c1272d;
    padding: 10px;
    background: #ffdfdf;
    border-radius: 0.4em;
    margin-left: 10px;
    color: #c1272d;
}

#GlobalHeader .global-navi .list .gnavi {
    display: block;
    padding: 0 2px;
    line-height: 36px;
    text-align: center;
    transition: all 0.3s;
    font-size: 108%;
    font-family: 'Noto Sans Japanese',"","Meiryo", serif;
}

#GlobalHeader .global-navi .list:first-child .gnavi {
    border-left: none;
}

#GlobalHeader .global-navi .list .gnavi.active span {
    color: #999;
    position: relative;
}

#GlobalHeader .global-navi .list .gnavi.active span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -12px;
    left: 0;
    background: #c1272d;
}

#GlobalHeader .global-navi .list .gnavi.blank span {
    padding-right: 14px;
    transition: background 0.4s;
}

#GlobalHeader .global-navi .list .gnavi.blank:hover span {
}

#GlobalHeader #proService {
    margin-top: 30px;
    width: 280px;
    /* background: #fbf9f9; */
    padding: 0 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #999;
    z-index: 100;
}

/* #proService{border:1px solid #ddd} */
/* proService */
#GlobalHeader #proService dt {
    font-size: 120%;
    margin-top: 5px;
    margin-bottom: 5px;
    background: url(/img/student/common/icon_00.png) no-repeat 2% 50%;
    z-index: 10;
    color: #c30d22;
}

#GlobalHeader #proService dt:after {
    position: absolute;
    content: '';
    width: 210px;
    height: 1px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    background: #c30d22;
}

#GlobalHeader #proService dt a {
    display: block;
    padding: 10px 10px 10px 40px;
    color: #c30d22;
    font-family: 'Noto Sans Japanese',"","Meiryo", serif;
}

#GlobalHeader #proService dt a:not(:target) {
    padding: 19px 10px 11px\9;
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, #GlobalHeader #proService dt a {
        padding: 19px 22px 5px;
    }
}

#GlobalHeader #proService dt a:hover {
}

#GlobalHeader #proService dd {
    padding: 0;
    margin: 0;
}

#GlobalHeader #proService ul {
    padding: 0;
    margin: 0;
    position: relative;
    color: #999;
}

#GlobalHeader #proService li {
    font-size: 105%;
    margin-top: 5px;
    margin-bottom: 5px;
    z-index: 10;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#GlobalHeader #proService dt .icon00 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_00.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon01 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_01.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon02 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_02.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon03 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_03.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon04 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_04.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon05 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_05.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon06 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_06.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon07 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_07.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon08 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_08.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon09 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_09.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon10 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_10.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon11 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_11.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li .icon12 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_12.png) no-repeat 2% 50%;
}

/*  */
#GlobalHeader #proService li .icon15 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_15.png) no-repeat 2% 50%;
}

/*  */
#GlobalHeader #proService li .icon13 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_13.png) no-repeat 2% 50%;
}

/*  */
#GlobalHeader #proService li .icon14 {
    padding: 5px 10px 5px 25px;
    background: url(/img/student/common/icon_14.png) no-repeat 2% 50%;
}

#GlobalHeader #proService li:first-child {
    border-top: none;
}

#GlobalHeader #proService li a {
    position: relative;
    display: block;
    padding: 5px 10px 4px;
    font-size: 93%;
    background: #f7c94b;
    color: #494949;
    /*	transition: all 0.3s;*/
    text-align: left;
    line-height: 2.5;
    border-radius: 0.2em;
}

/*  */
#GlobalHeader #proService li a:not(:target) {
    font-size: 100%;
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, #GlobalHeader #proService li a {
        font-size: 100%;
    }
}

#GlobalHeader #proService li a:hover {
    color: #555;
    background: #e0e0e0;
}

#GlobalHeader #proService li a:after {
    position: absolute;
    content: '>';
    /* top: 50%; */
    right: 10px;
    margin-top: -8px;
    font-family: 'icomoon';
    font-size: 22px;
    transition: all 0.3s;
}

#GlobalHeader #proService li a:hover:after {
    right: 1px;
}

#GlobalHeader .inner2 {
    position: relative;
    /*	min-width: 960px;*/
    width: 100%;
    margin: 0;
    padding: 0 3%;
    z-index: 1;
}

/* global-menu
-----------------------------------------------------------------*/
#GlobalHeader .global-menu {
    padding: 5px 0;
    /* margin: 0 0 10px; */
    /* background-color: #fdfbf9; */
    /* #212270*/
    color: #444448;
    /* border-top: #eee 1px solid; */
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#GlobalHeader .global-menu .list {
    position: relative;
    width: 13.6%;
    /*	min-width: 100px;*/
    float: left;
    padding: 5px 0;
}

#GlobalHeader .global-menu .list.houjin a {
    background: rgb(37 94 171);
    margin-left: 10px;
    border-left: none;
    color: #f4d823;
    border-radius: 0.2em
}

#GlobalHeader .global-menu .list a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#GlobalHeader .global-menu .list .gnavi {
    display: block;
    padding: 0 1%;
    line-height: 36px;
    text-align: center;
    transition: all 0.3s;
    border-left: 1px solid #e7e7e7;
    font-size: 108%;
    font-family: 'Noto Sans Japanese',"","Meiryo", serif;
    color: #1d2129;
}

#GlobalHeader .global-menu .list:first-child .gnavi {
    border-left: none;
}

#GlobalHeader .global-menu .list .gnavi.active span {
    color: #fff;
    position: relative;
}

#GlobalHeader .global-menu .list .gnavi.active span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -12px;
    left: 0;
    background: #c1272d;
}

#GlobalHeader .global-menu .list .gnavi.blank span {
    padding-right: 14px;
    transition: background 0.4s;
}

/* */
#GlobalHeader .global-menu .list .gtop span {
    padding: 8px 20px 10px 40px;
    transition: background 0.4s;
    background: url(/img/student/common/gnavi_top.svg) no-repeat 5px 100%;
}

/* */
#GlobalHeader .global-menu .list .gguide span {
    padding: 8px 20px 10px 40px;
    transition: background 0.4s;
    background: url(/img/student/common/gnavi_guide.svg) no-repeat 5px 100%;
}

/* */
#GlobalHeader .global-menu .list .gplan span {
    padding: 8px 20px 10px 40px;
    transition: background 0.4s;
    background: url(/img/student/common/gnavi_plan.svg) no-repeat 5px 50%;
}

/* */
#GlobalHeader .global-menu .list .gvoice span {
    padding: 8px 20px 10px 40px;
    transition: background 0.4s;
    background: url(/img/student/common/gnavi_voice.svg) no-repeat 5px 100%;
}

/* */
#GlobalHeader .global-menu .list .gmanual span {
    padding: 8px 20px 10px 40px;
    transition: background 0.4s;
    background: url(/img/student/common/gnavi_manual.svg) no-repeat 5px 100%;
}

/* */
#GlobalHeader .global-menu .list .gfaq span {
    padding: 8px 20px 10px 40px;
    transition: background 0.4s;
    background: url(/img/student/common/gnavi_faq.svg) no-repeat 5px 100%;
}

/* 
#GlobalHeader .global-menu .list .gvoice span {
    padding: 10px 30px;
    transition: background 0.4s;
    background: url(/img/student/common/gnavi_voice.svg) no-repeat 0 100%;
}
 */
/* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #GlobalHeader .global-menu .list .gtop span {
        padding: 8px 20px 0px 40px;
    }

    /* */
    #GlobalHeader .global-menu .list .gguide span {
        padding: 6px 20px 3px 40px;
    }

    /* */
    #GlobalHeader .global-menu .list .gplan span {
        padding: 8px 20px 0px 40px;
    }

    /* */
    #GlobalHeader .global-menu .list .gvoice span {
        padding: 8px 20px 2px 40px;
    }

    /* */
    #GlobalHeader .global-menu .list .gmanual span {
        padding: 8px 20px 2px 40px;
    }

    /* */
    #GlobalHeader .global-menu .list .gfaq span {
        padding: 8px 20px 2px 40px;
    }
}

#GlobalHeader .global-navi .list .gnavi.blank:hover span {
}

#GlobalHeader .loginbtn, #GlobalHeader .logoutbtn {
    position: absolute;
    top: 25px;
    right: 80px;
    font-size: 90%;
    padding: 5px 10px 0;
    margin: 0;
    width: 100px;
    height: 30px;
    background: #eaa53e;
    border-radius: 25px;
    color: #fff;
    text-align: center;
}

#GlobalHeader .loginbtn a, #GlobalHeader .logoutbtn a {
    color: #fff;
}

#GlobalHeader .loginbtn a:hover, #GlobalHeader .logoutbtn a:hover {
    color: #999;
}

#GlobalHeader .mypage {
    position: absolute;
    top: 25px;
    right: 180px;
    font-size: 90%;
    padding: 5px 10px 0;
    margin: 0;
    width: 100px;
    height: 30px;
    background: #62c3fa;
    border-radius: 25px;
    color: #fff;
    text-align: center;
}

#GlobalHeader .register {
    position: absolute;
    top: 25px;
    right: 180px;
    font-size: 90%;
    padding: 5px 10px 0;
    margin: 0;
    width: 100px;
    height: 30px;
    background: #c1272d;
    border-radius: 25px;
    color: #fff;
    text-align: center;
}

#GlobalHeader .mypage a {
    color: #fff;
}

#GlobalHeader .mypage a:hover {
    color: #999;
}

#GlobalHeader .contactbtn {
    position: absolute;
    top: 25px;
    right: 35px;
    margin: 0;
    padding: 0.1%;
    width: 40px;
    /*background: #eaa53e;
    border-radius: 50%;
    color: #fff;*/
    text-align: center;
}

#GlobalHeader .contactbtn img {
    width: 70%;
    margin: 2% auto;
}

#GlobalHeader .tx_comment {
    position: absolute;
    top: 69px;
    right: 20px;
    margin: 0;
    padding: 0;
    width: 100%;
    /*background: #eaa53e;
    border-radius: 50%;
    color: #fff;*/
    font-size: 11px;
    text-align: right;
    line-height: 1.3;
}

#GlobalHeader .global-navi .login {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 90%;
    padding: 5px 10px 0;
    margin: 0;
}

#GlobalHeader .global-navi .login .memberId {
    position: relative;
    bottom: 5px;
    right: 10px;
    padding-right: 0;
    font-size: 90%;
    padding-left: 10px;
}

#GlobalHeader .global-navi .list .login .memberName {
    position: relative;
    top: 10px;
    padding-right: 0;
    font-size: 90%;
    padding-left: 100px;
}

/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/
/* clearfix
-----------------------------------------------------------------*/
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1; }

/** -----------------------------------------------------------------
 *
 *   1000px
 *
 ----------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
    #GlobalHeader .global-navi .list .gnavi {
        font-size: 100%;
    }

    #GlobalHeader .global-menu .list {
        width: 24.33%;
        /* padding-bottom: 5px; */
        margin-bottom: 10px;
    }
}
}

/** -----------------------------------------------------------------
 *
 *  [sp] 740px
 *
 ----------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    /*--------------------------------------------------------------------------
	   base link
	---------------------------------------------------------------------------*/a:hover {
        color: #494949;
    }

    /*--------------------------------------------------------------------------
	   GlobalHeader
	---------------------------------------------------------------------------*/
    #GlobalHeader {
        position: relative;
        /*border-top: 3px solid #fe9e1a;*/
        /*	border-top: 3px solid #025481;*/
        margin: 0;
    }

    #GlobalHeader.fixed {
        position: relative;
    }

    #GlobalHeader .inner {
        min-width: 320px;
        height: 65px;
        margin: 0;
    }

    /* global-navi
	-----------------------------------------------------------------*/
    #GlobalHeader .global-navi {
        margin: 0;
        padding-top: 0;
    }

    #GlobalHeader .global-navi .list {
        width: 100%;
    }

    #GlobalHeader .global-navi .list .gnavi {
        position: relative;
        padding: 0 1%;
        line-height: 55px;
        text-align: left;
        border-left: none;
        border-bottom: 1px solid #e7e7e7;
    }

    #GlobalHeader .global-navi .list .gnavi:hover {
        color: #494949;
    }

    #GlobalHeader .global-navi .list .gnavi:after {
        position: absolute;
        content: '>';
        top: 0;
        right: 12px;
        font-family: 'icomoon';
        font-size: 22px;
    }

    #GlobalHeader .global-navi .list.parent .gnavi:after {
        content: '';
        width: 17px;
        height: 100%;
        right: 20px;
        background: url(/img/student/common/icon_menu.svg) no-repeat 93.5% 50%;
        background-size: 17px 17px;
    }

    #GlobalHeader .global-navi .list.parent .gnavi.open-flg:after {
        content: '';
        width: 17px;
        height: 100%;
        right: 20px;
        background: url(/img/student/common/images/ico_close.svg) no-repeat 100% 50%;
        background-size: 17px 17px;
    }

    #GlobalHeader .global-navi .list .gnavi.active span:after {
        display: none;
    }

    #GlobalHeader .global-navi .list .gnavi.blank span, #GlobalHeader .global-navi .list .gnavi.blank:hover span {
        background: none;
    }

    #GlobalHeader .global-navi .list .gnavi.blank:after {
        content: '';
        width: 10px;
        height: 55px;
        right: 23px;
        background: url(../../common/images/ico_blank05_sp.png) no-repeat 0 50%;
        background-size: 10px 10px;
    }

    #GlobalHeader .sub-navi {
        position: static;
        width: 100%;
        margin-left: 0;
        transition: all 0.3s;
        background: none;
        overflow: hidden;
    }

    #GlobalHeader .sub-navi .inside {
        padding: 0 20px;
        background: #fafafa;
        border-bottom: 1px solid #e7e7e7;
    }

    #GlobalHeader .sub-navi .inside dl {
        background: none;
        box-shadow: none;
    }

    /* #proService */
    #GlobalHeader #proService dt {
        font-size: 93%;
        border-bottom: none;
        background: none;
    }

    #GlobalHeader #proService dt a {
        position: relative;
        padding: 14px 5px 13px;
        color: #646464;
        font-family: "","Meiryo",' ProN W3',"Hiragino Kaku Gothic ProN"," Pro W3","Hiragino Kaku Gothic Pro",'',YuGothic," ","MS PGothic",Sans-Serif;
        background: none;
    }

    #GlobalHeader #proService dt a:hover {
        background: none;
    }

    #GlobalHeader #proService li {
        border-top: none;
    }

    #GlobalHeader #proService li a {
        position: relative;
        padding: 14px 5px 13px;
        color: #646464;
        font-size: 85%;
        background: none;
        border-top: 1px solid #e7e7e7;
    }

    #GlobalHeader #proService li a:after, #GlobalHeader #proService dt a:after {
        position: absolute;
        content: '>';
        top: 50%;
        right: -5px;
        margin-top: -19px;
        font-family: 'icomoon';
        font-size: 22px;
    }

    #GlobalHeader #proService li a:hover {
        background: none;
    }

    #GlobalHeader #proService li a:hover:after {
        right: -5px;
    }

    /* #proService1 */
    #GlobalHeader #proService1 dt {
        font-size: 93%;
        border-bottom: none;
        background: none;
    }

    #GlobalHeader #proService1 dt a {
        position: relative;
        padding: 14px 5px 13px;
        color: #646464;
        font-family: "","Meiryo",' ProN W3',"Hiragino Kaku Gothic ProN"," Pro W3","Hiragino Kaku Gothic Pro",'',YuGothic," ","MS PGothic",Sans-Serif;
        background: none;
    }

    #GlobalHeader #proService1 dt a:hover {
        background: none;
    }

    #GlobalHeader #proService1 li {
        border-top: none;
    }

    #GlobalHeader #proService1 li a {
        position: relative;
        padding: 14px 5px 13px;
        color: #646464;
        font-size: 85%;
        background: none;
        border-top: 1px solid #e7e7e7;
    }

    #GlobalHeader #proService1 li a:after, #GlobalHeader #proService1 dt a:after {
        position: absolute;
        content: '>';
        top: 50%;
        right: -5px;
        margin-top: -19px;
        font-family: 'icomoon';
        font-size: 22px;
    }

    #GlobalHeader #proService1 li a:hover {
        background: none;
    }

    #GlobalHeader #proService1 li a:hover:after {
        right: -5px;
    }
}

@media screen and (max-width: 667px) {
    #GlobalHeader .global-navi .list .hTitle {
        /* display: none; */
    }

    #GlobalHeader .global-menu {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap
    }

    #GlobalHeader .global-menu .list {
        width: 33%;
        /* padding-bottom: 5px; */
        margin-bottom: 10px;
    }

    #GlobalHeader .inner2 {
        display: none
    }
}

/** -----------------------------------------------------------------
 *
 *  [sp] 375px
 *
 ----------------------------------------------------------------- */
@media screen and (max-width: 375px) {
    /*
	#Main{
		margin-top: 0;
	}
	#Main .wrap{
		width: 360px;
		margin: 0 auto;
	}
 */
}

@media screen and (max-width: 568px) {
    #GlobalHeader .inner {
        height: 90px;
        margin-bottom: 10px;
    }

    #GlobalHeader .loginbtn, #GlobalHeader .logoutbtn {
        position: absolute;
        top: 100px;
        right: 10px;
        font-size: 90%;
        padding: 5px 10px 0;
        margin: 0;
        width: 100px;
        height: 30px;
        background: #eaa53e;
        border-radius: 25px;
        color: #fff;
        text-align: center;
    }

    #GlobalHeader .mypage {
        position: absolute;
        top: 100px;
        right: 110px;
        font-size: 90%;
        padding: 5px 10px 0;
        margin: 0;
        width: 100px;
        height: 30px;
        background: #62c3fa;
        border-radius: 25px;
        color: #fff;
        text-align: center;
    }

    #GlobalHeader .loginbtn a, #GlobalHeader .logoutbtn a, #GlobalHeader .mypage {
        color: #fff;
    }

    #GlobalHeader .global-menu {
        border-top: none;
        border-bottom: none;
        /* margin-bottom: 5px; */
    }

    #GlobalHeader .contactbtn {
        position: absolute;
        top: 60px;
        right: 5px;
        margin: 0;
        padding: 0.05%;
        width: 40px;
        /*background: #eaa53e;
	    border-radius: 50%;
	    color: #fff;*/
        text-align: center;
    }

    #GlobalHeader .global-navi .login {
        /* bottom: 80px; */
        height: 30px;
        top: 0;
        left: 0;
        padding-top: 1px;
    }

    #GlobalHeader .global-navi .login p {
        margin: 0 0 5px;
        text-align: left;
        margin-bottom: 0;
    }

    #GlobalHeader .global-menu .list .gnavi {
        display: block;
        padding: 0 1%;
        line-height: 36px;
        text-align: center;
        transition: all 0.3s;
        font-size: 80%;
    }

    #GlobalHeader .global-menu .list .gnavi span {
        line-height: 2.0em;
    }

    /* */
    #GlobalHeader .global-menu .list .gtop span {
        padding: 20px 0px 0;
        transition: background 0.4s;
        background: url(/img/student/common/gnavi_top.svg) no-repeat 50% 0%;
        background-size: 20px;
    }

    /* */
    #GlobalHeader .global-menu .list .gguide span {
        padding: 20px 0px 0;
        transition: background 0.4s;
        background: url(/img/student/common/gnavi_guide.svg) no-repeat 50% 0%;
        background-size: 15px;
    }

    /* */
    #GlobalHeader .global-menu .list .gplan span {
        padding: 20px 0px 0;
        transition: background 0.4s;
        background: url(/img/student/common/gnavi_plan.svg) no-repeat 50% 0%;
        background-size: 18px;
    }

    /* */
    #GlobalHeader .global-menu .list .gvoice span {
        padding: 20px 0px 0;
        transition: background 0.4s;
        background: url(/img/student/common/gnavi_voice.svg) no-repeat 50% 0%;
        background-size: 15px;
    }

    /* */
    #GlobalHeader .global-menu .list .gmanual span {
        padding: 20px 0px 0;
        transition: background 0.4s;
        background: url(/img/student/common/gnavi_manual.svg) no-repeat 50% 0%;
        background-size: 18px;
    }

    /* */
    #GlobalHeader .global-menu .list .gfaq span {
        padding: 20px 0px 0;
        transition: background 0.4s;
        background: url(/img/student/common/gnavi_faq.svg) no-repeat 50% 0%;
        background-size: 18px;
    }

    #GlobalHeader .global-navi .list .hIcon img {
        width: 35px;
    }

    #GlobalHeader .global-navi .list .hLogo img {
        padding: 2px 0 0 3px;
        height: 30px;
    }

    #GlobalHeader .global-navi .list .hTitle {
        /* display: block; */
        font-size: 1em;
        position: relative;
        top: -90px;
        width: 200px;
        right: -100px;
    }

    #GlobalHeader .tx_comment {
        position: absolute;
        top: 58px;
        right: 28px;
    }

    #GlobalHeader .global-navi {
        padding: 5px 0;
        margin: 0 0 0 0;
        width: 100%;
    }

    #GlobalHeader .global-navi .list2 {
        position: absolute;
        left: 10px;
        top: 0px;
        font-size: 1em;
        display: none;
    }

    #GlobalHeader .global-navi .list3 {
        position: absolute;
        left: 0px;
        top: 80px;
        font-size: 1em
    }

    #GlobalHeader .global-navi .list3 p span.header_muryou a {
        font-size: 1.1rem;
        line-height: 1;
        text-align: left;
        border: 2px solid #c1272d;
        padding: 5px;
        background: #ffdfdf;
        border-radius: 0.4em;
        margin-left: 5px;
        color: #c1272d;
    }

    #GlobalHeader #proService {
        margin-top: 30px;
        min-width: 350px;
    }
}

@media screen and (max-width: 320px) {
    #GlobalHeader .loginbtn , #GlobalHeader .logoutbtn {
        position: absolute;
        top: 200px;
        right: 5px;
        font-size: 90%;
        padding: 5px 10px 0;
        margin: 0;
        width: 100px;
        height: 30px;
        background: #eaa53e;
        border-radius: 25px;
        color: #fff;
        text-align: center;
    }

    #GlobalHeader .mypage {
        position: absolute;
        top: 200px;
        right: 105px;
        font-size: 90%;
        padding: 5px 10px 0;
        margin: 0;
        width: 100px;
        height: 30px;
        background: #62c3fa;
        border-radius: 25px;
        color: #fff;
        text-align: center;
    }

    #GlobalHeader .contactbtn {
        position: absolute;
        top: 15px;
        right: 35px;
        margin: 0;
        padding: 0.1%;
        width: 40px;
        text-align: center;
    }

    #GlobalHeader .global-menu .list {
        width: 25%;
        font-size: 1.4rem
    }

    /* */
    #GlobalHeader .global-menu .list .gtop span {
        padding: 30px 10px 0;
        transition: background 0.4s;
        background: url(/img/student/common/gnavi_top.svg) no-repeat 50% 0%;
    }

    /* */
    #GlobalHeader .global-menu .list .gguide span {
        padding: 30px 0px 0;
        transition: background 0.4s;
        background: url(/img/student/common/gnavi_guide.svg) no-repeat 50% 0%;
    }

    /* */
    #GlobalHeader .global-menu .list .gplan span {
        padding: 30px 10px 0;
        transition: background 0.4s;
        background: url(/img/student/common/gnavi_plan.svg) no-repeat 50% 0%;
    }

    /* */
    #GlobalHeader .global-menu .list .gvoice span {
        padding: 30px 0px 0;
        transition: background 0.4s;
        background: url(/img/student/common/gnavi_voice.svg) no-repeat 50% 0%;
    }
}

.slide_anime_nav {
    position: fixed;
    z-index: 1010;
    top: 80%;
    transform: rotate(0) translateY(-50%);
}

.slide_anime_nav > div {
    background: #ffffff;
    transition: transform 0.3s ease 0s;
    transform: translateX(0px);
    padding: 5px 5px;
    border-radius: 10em;
}

.slide_anime_nav > div:not(:last-of-type) {
    margin-bottom: 1px;
}

.slide_anime_nav > div:hover {
    background: #ffffff;
    width: 300px;
}

.slide_anime_nav a {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: calc(45px - 350px);
    min-width: 280px;
    min-height: 50px;
    white-space: nowrap;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    justify-content: flex-start;
}

.slide_anime_nav a:hover {
    text-decoration: none;
}

.slide_anime_nav a img {
    padding: 2px;
    max-width: 100px;
    margin-right: 10px;
}

.slide_anime_nav .fas {
    width: 70px;
    text-align: center;
}

.fixed_right {
    left: calc(100% - 110px);
    background: #ffffff;
    border-radius: 15em;
    width: 150px;
    border-radius: 15em;
}

.slide_anime_nav.fixed_right {
}

.fixed_right > div:hover {
    transform: translateX(-100px);
}

.fixed_right a::after {
    display: block;
    content: attr(data-text);
    padding-right: 1rem;
    margin-left: 0.25rem;
}

#GlobalHeader .global-navi .list3 p {
    margin: 3px 0;
}

/* ---------------------------------------------------
header_login or mypage
------------------------------------------------------ */
.disp_set{
	display:block;
}

@media screen and (max-width: 600px) {

.disp_set{
	display:none;
}
}