@charset "UTF-8";

/*-------------------------------------------------------------------
	タグを初期化（余白などの削除）
---------------------------------------------------------------------*/
	html,body{
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
	}
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		box-sizing: border-box;
	}
	
	/*-------------------------------------------------------------------
		イメージ画像【 img 】
	---------------------------------------------------------------------*/
		img {
			max-width: 100%;
			vertical-align: top;
			height: auto;
		}

	/*-------------------------------------------------------------------
		タグを初期化（表示形式）
	---------------------------------------------------------------------*/
		article,aside,details,figcaption,figure,
		footer,header,hgroup,menu,nav,section { 
			display:block;
		}

	/*-------------------------------------------------------------------
		タグを初期化（リスト）
	---------------------------------------------------------------------*/
		ul {
			list-style:none;
		}

		ol {
			list-style: decimal outside;
			margin-left: 20px;
		}
			ol li {
				margin-left: 10px;
			}
		

	/*-------------------------------------------------------------------
		タグを初期化（テーブル）
	---------------------------------------------------------------------*/
		table {
			border-collapse:collapse;
			border-spacing:0;
		}

	/*-------------------------------------------------------------------
		タグを初期化（段落）
	---------------------------------------------------------------------*/
		p {
			padding-bottom: 3em;
		}
		
	/*-------------------------------------------------------------------
		リンク【 a 】
	---------------------------------------------------------------------*/
		a:link      { color: #000000; text-decoration:none; }
		a:visited   { color: #000000; text-decoration:none; }
		a:hover     { color: #CC3427; text-decoration:none; }
		a:focus     { color: #CC3427; /* text-decoration:none; */ }
		a:active    { color: #CC3427; /* text-decoration:none; */ }


/*-------------------------------------------------------------------
	html【 html 】
---------------------------------------------------------------------*/
	html {
		font-size: 62.5%;
		font-weight: 400;
	}

/*-------------------------------------------------------------------
	body【 body 】
---------------------------------------------------------------------*/
	body {
		font-family: "Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;
		font-size: 2.8em;
		line-height: 1.8em;
		color: #000000;
		
		text-align: left;
		background-color: #FFFFFF;
	}

/*-------------------------------------------------------------------
	ＳＰメニュー
---------------------------------------------------------------------*/
	#spMenu {
		display: none;
	}
	@media (max-width: 1000px) {
		#spMenu {
			display: block;
		}
	}
	
	#spMenu a {
		color: #FFFFFF;
	}
	
	#spMenu .menu-btn {
		position: fixed;
		top: 0px;
		right: 10px;
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: transparent;
		z-index: 1200;
	}
	
	#spMenu .menu-btn .hbg {
		height: 10px;
	}
	
	#spMenu .menu-btn .hbg-open {
		color: #1AB7CD;
		font-size: 3.0rem;
	}

	#spMenu .menu-btn .hbg-close {
		color: #FFFFFF;
		font-size: 2.5rem;
	}

	#spMenu .menu-btn .hbg.hbg-hide {
		display: none;
	}

	#spMenu .menu {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1100;
		width: 100vw;
		height: 100%;
		padding: 84px 20px 20px;
		/* background: linear-gradient(to bottom, #000000, #000000); */
		background: rgba( 40, 40, 40, 0.9 );
		font-size: 2.0rem;
		line-height:1.6em;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		transform: translateX(-100vw);
		transition: transform .3s linear;
		overflow: auto;
	}
	@media (max-width: 1000px) {
		#spMenu .menu {
			padding-top: 30px;
		}
	}
	
	#spMenu .menu-title {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 20px;
		text-align: center;
	}

	#spMenu .menu-item {
		width: 80%;
		height: auto;
		text-align: left;
		color: #FFFFFF;
		box-sizing: border-box;
		padding: 12px 0;
		margin: 0 auto;
		border-bottom: 1px #EEE9E2 dashed;
	}

	#spMenu .menu-item img {
		width: 40px;
		height: 40px;
	}

	#spMenu .menu.is-active {
		transform: translateX(0);
	}
	
	#spMenu .fa {
		font-size: 24px;
	}
	
	#spMenu .fa.fa-times {
		color: #fff;
	}
	
	#spMenu a {
		padding: .5em 0;
		display: block;
		color: #fff;
	}
	#spMenu a.current {
		font-weight: 700;
	}
	
	#spMenu ul {
		font-size: 11px;
		padding: 0;
		list-style: none !important;
	}

