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

@import "html5reset.css";
@import "parts.css";
@import "clear.css";

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

/*  reset

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

html {
	overflow-y	: scroll;
	height		: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display:inline;
}

address,caption,cite,code,dfn,strong,th,var {
	font-style : normal;
}

/*
table {
	border-collapse	 : collapse;
	border-spacing	 : 0;
}
*/

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

rt {
	font-size:75%;
}

ruby {
	display:block;
}

blockquote {
	border: 1px solid #ccc;
	background: #d5d5d5;
}

/* Flexible Images */
img{
    max-width	: 100%;
    height		: auto;
    width /***/	: auto;
}

.pcStyle{
	display: block;
}

.spStyle{
	display: none;
}

.nav_br {
	display: none;
}

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

/*  Basic Style

/* ------------------------------------------------------------------------ */
.bnr_link {
	position: fixed;
	top: 220px;
	right: 0px;
	z-index: 999;
	display: flex;
	flex-direction: column;
}
	.bnr_link > div{
		margin-bottom: 5px;
	}


body *{
	box-sizing: border-box;
}

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: 'Noto Sans Japanese',"Meiryo","MS PGothic", sans-serif;
	font-size	: 87%;
	line-height	: 1.8;
	text-align	: center;
	color		: #444;
	background: #ebebeb;

}
	.meiryo { font-family:"Meiryo" !important;}

div#wrap{
	margin		: 0 auto;
	/*width		: 1003px;*/
	text-align	: center;
}

body > #wrap { height : auto; overflow:hidden;}



/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	opacity		: 0.8;
	-ms-filter	: "alpha(opacity=80)";
}

a{
	text-decoration	: underline;
}

a:visited {
	text-decoration	: underline;
}

a:hover {
	text-decoration	: none;
}

	.ad_link a{
		text-decoration	: none;
		color			: #41403d !important;
	}

	.ad_link a:visited	{
		text-decoration	: none;
		color			: #41403d !important;
	}


	#head_link a,
	#att-keyword ul li a:link{
		text-decoration	: none;
		color			: #333333;
	}

	#head_link a:visited,
	#att-keyword ul li a:visited{
		text-decoration	: none;
		color			: #333333;
	}

	#head_link a:hover {
		text-decoration	: underline;
	}


	a,
	#crumb a,
	#contentsBlock a,
	.hd03 a,
	.ulStyle02 a,
	.snav a {
		text-decoration	: underline !important;
		color			: #255280;
	}

	a:visited,
	#crumb a:visited,
	#contentsBlock a:visited,
	.hd03 a:visited,
	.ulStyle02 a:visited,
	.snav a:visited {
		text-decoration	: underline !important;
		color			: #255280;
	}

	.pc_view a:hover,
	.pc_view #crumb a:hover,
	.pc_view #contentsBlock a:hover,
	.pc_view .hd03 a:hover,
	.pc_view .ulStyle02 a:hover,
	.pc_view .snav a:hover {
		text-decoration	: none !important;
		opacity: 0.8;
	}



	.hd02 a,
	.shd04 a,
	#footer_box a{
		text-decoration	: underline;
		color			: #FFF !important;
	}

	.hd02 a:visited,
	.shd04 a:visited,
	#footer_box a:visited	{
		text-decoration	: underline;
		color			: #FFF !important;
	}

	.hd02 a:hover,
	#footer_box a:hover	{
		text-decoration	: none !important;
	}

	a.blank:after{
		content: "\f08e";
		font-family: 'FontAwesome';
		display: inline-block;
		padding-left: 5px;
	}

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

/* Hedaer

/* ------------------------------------------------------------------------ */
#hader_area{
	background: #fff;
}

