@charset "utf-8";

/**
 *
 * index: トップページ
 *
 */

/*----------------------------
	keyvisual
-----------------------------*/
#Keyvisual {
	width:100%;
	height:510px;
	background:url(../images/main.jpg) center center no-repeat #fff;
	background-size:cover;
}
#Keyvisual div.section-inner {
	padding:160px 40px 0 40px;
}
#Keyvisual h2 {
	font-size:48px;
	text-align:center;
	color:#2a873e;
	letter-spacing:8px;
	margin:0 0 30px 0;
	line-height:0.9;
}
#Keyvisual h2 span {
	color:#fff;
	font-size:18px;
	letter-spacing:4px;
}

/*----------------------------
	Movie
-----------------------------*/
#Movie{
	background: url(../images/note-bg.gif);
}
#Movie .wrap {overflow: hidden;}
#Movie li h2{
	text-align: left;
	font-size: 20px;
	margin: 0 0 20px 0;
	letter-spacing: 1px;
	color:#2a873e;
	font-weight: bold;
}
#Movie .left {
	padding: 0 20px 0 0;
}
#Movie .right {
	padding: 0 0 0 20px;
}
/*----------------------------
	Service
-----------------------------*/
#Service ul {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(34,34,34,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(34,34,34,0.1);
	box-shadow: 0px 0px 10px 0px rgba(34,34,34,0.1);
}
#Service li {
	position:relative;
	padding:0 !important;
	border-right:1px solid #ddd;
}
#Service div.image {
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
#Service div.image img {
	width:100%;
	height:auto;
}
#Service h3 {
	text-align:center;
	display:inline-block;
	width:180px;
	padding:5%;
	color:#fff;
	background:#2b9041;
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -90px;
}
#Service div.body {
	padding:20px 30px;
}
#Service div.body p {
	margin:0 0 20px 0;
}

/*----------------------------
	Recruit
-----------------------------*/
#Recruit {
	background:#e9eef1;
}
#Recruit li a {
	height:280px;
}
#Recruit li.right {
	padding:0 0 0 20px;
}
#Recruit li.left {
	padding:0 0 0 20px;
}
#Recruit li a {
	text-align:center;
	display:block;
	border:2px solid #fff;
}
#Recruit li a:hover {
	border:2px solid #2b9041;
}
#Recruit li.left a {
	background: url(../images/grads3.jpg) no-repeat center center;
	background-size:cover;
	line-height:280px;
}
#Recruit li.right a {
	display:block;
	background: url(../images/career.jpg) no-repeat center center;
	background-size:cover;
	line-height:280px;
}

#Recruit li a span {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background:#2b9041;
	display:inline-block;
	padding:12px 20px;
	line-height:24px;
}

/*--------------------------------------------------------------------------
	Tablet
---------------------------------------------------------------------------*/

@media all and (max-width: 1024px){
#Recruit li a {
	height:280px;
}
#Recruit li.right a, #Recruit li.left a {
	line-height:280px;
}
}

/*--------------------------------------------------------------------------
	Smart Phone
---------------------------------------------------------------------------*/

@media all and (max-width: 767px){
/*----------------------------
	keyvisual
-----------------------------*/

#Keyvisual div.section-inner {
	padding:140px 40px 0 40px;
}
#Keyvisual h2 {
	font-size:32px;
	text-align:center;
	color:#2a873e;
	letter-spacing:8px;
	margin:0 0 30px 0;
	line-height:1.2;
}
#Keyvisual h2 span {
	font-size:15px;
	line-height:1.5;
	letter-spacing:4px;
	display:block;
	margin:10px 0 0 0;
}
#Keyvisual h2 span b {
	display:block;
}

/*----------------------------
	Service
-----------------------------*/
#Service ul {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
#Service li {
	border:1px solid #ddd;
}


#Recruit li a {
	height:220px;
}
#Recruit li.right a, #Recruit li.left a {
	line-height:220px;
}
}