@charset "UTF-8";
/*
column width = 78px
gutter width = 24px
*/
#eyecatch {
	height: 850px;
	width: 100%;
	min-width: 1240px;
x	background: #FF4081 no-repeat center top;
	background-size: 100% 850px;
	background: url(../img/img_eyecatch1.jpg) no-repeat center center;
	background-size: cover;
}
#eyecatch:before {
x	content: '笑顔でつながるぬくもりの輪';
	font-size: 24px;
	color: #888;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 40px;
}
#eyecatch:after {
x	content: 'Wheel of warmth that smile leads.';
	font-size: 52px;
	color: #FF4081;
	font-weight: bold;
	position: absolute;
	top: 40%;
	left: 40px;
}
#eyecatch span {
	font-size: 68px;
	position: absolute;
	left: 20px;
	color: #444;
	font-weight: bold;
	text-decoration: underline;
}
#eyecatch span.first {
	height: 100%;
	width: 25%;
	top: 0;
	background: rgba(255,64,129,0.4);
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
#eyecatch span.second {
	height: 100%;
	width: 20%;
	left: 0;
	top: 0;
	background: #F4F4F4;
}
#eyecatch span.third {
	top: 232px;
	left: 15%;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
#eyecatch span.four {
	top: 334px;
	left: 15%;
	-webkit-animation-duration: 2.2s;
	animation-duration: 2.2s;
}
#eyecatch span.five {
	top: 436px;
	left: 15%;
	-webkit-animation-duration: 4.2s;
	animation-duration: 4.2s;
}
#eyecatch span.six {
	height: 80px;
	top: 538px;
	left: 15%;
	font-size: 32px;
	color: #666;
	text-decoration: none;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
#contents {
}
section .cover {
	padding: 120px 0;
}
.wrap {
	width: 100%;
	min-width: 1200px;
}
section#service {
	background: #F4F4F4;
}
section#news {
}
section#company {
	background: #DCECFE;
}
section#service .cover {
	padding-bottom: 0;
}
section#news .inner {
}
section#company .inner {
	width: 894px;
}
section#service .lcol {
	height: 384px;
	width: 50%;
	float: left;
	background: url(../img/bg_home_service_lcol.jpg) no-repeat left top;
	background-size: cover;
}
section#service .rcol {
	height: 384px;
	width: 50%;
	float: right;
	background: url(../img/bg_home_service_rcol.jpg) no-repeat center center;
	background-size: cover;
}
section#service .lcol .inner,
section#service .rcol .inner {
	padding: 20px;
	margin: 0;
	margin-left: auto;
	width: 560px;
	text-align: center;
}
section#service .rcol .inner {
	margin: 0;
	margin-right: auto;
}
section h2 {
}
section#service h3 {
	font-size: 2.8em;
	line-height: 40pt;
	color: #FFF;
}
section#service .inner p {
	font-size: 2.4em;
	line-height: 32pt;
	color: #FFF;
}
section#service .inner p.em {
	font-size: 36px;
	line-height: 48pt;
}
section#service .inner a {
	margin-top: 30px;
	font-size: 1.35em;
	border: 2px solid #EDEDED;
	font-weight: bold;
	padding: 20px;
	color: #FFF;
	display: inline-block;
}
section#service .inner a span,section#service .inner a:hover span {
	color: #FFF;
}
section#news dl {
	margin: 0 auto;
	width: 792px;
}
section#news dl dt {
	height: 40px;
	width: 180px;
	line-height: 40px;
	float: left;
	clear: left;
	font: 0.8em Helvetica, "ヒラギノ角ゴ ProN W3", sans-serif;
}
section#news dl dt span {
	padding: 5px 0;
	margin-left: 24px;
	height: 40px;
	width: 78px;
	line-height: 40px;
	background: #3F51B5;
	display: inline-block;
	color: #FFF;
	text-align: center;
}
section#news dl dd {
	padding: 0 0 0 204px;
	margin-bottom: 24pt;
	height: 40px;
	line-height: 40px;
}
section#news dl dd a {
	padding: 5px;
	display: block;
}
section#news dl dd a:hover span {
	color: #FFFFFF;
}
section#news .button {
	margin: 60px auto 0;
	height: 51px;
	width: 176px;
	border: 2px solid #3F51B5;
	display: block;
	line-height: 55px;
	text-align: center;
	box-shadow: 0 2px 4px rgba(120,120,120,0.6);
	font-size: 1.25em;
	color: #3F51B5;
	transition: box-shadow 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	-webkit-transition: box-shadow 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	-moz-transition: box-shadow 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
section#news .button:hover {
	box-shadow: 0 6px 12px rgba(100,100,100,0.8);
}
section#company nav {
}
section#company ul li {
	height: 342px;
	width: 282px;
	float: left;
}
section#company ul li.second {
	margin: 0 24px;
}
section#company ul li a {
	height: 342px;
	width: 282px;
	display: block;
	background: #FFF url(../img/img_home_about.gif) no-repeat 0 0;
	box-shadow: 0 2px 4px rgba(153,153,153,0.6);
	line-height: 60px;
	font-size: 1.55em;
	font-weight: bold;
	text-align: center;
	transition: box-shadow 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	-webkit-transition: box-shadow 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	-moz-transition: box-shadow 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
section#company ul li.rec a {
	background-position: -282px 0;
}
section#company ul li.con a {
	background-position: -564px 0;
}
section#company ul li a:hover {
	box-shadow: 0 8px 20px rgba(100,100,100,0.7);
}
.btn {
	position: relative;
}
.btn, .btn:before { transition: color .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), border .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), width .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: color .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), border .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), width .3s cubic-bezier(0.215, 0.610, 0.355, 1.000) }
	.btn span { position: relative; }
	.btn:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #3F51B5; }
	.btn:hover { color: #fff; border-color: #0077f7; }
	.btn:hover:before { width: 100%; }
#company li.animated.rec {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}
#company li.animated.con {
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
}