header {
	position	: relative;
	margin		: 0 auto;
	max-width	: 1000px;
	width		: 100%;
	height		: 110px;
}

	#logo2 a,
	#logo a{
		display		: block;
		position	: absolute;
		top			: 41px;
		left		: 0;
		overflow	: hidden;
	}

	.head_lang{
		background: #2470b3;
	}
		.head_lang ul{
			max-width: 1000px;
			width: 100%;
			margin: 0 auto;
			padding: 5px 0;
			display: flex;
			justify-content: flex-end;
		}

		.head_lang ul li{
			border-left: 1px solid #fff;
		}

		.head_lang ul li:first-child{
			border-left:none;
		}

		.head_lang ul li a{
			display: block;
			color: #fff;
			padding: 0 7px;
		}

	.header_flex{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-top: 55px;
	}

	.nabi{
		margin-right: 10px;
	}

	#headPartsBox{
		position	: absolute;
		top			: 0;
		right		: 0;
		width		: 100%;
	}

		#readspeaker_button1 {
			float	: right;
			margin	: 6px 0 0 20px;
		}


	#font_box{
		overflow	: hidden;
		float		: right;
		margin		: 6px 0 0;
	}

		#font_box p{
			float		: left;
			margin		: 2px 5px 0 0;
			font-weight	: bold;
			line-height	: 25px;
			font-size	: 120%;
			text-align	: left;
		}

		#font_box ul{
			float	: right;
		}

			#font_box li{
				display		: block;
				float		: left;
				margin		: 0 1px 0 0;
				width		: 32px;
				height		: 32px;
				line-height	: 32px;
				text-indent	: -9999px;
				overflow	: hidden;
				cursor		: pointer;
			}

				#font_box li#s{ background : transparent url(../img/header/head_font01.png) no-repeat 0 0;}
				#font_box li#m{ background : transparent url(../img/header/head_font02.png) no-repeat 0 0;}
				#font_box li#l{ background : transparent url(../img/header/head_font03.png) no-repeat 0 0;}

				.active { background-position : 0 -32px !important;}


	#col_box{
		overflow	: hidden;
		margin		: 6px 0 0 20px;
		float		: right;
	}

		#col_box p{
			float		: left;
			font-weight	: bold;
			margin		: 2px 0 0;
			line-height	: 25px;
			font-size	: 120%;
		}


			#col_box ul{
				float		: right;
				overflow	: hidden;
				padding		: 0 0 0 5px !important;
			}

				#col_box li{
					display		: block;
					float		: left;
					margin		: 0 0 0 2px;
					width		: 32px;
					height		: 32px;
					line-height	: 32px;
					text-indent	: -9999px;
					overflow	: hidden;
					cursor		: pointer;
				}

					#col_box li#col01{ background : transparent url(../img/header/head_col01.png) no-repeat 0 0;}
					#col_box li#col02{ background : transparent url(../img/header/head_col02.png) no-repeat 0 0;}
					#col_box li#col03{ background : transparent url(../img/header/head_col03.png) no-repeat 0 0;}
					#col_box li#col04{ background : transparent url(../img/header/head_col04.png) no-repeat 0 0; margin-right:0 !important;}


	.search_box{
		position	: relative;
	}

	.search_box p{
		white-space	: nowrap;
	}

		.search_txt {
			position	: absolute;
			top			: 0;
			right		: 270px;
			line-height	: 23px;
			text-align	: right;
			padding		: 0 0 0 20px;
			background	: transparent url(../img/icon/icon_search01.png) no-repeat 0 50%;
			text-decoration:none;
		}


		.search_area{
			position	: relative;
			border		: 1px solid #CCC !important;
			width		: 260px;
			height		: 40px;
			border-radius: 5px;
			padding		: 0px 3px !important;
		}

			/* CSS Hack for IE8 */
			.ie8 .search_area{
				line-height	: 21px;
			}

		.search_btn{
			position	: absolute;
			top			: 5px;
			right		: 5px;
		}

	.sns_area{
		display: flex;
		margin-left: 10px;
	}

	.sns_area a:hover{
		opacity: 0.8;
	}
/* ------------------------------------------------------------------------ */

