@charset "UTF-8";

/* --------------------------------------------------*/
/* reset style */
/* --------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
input,textarea {
	margin: 0;
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
fieldset,img { 
	border: 0;
}
img {
	vertical-align: bottom;
}
header, nav, article, aside, section, footer {
	display:block;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}
/*a:link,
a:visited {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}*/


/* --------------------------------------------------*/
/* base style */
/* --------------------------------------------------*/
body {
	font: 16px 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro',sans-serif;
	*font-size: small;
	*font: x-small;
}
#container {
	min-width: 1000px;
}


/* --------------------------------------------------*/
/* Scrolltopcontrol */
/* --------------------------------------------------*/
#topcontrol {
	z-index: 800;
}

/* --------------------------------------------------*/
/* header and Global Nav */
/* --------------------------------------------------*/
header {
}

.inner {
    width: 1000px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}

/* Top Logo
--------------------------------------------------*/
#top-logo {
	top: -100px;
	position: absolute;
	width: 100%;
	margin: 100px auto 0;
	padding: 20px 0;
	line-height: 1;
	z-index: 810;
	background-color: #FFF;
}
#top-logo .inner {
	position: relative;
}
#top-logo .ci {
	float: left;
	/* vertical-align: middle; */
}
#top-logo .tel {
	float: right;
	padding-top: 10px;
}
#top-logo a {
}
#top-logo a:hover img,
#top-logo a:active img {
	opacity: 0.7;
}


/* Top Head and Global Nav
--------------------------------------------------*/
#top-head {
	/* top: -100px; */
	position: absolute;
	width: 100%;
	margin: 80px auto 0;
	/* padding: 0 0 20px; */
	line-height: 1;
	z-index: 820;
	background: url(../images/bg_global.png) bottom center no-repeat;
}
#top-head a,
#top-head {
	color: #534741;	/* BRWN */
	text-decoration: none;
}
#top-head a:hover,
#top-head a:active {
	color: #FFF;	/* WHT */
}
#top-head .inner {
	position: relative;
}
#top-head .logo {
	float: left;
	/* font-size: 1.0rem; */
	display: none;
}
#global-nav ul {
	list-style: none;
	font-size: 1.0rem;
}
#global-nav ul li {
	display: inline-block;
	margin: 10px;
}
#global-nav ul li a {
	border-top: 1px solid #706B45;	/* BRWN */
	color: #706B45;	/* BRWN */
	display: block;
	min-width: 80px;
	padding: 25px 30px;
	text-align: center;
}
#global-nav ul li a:hover,
#global-nav ul li a:active {
	border-top: 1px solid #99F0CA;	/* GRN */
	color: #99F0CA;	/* GRN */
}
 
/* Fixed
--------------------------------------------------*/
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding: 10px 0 0;
	background: url(../images/bg_global.png) bottom center no-repeat;
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
/* #top-head.fixed .logo {
	float: left;
	display: block;
} */
#top-head.fixed #global-nav ul li a {
	color: #706B45;	/* BRWN */
}
#top-head.fixed #global-nav ul li a:hover,
#top-head.fixed #global-nav ul li a:active {
	color: #99F0CA;	/* GRN */
}
 
/* Toggle Button
--------------------------------------------------*/
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #534741;	/* BRWN */
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}




/* --------------------------------------------------*/
/* Home visual */
/* --------------------------------------------------*/
#home-visual {
	background: #DDD;
	/* background: url(../images/slide01.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;*/
	height: 760px;
	position: relative;
	z-index: 0;
}
.OnSlope {
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
}
#const-visual {
	background: url(../images/hed_construct.jpg) top center no-repeat;
	background-size: contain;
	background-attachment: fixed;
	height: 600px;
	position: relative;
	z-index: 0;
}
#wrhous-visual {
	background: url(../images/hed_warehouse.jpg) top center no-repeat;
	background-size: contain;
	background-attachment: fixed;
	height: 600px;
	position: relative;
	z-index: 0;
}
#trans-visual {
	background: url(../images/hed_transport.jpg) top center no-repeat;
	background-size: contain;
	background-attachment: fixed;
	height: 600px;
	position: relative;
	z-index: 0;
}
#aboutus-visual {
	background: url(../images/hed_aboutus.jpg) top center no-repeat;
	background-size: contain;
	background-attachment: fixed;
	height: 600px;
	position: relative;
	z-index: 0;
}
#recruit-visual {
	background: url(../images/hed_recruit.jpg) top center no-repeat;
	background-size: contain;
	background-attachment: fixed;
	height: 600px;
	position: relative;
	z-index: 0;
}
.visual_innr {
	height: 600px;
	background: url(../images/bg_OnSlidr.png) bottom left no-repeat;
	z-index: 10;
}
.catch {
	width: 1000px;
	height: 600px;
	margin: 0 auto;
	position: relative;
}
.catch img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}