/*-------------------------------------------------------------------
	ページコンテンツ全体
---------------------------------------------------------------------*/
	#container {
		display: block;
		overflow: hidden;
	}
	
/*-------------------------------------------------------------------
	ヘッダー
---------------------------------------------------------------------*/
	header {
		width: 100%;
		z-index: 10;
	}
	@media (max-width: 820px) {
		header {
			display: none;
		}
	}
	/*-------------------------------------------------------------------
		ヘッダー コンテンツ
	---------------------------------------------------------------------*/
		/*-------------------------------------------------------------------
			ヘッダー コンテンツ（上）
		---------------------------------------------------------------------*/
			.header-con01 {
				background-color: #EAEDDE;	
				border-bottom: solid 1px #1AB7CD;
				padding-bottom: 20px;
			}
				.header-con01-inner {
					width: 90%;
					max-width: 1400px;
					display: flex;
					justify-content: space-between;
					
					margin: 0 auto;
				}
					.header-con01-logo {
						padding-top: 10px;
					}
					.header-con01-link {
						display: flex;
						font-size: 2.0rem;
					}
						.header-con01-link-r {
							width: 275px;
							background-color: #DD6A9A;	
							text-align: center;
							padding-top: 20px;
							border-radius: 0px 0px 15px 15px;
							margin-right: 15px;
						}
							.header-con01-link-r a {
								color: #FFFFFF;
								transition: all .4s ease;
							}
							.header-con01-link-r a:hover {
								font-size: 2.2rem;
							}

						.header-con01-link-b {
							width: 275px;
							background-color: #6083C2;
							text-align: center;
							padding-top: 20px;
							border-radius: 0px 0px 15px 15px;
						}
							.header-con01-link-b a {
								color: #FFFFFF;
								transition: all .4s ease;
							}
							.header-con01-link-b a:hover {
								font-size: 2.2rem;
							}
		/*-------------------------------------------------------------------
			ヘッダー コンテンツ（下）
		---------------------------------------------------------------------*/
			.header-con02 {
				padding: 20px 0 15px 0;
			}
				.header-con02-inner {
					width: 90%;
					max-width: 1400px;
					display: flex;
					justify-content: space-between;
					
					margin: 0 auto;
				}
					.header-con02-logo {
						font-size: 4.8rem;
						font-weight: bold;
						color: #1AB7CD;
					}
					.header-con02-text {
						display: flex;
					}
						.header-con02-text01 {
							font-size: 2.0rem;
							margin-right: 20px;
						}
						.header-con02-text02 {
							font-size: 4.2rem;
							margin-right: 20px;
							color: #1AB7CD;
						}
						.header-con02-text03 {
							font-size: 5.0rem;
							margin-right: 20px;
							color: #1AB7CD;
						}
							.header-con02-text03 a {
								color: #1AB7CD;
								transition: all .4s ease;
							}
							.header-con02-text03 a:hover {
								color: #32EEFC;
							}
		/*-------------------------------------------------------------------
			ヘッダー メニュー
		---------------------------------------------------------------------*/
			.header-con03 {
				background-color: #1AB7CD;
			}
				header ul#gNav {
					max-width: 1150px;
					height: 100%;
					margin: 0 auto;
					display: flex;
					justify-content: space-between;
					
					list-style: none;
					align-items: center;
				}
				header ul#gNav li {
					width: 25%;
				}
				/*-------------------------------------------------------------------
					ヘッダー メニュー リンク
				---------------------------------------------------------------------*/
					header ul#gNav li a {
						display: block;
						font-size: 2.0rem;
						line-height: 1.0em;
						padding: 1em 0;
						color: #000000;
						background-color: #D1F0F5;
						text-align: center;
						border-right: solid 2px #000000;
						transition: all 0.4s;												/*アニメーション速度*/
					}
					header ul#gNav li:last-child a {
						border-right: none;
					}
					header ul#gNav li a:hover {
						color: #FFFFFF;
						background-color: #000000;
					}