/* Navigation

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

nav {
	margin	: 0 auto 10px;
	max-width	: 1000px;
	width: 100%;
}
	nav>ul{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}

		nav>ul>li{
			max-width: 125px;
			width: 12.5%;
		}


			nav>ul>li a{
				display		: flex;
				font-weight	: bold;
				font-size: 100%;
				color: #333 !important;
				text-decoration: none !important;
				min-height: 65px;
				height: 100%;
				border-left: 1px solid #bfbfbf;
				align-items: center;
				justify-content: center;
			}

			nav>ul>li:last-child a{
				border-right: 1px solid #bfbfbf;
			}

			.pc_view nav>ul>li>a:hover{
				opacity: 0.5;
				text-decoration: none !important;
			}
			.pc_view nav>ul>li span:hover:after{
				content: "";
				border-bottom: 3px solid #2470b3;
				display: block;
				width: 12.5%;
				position: absolute;
				bottom: 0;
			}

			nav ul li ul li a{
				display		: inline;
				height		: auto;
				text-indent	: 0;
				font-size	: 120%;
			}
			nav>ul>li a br.nav_br {
				display: block;
			}

			nav>ul>li .megaDrop {
				position: relative;
				width: 100%;
				background: #fff;
				border: 2px solid #2470b3;
				border-radius: 5px;
				padding: 40px;
				opacity: 0;
				position: absolute;
				top: 110%;
				left: 0;
				z-index: 9999;
				-webkit-transition: 0.2s all ease;
				-o-transition: 0.2s all ease;
				transition: 0.2s all ease;
				pointer-events: none;
			}

			nav>ul>li .megaDrop a{
				border: none;
				display: block;
				min-height: auto;
			}
			nav>ul>li .megaDrop a:last-child{
				border: none;
			}

			nav>ul>li .megaDrop::after,
			nav>ul>li .megaDrop::before {
				bottom: 100%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
			}

			nav>ul>li#nav01 .megaDrop::after,
			nav>ul>li#nav01 .megaDrop::before {
				left: 6%;
			}

			nav>ul>li#nav02 .megaDrop::after,
			nav>ul>li#nav02 .megaDrop::before {
				left: 19%;
			}

			nav>ul>li#nav03 .megaDrop::after,
			nav>ul>li#nav03 .megaDrop::before {
				left: 31%;
			}

			nav>ul>li#nav04 .megaDrop::after,
			nav>ul>li#nav04 .megaDrop::before {
				left: 44%;
			}

			nav>ul>li#nav05 .megaDrop::after,
			nav>ul>li#nav05 .megaDrop::before {
				left: 56.2%;
			}

			nav>ul>li#nav06 .megaDrop::after,
			nav>ul>li#nav06 .megaDrop::before {
				left: 69%;
			}

			nav>ul>li#nav07 .megaDrop::after,
			nav>ul>li#nav07 .megaDrop::before {
				left: 81.5%;
			}

			nav>ul>li#nav08 .megaDrop::after,
			nav>ul>li#nav08 .megaDrop::before {
				left: 94.5%;
			}

			nav>ul>li .megaDrop::after {
				border-color: rgba(255, 251, 234, 0);
				border-bottom-color: #fff;
				border-width: 10px;
				margin-left: -10px;
			}

			nav>ul>li .megaDrop::before {
				border-color: rgba(69, 33, 18, 0);
				border-bottom-color: #2470b3;
				border-width: 13px;
				margin-left: -13px;
			}

			nav>ul>li:hover .megaDrop {
				top: 100%;
				opacity: 1;
				pointer-events: inherit;
			}
				nav>ul>li .megaDrop .megadropTtl {
					color: #2470b3;
					text-align: left;
					/* font-size: 20px;
					font-size: 2.0rem; */
					font-size: 1.3em;
					font-weight: 700;
					margin: 0 0 0 0;
				}
					nav>ul>li .megaDrop .megadropTtl a{
						color: #2470b3 !important;
					}

					nav>ul>li .megaDrop .megadropTtl span {
						max-width: 64px;
						display: inline-block;
						margin: 0 10px 0 0;
						vertical-align: middle;
					}

				nav>ul>li .megaDrop .megadropTtl:last-child {
					margin-top: 30px;
				}

				nav>ul>li .megaDrop>ul {
					/* display: flex;
					justify-content: flex-start;
					flex-wrap: wrap; */
					padding: 0px;
				}

					nav>ul>li .megaDrop>ul>li {
						width: 100%;
						text-align: left;
						margin: 20px 0 0;
						padding: 0 10px 0 0;
						max-width: inherit;
						font-size: 100%;
					}

					nav>ul>li:nth-child(2) .megaDrop>ul>li {
						/* width: calc(100% / 2); */
						text-align: left;
						margin: 20px 0 0;
						padding: 0 10px 0 0;
						max-width: inherit;
					}

						nav>ul>li .megaDrop>ul>li a {
							position: relative;
							display: block;
							-webkit-transition: 0.3s all ease;
							-o-transition: 0.3s all ease;
							transition: 0.3s all ease;
						}

						nav>ul>li .megaDrop>ul>li a:hover {
							color: #fff !important;
						}

						nav>ul>li .megaDrop>ul>li>a::before {
							content: '\f0da';
							font-family: 'FontAwesome';
							margin: 0 5px;
							/* font-size: 12px;
							font-size: 1.2rem; */
							font-size: 0.9em;
							color: #2470b3;
						}

						nav>ul>li .megaDrop>ul>li a::after {
							content: '';
							width: 0%;
							height: 100%;
							background: #2470b3;
							position: absolute;
							top: 0;
							left: 0;
							z-index: -1;
							-webkit-transition: 0.3s all ease;
							-o-transition: 0.3s all ease;
							transition: 0.3s all ease;
						}

						nav>ul>li .megaDrop>ul>li a:hover::before {
							width: 100%;
							color: #fff;
						}

						nav>ul>li .megaDrop>ul>li a:hover::after {
							width: 100%;
						}

							nav>ul>li .megaDrop>ul>li ul {
								margin: 0 0 0 15px;
							}

								nav>ul>li .megaDrop>ul>li>ul>li {
									margin-top: 10px;
								}

									nav>ul>li .megaDrop>ul>li>ul>li>a {

									}

										nav>ul>li .megaDrop>ul>li>ul>li>a::before {
											content: '-';
										}

											nav>ul>li .megaDrop>ul>li>ul>li>ul>li>ul {
												margin-top: 5px;
											}

												nav>ul>li .megaDrop>ul>li>ul>li>ul>li>ul>li {
													margin-top: 5px;
												}