/* --------------------------------------------------*/
/* contents */
/* --------------------------------------------------*/

article {
	position: relative;
	/* margin-top: -50px; */
	margin-bottom: 0;
	width: 100%;
	z-index: 200;
}
.conts {
	width: 1000px;
	margin: 0 auto;
	z-index: 300;
}
.boxleft {
	float: left;
	position: relative;
}



/* Hedline each section
--------------------------------------------------*/
h2 {
	text-align: center;
	font-size: 1.875rem;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
h2.hr_brwn {
	color: #706B45; /* BRWN */
	background: url(../images/hr_Brwn.png) bottom center no-repeat;
}
h2.hr_gld {
	color: #DAA520; /* GLD */
	background: url(../images/hr_Gld.png) bottom center no-repeat;
}
h2.hr_gry {
	color: #555; /* GRY */
	background: url(../images/hr_Gry.png) bottom center no-repeat;
}
h2.hr_pgrn {
	color: #C9FDD7;	/* P_GRN */
	background: url(../images/hr_PGrn.png) bottom center no-repeat;
}
h2.hr_grn {
	color: #99F0CA; /* GRN */
	background: url(../images/hr_Grn.png) bottom center no-repeat;
}
h2.hr_wht {
	color: #FFF; /* WHT */
	background: url(../images/hr_Wht.png) bottom center no-repeat;
}
h3 {
	text-align: center;
	font-size: 1.875rem;
}
h3.chpt_gld {
	color: #DAA520; /* GLD */
	text-align: left;
	font-size: 1.875rem;
}
h3.chpt_brwn {
	color: #706B45; /* BRWN */
	text-align: center;
	font-size: 1.875rem;
}
h3.hr_brwn {
	color: #706B45; /* BRWN */
	text-align: center;
	font-size: 1.875rem;
	background: url(../images/hr_Brwn.png) bottom center no-repeat;
}
h4 {
	text-align: left;
	font-size: 1.3rem;
}
h5 {
	font-size: 1.0rem;
}



/* Title Area
--------------------------------------------------*/
#title_area {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 80px;
}
#title_area p {
	color: #706B45; /* BRWN */
	font-size: 1.0rem;
	line-height: 2.0em;
	padding-right: 80px;
	padding-left: 80px;
}
#title_area p a {
	color: #99F0CA; /* GRN */
	text-decoration: none;
}
#title_area p a:hover,
#title_area p a:active {
	text-decoration: underline;
}

/* Section Inner
--------------------------------------------------*/
.innr {
	background: url(../images/bg_BttmSlop.png) left bottom no-repeat;
	padding-bottom: 50px;
}

/* Works
--------------------------------------------------*/
#works {
	background: url(../images/bg_GrnPic_01.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 60px;
}
#works p {
	text-align: center;
	color: #706B45; /* BRWN */
	font-size: 1.0rem;
	line-height: 2.0em;
	padding-right: 80px;
	padding-left: 80px;
}
.works_block {
	padding: 30px 40px 0;
}
.works_block li {
	display: inline-block;
	vertical-align: top;
	width: 220px;
	margin: 0 30px;
	padding: 10px;
	background: #706B45; /* BRWN */
}
.works_block li.bnnr {
	display: block;
	/* width: 840px; */
	margin: 0 30px;
	padding: 0;
	background: none;
}
.works_block h3 {
	margin: 20px auto 10px;
	color: #DAA520; /* GLD */
}
#works .works_block p {
	text-align: center;
	color: #FFF; /* WHT */
	font-size: 1.0rem;
	line-height: 2.0em;
	padding: 0;
}
#works h3 a {
	color: #DAA520; /* GLD */
	text-decoration: none;
}
#works h3 a:hover,
#works h3 a:active {
	text-decoration: underline;
}
#works a:hover img,
#works a:active img {
	opacity: 0.7;
}


/* Facilty
--------------------------------------------------*/
#facilty {
	background: url(../images/bg_DotPic_H1.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 200px;
}
#facilty p {
	text-align: center;
	color: #FFF; /* WHT */
	font-size: 1.0rem;
	line-height: 2.0em;
	padding-right: 80px;
	padding-left: 80px;
}
.facilty_block {
	padding: 30px 40px 100px;
	text-align: center;
}
.facilty_block li {
	list-style: none;
	/*display: inline-block;
	vertical-align: top;*/
	margin: 0 auto;
}
#facilty a:hover img,
#facilty a:active img {
	opacity: 0.7;
}



