@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* pc */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media all and (min-width: 801px){
	
	.title{
	text-align:center;
	padding-top:30px;
	}
	.title h2{
		display:inline-block;
		font-size:40px;
		background-image:url(../../img/common/pc/h2_bdr.jpg);
		background-repeat:no-repeat;
		background-position:bottom center;
		background-size:auto 2px;
		padding-bottom:10px;
		}
	h2.bl{
		background-image:url(../../img/common/pc/h2_bdr_bl.jpg)!important;
		}
		
	
	.inner{
		width: 1040px;
		margin-right: auto;
		margin-left: auto;
		position:relative;
		box-sizing: border-box;
		}
		
	
	.main{
		min-height: 300px;
		width: 100%;
		background-position: center center;
		background-size: cover;
		transition: background-image 3s;
		display: table;
		background-image:url(../../img/special/sij/main.jpg);
		}
	.main div{
		color: #fff;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.3em;
		width: 100%;
		max-width:1040px;
		box-sizing: border-box;
		padding: 100px 50px;
		word-break: break-all;
		display: table-cell;
		vertical-align: middle;
		}
		.main div p.font1{
			font-size: 40px;
			}
		.main div p:not(.font1){
			max-width: 1040px;
			margin: auto;
			margin-top: 20px;
			line-height: 2;
			}
	
	.school_list{
		border-top:1px solid #ccc;
		padding-top:60px;
		margin-top:60px;
		}
		.school_list .title{
			padding-top:0px!important;
			}
	.school_list > .inner{
		margin-top:40px;
		}
	.school_list > .inner:not(:last-child){
		border-bottom:1px solid #ccc;
		padding-bottom:40px;
		}
		.school_list .school_content h3{
			text-align:center;
			font-size:1.7em;
			margin-top:40px;
			margin-bottom:25px;
			}
		.school_list .school_content h3 p{
			text-align:center;
			font-size:0.8em;
			}
		.school_list .school_content h3 span{
			margin:0 15px;
			}
		.btn_wrap{
			text-align:center;
			margin-top:25px;
			}
		.btn{
			text-align: center;
			display: inline-block;
			color: #fff !important;
			font-weight: bold;
			font-size: 15px;
			padding: 10px 40px 8px;
			width: 300px !important;
			border-radius: 5px;
			box-sizing: border-box;
			box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
			border: none;
			transition: 500ms;
			background-color: #299FD4;
			position: relative;
			}
		.btn::after{
			content: "";
			background-image: url(../../img/common/icon_arrow_right.png);
			width: 16px;
			height: 16px;
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -8px;
			}
		
	.school_list_index{
		width: 1040px;
		margin-right: auto;
		margin-left: auto;
		box-sizing: border-box;
		}
		.school_list_index > .inner{
			width:49%;
			margin-top:40px;
			}
		.school_list_index > .inner:nth-of-type(odd){
			float:left;
			}
		.school_list_index > .inner:nth-of-type(even){
			float:right;
			}
			
			
			
	.map_wrap{
		}
		.map_intro{
			margin-top:50px;
			margin-bottom:30px;
			text-align:left;
			}
			.map_intro h3{
				background-image:url(../../img/special/sij/icon_search.png);
				background-repeat:no-repeat;
				padding-left:42px;
				height:32px;
				font-size:18px;
				padding-top:5px;
				margin-bottom:20px;
				border-bottom:1px solid #ccc;
				padding-bottom:15px;
				}
		.map{
			text-align:center;
			margin-top:20px;
			}
		.map_wrap .table{
			width:100%;
			top:0px;
			border:1px solid #ccc;
			}
		.map_wrap .table th{
			width:90px;
			vertical-align:top;
			}
		.map_wrap .table1{
			position:relative;
			z-index:1;
			background-color:#fff;
			}
			.map_wrap .table1 td dl{
				margin-top:15px;
				}
			.map_wrap .table1 td dt{
				font-weight:bold;
				margin-bottom:5px;
				}
			
			
			
			
	.bioj > .inner:not(:nth-of-type(1)){
		margin-top:60px;
		}
		.bioj .icon_school{
			background-image:url(../../img/special/sij/icon_school.jpg);
			background-repeat:no-repeat;
			padding-left:42px;
			height:32px;
			font-size:18px;
			padding-top:5px;
			margin-bottom:15px;
			}
		.bioj .intro{
			margin-bottom:25px;
			}
			.bioj .school_num li{
				border-top:1px solid #ccc;
				padding:20px 0;
				box-sizing:border-box;
				width:48.5%;
				}
				.school_num+p{
					border-top:1px solid #ccc;
					padding-top:25px;
					}
			.bioj .school_num li:nth-of-type(odd){
				float:left;
				}
			.bioj .school_num li:nth-of-type(even){
				float:right;
				}
			.bioj .school_num li:nth-of-type(even){
				float:right;
				}
			.bioj .school_num li .name{
				overflow:hidden;
				font-size:18px;
				font-weight:bold;
				margin-bottom:10px;
				}
				.bioj .school_num li .name span{
					float:right;
					}
		.bioj .icon_plane{
			background-image:url(../../img/special/sij/icon_plane.jpg);
			background-repeat:no-repeat;
			padding-left:42px;
			height:32px;
			font-size:18px;
			padding-top:5px;
			margin-bottom:15px;
			}
			
	.link_box{
		margin-top:100px;
		}
			
	
	
	/* detail */
	.detail .school_list{
		border:none;
		margin-top:-100px;
		}
		.detail .school_content h3{
			font-size: 24px;
			margin-top: 20px;
			padding-right: 300px;
			text-align: left;
			}
		.detail .school_list > .inner{
			border-bottom:none;
			}
		.detail .school_content{
			border-bottom:1px solid #ccc;
			padding-bottom:60px;
			}
		.detail_content{
			margin-bottom:50px;
			}
		.detail_content > div{
			padding: 30px;
			border-bottom:1px solid #ececec;
			}
		.detail_content > div:nth-of-type(even){
			background:rgba(228,242,249,0.3);
			}
		.detail_content > div h3{
			font-size:18px;
			margin-bottom:15px;
			}
		.detail  .btn_wrap{
			margin-bottom:20px;
			}
		.detail .pr{
			border-top:1px solid #ccc;
			padding-top:50px;
			text-align:center;
			}
			.detail .bnr{
				display:inline-block;
				text-align:right;
				}
		.detail_content .table th{
			width:250px;
			text-align: left;
			}
				
		.detail .school_content > div{
			position:relative;
			}
		.detail .school_content	.btn_wrap{
			position:absolute;
			top:0;
			right:0;
			margin:0;
			}
		.detail .school_content .btn{
			width: auto;
			padding: 10px 30px 8px 20px;
			}
			
			.de_map_wrap{
				text-align:center;
				}
			.de_map_btn{
				text-align:center;
				}
			.detail .link_btn{
				margin-bottom:100px;
				text-align:center;
				}
			
	
				
				

}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* sp */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media all and (max-width: 800px){
	
	
	#contents h2.bl .sp{
		background-image:url(../../img/common/sp/h2_bdr_bl.jpg);
		}	
		
	
	.main{
		height: 150px;
		width: 100%;
		background-position: center center;
		background-size: cover;
		transition: background-image 3s;
		display: table;
		background-image:url(../../img/special/sij/main.jpg);
		}
	.main div{
		color: #fff;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.3em;
		width: 100%;
		box-sizing: border-box;
		padding: 30px 20px;
		word-break: break-all;
		display: table-cell;
		vertical-align: middle;
		}
		.main div p.font1{
			font-size: 27px;
			}
		.main div p:not(.font1){
			margin: auto;
			margin-top: 20px;
			line-height:1.6;
			}
	.school_list{
		padding-bottom:70px;
		}
	.school_list .title{
		margin-bottom:-40px;
		}
	.school_list > .inner:not(:nth-of-type(1)){
		margin-top:40px;
		}
		.school_list .school_content h3{
			text-align:center;
			font-size:1.4em;
			margin-top:20px;
			margin-bottom:20px;
			}
		.school_list .school_content h3 p{
			margin-top:8px;
			text-align:center;
			font-size:0.7em;
			}
		.school_list .school_content h3 span{
			display:block;
			}
		.school_list .school_content > div{
			padding:0 10px;
			}
		.btn_wrap{
			text-align:center;
			margin-top:25px;
			}
		.btn{
			text-align: center;
			display: inline-block;
			color: #fff !important;
			font-weight: bold;
			font-size: 15px;
			padding: 10px 40px 8px;
			width: 200px;
			border-radius: 5px;
			box-sizing: border-box;
			box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
			border: none;
			transition: 500ms;
			background-color: #299FD4;
			position: relative;
			}
		.btn::after{
			content: "";
			background-image: url(../../img/common/icon_arrow_right.png);
			width: 16px;
			height: 16px;
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -8px;
			}
		
	.school_list_index{
		margin-top:40px;
		}
	.school_list .title{
		}
		.school_list_index > .inner:not(:nth-of-type(1)){
			margin-top:40px;
			}
			
			
	.map_wrap{
		padding:0 10px;
		}
		.map_intro{
			margin-bottom:30px;
			text-align:left;
			}
			.map_intro h3{
				background-image:url(../../img/special/sij/icon_search.png);
				background-repeat:no-repeat;
				padding-left:42px;
				height:32px;
				font-size:18px;
				padding-top:5px;
				margin-bottom:20px;
				border-bottom:1px solid #ccc;
				padding-bottom: 10px;
				background-position: 0px 2px;
				}
		.map{
			text-align:center;
			margin-top:20px;
			}
			.map img{
				width:100%;
				height:auto;
				}
		.map_wrap .table{
			width:100%;
			top:50px;
			border:1px solid #ccc;
			}
		.map_wrap .table th{
			width:90px;
			vertical-align:top;
			}
		.map_wrap .table1{
			margin-top:30px;
			left:0;
			}
			.map_wrap .table1 td dl{
				margin-top:15px;
				}
			.map_wrap .table1 td dt{
				font-weight:bold;
				margin-bottom:5px;
				}
			.map_wrap .region_list{
				overflow:hidden;
				margin-top:22px;
				}
				.map_wrap .region_list li{
					width:48%;
					text-align:center;
					border: 1px solid #ccc;
					margin-top:8px;
					border-radius:3px;
					}
				.map_wrap .region_list li:nth-of-type(odd){
					float:left;
					clear:both;
					}
				.map_wrap .region_list li:nth-of-type(even){
					float:right;
					}
					.map_wrap .region_list li a{
						padding:8px;
						display:block;
						}
			
	.bioj .inner{
		padding:0 10px;
		}
	.bioj > .inner:not(:nth-of-type(1)){
		margin-top:40px;
		}
		.bioj .icon_school{
			background-image:url(../../img/special/sij/icon_school.jpg);
			background-repeat:no-repeat;
			padding-left:42px;
			height:32px;
			font-size:18px;
			padding-top:5px;
			margin-bottom:15px;
			}
		.bioj .intro{
			margin-bottom:20px;
			}
		.bioj .school_num{
			}
				.school_num+p{
					border-top:1px solid #ccc;
					padding-top:25px;
					}
			.bioj .school_num li{
				border-top:1px solid #ccc;
				padding:20px 0;
				box-sizing:border-box;
				}
			.bioj .school_num li .name{
				overflow:hidden;
				font-size:18px;
				font-weight:bold;
				margin-bottom:10px;
				}
				.bioj .school_num li .name span{
					font-size:0.8em;
					margin-left:10px;
					}
		.bioj .icon_plane{
			background-image:url(../../img/special/sij/icon_plane.jpg);
			background-repeat:no-repeat;
			padding-left:42px;
			height:32px;
			font-size:18px;
			padding-top:5px;
			margin-bottom:15px;
			}
			
	
	/* detail */
	.detail .school_list{
		border-bottom:none;
		}
		.detail .school_content{
			border-bottom:1px solid #ccc;
			margin-bottom:40px;
			padding-bottom:40px;
			}
		.detail_content{
			margin-bottom:50px;
			}
		.detail_content > div{
			padding:0 20px;
			}
		.detail_content > div:nth-of-type(even){
			background:rgba(228,242,249,0.3);
			padding-top:40px;
			padding-bottom:40px;
			margin-top:40px;
			margin-bottom:40px;
			}
		.detail_content > div h3{
			font-size:16px;
			margin-bottom:15px;
			}
		.detail .pr{
			border-top:1px solid #ccc;
			padding-top:50px;
			text-align:center;
			}
			.detail .bnr{
				display:inline-block;
				text-align:right;
				}
		.detail_content .table th{
			width:40%;
			text-align:left;
			}
		.detail .school_list .school_content h3{
			text-align:left;
			}
		.detail .school_list .school_content h3 span{
			display:inline;
			}
				
		.detail .school_content > div{
			}
		.detail .school_content	.btn_wrap{
			width:100%;
			}
		.detail .school_content .btn{
			width: auto;
			padding: 10px 30px 8px 20px;
			}
			
			.de_map_wrap{
				text-align:center;
				}
				.de_map_wrap img{
					max-width:100%;
					}
			.de_map_btn{
				text-align:center;
				}
			.detail .link_btn{
				margin-top:20px;
				text-align:center;
				}
}