.sp_following{
	display: none;
}

@media all and (-ms-high-contrast: none){
	nav>ul>li:hover .megaDrop {
		top: 100%;
		opacity: 1;
		pointer-events: inherit;
	}

	nav ul li a{
		padding: 10px 0;
	}

	nav ul li:nth-child(1) a,
	nav ul li:nth-child(2) a,
	nav ul li:nth-child(3) a,
	nav ul li:nth-child(4) a,
	nav ul li:nth-child(5) a,
	nav ul li:nth-child(7) a{
		padding: 20px 0;
	}

	nav > ul > li .megaDrop .megadropTtl a{
		padding: 0;
	}

	nav > ul > li .megaDrop ul li a{
		padding: 0;
	}

}


header nav {
	margin-right: -16px;
}
header nav ul{
	display: flex;
	align-items: center;

}
header nav ul li a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 16px ;
}
#nav_toggle{
	display: none;
}

.sp_nabi{
	display: none;
}

.rsbtn .rsbtn_left .rsbtn_text span{
	color: #333;
}


@media screen and (max-width:860px){
	#hader_area{
		position: relative;
	}

	header{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 5px;
		height: 68px;
	}

	#headPartsBox,
	.header_flex > .nabi,
	.head_lang{
		display: none;
	}

	.header_flex{
		display: none;
		position: absolute;
		top: 69px;
		z-index: 9999;
		padding: 15px;
		background: #fff;
		width: 100%;
		left: 0;
		justify-content: flex-start;
		padding: 0 10px 10px;
		z-index: 999;
	}

	.header_flex > .sns_area{
		display: flex;
	}

	.sp_lang{
		width: 80%;
		position: relative;
	}

		.sp_lang select{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background-color: #fff;
			border-radius: 5px;
			width: 100%;
			height: 36px;
			font-size: 16px;
			padding-left: 24px;
		}
		::-ms-expand { /* select要素のデザインを無効にする（IE用） */
		display: none;
		}

		.sp_lang::before{
			position: absolute;
			top: 50%;
			left: 8px;
			margin-top: -13.5px;
			content: "\f0ac";
			font-size: 16px;
			font-family: fontAwesome;
		}

		.sp_lang::after{
			content: '';
			width: 6px;
			height: 6px;
			border: 0px;
			border-bottom: solid 2px #444444;
			border-right: solid 2px #444444;
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			position: absolute;
			top: 50%;
			right: 10px;
			margin-top: -5px;
		}


	#logo2{
		/*width: 66%;*/
	}

	#logo2 a, #logo a{
		position: inherit;
	}

	.head_inner{
		width: 80%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.sp_nabi{
		display: block;
		width: 40%;
		margin: 0 7px;
	}

	.sp_nav{
		display: none;
	}

	.search_box.spStyle{
		padding: 5px;
		position:relative;
	}

		.search_box.spStyle .search_area{
			width: 100%;
			font-size: 16px;
		}
		.search_box.spStyle .search_btn{
			top: 10px;
			right: 10px;
		}

	nav{
		display: none;
		position: absolute;
		top: 115px;
		width: 100%;
		background: #006598;
		left: 0;
		z-index: 999;
	}

	nav ul{
		display: block;
	}

	nav ul li{
		width: 100%;
		max-width: 100%;
		border-bottom: 1px solid #fff;
	}

	nav ul li span{
		display: block;
	}

		nav ul li a{
			color: #fff !important;
			border: none;
			position: relative;
		}

		nav ul li span a:after{
			content: "\f107" !important;
			font-family: 'FontAwesome';
			position: absolute !important;
			right: 15px;
			bottom: inherit !important;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			width: auto !important;
			font-size: 20px;
		}
		nav ul li span.on a:after{
			content: "\f106" !important;
			font-family: 'FontAwesome';
			position: absolute !important;
			right: 15px;
			bottom: inherit !important;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			width: auto !important;
			font-size: 20px;
		}

		nav ul li a:hover:after{
			border: none;
		}

	#nav_toggle{
		display: block;
		width: 45px;
		height: 45px;
		position: relative;
		top: 8px;
		z-index: 100;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #333;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:12px;
	}
	#nav_toggle span:nth-child(3){
		top:24px;
	}

	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

	nav > ul > li .megaDrop{
		display: none;
		position: inherit;
		opacity: 1;
		top: inherit;
		left: inherit;
		background: none;
		transition: none;
		padding: 0;
		border: none;
		background: #469ecb;
		border-radius: 0;
	}

	nav > ul > li .megaDrop::before{
		display: none;
	}

	nav > ul > li .megaDrop .megadropTtl{
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		margin: 0;
		font-size: 14px;
	}

	nav > ul > li .megaDrop .megadropTtl:last-child{
		border-bottom: none;
	}

	nav > ul > li .megaDrop .megadropTtl a{
		color: #fff !important;
		padding: 10px;
		display: block;
	}
		nav > ul > li .megaDrop .megadropTtl a:before{
			color: #fff !important;
			content: '\f0da';
			font-family: 'FontAwesome';
			margin: 0 5px;
			font-size: 0.9em;
		}

	nav > ul > li .megaDrop ul{
		display: block;
	}
		nav > ul > li .megaDrop ul li,
		nav > ul > li#nav06 .megaDrop ul li{
			width: 100%;
			margin: 0;
			font-size: 12px;
			padding: 0;
		}

	nav > ul > li:nth-child(2) .megaDrop ul li{
			width: 100%;
			margin: 0;
			padding: 0;
	}

	nav > ul > li .megaDrop ul li a{
		display: block;
		padding: 10px;
		width: 100%;
	}
	nav > ul > li .megaDrop ul li a::before{
		color: #fff;
	}

	nav > ul > li .megaDrop .megadropTtl a::after{
		display: none;
	}

	nav > ul > li .megaDrop ul:last-child li:last-child{
		border-bottom: none;
	}

	nav > ul > li .megaDrop ul li a::after{
		display: none;
	}

		nav > ul > li .megaDrop ul li ul li {
			margin: 0 0 0 0;
			border-bottom: none;
		}
}
/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */
#mainBlock {
	margin		: 0 auto;
}