/* Each Works Page
--------------------------------------------------*/
#manufact {
	background: url(../images/bg_DotPic_C1.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#storage {
	background: url(../images/bg_DotPic_W1.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#second {
	background: url(../images/bg_DotPic_W2.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#waste {
	background: url(../images/bg_DotPic_W3.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#loading {
	background: url(../images/bg_DotPic_T1.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#facilities {
	background: url(../images/bg_DotPic_T2.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#area {
	background: url(../images/bg_DotPic_T2.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#greeting {
	background: url(../images/bg_DotPic_A1.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#greeting .innr {
	padding-bottom: 120px;
}
#outline {
	background: url(../images/bg_DotPic_A2.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#form_area {
	background: url(../images/bg_DotPic_I1.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#privacy {
	background: url(../images/bg_DotPic_P1.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}
#recruit {
	background: url(../images/bg_DotPic_R1.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
}

.box_half {
	float: left;
	margin: 30px;
	width: 440px;
}
.box {
	margin: 30px;
	width: 940px;
}
.box_half p,
.box p {
	text-align: left;
	line-height: 1.8em;
	color: #FFF; /* WHT */
	margin-top: 30px;
	margin-bottom: 30px;
}

.refernc {
	background: url(../images/bg_GrnBalln.png) top center no-repeat;
	padding: 60px 30px 0;
}
.refernc h4 {
	color: #706B45; /* BRWN */
	text-align: center;
	font-size: 1.0rem;
	display: block;
	width: 880px;
	margin: 0 auto;
	border-bottom: 1px solid #706B45; /* BRWN */
	padding-bottom: 5px;
}
.refernc p {
	color: #555; /* GRY */
	text-align: center;
	font-size: 1.0rem;
	line-height: 1.8em;
	padding: 30px;
}

.pic_box {
	padding: 0;
}
.pic_box li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 175px;
	margin: 0 27px;
}
.pic_box li img {
	width: 175px;
	margin-bottom: 20px;
}
.pic_box li p {
	color: #706B45; /* BRWN */
	margin-bottom: 30px;
	padding: 0;
}

.items {
	padding: 30px 30px 30px 50px;
	list-style-type: disc;
	list-style-position: outside;
}
.items li {
	color: #706B45; /* BRWN */
	line-height: 1.8em;
}

.note {
	padding: 50px;
	background-color: rgba(85,85,85,0.7); /* GRY */
}
.note p {
	color: #FFF; /* WHT */
	text-align: left;
	font-size: 1.0rem;
	line-height: 1.8em;
}


/* Top Message
--------------------------------------------------*/
.top_mssg {
	padding: 0 30px 100px;
}
.top_mssg p {
	color: #FFF; /* WHT */
	text-align: left;
	font-size: 1.0rem;
	line-height: 2.0em;
	margin-top: 30px;
}
.top_mssg p.right {
	text-align: right;
}


/* Company Info
--------------------------------------------------*/
.co_info {
	margin: 0 30px;
	padding: 50px 50px 30px;
	background-color: rgba(153,240,202,0.7); /* GRN */
}

table.company {
	width: 840px;
	margin: 0 auto 50px;
	border-collapse: separate;
	border-spacing: 0px 10px;
	font-size: 1.0rem;
	line-height: 1.8em;
}
table.company th,
table.company td {
	padding: 20px;
	color: #555;
}
table.company th {
	background: #FFD700;	/* YLW */
	vertical-align: middle;
	text-align: center;
	width: 185px;
	overflow: visible;
	position: relative;
	font-weight: normal;
	font-size: 1.0rem;
}
table.company th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 215, 0, 0);
	border-left-color: #FFD700;	/* YLW */
	border-width: 10px;
	margin-top: -10px;
}
table.company td {
	background: #FFF;
	padding-left: 40px;
}

/* Company History
--------------------------------------------------*/
table#histories {
	width: 840px;
	margin: 0 auto 50px;
	border-collapse: collapse;
	font-size: 1.0rem;
	line-height: 1.8em;
}
table#histories tr {
	color: #706B45;	/* BRWN */
}
table#histories tr:nth-child(even) {
	background-color: #FDFFD7; /* P_YLW */
	background-color: rgba(253,255,215,1.0); /* P_YLW */
}
table#histories tr:nth-child(odd) {
	background-color: #C9FDD7;	/* P_GRN */
	background-color: rgba(201,253,215,1.0); /* P_GRN */
}
table#histories th {
	width: 274px;
	padding: 20px;
	border-right: 1px solid #706B45;	/* BRWN */
	text-align: right;
	vertical-align: top;
	font-size: 1.0rem;
}
table#histories td {
	width: 485px;
	padding: 20px;
	text-align: left;
	font-size: 1.0rem;
	line-height: 1.8em;
}


/* Motto
--------------------------------------------------*/
#motto p {
	text-align: center;
	font-size: 1.875rem;
	line-height: 2.0em;
	color: #706B45;	/* BRWN */
	margin-top: 30px;
}