/*-------------------------------------------------------------------
	フッター
---------------------------------------------------------------------*/
	footer {
		padding: 10px 0px;
	}
		.copyright {
			font-size: 1.4rem;
			line-height: 1.2em;
			text-align: center;
		}
		@media (max-width: 430px) {
			.copyright {
				font-size: 1.0rem;
				line-height: 1.6em;
			}
		}

/*-------------------------------------------------------------------
	ページコンテンツ
---------------------------------------------------------------------*/
	#main-content {
		
	}
	/*-------------------------------------------------------------------
		メインイメージ
	---------------------------------------------------------------------*/
		.content001 {
			background: url( ../images/img-main-bac.jpg ) no-repeat center center;
			background-size: cover;
		}
		@media (max-width: 430px) {
			.content001 {
				background: url( ../images/img-main-bac.jpg ) no-repeat left center;
				background-size: cover;
			}
		}
			.content001-inner {
				width: 90%;
				max-width: 700px;
				background: rgba( 40, 40, 40, 0.8 );
				padding: 80px 0 120px 0;
				margin: 0 auto;
			}
				.content001-img {
					text-align: center;
					margin-bottom: 50px;
				}
				@media (max-width: 430px) {
					.content001-img {
						width: 90%;
						margin: 0 auto;
						margin-bottom: 50px;
					}
				}
				.content001-text {
					width: 90%;
					max-width: 420px;
					margin: 0 auto;
					font-size: 20px;
					line-height: 1.8em;
					color: #FFFFFF;
				}
					.content001-text span {
						color: #EFEB64;
					}
	/*-------------------------------------------------------------------
		ニュース＆トピックス
		ピックアップ
	---------------------------------------------------------------------*/
		.content002 {
			background-color: #EFEB64;
			padding: 40px 0 40px 0;
		}
		.content002-02 {
			background-color: #D1F0F5;
			padding: 40px 0 40px 0;
		}

			.content002-inner {
				width: 90%;
				max-width: 1200px;
				margin: 0 auto;
			}
				.content002-title {
					text-align: center;
					margin-bottom: 20px;
				}
				.content002-list {
					display: flex;
					flex-wrap: wrap;
				}
					.content002-list-con {
						width: 22%;
						margin-right: 4%;
					}
					@media (max-width: 430px) {
						.content002-list-con {
							width: 100%;
							margin-right: 0;
							margin-bottom: 15px;
						}
					}
					.content002-list-con:nth-child( 4n ) {
						margin-right: 0%;
					}
						.content002-list-con-ph {
							margin-bottom: 8px;
							text-align: center;
						}
						.content002-list-con-text {
							
						}
							.content002-list-con-text-day {
								font-size: 1.5rem;
								line-height: 1.2em;
							}
							.content002-list-con-text-title {
								font-size: 1.6rem;
								line-height: 1.6em;
							}
	/*-------------------------------------------------------------------
		スタッフ
	---------------------------------------------------------------------*/
		.content003 {
			background-color: #1AB7CD;
			padding: 60px 0 60px 0;
		}
			.content003-inner {
				width: 90%;
				max-width: 1000px;
				margin: 0 auto;
			}
				.content003-title {
					text-align: center;
					font-size: 4.5rem;
					line-height: 1.1em;
					font-weight: bold;
					color: #FFFFFF;
					margin-bottom: 40px;
				}
				@media (max-width: 820px) {
					.content003-title {
						font-size: 3.4rem;
						line-height: 1.1em;
					}
				}
				@media (max-width: 430px) {
					.content003-title {
						font-size: 2.7rem;
						line-height: 1.4em;
						margin-bottom: 30px;
					}
				}
				
				.content003-list {
					
				}
					.content003-list table {
						width: 100%;
					}
						.content003-list table tr th {
							text-align: center;
							font-weight: bold;
							font-size: 2.8rem;
							line-height: 1.8em;
							background-color: #EAEDDE;
							border-right: solid 3px #1AB7CD;
							border-bottom: solid 3px #1AB7CD;
						}
						@media (max-width: 820px) {
							.content003-list table tr th {
								font-size: 2.6rem;
								line-height: 1.8em;
							}
						}
						@media (max-width: 430px) {
							.content003-list table tr th {
								font-size: 2.2rem;
								line-height: 1.8em;
							}
						}
						.content003-list table tr td {
							background-color: #FFFFFF;
							border-right: solid 3px #1AB7CD;
							border-bottom: solid 3px #1AB7CD;
							font-size: 2.6rem;
							line-height: 1.8em;
							padding: 0.3em 0 0.3em 2em;
							width: 60%;
						}
						@media (max-width: 820px) {
							.content003-list table tr td {
								font-size: 2.4rem;
								line-height: 1.8em;
							}
						}
						@media (max-width: 430px) {
							.content003-list table tr td {
								font-size: 2.0rem;
								line-height: 1.4em;
								padding: 0.3em;
							}
						}

							.content003-list-table-text01 {
								padding-left: 0 !important;
								width: 40% !important;
								text-align: center;
							}
	/*-------------------------------------------------------------------
		利用可能な設備・機器
	---------------------------------------------------------------------*/
		.content004 {
			background-color: #EAEDDE;
			padding: 60px 0 60px 0;
		}
		.content004-2 {
			background-color: #c0f7fc;
			padding: 60px 0 60px 0;
		}
			.content004-inner {
				width: 90%;
				max-width: 1000px;
				margin: 0 auto;
			}
				.content004-title {
					text-align: center;
					font-size: 4.5rem;
					line-height: 1.1em;
					font-weight: bold;
					color: #1AB7CD;
					margin-bottom: 40px;
				}
				@media (max-width: 820px) {
					.content004-title {
						font-size: 3.4rem;
						line-height: 1.1em;
					}
				}
				@media (max-width: 430px) {
					.content004-title {
						font-size: 2.7rem;
						line-height: 1.4em;
						margin-bottom: 30px;
					}
				}
				
				.content004-list {
					
				}
					.content004-list table {
						width: 100%;
					}
						.content004-list table tr th {
							text-align: center;
							font-weight: bold;
							font-size: 2.8rem;
							line-height: 1.8em;
							color: #FFFFFF;
							background-color: #595757;
							border: solid 3px #1AB7CD;
						}
						@media (max-width: 820px) {
							.content004-list table tr th {
								font-size: 2.6rem;
								line-height: 1.8em;
								white-space: nowrap;
								padding: 0 15px;
							}
						}
						@media (max-width: 430px) {
							.content004-list table tr th {
								font-size: 1.8rem;
								line-height: 1.4em;
								white-space: nowrap;
								padding: 10px 5px;
							}
						}
						.content004-list table tr td {
							background-color: #FFFFFF;
							border: solid 3px #1AB7CD;
							font-size: 2.6rem;
							line-height: 1.8em;
							padding: 0.3em 0 ;
						}
						@media (max-width: 820px) {
							.content004-list table tr td {
								font-size: 2.4rem;
								line-height: 1.8em;
							}
						}
						@media (max-width: 430px) {
							.content004-list table tr td {
								font-size: 1.6rem;
								line-height: 1.6em;
							}
						}
							.content004-list-table-text01 {
								text-align: center;
							}
							.content004-list-table-text02 {
								padding-left: 1.5em !important;
								padding-right: 1.5em !important;
							}
							@media (max-width: 430px) {
								.content004-list-table-text02 {
									padding-left: 0.5em !important;
									padding-right: 0.5em !important;
								}
							}
							.content004-list-table-text03 {
								text-align: center;


							}

				.content004-list2 {
					display: flex;
					flex-wrap: wrap;
				}
					.content004-list2-con {
						width: 47%;
						margin-right: 4%;
					}
					@media (max-width: 430px) {
						.content004-list2-con {
							width: 100%;
							margin-right: 0;
							margin-bottom: 15px;
						}
					}
					.content004-list2-con:nth-child( 2n ) {
						margin-right: 0%;
					}
						.content004-list2-con-ph {
							margin-bottom: 8px;
							text-align: center;
						}
						.content004-list2-con-text {
							
						}
							.content004-list2-con-text-title {
    font-size: 2rem;
    line-height: 2.6em;
    text-align: center;
							}

	/*-------------------------------------------------------------------
		各種書類等
	---------------------------------------------------------------------*/
		.content005 {
			background-color: #1AB7CD;
			padding: 60px 0 60px 0;
		}
			.content005-inner {
				width: 90%;
				max-width: 1000px;
				margin: 0 auto;
			}
				.content005-title {
					text-align: center;
					font-size: 4.5rem;
					line-height: 1.1em;
					font-weight: bold;
					color: #FFFFFF;
					margin-bottom: 40px;
				}
				@media (max-width: 820px) {
					.content005-title {
						font-size: 3.4rem;
						line-height: 1.1em;
					}
				}
				
				.content005-list {
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
					text-align: center;
				}
					.content005-list-con01 {
						width: 22%;
					}
					@media (max-width: 820px) {
						.content005-list-con01 {
							width: 45%;
							margin-bottom: 40px;
						}
					}
					@media (max-width: 430px) {
						.content005-list-con01 {
							width: 100%;
							margin-bottom: 40px;
						}
					}

						.content005-list-con01 a {
							display: block;
							width: 100%;
							height: 100%;
							color: #000000;
							font-size: 2.8rem;
							line-height: 1.8em;
							
							display: flex;
							justify-content: center;
							align-items: center;
							
							background-color: #EFEB64;
							border-radius: 10px;
							
							padding: 0.8em 0.5em;
							box-sizing: border-box;
							transition: all 0.4s;												/*アニメーション速度*/
							
							border: solid 1px #000000;
						}
						.content005-list-con01 a:hover {
							background-color: #F9F4A2;
						}

					.content005-list-con02 {
						width: 22%;
					}
					@media (max-width: 820px) {
						.content005-list-con02 {
							width: 45%;
							margin-bottom: 40px;
						}
					}
					@media (max-width: 430px) {
						.content005-list-con02 {
							width: 100%;
							margin-bottom: 40px;
						}
					}
						.content005-list-con02 a {
							display: block;
							width: 100%;
							height: 100%;
							color: #1AB7CD;
							font-size: 2.8rem;
							line-height: 1.4em;
							
							display: flex;
							justify-content: center;
							align-items: center;
							
							background-color: #FFFFFF;
							border-radius: 10px;
							
							padding: 0.8em 0.5em;
							box-sizing: border-box;
							transition: all 0.4s;												/*アニメーション速度*/
							
							border: solid 1px #000000;
						}
						.content005-list-con02 a:hover {
							background-color: #9BF2F9;
						}
							.content005-list-con02 a span {
								color: #000000;
							}
					.content005-list-con03 {
						width: 22%;
					}
					@media (max-width: 820px) {
						.content005-list-con03 {
							width: 45%;
						}
					}
					@media (max-width: 430px) {
						.content005-list-con03 {
							width: 100%;
							margin-bottom: 40px;
						}
					}
						.content005-list-con03 a {
							display: block;
							width: 100%;
							height: 100%;
							color: #FFFFFF;
							font-size: 2.8rem;
							line-height: 1.4em;
							
							display: flex;
							justify-content: center;
							align-items: center;
							
							background-color: #DD6A9A;
							border-radius: 10px;
							
							padding: 0.8em 0.5em;
							box-sizing: border-box;
							transition: all 0.4s;												/*アニメーション速度*/
							
							border: solid 1px #000000;
						}
						.content005-list-con03 a:hover {
							background-color: #F99BC6;
						}

					.content005-list-con04 {
						width: 22%;
					}
					@media (max-width: 820px) {
						.content005-list-con04 {
							width: 45%;
						}
					}
					@media (max-width: 430px) {
						.content005-list-con04 {
							width: 100%;
						}
					}
						.content005-list-con04 a {
							display: block;
							width: 100%;
							height: 100%;
							color: #FFFFFF;
							font-size: 2.8rem;
							line-height: 1.4em;
							
							display: flex;
							justify-content: center;
							align-items: center;
							
							background-color: #6083C2;
							border-radius: 10px;
							
							padding: 0.8em 0.5em;
							box-sizing: border-box;
							transition: all 0.4s;												/*アニメーション速度*/
							
							border: solid 1px #000000;
						}
						.content005-list-con04 a:hover {
							background-color: #82B3F9;
						}
	/*-------------------------------------------------------------------
		インフォメーション
	---------------------------------------------------------------------*/
		.content006 {
			padding: 60px 0 60px 0;
		}
			.content006-inner {
				width: 90%;
				max-width: 1000px;
				margin: 0 auto;
			}
				.content006-title {
					text-align: center;
					font-size: 4.5rem;
					line-height: 1.1em;
					font-weight: bold;
					color: #1AB7CD;
					margin-bottom: 40px;
				}
				@media (max-width: 430px) {
					.content006-title {
						font-size: 3.2rem;
						line-height: 1.1em;
					}
				}
				.content006-text01 {
					text-align: center;
					font-size: 3.2rem;
					line-height: 1.1em;
					margin-bottom: 10px;
				}
				@media (max-width: 430px) {
					.content006-text01 {
						font-size: 2.7rem;
						line-height: 1.4em;
					}
				}

				.content006-text02 {
					text-align: center;
					font-size: 2.8rem;
					line-height: 1.4em;
					color: #1AB7CD;
					margin-bottom: 20px;
				}
				@media (max-width: 430px) {
					.content006-text02 {
						font-size: 2.0rem;
						line-height: 1.4em;
					}
				}
					.content006-text02 div {
						display: inline-block;
						text-align: left;
					}
				.content006-text03 {
					text-align: center;
					font-size: 1.6rem;
					line-height: 1.1em;
				}
				@media (max-width: 430px) {
					.content006-text03 {
						font-size: 1.4rem;
						line-height: 1.4em;
					}
				}


