@charset "utf-8";

/* -----------------------------------------------------------------
 header
----------------------------------------------------------------- */
.g_hd {
}


/* -----------------------------------------------------------------
 box_fixed
----------------------------------------------------------------- */
/*---------- base ----------*/
.g_hd .box_fixed {
	position:relative;
	z-index: 1100;
	display: flex;
	align-items: center;
	width:100%;
	background:#fff;
	border-bottom:#eee 1px solid;
}
@media print, screen and (max-width: 1023px) {
.g_hd .box_fixed {
	position:fixed;
	top:0;
	height:57px;
}
}
@media print, screen and (min-width: 1024px) {
.g_hd .box_fixed {
	position:absolute;
	top:0;
	padding: 10px 15px;
	transition:all .3s;
}
.g_hd .box_fixed.clone {
	position:fixed;
	top:-89px;
	padding:  0 0 0 15px;
}
}

/*---------- logo ----------*/
@media print, screen and (max-width: 1023px) {
.g_hd .box_fixed .logo {
	width:calc(100% - 49px - 49px - 1px);
}
.g_hd .box_fixed .logo a {
	display:inline-block;
}
.g_hd .box_fixed .logo img {
	width:calc(454 / 750 * 100vw);
	max-width:calc(454px * .5 );
	min-width:180px;
	margin-left:5px;
	margin-right:10px;

}
}
@media print, screen and (min-width: 1024px) {
.g_hd .box_fixed .logo {
	flex-grow: 2;
	width:300px;
	max-width:300px;
	margin-left:20px;
}
}

/*---------- btn_language ----------*/
.g_hd .box_fixed .btn_language .btn {
	display: flex;
	flex-direction:column;
	align-items: center;
	background:#323232;
	cursor:pointer;
}
.g_hd .box_fixed .btn_language .btn .ico {
	width:19px;
	height:19px;
	margin-top:13.5px;
}
.g_hd .box_fixed .btn_language .btn .txt {
	padding-top: 2px;
	line-height:1.2;
	text-align:center;
	color:#fff;
}
/*----- hover -----*/
body:not(.ios) .g_hd .box_fixed .btn_language .btn {
	transition:all .3s;
}
body:not(.ios) .g_hd .box_fixed .btn_language .btn.active,
body:not(.ios) .g_hd .box_fixed .btn_language .btn:hover {
	background:#6a6a6a;
}



@media print, screen and (max-width: 1023px) {
.g_hd .box_fixed .btn_language .btn {
	width:49px;
	height:57px;
}
.g_hd .box_fixed .btn_language .btn .txt {
	font-size:9px;
}
}
@media print, screen and (min-width: 1024px) {
.g_hd .box_fixed .btn_language {
	position:relative;
}
.g_hd .box_fixed .btn_language .btn {
	width:auto;
	height:68px;
	padding:0 .4em;
}
.g_hd .box_fixed .btn_language .btn::after {
	content:"";
	display:block;
	width:5px;
	height:10px;
	margin-top:3px;
	background:url(/faculty/gs-international/common/img/arrow_std_white.svg) no-repeat center center;
	background-size:auto 100%;
	transform:rotate(90deg);
}
.g_hd .box_fixed .btn_language .btn .txt {
	font-size:12px;
}
}
@media print, screen and (min-width: 1340px) {
.g_hd .box_fixed .btn_language .btn {
	width:76px;
	height:68px;
}
}
/*---------- box_open_lang ----------*/
.g_hd .box_open_lang {
	display:none;
}
@media print, screen and (max-width: 1023px) {
.g_hd .box_open_lang {
	overflow-y:scroll;
	position:fixed;
	top:57px;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding:50px 0;
	background:rgba(50,50,50,.9);
}
.g_hd .box_open_lang .box_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 100%;
}
.g_hd .box_open_lang .box_btn .btn_lang {
	display: flex;
	justify-content: center;
	align-items: center;
	width:90%;
	max-width:17em;
	padding:1em;
	border:#fff 1px solid;
	background:rgba(255,255,255,.15);
	font-size:17px;
	font-size:1.21rem;
	color:#fff;
}
.g_hd .box_open_lang .box_btn .btn_lang + .btn_lang {
	margin-top:15px;
}
.g_hd .box_open_lang .box_btn .close {
	margin-top:45px;
	text-decoration:underline;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	font-size:1.07rem;
	color:#fff;
}

}
@media print, screen and (min-width: 1024px) {
.g_hd .box_open_lang {
	position:absolute;
	width:100%;
	background:#fff;
}
.g_hd .box_open_lang .box_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.g_hd .box_open_lang .box_btn .btn_lang {
	width:100%;
	padding:.5em 0;
	border-top:#a0a0a0 1px solid;
	text-align:center;
	font-size:15px;
	font-size:0.94rem;
	color:#323232;
}
.g_hd .box_open_lang .box_btn .close {
	display:none;
}
/*----- hover -----*/
body:not(.ios) .g_hd .box_open_lang .box_btn .btn_lang {
	transition:all .3s;
}
body:not(.ios) .g_hd .box_open_lang .box_btn .btn_lang:hover {
	background:#efe8d0;
}
}


