@charset "utf-8";

.cols{
	position: relative;
}
.wrapper{
	width: 100%;
}
/*
.wrapper{
	position: fixed;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	width: 100%;
}
*/

/*	top_top_header
--------------------------------*/
#top_header{
	width: 100%;
	height: 600px;
	padding: 200px 0 0;
	background: #212022 url(../img/index/header_bg.jpg) no-repeat center bottom;
	background-size: cover;
}
#top_header h1{
	text-align: center;
	line-height: 0;
}
#top_header ul{
	height:24px;
	margin-top: 100px;
	text-align:center;
}
#top_header ul li{
	line-height:0;
	display:inline-block;
	margin:0 23px;
}
#top_header .mitumori{
	margin-top: 100px;
	line-height:0;
	text-align:center;
}
#menu{
	background: #353336;
	position: fixed;
	width: 100%;
	top:-90px;
	z-index: 9999;
	height: 90px;
	overflow: hidden;
}
#menu ul{
	padding: 20px 20px;
}
#menu ul li{
	line-height: 0;
	float: left;
	padding: 15px;
}
#menu ul li.menu7{
	padding: 0;
	float: right;
}
#menu ul li.menu7 a{
	background: #8bba28;
	display: block;
	line-height: 18px;
	color: #FFF;
	font-size: 18px;
	padding: 16px 20px;
	text-decoration: none;
}
/*
#top_header{
	background:#0ea4a0;
	height:36px;
	color:#FFF;
}
#top_header #title{
	text-align:center;
	line-height:0;
	padding-top:5px;
}
#top_header .left{
	width:300px;
	float:left;
}
#top_header .left .contest{
	float:left;
	width:26px;
	padding:5px 5px 0 10px;
}
#top_header .left .search{
	float:left;
	background:#FFF;
	border-radius:5px;
	padding:3px 5px;
	margin-top:7px;
	width:205px;
}
#top_header .left .search .input{
	border:0px;
	width:180px;
}
#top_header .left .search .submit{
	border:0px;
	margin-left:5px;
	cursor:pointer;
	background:url(../img/base/search_btn.png) no-repeat left center;
}
#top_header .right{
	float:right;
	width:300px;
}
#top_header .right p{
	float:right;
	line-height:0;
}
#top_header .right p.up{
	padding:5px 10px 0 0;
}
#top_header .right p.my{
	padding:0 20px 0 10px;
	margin-top:12px;
	background:url(../img/base/menu_arrow.png) no-repeat left 1px;
}
#top_header .right p.my:hover{
	background:url(../img/base/menu_arrow_on.png) no-repeat left 1px;
}
#top_header .right p.ho{
	padding:0 20px 0 10px;
	margin-top:11px;
	background:url(../img/base/menu_arrow.png) no-repeat left 2px;
}
#top_header .right p.ho:hover{
	background:url(../img/base/menu_arrow_on.png) no-repeat left 2px;
}



#top_header{
	position: fixed;
	width: 100%;
	height: 800px;
	background: #212022;
	z-index: 9999;
}
#top_header .bg{
	width: 100%;
	height: 100%;
	background: #212022 url(../img/index/header_bg.jpg) no-repeat center bottom;
	background-size: cover;
	opacity: 0;
}
#top_header h1{
	width:540px;
	height:96px;
	line-height:0;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-270px;
}
#top_header h1 img{
	width:auto;
	height:100%;
}
#top_header ul{
	width:870px;
	height:24px;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-435px;
}
#top_header ul li{
	line-height:0;
	display:inline-block;
	margin:0 23px;
}
#top_header ul.on{
	left:400px;
	width:auto;
	margin-left:0;
	text-align:left;
}
#top_header ul.on li{
	display:block;
	float:left;
	margin:5px 20px 0 0;
}
#top_header ul.on li.menu1{
	width:50px;
}
#top_header ul.on li.menu2{
	width:69px;
}
#top_header ul.on li.menu3{
	width:66px;
}
#top_header ul.on li.menu4{
	width:65px;
}
#top_header ul.on li.menu5{
	width:86px;
}
#top_header ul.on li.menu6{
	width:66px;
}
#top_header ul.on li img{
	width:100%;
	height:auto;
}
#top_header .mitumori{
	width:300px;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	line-height:0;
	text-align:center;
	margin-top:110px;
	margin-left:-150px;
}
#top_header .mitumori.on{
	width:200px;
	position:absolute;
	top:37px;
	left:auto;
	right:30px;
	line-height:0;
	text-align:right;
	margin-top:auto;
	margin-left:auto;
}
#top_header .mitumori img{
	width:100%;
	height:auto;
}
*/
#message{
	position: relative;
	padding: 100px 0;
	background: #FFF url(../img/index/world.jpg) no-repeat fixed center 900px;
}
#message .sub{
	text-align: center;
	line-height:0;
}
#message h2{
	width:70%;
	max-width:1244px;
	margin:200px auto 0;
}
#message h2 img{
	width:100%;
	height:auto;
}
#message .text{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	margin-top:80px;
}
#job{
	background: #90c31f;
	padding: 70px 0;
}
#job h3{
	line-height:0;
	text-align:center;
	padding:0 0 40px;
}
#job ul {
	text-align: center;
}
#job ul li{
	width: 290px;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px;
}
#job ul li.sub1 .img{
	margin-top:1px;
}
#job ul li.sub1 .sub{
	margin-top:24px;
}
#job ul li.sub1 .text{
	margin-top:24px;
	color:#FFF;
	line-height:18px;
	font-size:14px;
	text-align:left;
}
#job ul li.sub2 .img{
	margin-top:8px;
}
#job ul li.sub2 .sub{
	margin-top:42px;
}
#job ul li.sub2 .text{
	margin-top:39px;
	color:#FFF;
	line-height:18px;
	font-size:14px;
	text-align:left;
}
#job ul li.sub3 .img{
	margin-top:0px;
}
#job ul li.sub3 .sub{
	margin-top:23px;
}
#job ul li.sub3 .text{
	margin-top:25px;
	color:#FFF;
	line-height:18px;
	font-size:14px;
	text-align:left;
}
#job ul li.sub4 .img{
	margin-top:16px;
}
#job ul li.sub4 .sub{
	margin-top:31px;
}
#job ul li.sub4 .text{
	margin-top:38px;
	color:#FFF;
	line-height:18px;
	font-size:14px;
	text-align:left;
}
#report{
	padding: 100px;
	background: #FFF;
}
#report h3{
	text-align:center;
	line-height:0;
}
#report ul{
	margin-top:50px;
	text-align: center;
}
#report ul li{
	display: inline-block;
	width:290px;
	margin: 0 15px;
}
#report ul li .title{
	padding-top: 30px;
}
#report ul li .title a{
	color:#333;
	text-decoration:none;
}
#report ul li .img{
	margin-top:15px;
	width:280px;
	height:210px;
}
#report ul li .img a{
	display:block;
	width:280px;
	height:210px;
}
#report ul li .img:hover{
	box-shadow:2px 2px 10px 5px rgba(0,0,0,0.1);

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#report ul li.sub1{
	line-height:0;
}
#report ul li.sub1 .title{
	line-height:20px;
}
#report ul li.sub1 .img a{
	background: #FFF url(../img/index/hp1.jpg) no-repeat center 0px;
}
#report ul li .img:hover{
}
#report ul li.sub2{
	line-height:0;
}
#report ul li.sub2 .title{
	line-height:20px;
}
#report ul li.sub2 .img a{
	background: #FFF url(../img/index/hp2.jpg) no-repeat center 0px;
}
#report ul li.sub3{
	line-height:0;
}
#report ul li.sub3 .title{
	line-height:20px;
}
#report ul li.sub3 .img a{
	background: #FFF url(../img/index/hp3.jpg) no-repeat center 0px;
}
#report ul li.sub4{
	line-height:0;
}
#report ul li.sub4 .title{
	line-height:20px;
}
#report ul li.sub4 .img a{
	background: #FFF url(../img/index/hp4.jpg) no-repeat center 0px;
}
#report .btn{
	text-align:center;
	line-height:0;
	margin-top:70px;
}