@charset "utf-8";

/* -----------------------------------------------------------------
 common
----------------------------------------------------------------- */
/*none*/

/* -----------------------------------------------------------------
 box_mv
----------------------------------------------------------------- */
.box_mv {
	position:relative;
	overflow:hidden;
}

@media print, screen and (max-width: 1023px) {
.box_mv .mv.pc {
	display:none;
}
.box_mv .mv.sp {
	max-height: 500px;
}
.box_mv .mv.sp img {
	width:100%;
}
}

@media print, screen and (min-width: 1024px) {
.box_mv .mv.sp {
	display:none;
}
.box_mv .mv.pc {
	display:block;
	margin-left:15px;
	margin-right:15px;
}
.box_mv .mv.pc .item {
	overflow:hidden;
	position:relative;
	width:100%;
	padding-top:56vw;
}
.box_mv .mv.pc .item img {
	position:absolute;
	top:50%;
	left:50%;
	max-width:none;
	height:100%;
	transform:translate(-50%, -50%);
}
}
@media print, screen and (min-width: 1071px) {
.box_mv .mv.pc .item {
	padding-top:600px;
}
}
@media print, screen and (min-width: 1890px) {
.box_mv .mv.pc .item img {
	width:100%;
	height:auto;
}
}


/* -----------------------------------------------------------------
 box_overlay
----------------------------------------------------------------- */
.box_mv .box_overlay {
	position:absolute;
	width:calc(100% - 12vw);
	margin-left:6vw;
	margin-right:6vw;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 1);
	font-family: 'Yu Mincho', '游明朝体', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
	color:#fff;
}
.box_mv .box_overlay .txt {
	line-height: 2;
}

@media print, screen and (max-width: 1023px) {
.box_mv .box_overlay {
	bottom:10%;
}
.box_mv .box_overlay .ttl {
	font-size:27px;
	font-size:1.8rem;
}
.box_mv .box_overlay .txt {
	margin-top:1.2em;
	font-size:13px;
	font-size:0.87rem;
}
}
@media print, screen and (min-width: 1024px) {
.box_mv .box_overlay {
	top:107px;
}
.box_mv .box_overlay .ttl {
	font-size:42px;
	font-size:2.63rem;
}
.box_mv .box_overlay .txt {
	margin-top:1.2em;
	font-size:18px;
	font-size:1.13rem;
}
}
@media print, screen and (min-width: 1120px) {
.box_mv .box_overlay {
	margin-left:calc((100vw - 1000px) / 2);
}
}

/* -----------------------------------------------------------------
 btn_pickup
----------------------------------------------------------------- */
.btn_pickup {
	display:table;
	margin-left:auto;
	margin-right:0;
	background:#b4931c;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	text-decoration:underline;
	font-family: 'Yu Mincho', '游明朝体', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
	color:#fff;
}
.btn_pickup::after{
	content:"";
	display:block;
	position:absolute;
	background:url(/faculty/gs-international/img/deco_txt_pickup.svg) no-repeat center center;
	background-size:contain;
}
.btn_pickup .txt::after{
	content:"";
	display:inline-block;
	width:6px;
	height:12px;
	margin-left:.5em;
	background:url(/faculty/gs-international/common/img/arrow_std_white.svg) no-repeat center center;
	background-size:auto 100%;
}
@media print, screen and (max-width: 1023px) {
.btn_pickup {
	position:relative;
	top:-.9em;
	padding:1.1em;
	font-size:15px;
	font-size:1rem;
}
.btn_pickup::after{
	top:-13px;
	right:1.1em;
	width:62px;
	height:22.5px;
}
}
@media print, screen and (min-width: 1024px) {
.btn_pickup {
	position:absolute;
	right:0;
	width:42vw;
	margin-top:-120px;
	padding:1.4em 1.2em 1.2em;
	font-size:20px;
	font-size:1.25rem;
}
.btn_pickup::after{
	top:-5px;
	left:-31px;
	width:84px;
	height:31px;
}

/*----- hover -----*/
body:not(.ios) .btn_pickup .txt::after {
	transition:all .3s;
}
body:not(.ios) .btn_pickup:hover .txt::after{
	margin-left:calc(.5em + 8px);
}
}