#contentsBlock{
	width: 100%;
}

#contentsBlock .content{
	max-width: 1000px;
	width: 100%;
	margin: 30px auto;
	background: #fff;
	padding: 15px;
	text-align: left;
	min-height: 460px;
	height: 100%;
}

.hd_ttl{
	background: #2470b3;
	min-height: 150px;
	height: 100%;
	position: relative;
}

	.hd_ttl span{
		font-size: 220%;
		color: #fff;
		font-weight: bold;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}

/* エディターによるhタグ */
#contentsBlock .content h1 {
	margin: 30px 0 5px;
	font-size: 1.6em;
}

#contentsBlock .content h2 {
	margin: 20px 0 5px;
	font-size: 1.5em;
}

#contentsBlock .content h3 {
	margin: 15px 0 5px;
	font-size: 1.4em;
}

#contentsBlock .content h4 {
	margin: 15px 0 5px;
	font-size: 1.3em;
}

#contentsBlock .content h5 {
	margin: 15px 0 5px;
	font-size: 1.2em;
}

#contentsBlock .content h6 {
	margin: 15px 0 5px;
	font-size: 1.1em;
}

#contentsBlock section {
	margin	: 17px 0 0;
}

.main_ttl{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.snsbox{
	display: flex;
}

.day{
	text-align: right;
}

.details_txtarea{
	margin: 20px auto;
}
	.details_txtarea p{
		margin-bottom: 20px;
	}

.box-01{
	background: #d4e8fa;
	padding: 20px;
	margin-bottom: 20px;
}

.box-02{
	border: 1px solid #2470b3;
	padding: 20px;
}

.box-03{
	background: #fffacc;
	padding: 10px 20px;
	margin: 20px auto;
}

.facility_check{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
}
	.facility_check li{
		font-weight: bold;
		width: 27%;
		margin-bottom: 10px;
		font-size: 128%;
	}

.facility_check li:before{
	content: "";
	background: url(/japanese/facility/img/icon_check.gif) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 620px;
	margin: 20px auto;
}

.mfp-close-btn-in .mfp-close{
	color: #fff !important;
	background: #000 !important;
}

.nabi_ttl{
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	margin: 10px auto;
}

.nabi_details{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
	.nabi_details .nabi_box{
		background: #faf3d7;
		border-radius: 10px;
		width: 48%;
		margin-bottom: 20px;
	}
	.nabi_details .nabi_box{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px;
		text-decoration: none !important;
		text-align: center;
	}
	.nabi_details .nabi_box > div:nth-child(1){
		width: 40%;
	}
	.nabi_details .nabi_box > div{
		width: 52%;
		text-align: left;
	}
	.nabi_details .nabi_box p{
		font-weight: bold;
	}
		.nabi_details .nabi_box a:hover{
			opacity: 0.8;
		}

		.nabi_details .nabi_box a:before{
			content: "\f0da";
			font-family: 'FontAwesome';
			padding-right: 5px;
			display: inline-block;
		}

	.nabi_details .nabi_box a p{
		text-align: center;
	}

	.nabi_details .nabi_box a p:before{
		content: "\f0da";
		font-family: 'FontAwesome';
		padding-right: 5px;
	}

	.ico_new{
		display: inline-block;
		padding: 2px 10px;
		color: #fff;
		font-weight: bold;
		font-size: 86%;
		margin-left: 5px;
		min-width: 100px;
		/* width: 100%; */
		text-align: center;
	}

		.event{
			background: #bd5709;
		}

		.course{
			background: #0f777d;
		}

		.notice{
			background: #2a468c;
		}

		.international{
			background: #2a468c;
		}

		.iscnews{
			background: #a1135b;
		}

#fourth_tab01 .ico_new{
	background: #804f9b;
}

/*ニュース一覧共通画像*/
.news_thumb_box{
	display: flex;
	align-items: flex-end;
}

.news_thumbimg{
	max-width: 200px;
	width: 100%;
	margin: 10px 10px 0 0;
}

/*工事中ページ*/
.underconstruction_box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
	.underconstruction_box div{
		margin-right: 40px;
	}

/*扉ページリンク*/
#link_box{
}

