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

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

	PC

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

	入学方法共通

	------------------------------------------------------------ */
    
    /* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global ul li.g04 a{color: #005C92;}

	/* 見出し
	---------------------------------------------- */
	.ttl_admission{
		width: 100%;
		height: 460px;
		padding-bottom: 60px;
		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: 240px;}
	
	.column01 .col_l figure{margin-bottom: 10px;}
	
	.column01 .col_l figure:last-of-type{margin-bottom: 0;}
	
	.column01 .col_r{width: 810px;}
	
	.column01 .col_r h4{
		font-weight: bold;
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
	
	.column01 .col_r h4 span{font-weight: normal;}
	
	.column01 .col_r p{margin-bottom: 20px;}
	
	.column01 .col_r p:last-of-type{margin-bottom: 0;}
	
	.column01 .col_r .list_type01{margin-top: 20px;}
	
	/* テーブル
	---------------------------------------------- */
	/*table_adm01*/
	.table_adm01{width: 100%;}
	
	.table_adm01 th,
	.table_adm01 td{
		border: 1px solid #005C92;
		padding: 10px;
		line-height: 1.4;
		text-align: center;
	}
	
	.table_adm01 th{background: #D2F2FF;}
	
	.table_adm01 th a,
	.table_adm01 td a{
		color: #005C92;
		text-decoration: underline;
	}
	
	.table_adm01 th a:hover,
	.table_adm01 td a:hover{text-decoration: none;}
	
	.table_adm01 td p{margin-bottom: 15px;}
	
	.table_adm01 td p:last-of-type{margin-bottom: 0;}
	
	/* ナビ
	---------------------------------------------- */
	.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: 50%;
		border-right: 1px solid #005C92;
		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: #005C92;
		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_arrow01.png") no-repeat 0 0;
		background-size: contain;
		transform: rotate(180deg) 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: rotate(180deg) translateY(0);
		opacity: 1;
	}	
	
	.nav_adm01 ul li a br{display: none;}
	
	/* コンテンツ
	---------------------------------------------- */	
	/*--出願スケジュール--*/
	.schedule{margin-bottom: 100px;}
	
	.schedule .ttl_admission{background-image: url("../admission/img/pc/bg_ttl_admission01.jpg");}
	
	.schedule .table_adm01 td{width: 440px;}
	
	.txt_schedule01{margin-bottom: 30px;}
	
	/*--出願の流れ--*/
	.flow .ttl_admission{background-image: url("../admission/img/pc/bg_ttl_admission02.jpg");}
	
	.flow .column01 .col_l figure{position: relative;}
	
	.flow .column01 figure.sp{display: none;}
	
	.flow .column01 .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.column01 .col_l figure::before{background-image: url("../img/img_step01.png");}
	.flow .step02.column01 .col_l figure::before{background-image: url("../img/img_step02.png");}
	.flow .step03.column01 .col_l figure::before{background-image: url("../img/img_step03.png");}
	.flow .step04.column01 .col_l figure::before{background-image: url("../img/img_step04.png");}
	.flow .step05.column01 .col_l figure::before{background-image: url("../img/img_step05.png");}
	
	
}/*--@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{display: none;}
	
	.column01 .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;
	}
	
	.column01 .col_r .ttl figure{
		width: calc(33% - 10px);
		position: relative;
	}
	
	.column01 .col_r .ttl figure img{width: 100%;}
	
	.column01 .col_r .ttl h4{
		width: 67%;
		font-weight: bold;
		font-size: 1.8rem;
		line-height: 1.4;
	}
	
	.column01 .col_r h4 span{font-weight: normal;}
	
	.column01 .col_r p{margin-bottom: 20px;}
	
	.column01 .col_r p:last-of-type{margin-bottom: 0;}
	
	.column01 .col_r .list_type01{margin-top: 20px;}
	
	/* テーブル
	---------------------------------------------- */	
	/*table_adm01*/
	.table_adm01{
		width: 100%;
		table-layout: fixed;
	}
	
	.table_adm01 th,
	.table_adm01 td{
		border: 1px solid #005C92;
		padding: 5px;
		font-size: 1.3rem;
		line-height: 1.4;
		text-align: center;
	}
	
	.table_adm01 th{background: #D2F2FF;}
	
	.table_adm01 th:nth-of-type(2),	
	.table_adm01 th:nth-of-type(3){width: 94px;}
	
	.table_adm01 th a,
	.table_adm01 td a{
		color: #005C92;
		text-decoration: underline;
	}
	
	.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: 50%;
		border-right: 1px solid #005C92;
		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: #005C92;
		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;
	}
	
	/* コンテンツ
	---------------------------------------------- */	
	/*--出願スケジュール--*/
	.schedule{margin-bottom: 50px;}
	
	.schedule .ttl_admission{background-image: url("../admission/img/sp/bg_ttl_admission01.jpg");}
	
	.schedule .table_adm01 td{width: 36%;}
	
	.txt_schedule01{margin-bottom: 20px;}
	
	/*--出願の流れ--*/
	.flow .admission{padding: 30px 0 0 0;}
	
	.flow .column01{padding: 0 30px;}
	
	.flow .ttl_admission{background-image: url("../admission/img/sp/bg_ttl_admission02.jpg");}
	
	.flow .column01 .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.column01 .col_r .ttl figure::before{background-image: url("../img/img_step01.png");}
	.flow .step02.column01 .col_r .ttl figure::before{background-image: url("../img/img_step02.png");}
	.flow .step03.column01 .col_r .ttl figure::before{background-image: url("../img/img_step03.png");}
	.flow .step04.column01 .col_r .ttl figure::before{background-image: url("../img/img_step04.png");}
	.flow .step05.column01 .col_r .ttl figure::before{background-image: url("../img/img_step05.png");}
	
	
}/*--@media--*/