@charset "utf-8";
/* Copyright 2020 FSFIELD All Rights Reserved. */

@media screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	International Cooperative Graduate Program

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

	/* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global ul li.g04 a::before{transform: scaleX(1);}

	/* ページタイトル
	---------------------------------------------- */
	.pagettl{
		background: url("../international/img/pc/bg_pagettl01.jpg") no-repeat center;
		background-size: cover;
	}

	/* common上書き
	---------------------------------------------- */
	.list_type02{font-size: 1.6rem;}
	
	.heading01{
    	margin-bottom: 40px;
		text-align: center;
	}
	
	.heading01::after{
		left: 50%;
		margin-left: -13px;
	}

	/* Program Outline
	---------------------------------------------- */
	.inter_lead__closed{
		width: calc(100% - 200px);
		min-width: 1200px;
		max-width: 1400px;
		margin: 0 auto 80px;
		display: flex;
	}
	
	.inter_lead__closed .heading01{text-align: left;}
	
	.inter_lead__closed .heading01::after{left: 15px;}

	.inter_lead__open{
		position: relative;
	}
	.inter_lead__open-block01{
		width: calc(100% - 200px);
    min-width: 1200px;
    max-width: 1400px;
    margin: 0 auto calc(100vw/1440*64);
		font-size: 1.6rem;
		line-height: 2;
		position: relative;
	}
	.inter_lead__open-block01-inner{
		width: 50%;
		padding-right: 50px;
	}
	.inter_lead__open-block02{
		background-color: #0F1C52;
		padding: calc(100vw/1440*80) 0 calc(100vw/1440*100);
	}
	.inter_lead__open-block02-inner{
		width: calc(100% - 200px);
    min-width: 1200px;
    max-width: 1400px;
    margin: 0 auto;
	}
	.inter_lead__open-image{
		position: absolute;
		top: 0;
		left: 50%;
		padding: 0 50px;
		width: 700px;
	}
	.inter_lead__open-image::before{
		content: "";
		display: block;
		width: calc((100% + (100vw - 1400px)/2) - 30px);
		height: calc(100% - 40px);
		position: absolute;
		top: 20px;
		left: 30px;
		background-color: #00A9E6;
	}
	.inter_lead__open-image::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
    width: calc(100% - 100px);
    height: 100%;
		background: linear-gradient(0deg, black, transparent);
		opacity: .2;
	}
	.inter_lead__open-image img{
		width: 100%;
		position: relative;
	}
	.inter_lead__open-text{
		position: relative;
	}
	.inter_lead__open-text1{
		font-size: 6.4rem;
		color: #fcff81;
		font-family: "Inter", sans-serif;
		font-weight: 500;
		line-height: 1.2;
	}
	.link-application-details{
		line-height: 1.2;
		padding-top: calc(100vw/1440*52);
	}
	.link-application-details a{

	}
	.link-application-details a .label{
		color: white;
		font-family: "Inter", sans-serif;
		font-size: 3.2rem;
		font-weight: 500;
		background: linear-gradient(white, white) 0 100%/0 2px no-repeat;
    background-size: 100% 2px;
		position: relative;
		z-index: 1;
	}
	.link-application-details a:hover .label{
		animation: anim-underline .3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 forwards;
	}

	@keyframes anim-underline {
		0%{background-size: 0% 2px;}
		100%{background-size: 100% 2px;}
	}

	.link-application-details a .arrow{
		display: inline-block;
		width: 56px;
		height: 56px;
		position: relative;
		vertical-align: -16px;
		margin-left: 10px;
	}
	.link-application-details a .arrow::before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 100%;
		background-color: #00A9E6;
		transition: transform .3s;
		transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);
	}
	.link-application-details a:hover .arrow::before{
		transform: scale(2);
	}
	.link-application-details a .arrow img{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12px;
		margin-top: -12px;
	}
	.wrap-btn-howto{
		display: flex;
		gap: 24px;
		padding-top: calc(100vw/1440*77);
	}
	.btn-howto{}
	.btn-howto a{
		border: 1px solid #3b4881;
		display: block;
		padding: 16px 19px 18px 39px;
		border-radius: 86px;
		min-width: 320px;
		position: relative;
	}
	.btn-howto a .label{
		font-family: "Inter", sans-serif;
		font-size: 2.4rem;
		font-weight: 500;
		color: #FFF;
		line-height: 1.25;
		display: block;
	}
	.btn-howto a .label-sub{
		font-family: "Inter", sans-serif;
		font-size: 1.6rem;
		font-weight: 500;
		color: #93A1DC;
		letter-spacing: .05em;
		line-height: 1.25;
		display: block;
	}
	.btn-howto a .arrow{
		width: 56px;
		height: 56px;
		position: absolute;
		top: 14px;
		right: 14px;
	}
	.btn-howto a .arrow::before{
		content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #3b4881;
    transition: transform .3s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
		transform: scale(0);
	}
	.btn-howto a:hover .arrow::before{
		transform: scale(1);
	}

	.btn-howto a .arrow img{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12px;
		margin-top: -12px;
	}

	.lead_col01 .txt{
		font-size: 1.6rem;
		line-height: 2;
	}

	.lead_col01{
		width: 50%;
		padding-right: 50px;
	}

	.lead_col02{
		width: 50%;
		padding: 0 50px 0 50px;
		position: relative;
		z-index: 1;
	}

	.lead_col02::before{
		content: "";
		display: block;
		width: 50vw;
		height: calc(100% - 40px);
		background: #00A9E6;
		position: absolute;
		top: 20px;
		left: 30px;
		z-index: -1;
	}

	.lead_col02 .image01{
		background: url("../international/img/img_international01.jpg") no-repeat 0 0;
		background-size: contain;
		padding-top: 75.08%;
	}

	.area-apply{
		padding-top: 30px;
	}
	.txt-apply-closed{
		font-size: 17px;
    font-weight: bold;
    color: #919ca9;
	}
	.link-apply{
		display: inline-block;
    text-indent: -24px;
    margin-left: 24px;
	}
	.link-apply .label{
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.3;
		color: #555;
		text-decoration: underline;
	}
	.link-apply:hover .label{
		color: #00a9e6;
	}
	.link-apply .arrow{
		width: 20px;
    vertical-align: -4px;
	}
	.link-apply .arrow img{width: 100%;}

	.wrap-btn-apply{
		display: flex;
		padding-top: 40px;
	}
	.btn-apply:first-child{padding-right: 16px;}
	.btn-apply a{
		display: block;
    font-size: 2rem;
    min-width: 260px;
    padding: 20px;
	}
	.btn-apply a .label{
		font-size: 2rem;
	}
	.btn-apply a .label-sub{
		display: block;
		padding-top: 2px;
		font-size: 1.5rem;
		opacity: .6;
	}

	/* Partner universities with ICGP agreement
	---------------------------------------------- */
	#international_map{
		width: 100%;
		background: #F6F6F7;
		padding: 80px 0;
		position: relative;
	}
	
	.map_bg{
		max-width: 1720px;
		width: calc(100% - 200px);
		margin: 0 auto;
		position: relative;
	}
	
	.map_img{
		background: url("../international/img/bg_international01.png") no-repeat center;
		background-size: cover;
		display: block;
		width: 100%;
		padding-top: 58%;
	}
	
	.map_bg img{width: 100%;}
	
	.btn_univ {
		background: #FFF;
		display: inline-block;
		font-family: arial;
		font-size: 0.833vw;
		color: #0C1333;
		line-height: 1;
		position: absolute;
		padding: 0.208vw 0.313vw 0.208vw 1.25vw;
		border-top: 4px solid #0C1434;
	}
	
	.btn_univ .js-modal-open{color: #0C1333;}
	.btn_univ .js-modal-open:hover{ color: #2D46BD;}
	
	
	.btn_univ::before {
		content: "";
		display: block;
		width: 0.573vw;
		height: 0.833vw;
		background: url(../international/img/ico_international01.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0.208vw;
		left: 0.312vw;
	}
	
	/*マップの国名の場所指定*/
	.btn_univ.Canada {
		top: 36.4%;
		left: 23%;
	}
	.btn_univ.America {
		top: 42.4%;
		left: 14.5%;
	}
	.btn_univ.Norway {
		top: 25.4%;
		left: 47%;
	}
	.btn_univ.Russian {
		top: 30.4%;
		left: 55%;
	}
	.btn_univ.Netherlands {
		top: 34%;
		left: 41%;
	}
	.btn_univ.Germany {
		top: 37.4%;
		left: 44.2%;
	}
	.btn_univ.Poland {
		top: 37.4%;
		left: 50.4%;
	}
	.btn_univ.Czech {
		top: 41.2%;
		left: 49.3%;
	}
	.btn_univ.France {
		top: 41.2%;
		left: 43.2%;
	}
	.btn_univ.Hungary {
		top: 45%;
		left: 49%;
	}
	.btn_univ.India {
		top: 53%;
		left: 67.5%;
	}
	.btn_univ.Vietnam {
		top: 54.2%;
		left: 74%;
	}
	.btn_univ.Taiwan {
		top: 53.2%;
		left: 81%;
	}
	.btn_univ.Thailand {
		top: 58.5%;
		left: 74%;
	}
	.btn_univ.Malaysia {
		top: 65.2%;
		left: 69.5%;
	}
	.btn_univ.Indonesia {
		top: 71.2%;
		left: 72.2%;
	}
	.btn_univ.Australia {
		top: 79.2%;
		left: 81.4%;
	}
	.btn_univ.Korea {
		left: 82%;
		top: 47%;
	}
	.btn_univ.Philippines {
    left: 80.5%;
    top: 60.5%;
	}
	.btn_univ.Romania {
	left: 56.1%;
	top: 45%;
	}
	.btn_univ.cyprus {
	top: 50%;
    left: 52.2%;
	}

	/*モーダル表示*/
	.modal{
		opacity: 0;
		pointer-events: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 9999;
		overflow-y: scroll;
		overscroll-behavior: contain;
		transition: opacity .3s;
		background-color: rgba(0,0,0,0.8);
	}
	.modal.show{
		opacity: 1;
		pointer-events: auto;
	}
	
	.modal__bg{
		background: rgba(0,0,0,0.8);
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
	}
	.modal__inner{
		padding: 80px 0;
		min-height: 100%;
    display: flex;
    align-items: center;
	}
	.modal__content{
		background: #FFF;
    width: 800px;
    position: relative;
		margin: 0 auto;
	}
	
	.modal__content table{width: 100%;}
	
	.modal__content .country_name{
		width: 100%;
		height: 80px;
		background: #1D2E7C;
		text-align: center;
		font-size: 2.5rem;
		color: #FFF;
		line-height: 80px;
	}
	
	.modal__content tbody tr:first-child{
		background: #81BDD3;
		font-size: 1.6rem;
		color: #FFF;
		line-height: 1.4
	}
	
	.modal__content tbody tr th{
		padding: 8px;
		line-height: 1;
	}
	
	.modal__content tbody tr th:nth-child(2){
		border-left: solid 1px #E5E5E5;
		border-right: solid 1px #E5E5E5;
		width: 106px;
	}
	
	.modal__content tbody tr{
		font-size: 1.6rem;
		color: #333;
		line-height: 1.4;
	}
	
	.modal__content tbody tr td{
		padding: 10px 8px 8px;
		line-height: 1;
	}
	.modal__content tbody tr td:nth-child(2){
		border-left: solid 1px #E5E5E5;
		border-right: solid 1px #E5E5E5;
	}
	
	.modal__content tbody tr td{border-bottom: solid 1px #E5E5E5;}
	
	.modal__content tbody tr:last-child td{border-bottom: none;}
	
	.international_modal_colse_btn{
		position: absolute;
		top: 0;
		right: -41px;
	}
	
	.international_modal_colse_btn span{
		background: url("../international/img/ico_international02.png") no-repeat;
		background-size: contain;
		width: 24px;
		height: 25px;
		display: block;
	}

	.wrap_btn_app{
		padding-top: 120px;
		text-align: center;
	}
	
	/* Features
	---------------------------------------------- */
	#international_features{margin-bottom: 80px;}
	
	.international_features_bg{
		background: url("../international/img/bg_international02.jpg") no-repeat center;
		background-size: cover;
		width: 100%;
		padding-top: 30%;
		display: block;
		pointer-events: none;
	}

	.international_features_img{
		position: relative;
		width: 100%;
	}
	
	.international_features_img::before{
		content: "";
		background: #FFF;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		max-width: 1400px;
		width: calc(100% - 200px);
		height: 100px;
		display: block;
		pointer-events: none;
	}
	
	.international_features_content{
		width: 1200px;
		margin: -20px auto 0;
	}
	
	.txt_features{
		font-size: 1.6rem;
		text-align: center;
		line-height: 2;
		margin-bottom: 40px;
	}
	
	.txt_features p:nth-of-type(1){margin-bottom: 30px;}
	
	.features_block{display: flex;}
	
	.features_block:nth-of-type(1){margin-bottom: 30px;}
	
	.features_block_item tr th{
		width: 300px;
		color: #FFF;
		font-size: 2rem;
		text-align: center;
		display: block;
		padding: 4px;
	}
	
	.features_block:nth-of-type(1) .features_block_item tr:nth-child(2){height: 134px;}
	.features_block:nth-of-type(1) .features_block_item:nth-child(odd) tr th{background:#0C1434; }
	.features_block:nth-of-type(1) .features_block_item:nth-child(even) tr th{background:#00A9E6; }
	
	.features_block:nth-of-type(2) .features_block_item tr:nth-child(2){height: 162px;}
	.features_block:nth-of-type(2) .features_block_item:nth-child(even) tr th{background:#0C1434; }
	.features_block:nth-of-type(2) .features_block_item:nth-child(odd) tr th{background:#00A9E6; }
	
	.features_block_item tr td{
		border-left: solid 1px #E4E4ED;
		border-bottom: solid 1px #E4E4ED;
		vertical-align: top;
		padding: 12px;
		font-size: 1.6rem;
		line-height: 1.4;
		height: 137px;
	}
	
	.features_block_item tr td:last-child{border-right: solid 1px #E4E4ED;}
	
	.features_block_item ul li{
		text-indent: -1.6rem;
		padding-left: 12px;
	}
	
	/* How to find NIMS researchers - SAMURAI database -
	---------------------------------------------- */
	#samurai{
		width: 100%;
		position: relative;
		margin-bottom: 80px;
		padding: 80px 0;
		line-height: 1.6;
	}
	
	#samurai::before{
		content: "";
		background: #0C1333;
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}
	
	.samurai_inner{
		display: flex;
		align-items: center;
		width: 1200px;
		margin: 0 auto;
	}
	
	.samurai_l{
		width: 50%;
		position: relative;
		padding-right: 60px;
	}
	
	.samurai_l .heading01{text-align: left;}
	
	.samurai_l .heading01::after{left: 10px;}
	
	.samurai_l p{
		font-size: 1.6rem;
		color: #FFF;
	}

	.samurai_r{
		width: 50%;
		position: relative;
		text-align: center;
		padding-left: 70px;
	}
	
	.samurai_r .txt{
		font-size: 1.6rem;
		margin-bottom: 40px;
	}
	
	.samurai_r .btn a:hover{opacity: 0.8;}
	
	/* Acceptance procedure of students 
	---------------------------------------------- */
	#acceptance{
		background: #F6F6F7;
		padding: 80px 0;
	}
	
	.acceptance_inner{
		width: 1200px;
		margin: 70px auto 0;
	}
	.acceptance_inner:first-of-type{
		margin: 0 auto;
	}
	
	.acceptance_txt{margin-bottom: 40px;}
	
	.acceptance_txt:last-child{margin-bottom: 0;}
	
	.acceptance_txt .txt{
		font-size: 1.6rem;
		color: #0C1333;
		line-height: 2;
	}
	
	/* Process for signing the ICGP agreement 
	---------------------------------------------- */
	#process{
		width: 1200px;
		margin: 0 auto;
		padding-top: 80px;
	}
	
	#process p{
		font-size: 1.6rem;
		line-height: 2;
		color: #0C1333;
	}
}/*--@media--*/















@media screen and (max-width:1600px){
	.inter_lead__open-image{
		width: calc(50% - 100px);
	}
	.inter_lead__open-image::before{
		width: calc(50vw - 30px);
	}
}
@media screen and (max-width:1400px){
	.inter_lead__open-image{
		width: 600px;
	}
	.inter_lead__open-image::before{
		width: calc(50vw - 30px);
	}
}




















@media screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	International Cooperative Graduate Program

	------------------------------------------------------------ */
	
	/* common上書き
	---------------------------------------------- */
	#breadcrumb.breadcrumb_international ul{
		padding: 20px 0 0px 10px;
		white-space: nowrap;
		width: calc(100vw - 35px);
		overflow: hidden;
		text-overflow: ellipsis;
  	}
	
	#breadcrumb.breadcrumb_international ul li{display: inline;}
	
	.heading01{letter-spacing: 0.015em;}
	
	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background: url("../international/img/sp/bg_pagettl01.jpg") no-repeat center;}
	
	.pagettl h2{padding-bottom: 35px;}

	/* Program Outline
	---------------------------------------------- */
	.inter_lead__closed{
		padding: 0 25px;
		margin-bottom: 60px;
		display: flex;
		flex-direction: column-reverse;
	}
	.lead_col01 .txt{line-height: 1.8;}

	.lead_col02 .image01{
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		padding-top: 75.07%;
		margin-bottom: 20px;
	}

	.lead_col02 .image01{background-image: url("../international/img/img_international01.jpg");}

	.area-apply{
		padding-top: 30px;
	}
	.txt-apply-closed{
		font-size: 1.4rem;
    font-weight: bold;
    color: #919ca9;
	}
	.link-apply{
		display: inline-block;
    text-indent: -24px;
    margin-left: 24px;
	}
	.link-apply .label{
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.3;
		color: #555;
		text-decoration: underline;
	}
	.link-apply .arrow{
		width: 20px;
    vertical-align: -4px;
	}
	.link-apply .arrow img{width: 100%;}

	.wrap-btn-apply{
		padding-top: 40px;
	}
	.btn-apply:last-child{padding-top: 16px;}
	.btn-apply a{
		display: block;
    min-width: 260px;
    padding: 16px;
		font-size: 0;
	}
	.btn-apply a .label{
		font-size: 1.6rem;
		letter-spacing: .05em;
		line-height: 1;
	}
	.btn-apply a .label::after{
		right: 0;
	}
	.btn-apply a .label-sub{
		display: block;
		padding-top: 2px;
		font-size: 1.3rem;
		opacity: .6;
	}

	.inter_lead__open{
		position: relative;
		padding-top: calc((100vw - 50px)/4*3);
	}
	.inter_lead__open-block01{
		padding: 20px 25px 40px;
	}
	.inter_lead__open-block01-inner{
		line-height: 1.8;
	}
	.inter_lead__open-block02{
		background-color: #0F1C52;
		padding: 50px 25px;
	}
	.inter_lead__open-block02-inner{

	}
	.inter_lead__open-image{
		position: absolute;
		top: 0;
		left: 25px;
		width: calc(100vw - 50px);
	}
	.inter_lead__open-image img{
		width: 100%;
	}
	.inter_lead__open-text{
		position: relative;
	}
	.inter_lead__open-text1{
		font-size: 2rem;
		color: #fcff81;
		font-family: "Inter", sans-serif;
		font-weight: 500;
		line-height: 1.2;
	}
	.link-application-details{
		line-height: 1.2;
		padding-top: calc(100vw/1440*52);
	}
	.link-application-details a{
		display: flex;
	}
	.link-application-details a .label{
		color: white;
		font-family: "Inter", sans-serif;
		font-size: 2rem;
		font-weight: 500;
		background: linear-gradient(white, white) 0 100%/0 2px no-repeat;
    background-size: 100% 2px;
		position: relative;
		z-index: 1;
		padding-bottom: 10px;
	}
	.link-application-details a:hover .label{
		animation: anim-underline .3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 forwards;
	}

	@keyframes anim-underline {
		0%{background-size: 0% 2px;}
		100%{background-size: 100% 2px;}
	}

	.link-application-details a .arrow{
		display: block;
    width: 40px;
    height: 40px;
    position: relative;
		flex: none;
	}
	.link-application-details a .arrow::before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 100%;
		background-color: #00A9E6;
		transition: transform .3s;
		transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);
	}

	.link-application-details a .arrow img{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12px;
		margin-top: -12px;
	}
	.wrap-btn-howto{
		padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
	}
	.btn-howto{}
	.btn-howto a{
		border: 1px solid #3b4881;
		display: block;
		padding: 11px 13px 13px 27px;
		border-radius: 86px;
		width: 240px;
		position: relative;
	}
	.btn-howto a .label{
		font-family: "Inter", sans-serif;
		font-size: 1.7rem;
		font-weight: 500;
		color: #FFF;
		line-height: 1.25;
		display: block;
	}
	.btn-howto a .label-sub{
		font-family: "Inter", sans-serif;
		font-size: 1.2rem;
		font-weight: 500;
		color: #93A1DC;
		letter-spacing: .05em;
		line-height: 1.25;
		display: block;
	}
	.btn-howto a .arrow{
		width: 40px;
		height: 40px;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.btn-howto a .arrow::before{
		content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #3b4881;
    transition: transform .3s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
		transform: scale(0);
	}

	.btn-howto a .arrow img{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12px;
		margin-top: -12px;
	}


	/* マップ
	---------------------------------------------- */
	#international_map{
		background: #F6F6F7;
		padding: 40px 0;
	}
	
	.map_bg{
		overflow-x: scroll;
		width: 100vw;
	}
	
	.map_img {
		background: url(../international/img/sp/bg_international01.png) no-repeat;
		width: 894px;
		height: 500px;
		position: relative;
		background-size: cover;
	}
	
	.btn_univ {
		background: #FFF;
		display: inline-block;
		font-family: arial;
		font-size: 2.13vw;
		line-height: 1;
		position: absolute;
		padding: 0.533vw 0.8vw 0.533vw 3.2vw;
		border-top: 2px solid #0C1434;
	}
	
	.btn_univ .js-modal-open{color: #0C1333;}
	
	.btn_univ::before {
		content: "";
		display: block;
		width: 1.466vw;
		height: 2.133vw;
		background: url(../international/img/ico_international01.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0.6vw;
		left: 0.8vw;
	}
	
	/*マップの国名の場所指定*/
	.btn_univ.Canada {
		top: 37%;
		left: 83%;
	}
	.btn_univ.America {
		top: 43%;
		left: 75%;
	}
	.btn_univ.Norway {
		top: 24%;
		left: 7%;
	}
	.btn_univ.Russian {
		top: 29%;
		left: 15%;
	}
	.btn_univ.Netherlands {
		top: 33%;
		left: 1%;
	}
	.btn_univ.Germany {
		top: 38%;
		left: 2%;
	}
	.btn_univ.Poland {
		top: 38%;
		left: 9%;
	}
	.btn_univ.Czech {
		top: 42%;
		left: 8%;
	}
	.btn_univ.France {
		top: 42%;
		left: 2%;
	}
	.btn_univ.Hungary {
		top: 47%;
		left: 8%;
	}
	.btn_univ.India {
		top: 53%;
		left: 27%;
	}
	.btn_univ.Vietnam {
		top: 54%;
		left: 33%;
	}
	.btn_univ.Taiwan {
		top: 53%;
		left: 40%;
	}
	.btn_univ.Thailand {
		top: 58%;
		left: 33%;
	}
	.btn_univ.Malaysia {
		top: 65%;
		left: 28%;
	}
	.btn_univ.Indonesia {
		top: 71%;
		left: 30%;
	}
	.btn_univ.Australia {
		top: 80%;
		left: 40%;
	}
	.btn_univ.Korea {
		left: 41%;
		top: 47%;
	}
	.btn_univ.Philippines {
    left: 40%;
    top: 60%;
	}
	.btn_univ.Romania {
		top: 47%;
		left: 14.6%;
	}
	.btn_univ.cyprus {
		top: 50.4%;
		left: 12.4%;
	}

	/*モーダル表示*/
	.modal{
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    overflow-y: scroll;
    background-color: rgba(0,0,0,0.8);
		overscroll-behavior: contain;
	}
	.modal.show{
		opacity: 1;
		pointer-events: auto;
	}
	.modal__bg{
		background: rgba(0,0,0,0.8);
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
	}
	.modal__inner{
		padding: 80px 0;
    min-height: 100%;
    width: 90%;
    display: flex;
    align-items: center;
		margin: 0 auto;
	}
	
	.modal__content tbody tr:first-child{display: none;}
	
	.modal__content{
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
	}
	
	.modal__content table{width: 100%;}
	
	.modal__content .country_name{
		width: 100%;
		height: 45px;
		background: #1D2E7C;
		text-align: center;
		font-size: 2.3rem;
		color: #FFF;
		line-height: 2;
	}
	
	.modal__content tbody tr td:first-child{
		background: #81BDD3;
		height: 35px;
		font-size: 1.4rem;
		color: #FFF;
		display: flex;
		align-items: center;
	}
	.modal__content tbody tr td:first-child a{
		color: #2D46BD;
	}
	
	.modal__content tbody tr td:nth-child(2)::before{
		/* content: "University\AWebsite"; */
		content:"協定締結年";
		white-space: pre;
		color: #868686;
		padding-right: 30px;
		line-height: 1.1;
	}
	
	.modal__content tbody tr td:nth-child(3)::before{
		content: "Year\AInaugurated";
		white-space: pre;
		color: #868686;
		padding-right: 16px;
		line-height: 1.1;
	}
	
	.modal__content tbody tr{
		height: 50px;
		font-size: 1.4rem;
		color: #333;
		line-height: 1.4;
	}
	
	.modal__content tbody tr td{
		padding: 4px 0 4px 6px;
		display: flex;
		align-items: center;
		background: #FFF;
	}
	
	.modal__content tbody tr td:nth-child(2){border-bottom: solid 1px #E5E5E5;}
	
	.international_modal_colse_btn{
		position: absolute;
		top: -45px;
		right: 0;
	}
	
	.international_modal_colse_btn span{
		background: url("../international/img/ico_international02.png") no-repeat;
		background-size: contain;
		width: 24px;
		height: 25px;
		display: block;
	}
	.wrap_btn_app{
		padding: 60px 20px 0;
		text-align: center;
	}
	
	/* Features
	---------------------------------------------- */
	#international_features{margin-bottom: 60px;}
	
	.txt_features{
		line-height: 1.8;
		margin-bottom: 40px;
	}
	
	.txt_features p:nth-of-type(1){margin-bottom: 30px;}
	
	.international_features_bg{
		background: url("../international/img/sp/bg_international02.jpg") no-repeat center;
		background-size: cover;
		width: 100%;
		padding-top: 50%;
		display: block;
		pointer-events: none;
	}
	
	.international_features_img{position: relative;}
	
	.international_features_img::before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		background: #FFF;
		width: calc(100% - 50px);
		height: 50px;
		pointer-events: none;
	}
	
	.international_features_content{
		padding: 0 25px;
		margin-top: -20px;
	}
	
	.features_block:nth-of-type(1){margin-bottom:15px;}
	
	.features_block_item{margin-bottom:15px;}
	
	.features_block_item:last-of-type{margin-bottom: 0;}
	
	.features_block_item table{width: 100%;}
	
	.features_block_item th{
		color: #FFF;
		font-size: 1.8rem;
		text-align: center;
		display: block;
		width: 100%;
	}
	
	.features_block_item:nth-child(odd) th{background:#0C1434;}
	
	.features_block_item:nth-child(even) th{background:#00A9E6;}
	
	.features_block_item td{
		border-left: solid 1px #E4E4ED;
		border-bottom: solid 1px #E4E4ED;
		vertical-align: top;
		padding: 12px;
		font-size: 1.4rem;
		line-height: 1.8;
	}
	
	.features_block_item td:last-child{border-right: solid 1px #E4E4ED;}
	
	.features_block_item ul li{
		text-indent: -1.6rem;
		padding-left: 12px;
		margin-bottom: 4px
	}
	
	/* How to find NIMS researchers - SAMURAI database -
	---------------------------------------------- */
	#samurai{margin-bottom: 60px;}
	
	.samurai_l{
		background:#0C1333; 
		padding: 40px 25px 90px;
		position: relative;
	}

	.samurai_l::before{
		content: "";
		background: #FFF;
		width: 93.4%;
		height: 64px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	.samurai_l p{
		color: #FFF;
		line-height: 1.8;
	}
	
	.samurai_r{margin-top: -40px;}
	
	.samurai_r .txt{
		padding: 0 48px;
		margin-bottom: 40px;
		position: relative;
		line-height: 1.8;
	}
	
	.samurai_r .btn{
		width: 240px;
		margin: 0 auto;
	}
	
	.samurai_r .btn img{width: 100%;}
	
	/* Acceptance procedure of students
	---------------------------------------------- */
	#acceptance{
		background: #F6F6F7;
		padding: 40px 25px 50px;
		margin-bottom: 40px;
	}
	
	.acceptance_txt{margin-bottom: 30px;}
	
	.acceptance_txt:last-child{margin-bottom: 0;}
	
	.acceptance_txt .txt{line-height: 1.8;}

	.acceptance_inner{
		margin-top: 40px;
	}
	.acceptance_inner:first-of-type{
		margin-top: 0;
	}
	
	/* Process for signing the ICGP agreement
	---------------------------------------------- */
	#process{
		padding: 0 25px;
		margin-bottom: 60px;
	}
	
	#process p{line-height: 1.8;}
	
	
}/*--@media--*/