/*---------- btn_request / btn_mail ----------*/
.g_hd .box_fixed .btn_request,
.g_hd .box_fixed .btn_mail {
	display:none;
}
/*----- hover -----*/
body:not(.ios) .g_hd .box_fixed .btn_request,
body:not(.ios) .g_hd .box_fixed .btn_mail {
	transition:all .3s;
}
body:not(.ios) .g_hd .box_fixed .btn_request:hover,
body:not(.ios) .g_hd .box_fixed .btn_mail:hover {
	background:#265b9e;
}
@media print, screen and (min-width: 1024px) {
.g_hd .box_fixed .btn_request,
.g_hd .box_fixed .btn_mail {
	flex-shrink: 0;
	display: flex;
	flex-direction:column;
	align-items: center;
	width:6.5em;
	height:68px;
	margin-left:2px;
	background:#043c83;
	font-size:11px;
	font-size:0.69rem;
	color:#fff;
}
.g_hd .box_fixed .btn_request .ico,
.g_hd .box_fixed .btn_mail .ico {
	margin-top:15px;
}
.g_hd .box_fixed .btn_request .txt,
.g_hd .box_fixed .btn_mail .txt {
	margin-top:4px;
}
}
@media print, screen and (min-width: 1340px) {
.g_hd .box_fixed .btn_request,
.g_hd .box_fixed .btn_mail {
	width:7.43em;
	font-size:14px;
	font-size:0.88rem;
}
}


/*---------- btn_request ----------*/
@media print, screen and (min-width: 1024px) {
.g_hd .box_fixed .btn_request {

}
.g_hd .box_fixed .btn_request .ico {
	width:22px;
	height:19px;
}

}



/*---------- btn_mail ----------*/
@media print, screen and (min-width: 1024px) {
.g_hd .box_fixed .btn_mail {

}
.g_hd .box_fixed .btn_mail .ico {
	width:19px;
	height:19px;
}

}



/*---------- box_btn_menu ----------*/
.g_hd .box_fixed .box_btn_menu {
	position:relative;
	width:49px;
	height:57px;
	background:#043c83;
	margin-left:1px;
}
.g_hd .box_fixed .box_btn_menu .bar {
	position:absolute;
	left:calc((49px - 30px) / 2);
	width:30px;
	height:1px;
	background:#fff;
	transition: transform .5s;
}
.g_hd .box_fixed .box_btn_menu .bar:nth-of-type(1) {
	top:calc(57px / 2 - 8px);
}
.g_hd .box_fixed .box_btn_menu .bar:nth-of-type(2) {
	top:calc(57px / 2 - 1px);
}
.g_hd .box_fixed .box_btn_menu .bar:nth-of-type(3) {
	top:calc(57px / 2 - 1px);
}
.g_hd .box_fixed .box_btn_menu .bar:nth-of-type(4) {
	top:calc(57px / 2 + 7px);
}
/*---------- box_btn_menu active ----------*/
.g_hd .box_fixed .box_btn_menu.active {
}
.g_hd .box_fixed .box_btn_menu.active .bar:nth-of-type(1) {
	opacity:0;
	transform:translateY(6px);
}
.g_hd .box_fixed .box_btn_menu.active .bar:nth-of-type(2) {
	transform:rotate(45deg);
}
.g_hd .box_fixed .box_btn_menu.active .bar:nth-of-type(3) {
	transform:rotate(-45deg);
}
.g_hd .box_fixed .box_btn_menu.active .bar:nth-of-type(4) {
	opacity:0;
	transform:translateY(-6px);
}

@media print, screen and (min-width: 768px) {

}
@media print, screen and (min-width: 1024px) {
}