.link_box_inner{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

#contentsBlock .link_box_inner .more_btn_l{
	margin: 0 10px;
}

.yt_wrap {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	height: 0;
	padding-bottom: 46.25%;
	overflow: hidden;
	margin-bottom: 50px;
}

.yt_wrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width:660px){
	nav{
		display: none;
		position: absolute;
		top: 132px;
		width: 100%;
		background: #006598;
		left: 0;
		z-index: 999;
		height: auto;
	}

	.sp_nabi{
		display: block;
		width: 63%;
		margin: 0 7px;
	}

	.main_ttl{
		display: block;
	}

	.day{
		margin-bottom: 10px;
	}

	.underconstruction_box{
		flex-direction: column-reverse;
	}
		.underconstruction_box div{
			margin: 0 auto 20px;
			width: 50%;
		}
}

/*記事一覧ページ　ページネーション*/
.pagenation {
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

	.pagenation>span,
	.pagenation>a {
		display: inline-block;
		margin: 5px;
		padding: 2px 10px;
		border: 1px solid #2470b3;
		border-radius: 5px;
		text-align: center;
	}

	.pagenation>span.current_page {
		background: #2470b3;
		color: #fff;
	}

	#contentsBlock .pagenation a {
		text-decoration: none !important;
	}

@media screen and (max-width:480px) {
	.pagenation>span:not(.current_page) {
		/* display: block;
		width: 100%; */
	}
}

/* 記事詳細　番号なしリスト中黒 */

.article_area ul {
	padding-left: 2em;
}

.article_area ul li {
	list-style-type: disc;
}


/* 記事詳細　番号ありリスト */

.article_area ol {
	padding-left: 2em;
}

.article_area ol li {
	list-style-type: decimal;
}




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

/* Footer

/* ------------------------------------------------------------------------ */
.disable-auto-tel a[href^="tel:"] {
	color: inherit;
	text-decoration: none !important;
	pointer-events: none;
}

footer {
	width		: 100%;
	margin		: 0;
	background	: #2470b3;
	color: #fff;
}

.footer_bg{
	background: url(/japanese/common/img/footer/footer_img.png) repeat-x;
	width: 100%;
	height: 102px;
}

footer #footer_box{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 57px 0 0;
}

footer #footer_box p{
	margin-bottom: 17px;
}

footer #footer_box .footer_logo{
	font-size: 120%;
}

	footer #footer_box .footer_logo span{
		font-size: 160%;
	}

	footer #footer_box .footer_link{
		text-align: left;
		margin-bottom: 15px;
	}

	footer #footer_box .footer_inner{
		display: flex;
		justify-content: space-between;
		padding: 78px 0;
	}

	footer #footer_box .footer_inner_01 {
		width: 33.3%;
	}

	footer #footer_box .footer_link a{
		text-decoration: none !important;
	}

	footer #footer_box .footer_link a:hover{
		text-decoration: underline !important;
	}

	footer #footer_box .footer_link > li a:before{
		content: "\f0da";
		font-family: 'FontAwesome';
		padding-right: 5px;
		display: inline-block;
	}

	footer #footer_box .footer_link li ul li a:before{
		content: "";
		padding-left: 5px;
	}

		footer #footer_box .footer_link li ul li ul {
			padding-left: 10px;
		}

			footer #footer_box .footer_link li ul li ul li a:before{
				content: "-";
				padding-left: 5px;
			}

		#copy {
			background: #1c588c;
			color: #fff;
			text-align: centre;
			margin: 0;
			padding: 5px 0;
		}

	.sp_tel{
		pointer-events: none;
	}

		.sp_tel a{
			text-decoration: none !important;
		}