/* -----------------------------------------------------------------
 box_arrival
----------------------------------------------------------------- */
.box_arrival {
	display: flex;
	align-items: flex-start;
	margin-top:.6em;
	margin-left:4vw;
	margin-right:4vw;
}
.box_arrival .ttl {
	flex-shrink: 0;
	display:block;
	border-radius:3em;
	border:#043c83 1px solid;
}
.box_arrival h2 {
	line-height:1;
	color:#043c83;
}
.box_arrival .cont a.item {
	display:block;
	line-height:1.2;
}
.box_arrival .cont a.item:nth-of-type(n+2) {
	display:none;
	margin-top:1em;
}
.box_arrival a.item time {
	color:#969696;
}
/*----- hover -----*/
body:not(.ios) .box_arrival .cont a.item {
	transition:all .3s;
}
body:not(.ios) .box_arrival .cont a.item:hover {
	opacity:.8;
}

@media print, screen and (max-width: 1023px) {
.box_arrival .ttl {
	margin-right:.8em;
	padding:.3em .5em;
}
.box_arrival h2 {
	font-size:12.5px;
	font-size:0.83rem;
}
.box_arrival .cont a.item {
	font-size:13px;
	font-size:0.87rem;
}
}
@media print, screen and (min-width: 1024px) {
.box_arrival {
	width:94%;
	max-width:1120px;
	margin:1.2em auto;
}
.box_arrival .ttl {
	margin-right:1.5em;
	padding:.6em 1.3em .55em;
}
.box_arrival h2 {
	font-size:16px;
	font-size:1rem;
}
.box_arrival .cont {
	width:100%;/*forIE*/
	margin-top:.5em;
}
.box_arrival .cont a.item {
	display: flex;
	font-size:16px;
	font-size:1rem;
}
.box_arrival a.item time {
	flex-shrink: 0;
}
.box_arrival a.item .txt {
	margin-left:1em;
}

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



/* -----------------------------------------------------------------
 box_features
----------------------------------------------------------------- */
/*---------- base ----------*/
.box_features {
	border-top:#d2c081 1px solid;
}
.box_features >.inner {
	padding-bottom:3em;
}
.box_features >.inner >.ttl {
	display: flex;
	flex-direction:column;
	align-items: center;
}
.box_features >.inner >.ttl .en {
	font-family: 'Yu Mincho', '游明朝体', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
	color:#043c83;
}
.box_features >.inner >.ttl .jp {
	display: flex;
	align-items: center;
	letter-spacing: .2em;
	font-weight:bold;
}
.box_features >.inner >.ttl .jp::before,
.box_features >.inner >.ttl .jp::after {
	content:"";
	display:inline-block;
	height:1px;
	margin-left:.9em;
	margin-right:.9em;
	background:#323232;
}
@media print, screen and (max-width: 1023px) {
.box_features {
	margin-top:1.6em;
	background-image: linear-gradient(90deg, #fdfaf3 calc(100% - 1px), #ece8de 1px);
	background-size: calc((100% - 8vw) / 4);
	background-position:calc(4vw + 1px) top;
}
.box_features >.inner >.ttl {
	padding-top:2.57em;
}
.box_features >.inner >.ttl .en {
	font-size:33px;
	font-size:2.2rem;
}
.box_features >.inner >.ttl .jp {
	font-size:13.5px;
	font-size:0.9rem;
}
.box_features >.inner >.ttl .jp::before,
.box_features >.inner >.ttl .jp::after {
	width:1em;
}

}

@media print, screen and (min-width: 1024px) {
.box_features {
	background:#fdfaf3;
}
.box_features >.inner {
	width:94%;
	max-width:1120px;
	margin-left:auto;
	margin-right:auto;
	background-image: linear-gradient(-90deg, #fdfaf3 calc(100% - 1px), #ece8de 1px);
	background-size: calc((1110px) / 4 - 1px);
	background-size: calc((100% - 1px) / 4);
	background-position:left top;
}
.box_features >.inner >.ttl {
	padding-top:77px;
}
.box_features >.inner >.ttl .en {
	font-weight:normal;
	font-size:50px;
	font-size:3.13rem;
}
.box_features >.inner >.ttl .jp {
	font-size:18px;
	font-size:1.13rem;
}
.box_features >.inner >.ttl .jp::before,
.box_features >.inner >.ttl .jp::after {
	width:6px;
}

}

/*---------- box_item ----------*/
.box_features .box_item {
	position:relative;
}
.box_features .box_item .box_colored{
	position: relative;
}
.box_features .js_inview .box_colored::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 0;
	height: 100%;
	background: #d2c081;
	z-index: 2;
}
.box_features .js_inview.js_inview_active .box_colored:before {
	width: 100%;
	transition: .6s cubic-bezier(.785, .135, .15, .86);
}
.box_features .js_inview.js_inview_active.delay .box_colored:before {
	left:auto;
	right:0;
	width: 0;
	transition: .6s cubic-bezier(.785, .135, .15, .86);
}
.box_features .box_item .box_colored img{
	opacity:1;
	display: block;
	width: 100%;
}
.box_features .js_inview.js_inview_active.delay .box_colored img {
	transition: .6s;
}
.box_features .js_inview .box_colored:after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: #fdfaf3;
	z-index: 2;
}
.box_features .js_inview.js_inview_active .box_colored:after {
	width: 0;
	transition: .6s cubic-bezier(.785, .135, .15, .86);
}

@media print, screen and (max-width: 1023px) {
.box_features .box_item {
	margin-top:1.6em;
}
.box_features .box_item+.box_item {
	margin-top:2.1em;
}
.box_features .box_item .box_colored{
	margin: 0 auto;
}
}

@media print, screen and (min-width: 1024px) {
.box_features .box_item {
	margin-top:48px;
}
.box_features .box_item+.box_item {
	margin-top:25px;
}
.box_features .box_item .box_colored{
	overflow: hidden;
	width: 78%;
	margin:0 auto 0 -1px;
	padding: 1px;/*iPadで薄い線が出るの回避*/
}
.box_features .box_item:nth-of-type(2n) .box_colored{
	margin:0 0 0 auto;
	margin:0 -1px 0 auto;
}
.box_features .box_item .box_img {/*iPadで薄い線が出るの回避*/
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
	padding-top: 30%;
}

.box_features .box_item .box_colored img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
/*----- hover -----*/
body:not(.ios) .box_features .box_item .box_colored.hover img{
	transform:translate(-50%, -50%) scale(1.1);
}
}

/*---------- btn ----------*/
.box_features .box_item >.btn{
	opacity:0;
	z-index:3;
	display: block;
	background:#fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	transition: .6s;
}
.box_features .box_item >.btn .ttl{
	position: relative;
	padding-right:.1m;
	padding-bottom:.5em;
	font-weight:bold;
	font-family: 'Yu Mincho', '游明朝体', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
}
.box_features .box_item >.btn .ttl::before{
	content:"";
	display:block;
	position:relative;
	top:1.9em;
	width:100%;
	height:1px;
}
@media print, screen and (max-width: 1023px) {
.box_features .box_item >.btn{
	position: relative;
	margin-top:-2.1em;
	margin-left:4vw;
	margin-right:calc(4vw - 1px);
	padding:1.4em 1.6em;
	top:60px;
}
.box_features .box_item >.btn.delay{
	top:0px;
	opacity:1;
}
.box_features .box_item >.btn .ttl{
	background:url(/faculty/gs-international/common/img/arrow_std_black.svg) no-repeat right calc(50% - .35em);
	background-size:6px 12px;
	font-size:20px;
	font-size:1.33rem;
}
.box_features .box_item >.btn .ttl::before{
	background-image: linear-gradient(90deg, #043c83 50px, #b4931c 0%);
	background-size: 100%;
}
.box_features .box_item >.btn .txt{
	margin-top:.8em;
	font-size:15px;
	font-size:1rem;
}
}

@media print, screen and (min-width: 1024px) {
.box_features .box_item >.btn{
	position:absolute;
	top:calc(50% + 60px);
	right:0;
	transform: translateY(-50%);
	padding:1.6em 1.87em;
}
.box_features .box_item:nth-of-type(2n) >.btn{
	left:0;
	right:auto;
}
.box_features .box_item >.btn.delay{
	opacity:1;
	top:50%;
}
.box_features .box_item >.btn .ttl{
	background:url(/faculty/gs-international/common/img/arrow_std_black.svg) no-repeat calc(100% - 8px) calc(50% - .35em);
	background-size:5px 10px;
	font-size:24px;
	font-size:1.5rem;
}
.box_features .box_item >.btn .ttl::before{
	background-image: linear-gradient(90deg, #043c83 70px, #b4931c 0%);
	background-size: 100%;
}
.box_features .box_item >.btn .txt{
	margin-top:.8em;
	font-size:16px;
	font-size:1rem;
}
/*----- hover -----*/
body:not(.ios) .box_features .box_item >.btn .ttl{
	transition:all .3s;
}
body:not(.ios) .box_features .box_item >.btn:hover .ttl{
	background:url(/faculty/gs-international/common/img/arrow_std_black.svg) no-repeat calc(100% - 0px) calc(50% - .35em);
	background-size:5px 10px;
}
}

/* -----------------------------------------------------------------
 box_news
----------------------------------------------------------------- */
.box_news .ttl {
	border-left:#043c83 1px solid; 
}
.box_news .ttl a {
	display:table;
}
.box_news .ttl .en {
	display:block;
	font-family: 'Yu Mincho', '游明朝体', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
}
.box_news .ttl .jp {
	display:block;
	letter-spacing:.1em;
	line-height:1;
}
.box_news .cont {
	margin-top:1em;
	border-top:#cecece 1px solid;
}
.box_news .cont a.item {
	display:block;
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:#cecece 1px solid;
	line-height:1.4;
}
.box_news a.item time {
	color:#969696;
}
.box_news a.item .txt {
	margin-top:.3em;
	font-weight:bold;
	font-size:15px;
	font-size:1rem;
}
.box_news .more a {
	color:#043c83;
}
/*----- hover -----*/
body:not(.ios) .box_news .cont a.item,
body:not(.ios) .box_news .more a {
	transition:all .3s;
	text-decoration:underline;
	text-decoration-color:transparent;
}
body:not(.ios) .box_news .cont a.item:hover {
	background:#fdfaf3;
}
body:not(.ios) .box_news .more a:hover {
	text-decoration:underline;
	text-decoration-color:currentColor;
}

@media print, screen and (max-width: 1023px) {
.box_news .ttl {
	margin-left:4vw;
	margin-right:4vw;
	padding:3em .7em 0;
}
.box_news .ttl .en {
	font-size:30px;
	font-size:2rem;
}
.box_news .ttl .jp {
	font-size:12.5px;
	font-size:0.83rem;
}
.box_news .cont a.item {
	padding-left:4vw;
	padding-right:4vw;
}
.box_news .more {
	margin-top:1em;
	margin-left:4vw;
	margin-right:4vw;
	text-align:right;
}
.box_news .more a {
	text-decoration:underline;
	font-size:13px;
	font-size:0.87rem;
}

}

@media print, screen and (min-width: 1024px) {
.box_news {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 94%;
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}
.box_news .ttl {
	flex-shrink: 0;
	width:223px;
	padding:95px 0 0 20px;
	border-left:#043c83 2px solid; 
}
.box_news .ttl .en {
	font-size:50px;
	font-size:3.13rem;
}
.box_news .ttl .jp {
	font-size:18px;
	font-size:1.13rem;
}
.box_news .cont {
	width:calc(100% - 223px);
	margin-top:95px;
}
.box_news .cont a.item {
	padding-top:1.2em;
	padding-bottom:1.2em;
}
.box_news .more {
	width: 100%;
	margin-top:1em;
	text-align:right;
}
}

/* -----------------------------------------------------------------
 aside_link
----------------------------------------------------------------- */
/*---------- base ----------*/
@media print, screen and (max-width: 1023px) {
.aside_link {
	margin-top:1em;
}
}
@media print, screen and (min-width: 1024px) {
.aside_link {
	margin-top:55px;
}
}

/*---------- box_bnr ----------*/
.aside_link .box_bnr {
}
.aside_link .box_bnr .item {
	position:relative;
	display:block;
}
.aside_link .box_bnr .item .img {
	overflow:hidden;
	position:relative;
	width:100%;
	padding-top:31%;
}
.aside_link .box_bnr .item .img img {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	width: 101%;/*ちらつき防止*/
	max-width:none;
	transform:translate(-50%,-50%);
}
.aside_link .box_bnr .item .txt {
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
	letter-spacing:.05em;
	font-family: 'Yu Mincho', '游明朝体', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
	color:#fff;
}
.aside_link .box_bnr a.item[target="_blank"] .txt {
	padding-right:17px;
	background:url(/faculty/gs-international/common/img/ico_blank_white.svg) no-repeat right center;
	background-size:11px;
}

/*----- hover -----*/
body:not(.ios) .aside_link .box_bnr .item .img img {
	transition:all .3s;
}
body:not(.ios) .aside_link .box_bnr .item:hover .img img {
	transform: scale(1.1) translate(-45.45%,-45.45%);
}


@media print, screen and (max-width: 1023px) {
.aside_link .box_bnr .item {
	border-bottom:#fff 1px solid;
}
.aside_link .box_bnr .item .txt {
	font-size:18px;
	font-size:1.2rem;
}
}

@media print, screen and (min-width: 1024px) {
.aside_link .box_bnr {
	display:flex;
}
.aside_link .box_bnr .item {
	width:calc(100% / 3);
}
.aside_link .box_bnr .item .txt {
	font-size:24px;
	font-size:1.5rem;
}
}


/*---------- box_request ----------*/
.aside_link .box_request {
}
.aside_link .box_request >a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.aside_link .box_request >a >.img img {
	box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, .2);

}
.aside_link .box_request >a >.txt {
	padding-right:18px;
	background:url(/faculty/gs-international/common/img/arrow_std_white.svg) no-repeat right center;
	background-size:auto 12px;
	line-height:1.2;
	text-shadow: 2px 2px 16px rgba(0, 0, 0, 0.8);
	font-weight:bold;
	color:#fff;
}
.aside_link .box_request >a >.txt::after {
	content:"";
	display:inline-block;
	width:11px;
	height:1.2em;
	margin-left:0.3em;
	background:url(/faculty/gs-international/common/img/ico_blank_white.svg) no-repeat right bottom;
	background-size:11px;
}
/*----- hover -----*/
body:not(.ios) .aside_link .box_request {
	transition:all .3s;
}
body:not(.ios) .aside_link .box_request:hover {
	opacity:.9;
}

@media print, screen and (max-width: 1023px) {
.aside_link .box_request {
	padding:1em;
	background:#043c83 url(../../img/ft_request_bg01.png) no-repeat center center;
	background-size:150% 100%; 
}
.aside_link .box_request >a >.img {
	width:34%;
	max-width:150px;
	margin-right:2em;
}
.aside_link .box_request >a >.txt {
	padding-right:18px;
	font-size:18px;
	font-size:1.2rem;
}
.aside_link .box_request >a >.txt >span {
	display:block;
}

}

@media print, screen and (min-width: 1024px) {
.aside_link .box_request {
	background:#043c83 url(../../img/ft_request_bg01.png) no-repeat center center;
	background-size:100% 100%; 
}
.aside_link .box_request >a >.img {
	overflow:hidden;
	width:212px;
	height:242px;
	margin-top:16px;
	margin-right:70px;
}
.aside_link .box_request >a >.txt {
	font-size:22px;
	font-size:1.38rem;
}
.aside_link .box_request >a >.txt::after {
	width:15px;
	margin-left:0.5em;
	background:url(/faculty/gs-international/common/img/ico_blank_white.svg) no-repeat right bottom;
	background-size:15px;
}

}