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

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

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
	
	/* ------------------------------------------------------------

	入学方法(英)

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

	/* 見出し
	---------------------------------------------- */
	.ttl_admission{
		width: 100%;
		height: 460px;
		padding-bottom: 30px;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		font-size: 4rem;
		line-height: 1.4;
		color: #FFF;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	.ttl_admission h3{
		width: 1100px;
		text-shadow: hsla(0, 0%, 0%, 0.2) 0 0 10px;
	}
	
	/* その他共通
	---------------------------------------------- */
	.admission{
		background: #f6f6f6;
		display: block;
		width: 1200px;
		margin: -60px auto 0;
		padding: 60px 50px 0;
		position: relative;
		z-index: 999;
	}
	
	.column01{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 60px;
	}
	
	.column01:last-of-type{margin-bottom: 0;}
	
	.column01 .col_l{
		width: 330px;
		font-size: 1.6rem;
		font-weight: bold;
		padding-right: 50px;
	}
	
	.column01 .col_r{width: 770px;}
	
	.column02{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 60px;
	}
	
	.column02:last-of-type{margin-bottom: 0;}
	
	.column02 .col_l{width: 240px;}
	
	.column02 .col_l figure{margin-bottom: 10px;}
	
	.column02 .col_l figure:last-of-type{margin-bottom: 0;}
	
	.column02 .col_r{width: 810px;}
	
	.column02 .col_r h4{
		font-weight: bold;
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
	
	.column02 .col_r h4 span{font-weight: normal;}
	
	.column02 .col_r p{margin-bottom: 20px;}
	
	.column02 .col_r p:last-of-type{margin-bottom: 0;}
	
	.column02 .col_r .list_type01{margin-top: 20px;}
	
	/*--注--*/
	.attention{
		display:-webkit-flex;
		display:flex;
	}
	
	.attention_l{width: 60px;}
	
	.attention_r{width: calc(100% - 60px);}
	
	.attention_r ol li p,
	.attention_r ul li p{
		display: inline-block;
		text-indent: initial;
		margin-bottom: 20px;
	}
	
	.attention_r ol li p:last-of-type,
	.attention_r ul li p:last-of-type{margin-bottom: 0;}
	
	/* テーブル
	---------------------------------------------- */
	.wrap_scroll{margin-bottom: 50px;}
	
	/*table_adm01*/
	.table_adm01{width: 100%;}
	
	.table_adm01 th,
	.table_adm01 td{
		border: 1px solid #1C3178;
		padding: 10px;
		line-height: 1.4;
	}
	
	.table_adm01 th{
		background: #D6DDF5;
		text-align: center;
	}
	
	.table_adm01 td p{margin-bottom: 15px;}
	
	.table_adm01 td p:last-of-type{margin-bottom: 0;}
	
	/* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global ul li.g04 a{color: #1C3178;}
	
	/* ナビ
	---------------------------------------------- */
	.nav_adm01{
		width: 1100px;
		margin: 0 auto 100px;
		font-size: 1.6rem;
	}
	
	.nav_adm01 ul{
		display:-webkit-flex;
		display:flex;
	}
	
	.nav_adm01 ul li{
		width: 33.33%;
		border-right: 1px solid #1C3178;
		text-align: center;
	}
	
	.nav_adm01 ul li:last-of-type{border: none;}
	
	.nav_adm01 ul li a{
		display:-webkit-flex;
		display:flex;
		min-height: 80px;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		color: #1C3178;
		padding: 0 5px 8px 5px;
		line-height: 1.4;
		position: relative;
	}
	
	.nav_adm01 ul li a::before,
	.nav_adm01 ul li a::after{
		content: "";
		display: block;
		width: 12px;
		height: 8px;
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -6px;
	}
	
	.nav_adm01 ul li a::before{
		background: url("../img/ico_arrow04.png") no-repeat 0 0;
		background-size: contain;
	}
	
	.nav_adm01 ul li a::after{
		background: url("../img/ico_arrow07.png") no-repeat 0 0;
		background-size: contain;
		transform: translateY(-10px);
		opacity: 0;
	}
	
	.nav_adm01 ul li a:hover::before{display: none;}
	.nav_adm01 ul li a:hover::after{
		transition: transform .3s,opacity .3s;
		transform: translateY(0);
		opacity: 1;
	}	
	
	.nav_adm01 ul li a br{display: none;}
	
	/* コンテンツ
	---------------------------------------------- */
	/*--入学試験について--*/
	.examination{margin-bottom: 100px;}
	
	.examination .ttl_admission{background-image: url("../admission/img/pc/bg_ttl_admission01.jpg");}
	
	#adm01 .column01:first-of-type{margin-top: 50px;}
	
	#adm01 .column01 .col_r ul{margin: 20px 0;}
	
	/*--募集要項--*/
	.recruitment{margin-bottom: 100px;}
	
	.recruitment .ttl_admission{background-image: url("../admission/img/pc/bg_ttl_admission02.jpg");}
	
	/*ナビ*/
	#adm02 .nav_tab{
		border: 2px solid #1C3178;
		border-bottom: none;
		border-right: none;
		margin-bottom: 20px;
	}
	
	#adm02 .nav_tab ul{
		display:-webkit-flex;
		display:flex;
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	#adm02 .nav_tab li{
		background: linear-gradient(180deg, #F6F6F6, #E7E7E7 100%);
		width: 50%;
		height: 60px;
		color: #A5A5A5;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		cursor: pointer;
		border-right: 2px solid #1C3178;
	}
	
	#adm02 .nav_tab li.active{
		color: #1C3178;
		pointer-events: none;
	}
	
	#adm02 .contents{display: none;}
	
	#adm02 .contents.active{display: block;}
	
	#adm02 .table_adm01 tr:nth-of-type(1) th{width: 220px;}
	
	#adm02 .table_adm01 tr:nth-of-type(3) td ul{margin: 20px 0;}
	
	/*--出願の流れ--*/
	.flow .ttl_admission{background-image: url("../admission/img/pc/bg_ttl_admission03.jpg");}
	
	.flow .column02 .col_l figure{position: relative;}
	
	.flow .column02 figure.sp{display: none;}
	
	.flow .column02 .col_l figure::before{
		content: "";
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: contain;
		width: 117px;
		height: 57px;
		position: absolute;
		top: -20px;
		right: -35px;
	}
	
	.flow .step01.column02 .col_l figure::before{background-image: url("../img/img_step01.png");}
	.flow .step02.column02 .col_l figure:first-child::before{background-image: url("../img/img_step02.png");}
	.flow .step03.column02 .col_l figure::before{background-image: url("../img/img_step03.png");}
	.flow .step04 .column02 .col_l figure::before{background-image: url("../img/img_step04.png");}
	.flow .step05.column02 .col_l figure::before{background-image: url("../img/img_step05.png");}
	
	.flow .step02.column02 .col_r ol{margin-top: 20px;}
	
	.flow .step05{margin-top: 60px;}
	
	#adm03 .flow{margin-bottom: 80px;}
	
	#adm03 .flow .step04 .table_adm01 tr:nth-child(1) th:nth-child(1){width: 275px;}
	
	#adm03 .flow .step04 .table_adm01 tr:nth-child(2) th:nth-child(2){width: 415px;}
	
	#adm03 .flow .step04 .column02 .col_r .table_adm01{width: 928px;}
	
	
}/*--@media--*/


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

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

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
	
	/* ------------------------------------------------------------

	入学方法共通(英)

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

	/* 見出し
	---------------------------------------------- */
	.ttl_admission{
		width: 100%;
		height: 154px;
		display:-webkit-flex;
		display:flex;
		-webkit-align-items: center;
		align-items: center;
		font-size: 2.5rem;
		font-weight: bold;
		line-height: 1.2;
		padding: 0 30px;
		color: #FFF;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	.ttl_admission h3{text-shadow: hsla(0, 0%, 0%, 0.2) 0 0 10px;}
	
	.ttl_admission h3 br{display: none;}
	
	/* その他共通
	---------------------------------------------- */
	.admission{padding: 30px 30px 0;}

	.column01{margin-bottom: 30px;}
	
	.column01:last-of-type{margin-bottom: 0;}
	
	.column01 .col_l{
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	.column02{margin-bottom: 30px;}
	
	.column02:last-of-type{margin-bottom: 0;}
	
	.column02 .col_l{display: none;}
	
	.column02 .col_r .ttl{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 20px;
	}
	
	.column02 .col_r .ttl figure{
		width: calc(33% - 10px);
		position: relative;
	}
	
	.column02 .col_r .ttl figure img{width: 100%;}
	
	.column02 .col_r .ttl h4{
		width: 67%;
		font-weight: bold;
		font-size: 1.8rem;
		line-height: 1.4;
	}
	
	.column02 .col_r h4 span{font-weight: normal;}
	
	.column02 .col_r p{margin-bottom: 20px;}
	
	.column02 .col_r p:last-of-type{margin-bottom: 0;}
	
	.column02 .col_r .list_type01{margin-top: 20px;}
	
	/*--注--*/
	.attention{
		display:-webkit-flex;
		display:flex;
		padding: 0 30px;
	}
	
	.attention_l{width: 30px;}
	
	.attention_r{
		width: calc(100% - 30px);
		font-size: 1.3rem;
	}
	
	.attention_r ol li p,
	.attention_r ul li p{
		display: inline-block;
		text-indent: initial;
		margin-bottom: 20px;
	}
	
	.attention_r ol li p:last-of-type,
	.attention_r ul li p:last-of-type{margin-bottom: 0;}
	
	/* テーブル
	---------------------------------------------- */
	.wrap_scroll{position: relative;}
	
	.wrap_scroll::before{
		content: "";
		display: block;
		background: url("../img/sp/ico_scroll01.png") no-repeat 0 0;
		background-size: contain;
		width: 40px;
		height: 8px;
		position: absolute;
		top: -12px;
		right: 5px;
	}
	
	.scroll{
		overflow-x: scroll;
		padding-left: 30px;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	
	.scroll .table_adm01{position: relative;}
	
	.scroll .table_adm01::after{ /*右側の余白*/
		content: "";
		width: 30px;
		height: 1px;
		position: absolute;
		top: 0;
		right: -30px;
	}
	
	/*table_adm01*/
	.table_adm01{width: 100%;}
	
	.table_adm01 th,
	.table_adm01 td{
		border: 1px solid #1C3178;
		padding: 8px;
		font-size: 1.3rem;
		line-height: 1.4;
	}
	
	.table_adm01 th{
		background: #D6DDF5;
		text-align: center;
	}
	
	.table_adm01 td p{margin-bottom: 15px;}
	
	.table_adm01 td p:last-of-type{margin-bottom: 0;}
	
	/* ナビ
	---------------------------------------------- */
	.nav_adm01{
		font-size: 1.4rem;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		margin-bottom: 50px;
	}
	
	.nav_adm01 ul{
		display: -webkit-flex;
		display: flex;
	}
	
	.nav_adm01 ul li{
		width: 33.33%;
		border-right: 1px solid #1C3178;
		text-align: center;
	}
	
	.nav_adm01 ul li:last-of-type{border: none;}
	
	.nav_adm01 ul li a{
		display:-webkit-flex;
		display:flex;
		min-height: 64px;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		color: #1C3178;
		padding: 0 16px 5px 16px;
		line-height: 1.4;
		position: relative;
	}
	
	.nav_adm01 ul li a::before{
		content: "";
		display: block;
		width: 11px;
		height: 7px;
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -5px;
	}
	
	.nav_adm01 ul li a::before{
		background: url("../img/ico_arrow04.png") no-repeat 0 0;
		background-size: contain;
	}
	
	/* コンテンツ
	---------------------------------------------- */
	/*--入学試験について--*/
	.examination{margin-bottom: 50px;}
	
	.examination .ttl_admission{background-image: url("../admission/img/sp/bg_ttl_admission01.jpg");}
	
	#adm01 .column01:first-of-type{margin-top: 30px;}
	
	#adm01 .column01 .col_r ul{margin: 20px 0;}
	
	/*--募集要項--*/
	.recruitment{margin-bottom: 50px;}
	
	.recruitment .ttl_admission{background-image: url("../admission/img/sp/bg_ttl_admission02.jpg");}
		
	/*ナビ*/
	#adm02 .nav_tab{
		border: 2px solid #1C3178;
		border-bottom: none;
		border-right: none;
		margin-bottom: 15px;
	}
	
	#adm02 .nav_tab ul{
		display: -webkit-flex;
		display: flex;
		font-size: 1.5rem;
		line-height: 1.2;
		font-weight: bold;
	}
	
	#adm02 .nav_tab li{
		background: linear-gradient(180deg, #F6F6F6, #E7E7E7 100%);
		width: 50%;
		height: 82px;
		color: #A5A5A5;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-direction: column;
		flex-direction: column;
		text-align: center;
		cursor: pointer;
		border-right: 2px solid #1C3178;
	}
	
	#adm02 .nav_tab li.active{
		color: #1C3178;
		pointer-events: none;
	}
	
	#adm02 .contents{display: none;}
	
	#adm02 .contents.active{display: block;}
	
	#adm02 .table_adm01 tr:nth-of-type(1) th{width: 27%;}
	
	#adm02 .table_adm01 tr:nth-of-type(3) td ul{margin: 15px 0;}
	
	/*--出願の流れ--*/
	.flow .admission{padding: 30px 0 0 0;}
	
	.flow .column02{padding: 0 30px;}
	
	.flow .ttl_admission{background-image: url("../admission/img/sp/bg_ttl_admission03.jpg");}
	
	.flow .column02 .col_r .ttl figure::before{
		content: "";
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: contain;
		width: 86.5px;
		height: 42px;
		position: absolute;
		top: -18px;
		right: -30px;
	}
	
	.flow .step01.column02 .col_r .ttl figure::before{background-image: url("../img/img_step01.png");}
	.flow .step02.column02 .col_r .ttl figure:first-child::before{background-image: url("../img/img_step02.png");}
	.flow .step03.column02 .col_r .ttl figure::before{background-image: url("../img/img_step03.png");}
	.flow .step04 .column02 .col_r .ttl figure::before{background-image: url("../img/img_step04.png");}
	.flow .step05.column02 .col_r .ttl figure::before{background-image: url("../img/img_step05.png");}
	
	.flow .step03.column02 .col_r .ttl{
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	
	.flow .step04{margin-bottom: 40px;}
	
	.flow .step04 .wrap_scroll{margin-bottom: 20px;}
	
	.flow .column02 .col_r ol{margin-top: 20px;}
	
	.flow .column02 .col_r ol li{margin-bottom: 10px;}
	
	.flow .column02 .col_r ol li:last-of-type{margin-bottom: 0;}

	#adm03.flow{margin-bottom: 50px;}
	
	#adm03.flow .step04 .table_adm01{width: 470px;}
	
	#adm03.flow .step04 .table_adm01 tr:nth-child(2) th:nth-child(2),
	#adm03.flow .step04 .table_adm01 tr:nth-child(2) th:nth-child(3){width: 142px;}
	
	
}/*--@media--*/