@media screen and (max-width: 860px) {
	.pcStyle{
		display: none;
	}

	.spStyle{
		display: block;
	}

	.bnr_link {
		display: none;
	}

	#contentsBlock{
		padding: 0 10px;
	}

	.white-popup{
		padding: 15px;
	}

	.nabi_details .nabi_box{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.nabi_details .nabi_box > div:nth-child(1){
		text-align: center;
		width: 100%;
	}

	.nabi_details .nabi_box > div{
		width: 100%;
	}

	.nabi_details .nabi_box > div p{
		text-align: center;
		line-height: 1.5;
	}

	.nabi_details .nabi_box a{
		padding: 5px 0;
	}

	.nabi_details .nabi_box a p{
		line-height: 1.6;
	}

	.hd_ttl span{
		font-size: 24px;
		width: 100%;
	}

	footer #footer_box .footer_inner{
		border-top: 1px solid #87b0d5;
		display: block;
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 20px;
	}

	footer #footer_box .footer_logo{
		font-size: 120%;
	}

	footer #footer_box .footer_logo span{
		font-size: 140%;
	}

	footer #footer_box .footer-column{
		padding: 0 10px;
	}

	footer #footer_box .footer_inner_01 {
		width: 100%;
	}

	footer #footer_box .footer_link{
		border-bottom: 1px solid #87b0d5;
		margin: 0;
	}
	footer #footer_box .footer_link a{
		display: block;
		padding: 15px;
	}

	footer #footer_box .footer_link li ul{
		display: none;
	}

	#copy{
		padding-bottom: 100px;
	}

	.sp_tel{
		pointer-events: auto;
	}
		.sp_tel a{
			text-decoration: underline !important;
		}

	.sp_following{
		display: flex;
		justify-content: space-between;
		margin: 0;
		position: fixed;
		bottom: 0;
		z-index: 9999;
		width: 100%;
		max-width: 100%;
		background: #2f2f2f;
		align-items: center;
	}
		.sp_following:after{
			content: "";
			display: none;
		}

		.sp_following .sp_contact{
			width: 20%;
		}

		.sp_following div.news{
			background: #c9370a;
			border-radius: 5px;
			width: 76%;
			margin: 10px 0 10px 10px;
		}

		.sp_following div.news .sp_contact_inner{
			margin: 0;
			padding: 0;
			width: 100%;
			border: none;
		}

		.sp_following div.news .sp_contact_inner .contact_ttl{
			border: none;
			padding: 0;
			margin: 0 auto;
			font-size: 14px;
			font-weight: bold;
		}

		.sp_following div.news .sp_contact_inner .contact_tel{
			color: #fff;
			font-size: 18px;
		}

		.sp_following a{
			text-decoration: none !important;
			color: #fff;
			font-size: 16px;
			pointer-events: auto;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 8px 35px;
			height: 100%;
			min-height: 66px;
		}

		.sp_following .contact a{
			text-decoration: none !important;
			color: #fff;
			font-size: 16px;
			pointer-events: auto;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 5px;
		}

		.sp_following div.contact{
			background: #cc9839;
			border-radius: 5px;
			width: 22%;
			margin: 10px;
		}
		
		.sp_following div.contact .sp_contact_inner span{
			display: block;
			font-size: 10px;
		}
		
		.sp_following div.contact .sp_contact_inner img{
			width: 64%;
		}

	/*ニュース一覧共通画像*/
	.news_thumb_box{
		display: block;
	}

	.news_thumbimg{
		max-width: 100%;
		width: 100%;
		margin: 10px 10px 0 0;
	}

	/*扉ページリンク*/
	.link_box_inner{
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}

	#contentsBlock .link_box_inner .more_btn_l{
		margin: 0 auto;
	}

	.facility_check{
		display: block;
	}
		.facility_check li{
			width: 100%;
		}

}


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