/* Form Area
--------------------------------------------------*/
#form_area .innr {
	padding-bottom: 200px;
}
#form_area p {
	text-align: center;
	font-size: 1.0rem;
	line-height: 2.0em;
	color: #FFF;	/* WHT */
	margin-top: 30px;
	padding: 0 80px;
}
#form_area p img {
	vertical-align: middle;
}
#form_area p a {
	color: #DAA520; /* GLD */
	text-decoration: none;
}
#form_area p a:hover,
#form_area p a:active {
	text-decoration: underline;
}

form#mailformpro input.box100 {
	width: 100%;
}

form#mailformpro textarea.box100 {
	width: 100%!important;
}

form#mailformpro input.box70 {
	width: 70%;
}
form#mailformpro input.box30 {
	width: 30%;
}


/* Privacy Policy
--------------------------------------------------*/
#privacy p {
	text-align: left;
	font-size: 1.0rem;
	line-height: 2.0em;
	color: #FFF;	/* WHT */
	margin-top: 30px;
	padding: 0 50px;
	margin-bottom: 100px;
}
.policy_box {
	padding: 0 50px;
}
.policy_box p {
	text-align: left;
	font-size: 1.0rem;
	line-height: 2.0em;
	color: #706B45;	/* BRWN */
	margin: 30px auto;
}
.policy_box ol {
	list-style-type: lower-latin;
	margin-bottom: 50px;
}
.policy_box ol li {
	margin-right: 40px;
	margin-left: 40px;
	color: #706B45;	/* BRWN */
	font-size: 1.0rem;
}


/* Recruit
--------------------------------------------------*/
.employment {
	padding: 0 30px;
}

table.employ_info {
	width: 940px;
	margin: 0 auto 50px;
	border-collapse: separate;
	border-spacing: 0px 10px;
	font-size: 1.0rem;
	line-height: 1.8em;
}
table.employ_info th,
table.employ_info td {
	padding: 20px;
	color: #555;
}
table.employ_info th {
	background: #99F0CA;	/* GRN */
	vertical-align: middle;
	text-align: center;
	width: 185px;
	overflow: visible;
	position: relative;
	font-weight: normal;
	font-size: 1.0rem;
}
table.employ_info th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(153, 240, 202, 0);
	border-left-color: #99F0CA;	/* GRN */
	border-width: 10px;
	margin-top: -10px;
}
table.employ_info td {
	background: #FFF;
	padding-left: 40px;
}

.notice_box {
	background: url(../images/bg_YlwBalln.png) center top no-repeat;
	margin: 0 30px;
	padding: 60px 30px 30px;
	text-align: center;
}
.notice_box h5,
.notice_box p {
	color: #706B45;	/* BRWN */
	font-size: 1.0rem;
	line-height: 2.0em;
}




/* Common Styles
--------------------------------------------------*/
.bloq_orng {
	margin: 30px;
	padding: 100px 50px 30px;
	background: url(../images/Bloq_Orng.png) top right no-repeat;
	background-color: #EA9173; /* ORNG */
	background-color: rgba(234,145,115,1.0); /* ORNG */
}
.bloq_prpl {
	margin: 30px;
	padding: 100px 50px 30px;
	background: url(../images/Bloq_Prpl.png) top right no-repeat;
	background-color: #CA6698; /* PRPL */
	background-color: rgba(202,102,152,1.0); /* PRPL */
}






/* Status
--------------------------------------------------*/
#status {
	background: url(../images/bg_GrnPic_02.jpg) top center no-repeat;
	background-size: cover;
}
#status img {
	display: block;
	margin: 0 auto;
}
.status_box {
	float: left;
	margin: 30px;
	width: 440px;
}
.status_box h5 {
	margin-left: 70px;
	text-align: left;
	color: #555; /* GRY */
	display: block;
}
.status_box p {
	margin-left: 70px;
	padding-left: 40px;
	text-align: left;
	color: #555; /* GRY */
	display: block;
}
.status_box p.icon_adrs {
	background: url(../images/icon_adrs.png) top left no-repeat;
}
.status_box p.icon_tel {
	background: url(../images/icon_tel.png) top left no-repeat;
}
.status_box p.icon_fax {
	background: url(../images/icon_fax.png) top left no-repeat;
}
#status .status_box img {
	margin: 0;
}
#status a:hover img,
#status a:active img {
	opacity: 0.7;
}




/* Footer
--------------------------------------------------*/
#footer {
	width: 100%;
	padding-top: 120px;
	padding-bottom: 100px;
	background: url(../images/Bg_Orng.png) top center no-repeat;
	background-color: #706B45; /* BRWN */
}
#footer h4,
#footer p {
	text-align: center;
	margin-bottom: 30px;
	color: #FFF;	/* WHT */
}





/* --------------------------------------------------*/
/* Common Styles */
/* --------------------------------------------------*/
hr {
	height: 1px;
	border: 0;
}


/* ------------------------------ */

/* ------------------------------ */

/* ------------------------------ */