/* --------------------------------------------------------- */
/* !Home Slides */
/* --------------------------------------------------------- */

#home-slide-1 {
	background-image: url(../images/kokudo.jpg);
}
#home-slide-2 {
	background-image: url(../images/bg-nakaku-2.jpg);
}
#home-slide-3 {
	background-image: url(../images/top-image-3.jpg);
}
#home-slide-4 {
	background-image: url(../images/bg-construction.jpg);
}

@media (max-width: 360px) {
#home-slide-4-amana {
	background-image: url(../images/test-8.jpg);
	background-position: -180px top !important;
}
}


/* --------------------------------------------------------- */
/* !Quotes Block */
/* --------------------------------------------------------- */

#quotes {
	background-image: url(../images/Parallax1.jpg);
}


/* --------------------------------------------------------- */
/* !Tweets Block */
/* --------------------------------------------------------- */

#tweets {
	background-image: url(../images/Parallax2.jpg);
}


/* --------------------------------------------------------- */
/* !Services More */
/* --------------------------------------------------------- */

#services-more {
	background-image: url(../images/bg-stuff.jpg);
	background-color: #333;
}
#services-more-2 {
	background-image: url(../images/bosyu-2.jpg);
	background-attachment: scroll;
	background-position: center center;
}

/* --------------------------------------------------------- */
/* !Client Quotes Block */
/* --------------------------------------------------------- */

#client-quotes {
	background-image: url(../images/Parallax4.jpg);
}


/* --------------------------------------------------------- */
/* !Contact Block */
/* --------------------------------------------------------- */

#contact {
	background-image: url(../images/Footer_Image.jpg);
}


/* --------------------------------------------------------- */
/* !Blog Header */
/* --------------------------------------------------------- */

#blog-header {
	background-image: url(../images/production-bg2.jpg);
}
#blog-header2 {
	background-image: url(../images/architectural-2.jpg);
}
#blog-header3 {
	background-image: url(../images/test-13.jpg);
}
#blog-header4 {
	background-image: url(../images/bg-stuff.jpg);
}
#blog-header5 {
	background-image: url(../images/bg-nakaku.jpg);
	background-position: center -330px;
}
#blog-header6 {
	background-image: url(../images/service-bg.jpg);
}
#blog-header7 {
	background-image: url(../images/architectural-3.jpg);
}
@media (max-width: 360px) {
#blog-header {
	background-image: url(../images/production-bg.jpg);
}
#blog-header5 {
	background-image: url(../images/bg-nakaku.jpg);
	background-position: center top !important;
}
#blog-header7 {
	background-image: url(../images/architectural.jpg);
	background-position: left top !important;
}
#blog-header2 {
	background-image: url(../images/architectural.jpg);
	background-position: left top !important;
}
}
.services-1 {
	background-image: url(../images/production-top.jpg);
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 120px;
	padding-left: 25px;
	font-size: 1.7em;
	line-height: 1.2;
	color: #444;
}
.services-2 {
	background-image: url(../images/architectural.jpg);
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 120px;
	padding-left: 25px;
	font-size: 1.7em;
	line-height: 1.2;
	color: #444;
}
.services-1 h3, h3 a {
	font-size: 0.9em;
}
.services-2 h3, h3 a {
	font-size: 0.9em;
}

.services-3 {
	background-image: url(../images/service-kanri.jpg);
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 120px;
	padding-left: 25px;
	font-size: 1.7em !important;
	line-height: 1.2;
	color: #444;
}
.services-4 {
	background-image: url(../images/service-haken.jpg);
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 120px;
	padding-left: 25px;
	font-size: 1.7em !important;
	line-height: 1.2;
	color: #444;
}
.recruit-1 {
	padding-right: 10px;
	padding-left: 15px;
	font-size: 2em;
	line-height: 1.2;
	color: #444;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #33cccc;
}
.recruit-1 h3, h3 a {
	font-size: 0.9em;
}
.recruit-2 {
	padding-right: 10px;
	padding-left: 15px;
	font-size: 1.8em;
	line-height: 1.4;
	color: #444;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #33cccc;
}


/* --------------------------------------------------------- */
/* !works */
/* --------------------------------------------------------- */
p.center {
	text-align: center;
}
.h1-company {
	font-size: 28px;
	color: #444;
}
.mt10 {
	margin-top: 15px;
}

.company-format {
	padding-bottom: 18px;
	margin-bottom: 30px;
}

span.yokohama {
	font-size: 0.8em;
	clear: both;
	display: block;
	margin-bottom: 10px;
	color: #666;
}
span.job {
	font-size: 0.8em;
	clear: both;
	display: block;
	margin-bottom: 10px;
	color: #666;
}
p.caution {
	padding: 15px;
	border: 1px solid #9ADFFA;
	border-radius: 5px;
	box-shadow: none;
	font-size: 0.8em;
	color: #666;
	line-height: 1.4;
	background-color: #EEFEFF;
	clear: both;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.ml20 {
	padding-left: 20px;
}
.font-white {
	color: #FFF;
}
@media (max-width: 767px) {
span.job {
	font-size: 0.8em;
	clear: both;
	display: block;
	margin-bottom: 10px;
	color: #FFF;
}
}