/* フォーム（A-Formプラグイン）

/* ------------------------------------------------------------------------ */
.aform {

}

	.aform .aform-header {
		font-size: 1.3em;
		font-weight: 700;
	}

	.aform .aform-content {

	}

		.aform .aform-content .aform-hdln {

		}

		.aform .aform-content .aform-note {
			font-size: 0.9em;
		}

		.aform .aform-content dl {
			display: flex;
			justify-content: space-between;
			font-size: 1.1em;
			border-bottom: 1px dotted #ccc;
		}

			.aform .aform-content dl dt {
				width: 300px;
				padding: 10px;
				font-weight: 700;
			}

				.aform .aform-content dl dt .aform-required {
					font-size: 0.85em;
					display: inline-block;
					margin: 0 0 0 5px;
					padding: 0 5px;
					background: #d10000;
					color: #fff;
				}

			.aform .aform-content dl dd {
				width: calc(100% - 300px);
				padding: 10px;
			}

				.aform .aform-content dl dd .aform-text,
				.aform .aform-content dl dd .aform-email,
				.aform .aform-content dl dd .aform-password,
				.aform .aform-content dl dd .aform-textarea,
				.aform .aform-content dl dd .aform-field-option-text,
				.aform .aform-content dl dd .aform-select,
				.aform .aform-content dl dd .aform-calendar {
					font-family: 'Noto Sans Japanese',"Meiryo","MS PGothic", sans-serif;
					font-size: 1.1em;
					border: 1px solid #cccccc;
					border-radius: 5px;
					padding: 8px;
					display: inline;
					max-width: 100%;
				}
				
				.aform .aform-content dl dd .aform-twice-note {
					display: block;
				}

				.aform .aform-content dl dd .aform-calendar {
					margin: 0 10px 0 0;
				}

				.aform .aform-content dl dd span {
					display: inline-block;
					vertical-align: middle;
					margin: 0 0 0 5px;
				}

				.aform .aform-content dl dd .aform-radio-ul,
				.aform .aform-content dl dd .aform-checkbox-ul {

				}

					.aform .aform-content dl dd .aform-radio-ul li,
					.aform .aform-content dl dd .aform-checkbox-ul li {
						margin: 0 0 5px;
					}

				.aform .aform-content dl dd .aform-field-option-text {
					margin: 0 0 0 5px;
				}

				.aform .aform-content dl dd .error {
					color: #d10000;
					background: #ffecec;
				}

		.aform .aform-content #aform_confirm_msg {
			margin: 30px auto;
			text-align: center;
		}

		.aform-content .thanks_txt {
			margin: 30px auto;
			text-align: center;
		}

		.aform .aform-content .aform-button-area {
			display: flex;
			justify-content: space-around;
			margin-top: 30px;
		}

			.aform .aform-content .aform-button-area input#aform_btn_back,
			.aform .aform-content .aform-button-area input[type="submit"] {
				cursor: pointer;
				display: block;
				background: #2470b3;
				border: none;
				border-radius: 5px;
				padding: 10px;
				font-family: 'Noto Sans Japanese',"Meiryo","MS PGothic", sans-serif;
				font-size: 1.2em;
				width: 100%;
				max-width: 320px;
				margin: 0 auto;
				color: #fff;
			}

		#ui-datepicker-div {
			background: #fff;
			padding: 20px;
			border: 1px solid #ccc;
		}

.cookie_area{
	background: rgba(255,255,255,0.9);
	border-top: 5px solid #2470b3;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

.cookie_inner{
	max-width: 1000px;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	align-items: flex-start;
}

.cookie_area .hd05{
	font-size: 150%;
	color: #2470b3;
	font-weight: bold;
}
.cookie_area p{
	color: #2470b3;
}

.cookiebtn_area{
	max-width: 160px;
	width: 100%;
}
	/*同意するボタン*/
	.cookiebtn_area li:first-child{
		background: #2470b3;
		border-radius: 5px;
		margin-bottom: 10px;
		max-width: 160px;
		width: 100%;
	}
	.cookiebtn_area li:first-child a{
		color: #fff;
		display: block;
		padding: 5px;
		text-decoration: none !important;
		text-align: center;
	}

	/*クッキーポリシーボタン*/
	.cookiebtn_area li:nth-child(2){
		background: #fff;
		border-radius: 5px;
		border: 1px solid #2470b3;
		max-width: 160px;
		width: 100%;
	}
	.cookiebtn_area li:nth-child(2) a{
		color: #2470b3;
		display: block;
		padding: 5px;
		text-decoration: none !important;
		text-align: center;
	}
/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:860px) {
	.cookie_area{
		background: rgba(255,255,255,0.9);
		border-top: 5px solid #2470b3;
		position: fixed;
		bottom: 96px;
		left: 0;
		width: 100%;
	}
	
	.cookie_inner{
		display: block;
		padding: 10px;
	}
	
	.cookie_area p{
		color: #333;
	}
	
	.cookiebtn_area{
		max-width: 100%;
		display: flex;
		justify-content: flex-start;
		margin-top: 10px;
	}
		.cookiebtn_area li:first-child{
			margin-right: 10px;
		}
	
		.cookiebtn_area li:first-child,
		.cookiebtn_area li:nth-child(2){
			margin-bottom: 0;
			width: 48%;
			max-width: 100%;
		}
}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:640px) {
	.aform .aform-content dl {
		display: block;
	}

		.aform .aform-content dl dt,
		.aform .aform-content dl dd {
			width: 100%;
		}
	
	.cookie_area{
		bottom: 86px;
	}
}


/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:342px) {
	.sp_following div.contact .sp_contact_inner span{
		font-size: 9px;
	}
}