/* -----------------------------------------------------------------
 g_nav_pc
----------------------------------------------------------------- */
/*---------- base ----------*/
.g_hd .g_nav_pc {
	display:none;
}
@media print, screen and (min-width: 1024px) {
.g_hd .g_nav_pc {
	display:block;
	margin-left:20px;
	margin-right:20px;
}
.g_hd .g_nav_pc .inner {
	display: flex;
	justify-content: space-between;
	height:68px;
}
.g_hd .g_nav_pc .inner >* {
	display: flex;
}
}
@media print, screen and (min-width: 1235px) {
.g_hd .g_nav_pc {
	width:660px;
	margin-left:auto;
	margin-right:30px;
}
}
@media print, screen and (min-width: 1440px) {
.g_hd .g_nav_pc {
	margin-right:50px;
}
}


/*---------- nav_ttl ----------*/
.g_hd .g_nav_pc .nav_ttl{
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left:19px;
	font-weight:bold;
	font-size:14px;
	font-size:0.88rem;
	color:#323232;
}
.g_hd .g_nav_pc .dropdown:hover >.nav_ttl::before{
	position:absolute;
	left:calc(50% - 1px);
	bottom:-11px;
	content:"";
	display:block;
	width:2px;
	height:1em;
	background:#b3ad11;
}
.g_hd .clone .g_nav_pc .dropdown:hover >.nav_ttl::before{
	bottom:-1px;
}
.g_hd .g_nav_pc .nav_ttl[target=_blank]::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: .1em;
    background: url(/faculty/gs-international/common/img/ico_blank_black.svg) no-repeat center center;
    background-size: 11px;
}


/*----- hover -----*/
body:not(.ios) .g_hd .g_nav_pc a.nav_ttl {
	transition:all .3s;
}
body:not(.ios) .g_hd .g_nav_pc a.nav_ttl:hover {
	color:#043c83;
}
body:not(.ios) .g_hd .g_nav_pc .nav_ttl:hover[target=_blank]::after {
    background: url(/faculty/gs-international/common/img/ico_blank_navy.svg) no-repeat center center;
    background-size: 11px;
}


@media print, screen and (min-width: 1050px) {
.g_hd .g_nav_pc .nav_ttl{
	font-size:15px;
	font-size:0.94rem;
}
}

/*---------- dropdown ----------*/
.g_hd .g_nav_pc .dropdown{
	flex-shrink: 0;
	cursor:pointer;
}
.g_hd .g_nav_pc .dropdown:nth-of-type(1){
	flex-shrink: 2;
}
.g_hd .g_nav_pc .inner >*:nth-of-type(2),
.g_hd .g_nav_pc .inner >*:nth-of-type(6){
	flex-shrink: 1;
}
.g_hd .g_nav_pc .dropdown_body{
	visibility: hidden;
	opacity: 0;
	position:absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top:89px;
	left:0;
	width: 100%;
	padding:24px;
	background:rgba(179,173,17,.8);
	transition:.3s;
	cursor:auto;
}
.g_hd .g_nav_pc .dropdown:hover .dropdown_body{
	visibility: visible;
	opacity: 1;
}

.g_hd .g_nav_pc .dropdown_body .nav_ttl{
	flex-shrink: 0;
}
.g_hd .g_nav_pc .dropdown_body .nav_ttl .txt{
	display: flex;
	align-items: center;
	margin:0 1.4em;
	white-space: nowrap;
	font-size:20px;
	font-size:1.25rem;
	font-family: 'Yu Mincho', '游明朝', '游明朝体', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
	color:#fff;
}
.g_hd .g_nav_pc .dropdown_body .nav_ttl .txt::after{
	content:"";
	display:block;
	width:5px;
	height:10px;
	margin-left:18px;
	margin-right:8px;
	background:url(/faculty/gs-international/common/img/arrow_std_white.svg) no-repeat left center;
	background-size:auto 100%;
}
.g_hd .g_nav_pc .dropdown_body .nav_item{
	display:block;
	flex-shrink: 1;
}


.g_hd .g_nav_pc .dropdown_body .nav_item .txt{
	display:block;
	margin:0 1.4em;
	text-decoration:underline;
	text-decoration-color: transparent;
	font-weight:bold;
	font-size:14px;
	font-size:0.88rem;
	color:#fff;
}
/*----- hover -----*/
body:not(.ios) .g_hd .g_nav_pc .dropdown_body .nav_ttl .txt::after,
body:not(.ios) .g_hd .g_nav_pc .dropdown_body .nav_item .txt {
	transition:all .3s;
}
body:not(.ios) .g_hd .g_nav_pc .dropdown_body .nav_ttl .txt:hover::after {
	margin-left:26px;
	margin-right:0px;
}
body:not(.ios) .g_hd .g_nav_pc .dropdown_body .nav_item .txt:hover{
	text-decoration-color: currentColor;
}

/*---------- single ----------*/
.g_hd .g_nav_pc .single {
	flex-shrink: 0;
}