@charset "utf-8";

.bnrArea a,
.newsArea .inner li a,
.moreLink a,
.omimai .btn01 a,
.trainingList a,
.tabs a,
.infoBnr a,
#english .wrap ul li a,
#korean .wrap ul li a{
-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

.bnrArea a:hover,
.newsArea .inner li a:hover,
.moreLink a:hover,
.omimai .btn01 a:hover,
.trainingList a:hover,
.infoBnr a:hover,
#english .wrap ul li a:hover,
#korean .wrap ul li a:hover
{
	filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
}




#main{
	padding-top: 30px;
}



.omimai{
	width: 1000px;
	padding: 12px 0;
	margin: 0 auto 30px;
	background: #FFF;
	border-top: 5px solid #D77288;
	border-bottom: 5px solid #D77288;
	box-shadow:0px 0px 3px 3px rgba(0,0,0,0.07);
	-moz-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.07);
	-webkit-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.07);
	color: #666666;
	text-align: center;
}
.omimai h1{
	font-size: 1.4285714285714285714285714285714em;
	margin-bottom: 0.3rem;
}
.omimai .text{
	margin-bottom: 1em;
}
.omimai .btn01 a{
	display: inline-block;
	width: 180px;
	height: 30px;
	padding: 0 0 0 12px;
	background: #eee;
	line-height: 30px;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	color: #333;
	}
	.omimai .btn01 a::before,
	.omimai .btn01 a::after{
		position: absolute;
		top: 0; bottom: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.omimai .btn01 a::before{
		width: 4px; height: 4px;
		border-top: 2px solid #D77288;
		border-right: 2px solid #D77288;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 10px;
	}

.tabs{ display: block; overflow: hidden;}
	.tabs li{ float: left; width: 320px; height: 40px; }
	.tabs li:last-child{ float: right; }
	.tabs a{
		width: 320px; height: 40px;
		padding: 0 0 0 40px;
		font-size: 1.2857142857142857142857142857143em;
		line-height: 45px;
		display: inline-block;
		text-decoration: none;
		background: #FFF;
		vertical-align: middle;
		position: relative;
		}
		.tabs a::before,
		.tabs a::after{
			content: "";
			position: absolute;
			top: 0; bottom: 0;
			margin: auto;
			vertical-align: middle;
		}
		.tabs a::before{
			width: 8px; height: 8px;
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			left: 20px;
		}
		.tabs li.t01 a{ color: #00479d; }
		.tabs li.t02 a{ color: #007586; }
		.tabs li.t01 a::before{ border-top: 2px solid #0068B7; border-right: 2px solid #0068B7; }
		.tabs li.t02 a::before{ border-top: 2px solid #00B78E; border-right: 2px solid #00B78E; }
		.tabs li.active a,
		.tabs a:hover{ color: #fff !important;}
		.tabs li.t01.active a,
		.tabs li.t01 a:hover{ background: #0068B7; }
		.tabs li.t02.active a,
		.tabs li.t02 a:hover{ background: #01B78F; }
		.tabs li.t01.active a::before,
		.tabs li.t01 a:hover::before{ border-top: 2px solid #fff; border-right: 2px solid #fff; }
		.tabs li.t02.active a::before,
		.tabs li.t02 a:hover::before{ border-top: 2px solid #fff; border-right: 2px solid #fff; }

.tab_content{
	padding: 20px;
	background: #fff;
	box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
	-moz-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
	-webkit-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
	}
	.tab_content#tab1{
		border-top: 5px solid #0068B7;
	}
	.tab_content#tab2{
		border-top: 5px solid #01B78F;
	}

.trainingList li{
	border-bottom: 1px solid #D3D3C9;
	}
	.trainingList li:first-child{
		border-top: 1px solid #D3D3C9;
	}
.trainingList a{
	display: block;
	overflow: hidden;
	padding: 1em 0;
	padding-left: 20px;
	color: #333;
	background: url(../img/list_odd_pc.gif) left 1.15em no-repeat;
	}
	.trainingList li:nth-child(even) a{
		background: url(../img/list_even_pc.gif) left 1.15em no-repeat;
	}
	.trainingList li a time{
		float: left;
		display: block;
		width: 90px;
		letter-spacing: 0.8px;
	}
	.trainingList li a span{
		float: left;
		display: block;
	}
	.trainingList li a .cat{
		display: block;
		width: 60px; height: 18px;
		line-height: 18px;
		text-align: center;
		font-size: 0.78571428571428571428571428571429em;
		color: #FFF;
		border-radius: 4px;
		margin-top: 2px;
		margin-right: 10px;
	}
	.trainingList li a .cat01{ background: #00B78E; }
	.trainingList li a .cat02{ background: #999; }
	.trainingList li a .cat03{ background: #EAA22C; }
	.trainingList li a .text{
		width: 410px;
	}

	#tab2 .trainingList a{
		background: url(../img/list2_odd_pc.gif) left 1.15em no-repeat !important;
	}
	#tab2 .trainingList li:nth-child(even) a{
		background: url(../img/list2_even_pc.gif) left 1.15em no-repeat !important;
	}
	#tab2 .trainingList li a .cat{
		width: 110px;
		background: #EAA22C;
	}
	#tab2 .trainingList li a .text{
		width: 450px;
	}


.side{
}

.newsArea{
	margin-bottom: 40px;
	}
	.newsArea h1{
		display: inline-block;
		width: 310px; height: 45px;
		padding: 0 0 0 40px;
		text-decoration: none;
		background: #DDB628;
		font-size: 1.2857142857142857142857142857143em;
		line-height: 45px;
		vertical-align: middle;
		position: relative;
		color: #FFF
		}
		.newsArea h1::before,
		.newsArea h1::after{
			content: "";
			position: absolute;
			top: 0; bottom: 0;
			margin: auto;
			vertical-align: middle;
		}
		.newsArea h1::before{
			width: 8px; height: 8px;
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			left: 20px;
		}
	.newsArea .inner{
		background: #FFF;
		box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
		-moz-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
		-webkit-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
		}
		.newsArea .inner ul{
			padding: 20px;
		}
		.newsArea .inner li{}
		.newsArea .inner li{
			border-bottom: 1px solid #D3D3C9;
			}
			.newsArea .inner li:first-child{
				border-top: 1px solid #D3D3C9;
			}
		.newsArea .inner li a{
			display: block;
			overflow: hidden;
			padding: 1em 0;
			padding-left: 20px;
			color: #333;
			background: url(../img/list3_odd_pc.gif) left 1.15em no-repeat;
			}
			.newsArea .inner li:nth-child(even) a{
				background: url(../img/list3_even_pc.gif) left 1.15em no-repeat;
			}
			.newsArea .inner li a .timeCat{
				margin-bottom: 0.5em;
			}
			.newsArea .inner li a .cat{
				display: inline-block;
				width: 60px; height: 18px;
				line-height: 17px;
				text-align: center;
				font-size: 0.78571428571428571428571428571429em;
				color: #FFF;
				border-radius: 4px;
				margin-top: 0px;
				margin-left: 10px;
			}
			.newsArea .inner li a .cat01{ background: #9EB700; }
			.newsArea .inner li a .cat02{ background: #EAA22C; }
			.newsArea .inner li a .cat03{ background: #D77288; }
			.newsArea .inner li a .cat04{ background: #B07BBE; }
		.moreLink{
			background: #F2F2F2;
			overflow: hidden;
			text-align: right;
			}
			.moreLink a{
				display: inline-block;
				width: 120px; height: 40px;
				padding: 0 0 0 16px;
				text-decoration: none;
				background: #DDB628;
				line-height: 40px;
				vertical-align: middle;
				position: relative;
				color: #FFF;
				text-align: left;
				}
				.moreLink a::before,
				.moreLink a::after{
					content: "";
					position: absolute;
					top: 0; bottom: 0;
					margin: auto;
					vertical-align: middle;
				}
				.moreLink a::before{
					width: 8px; height: 8px;
					border-top: 2px solid #fff;
					border-right: 2px solid #fff;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					right: 20px;
				}

	.bnrArea li{
		margin-bottom: 20px;
		}
		.bnrArea li a{
			display: block;
			width: 310px; height: 100px;
			overflow: hidden; text-indent: 100%; white-space: nowrap;
			box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
			-moz-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
			-webkit-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
		}
		.bnrArea li.bnr01 a{ background: url(../img/bnr01_pc.png) no-repeat; }
		.bnrArea li.bnr02 a{ background: url(../img/bnr02_pc.png) no-repeat; }
		.bnrArea li.bnr03 a{ background: url(../img/bnr03_pc.png) no-repeat; }

.infoBnr{
	width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
	}
	.infoBnr h1{
		text-align: center;
		border-top: 1px solid #CCC;
		font-size: 1.1428571428571428571428571428571em;
		position: relative;
		margin-bottom: 30px;
	}
	.infoBnr h1 span{
		display: inline-block;
		background: #FFF;
		width: 232px;
		left: 50%;
		top: -0.85714285714285714285714285714286em;
		margin: 0 0 0 -116px;
		position: absolute;
	}
	.infoBnr ul{
	}
	.infoBnr li{
		float: left;
		margin-right: 20px;
		margin-bottom: 50px;
	}
	.infoBnr li:last-child{
		margin-right: 0;
	}
	.infoBnr a{
		display: block;
		width: 320px; height: 100px;
		overflow: hidden; text-indent: 100%; white-space: nowrap;
		box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
		-moz-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
		-webkit-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.11);
	}
	.infoBnr li.bnr01 a{ background: url(../img/infobnr01_pc.png) no-repeat; }
	.infoBnr li.bnr02 a{ background: url(../img/infobnr02_pc.png) no-repeat; }
	.infoBnr li.bnr03 a{ background: url(../img/infobnr03_pc.png) no-repeat; }




@media screen and (min-width: 751px){
	#mainVisual h1{
		width: 1000px;
		margin: 0 auto;
	}
	#mainVisual .mainNav{display: none;}
	#mainVisual aside{display: none;}
	.wrap{
		width: 1000px;
		margin: 0 auto;
		padding-bottom: 30px;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -o-flexbox;
		display: flex;
	}
	.contents{
		width: 650px;
		}
	.side{
		width: 310px;
		margin-left: 40px;
	}
}/* pc */



@media screen and (max-width: 750px){
	#mainVisual h1{
		width: 100%;
		position: relative;
		}
		#mainVisual h1:before{
			content:"";
			display: block;
			padding-top: 42.13%; /* 高さを幅の42.13%に固定 */
		}
		#mainVisual h1 span{
			background: url(../img/main_index_sp.jpg) no-repeat;
			background-size: 100% auto;
			position: absolute; top: 0; left: 0; bottom: 0; right: 0;
			text-indent: -9987em;
		}
	#mainVisual .mainNav,
	#mainVisual aside{
		background: #666;
	}
	#mainVisual .mainNav{
		overflow: hidden;
		padding: 10px 0 0 10px;
		}
		#mainVisual .mainNav li{
			float: left;
			width: 50%;
			padding-right: 10px;
			padding-bottom: 10px;
		}
		#mainVisual .mainNav li a{
			display: inline-block;
			width: 100%;
			height: 40px;
			/*height: 30px;*/ /**/
			padding: 0 0 0 21px;
			background: #FFF;
			line-height: 40px;
			position: relative;
			text-decoration: none;
			vertical-align: middle;
			color: #777;
			}
			#mainVisual .mainNav li a::before,
			#mainVisual .mainNav li a::after{
				position: absolute;
				top: 0; bottom: 0;
				margin: auto;
				content: "";
				vertical-align: middle;
			}
			#mainVisual .mainNav li a::before{
				width: 4px; height: 4px;
				border-top: 2px solid #00479D;
				border-right: 2px solid #00479D;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				left: 8px;
			}
			#mainVisual .mainNav li:last-child a{
				padding-top: 0.35em;
				line-height: 1.2;
			}
	#mainVisual aside ul{
		padding: 0 10px 10px;
		overflow: hidden;
		}
		#mainVisual aside ul li{
			float: left;
			margin-right: 10px;
		}
		#mainVisual aside ul li:last-child{
			float: right;
			margin-right: 0;
			}
			#mainVisual aside ul li a{
				display: inline-block;
				height: 40px;
				padding: 0;
				margin: 0;
				vertical-align: top;
				color: #FFF;
				line-height: 40px;
				font-size: 0.85714285714285714285714285714286em;
			}
			#mainVisual aside ul li:last-child a{
				display: block;
				width: 40px; height: 40px;
				cursor: pointer;
				background: url(../img/search_nav_sp.gif) no-repeat;
				-webkit-background-size: 100% 100%;
				background-size: 100% 100%;
				overflow: hidden; text-indent: 100%; white-space: nowrap;
			}
			#mainVisual aside ul li a:hover{ border-radius: 0px; background: none; color: #FFF; }
			#mainVisual aside ul li:last-child a:hover{
				background: url(../img/search_nav_sp.gif) no-repeat;
				-webkit-background-size: 100% 100%;
				background-size: 100% 100%;
			}

	#main{
		padding: 0 8px;
		padding-top: 20px;
	}
	.omimai{
		width: 100%;
		text-align: left;
		padding: 12px 8px;
		margin-bottom: 20px;
		}
		.omimai h1{
			font-size: 1.2857142857142857142857142857143em;
		}
		.omimai .text{
			font-size: 0.85714285714285714285714285714286em;
		}
		.omimai .btn01 a{
			padding: 0 0 0 24px;
			}
	.tabs li{ width: 49%; height: 40px;}
	.tabs a{
		width: 100%; height: 40px;
		padding: 0 0 0 0px;
		text-align: center;
		font-size: 0.92857142857142857142857142857143em;
		line-height: 2em;
		}
		.tabs a::before,
		.tabs a::after{ top: 1em;}
		.tabs a::before{ left: 50%; margin-left: -0.5em;}
	.tab_content{padding: 10px; margin-bottom: 20px;}
		.tab_content#tab1{border-top: 4px solid #0068B7;}
		.tab_content#tab2{border-top: 4px solid #01B78F;}
	.trainingList a{ padding: 10px 0; padding-left: 20px; background: url(../img/list_odd_pc.gif) left 10px no-repeat;}
		.trainingList li:nth-child(even) a{ background: url(../img/list_even_pc.gif) left 10px no-repeat;}
	.side{padding-bottom: 20px;}
	.newsArea{ margin-bottom: 20px;}
		.newsArea h1{
			width: 100%; height: 40px;
			padding: 0 0 0 0px;
			text-align: center;
			font-size: 0.92857142857142857142857142857143em;
			line-height: 2em;
			}
			.newsArea h1::before,
			.newsArea h1::after{ top: 1em;}
			.newsArea h1::before{ left: 50%; margin-left: -0.5em;}
			.newsArea .inner ul{ padding: 10px;}
			.newsArea .inner li a{ padding: 10px 0; padding-left: 20px; background: url(../img/list3_odd_pc.gif) left 10px no-repeat;}
				.newsArea .inner li:nth-child(even) a{ background: url(../img/list3_even_pc.gif) left 10px no-repeat;}
			.bnrArea li{
				width: 100%;
				position: relative;
				margin-bottom: 20px;
				}
				.bnrArea li:last-child{ margin-bottom: 0px;}
				.bnrArea li:before{
					content:"";
					display: block;
					padding-top: 26.76%; /* 高さを幅の26.76%に固定 */
				}
				.bnrArea li.bnr01 a{ background: url(../img/bnr01_sp.png) no-repeat; background-size: 100% auto;}
				.bnrArea li.bnr02 a{ background: url(../img/bnr02_sp.png) no-repeat; background-size: 100% auto;}
				.bnrArea li.bnr03 a{ background: url(../img/bnr03_sp.png) no-repeat; background-size: 100% auto;}
				.bnrArea li a{
					width: 100%; height: auto;
					position: absolute; top: 0; left: 0; bottom: 0; right: 0;
					text-indent: -9987em;
				}

.infoBnr{
	width: auto;
	padding-top: 30px;
	}
	.infoBnr ul{
		padding: 0 18px;
		padding-bottom: 50px;
	}
	.infoBnr li{
		float: none;
		margin-right: 0px;
		width: 100%;
		position: relative;
		margin-bottom: 20px;
	}
	.infoBnr li:last-child{
		margin-bottom: 0px;
		}
		.infoBnr li:last-child{ margin-bottom: 0px;}
		.infoBnr li:before{
			content:"";
			display: block;
			padding-top: 31.25%; /* 高さを幅の31.25%に固定 */
		}
		.infoBnr li.bnr01 a{ background: url(../img/infobnr01_sp.png) no-repeat; background-size: 100% auto;}
		.infoBnr li.bnr02 a{ background: url(../img/infobnr02_sp.png) no-repeat; background-size: 100% auto;}
		.infoBnr li.bnr03 a{ background: url(../img/infobnr03_sp.png) no-repeat; background-size: 100% auto;}
		.infoBnr li a{
			width: 100%; height: auto;
			position: absolute; top: 0; left: 0; bottom: 0; right: 0;
			text-indent: -9987em;
		}

}/* sp */