/*-------------------------------------------------------------------
	TOPへ戻るボタン
---------------------------------------------------------------------*/
	.btn-goto-top {
		display: inline-block;
		text-decoration: none;
		text-align: center;
		
		position: fixed;
		right: 35px;
		bottom: 35px;

		background: #000000;
		border: solid 1px #000000;
		color: #FFFFFF !important;

		font-size: 1.3rem;
		line-height: 1.3em;
		border-radius: 50%;
		text-align: center;

		width: 70px;
		height: 70px;
		overflow: hidden;
		transition: .4s;
	}
	@media screen and (max-width: 430px) {
		.btn-goto-top {
			right: 5px;
			bottom: 30px;
			
			font-size: 1.0rem;
			line-height: 1.0em;
			
			width: 40px;
			height: 40px;
		}
	}

	.btn-goto-top:hover {
		color: #EEE9E2 !important;
		background: #323232;
		border: solid 1px #000000;
	}
	
	.btn-goto-top div {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50% );
	}

/*-------------------------------------------------------------------
	PC・タブレット時のみ表示・非表示
---------------------------------------------------------------------*/
	.pc-disp {
	}
	@media (max-width: 430px) {
		.pc-disp {
			display: none;
		}
	}
/*-------------------------------------------------------------------
	スマホの時のみ表示・非表示
---------------------------------------------------------------------*/
	.sp-disp {
		display: none;
	}
	@media (max-width: 430px) {
		.sp-disp {
			display: initial;
		}
	}