@charset "utf-8";

/*============================
 #topimg
============================*/
#topimg {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 70;
	padding: 0;
	box-sizing: border-box;
}
#topimg_box {
	width: 668px;
	height: 240px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
#topimg_box h2 {
	margin-bottom: 30px;
}
#topimg_box .button {
	display: inline-block;
	width: 90px;
	height: 90px;
	z-index: 2;
}
/*============================
 .marquee
============================*/
.marquee_text {
	width: 100%;
	color: #FF0004;
	font-size: 14px;
	line-height: 30px;
}
.marquee_text span {
	/*margin-left: 10px;*/
}
/*============================
 .scroll
============================*/
#topimg .scroll {
	width: 100%;
	position: absolute;
	bottom: 38px;
	text-align: center;
	-webkit-animation: arrow 0.5s 1s infinite ease-out alternate;
}
#topimg #scroll_btn {
	width: 60px;
	height: 46px;
}
/*============================
 #news_sec
============================*/
#news_sec {
	background-color: #FFF;
}
#news_sec #news_ttl {
	width: 25%;
	height: 104px;
	float: left;
	position: relative;
	text-align: center;
	background-color: #eff8ff;
	padding: 80px 0 96px 0;
}
#news_sec #news_ttl #news_ttl_box {
	width: 100%;
}
#news_sec #news_ttl p {
	margin-bottom: 24px;
}
#news_sec #news_info {
	width: 25%;
	height: 280px;
	float: left;
}
#news_sec table {
	table-layout: fixed;
	width: 92%;
	margin: 12px 4%;
}
#news_sec table tr {
	padding-bottom: 5px;
	border-bottom: 1px solid #c9c9c9;
}
#news_sec table th {
	width: 30%;
	font-size: 1.2em;
	padding: 16px;
}
#news_sec table td {
	width: 70%;
	font-size: 1.2em;
}
#news_sec table td p {
	padding: 0 16px;
	border-left: 1px solid #0071bc;
}
#news_sec #job_ttl {
	width: 25%;
	height: 104px;
	float: left;
	text-align: center;
	background-color: #eff8ff;
	padding: 80px 0 96px 0;
}
#news_sec #job_ttl p {
	margin-bottom: 24px;
	text-align: center;
}
#news_sec p img {
	margin:0 auto;
}
#news_sec #job_info {
	width: 25%;
	height: 280px;
	float: left;
}
#category_sec {
	width: 100%;
	background-color: #f3f3f3;
	padding: 50px 0;
}
#category_sec h3 {
	text-align: center;
	margin-bottom: 40px;
}
#category_sec ul {
	width: 98.2%;
	margin: 0 1.4% 10px 1.4%;
}
#category_sec ul li {
	float: left;
	width: 16.1%;
	margin: 0 0.5% 0 0;
}
#category_sec ul li.last {
	margin: 0;
}
#category_sec ul li img {
	width: 100%;
	height: auto;
}
#category_sec ul li .ani_box {
	position: relative;
	overflow: hidden;
	width: 100%;
}
#category_sec ul li .ani_text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
}
#category_sec ul li .ani_text h3,
#category_sec ul li .ani_text p {
	position: absolute;
	left: -100%;
	width: 100%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
#category_sec ul li .ani_text span{
	position: absolute;
	width: 100%;
	left: -100%;
	margin: 30% 0 10px 0;
	text-align: center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
#category_sec ul li .ani_text span img {
	width: 32%;
	height: auto;
}
#category_sec ul li .ani_text p {
	top: 60%;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
}
#category_sec ul li .ani_box:hover .ani_text {
	opacity: 1;
}
#category_sec ul li .ani_box:hover .ani_text span,
#category_sec ul li .ani_box:hover .ani_text p {
	color: #FFF;
	left: 0;
}
#category_sec ul li .ani_box:hover .ani_text p {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
#category_sec ul li#cat01 .ani_text {
	background: rgba(68,108,179,0.8);
}
#category_sec ul li#cat02 .ani_text {
	background: rgba(129,207,224,0.8);
}
#category_sec ul li#cat03 .ani_text {
	background: rgba(82,179,217,0.8);
}
#category_sec ul li#cat04 .ani_text {
	background: rgba(89,171,227,0.8);
}
#category_sec ul li#cat05 .ani_text {
	background: rgba(108,122,137,0.8);
}
#category_sec ul li#cat06 .ani_text {
	background: rgba(65,131,215,0.8);
}
#category_sec ul li#cat07 .ani_text {
	background: rgba(52,152,219,0.8);
}
#category_sec ul li#cat08 .ani_text {
	background: rgba(137,196,244,0.8);
}
#category_sec ul li#cat09 .ani_text {
	background: rgba(51,110,123,0.8);
}
#category_sec ul li#cat10 .ani_text {
	background: rgba(103,128,159,0.8);
}
#category_sec ul li#cat11 .ani_text {
	background: rgba(37,116,169,0.8);
}
#category_sec ul li#cat12 .ani_text {
	background: rgba(58,83,155,0.8);
}
#contents_sec {
	background-color: #FFF;
}
#contents_sec .contents_box {
	width: 25%;
	float: left;
}
#contents_sec .contents_box img {
	width: 100%;
	height: auto;
}
#contents_sec .contents_box .ttl01 {
	width: 62.4%;
	margin: 14.3% auto 6.3% auto;
}
#contents_sec .contents_box .ttl02 {
	width: 85.3%;
	margin: 14.3% auto 6.3% auto;
}
#contents_sec .contents_box .ttl03 {
	width: 64%;
	margin: 17.3% auto 6.3% auto;
}
#contents_sec .contents_box .ttl04 {
	width: 47%;
	margin: 17.3% auto 6.3% auto;
}
#contents_sec #movie_box {
	position: relative;
	padding-bottom: 56.25%;
	position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
#contents_sec #movie_box iframe{
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#contents_sec .contents_box .button {
	display: block;
	width: 180px;
	margin: 0 auto;
}
#contents_sec .contents_box .button img {
	width: inherit;
	height: auto;
}