/*------------------------------------------------------------
	◆読み込みHTML
	/index.html
------------------------------------------------------------*/
#index #mainVisual,
#index #pagePath {
	display: none;
}

#index #main {
	margin: 0;
}

#index #main .mainImg img {
	width: 100%;
}

#index #main .information {
	margin-bottom: 29px;
	padding: 30px 20px 28px;
	background-color: #ECEFF0;
	border-bottom: 1px solid #CCC;
}

#index #main .information .ttl {
	margin-bottom: 14px;
	text-align: center;
}

#index #main .information .ttl img {
	width: 113px;
}

#index #main .information dt {
	float: left;
}

#index #main .information dd {
	padding-left: 7em;
}

#index #main .heading01 {
	margin-bottom: 30px;
	text-align: center;
}

#index #main .heading01 img {
	height: 54px;
	width: auto;
}

#index #main #works {
	margin-bottom: 31px;
}

#index #main #works .worksUl {
	margin-bottom: 83px;
}

#index #main #works .worksUl li {
	padding: 80px 0 13px;
	color: #fff;
	position: relative;
	line-height: 1.6;
	text-align: center;
	background-color: #356C20;
}

#index #main #works .worksUl li:before {
	width: 100%;
	height: 57px;
	background: url(../images/index/arrow02.png) no-repeat left top;
	background-size: 100% 57px;
	position: absolute;
	left: 0;
	bottom: -57px;

	content: "";
}

#index #main #works .worksUl li:nth-of-type(2):before {
	background: url(../images/index/arrow01.png) no-repeat left top;
	background-size: 100% 57px;
}

#index #main #works .worksUl li span {
	display: block;
}

#index #main #works .worksUl li .ttl {
	margin-bottom: 22px;
}

#index #main #works .worksUl li .ttl img {
	width: 151px;
}

#index #main #works .worksUl li:first-of-type {
	padding: 30px 0 0;
	z-index: 30;
}

#index #main #works .worksUl li:nth-of-type(2) {
	padding-bottom: 5px;
	z-index: 20;
	background-color: #49962C;
}

#index #main .linkUl {
	margin: 0 10px;
	text-align: center;
	font-size: 1.4rem;
}

#index #main .linkUl li {
	margin-top: 10px;
}

#index #main .linkUl li:first-of-type {
	margin-top: 0;
}

#index #main .linkUl li a {
	padding: 20px 0;
	display: block;
	color: #49962c;
	position: relative;
	border: 1px solid #529B36;
	background: url(../images/common/icon03.png) no-repeat 96% center;
	background-size: 7px 13px;
}

#index #main .linkUl li a:before {
	margin-top: -14px;
	width: 24px;
	height: 28px;
	background: url(../images/common/icon01.png) no-repeat left top;
	background-size: 24px 28px;
	position: absolute;
	top: 50%;
	left: 5%;

	content: "";
}

#index #main .linkUl li:nth-of-type(2) a:before {
	background: url(../images/common/icon02.png) no-repeat left top;
	background-size: 24px 28px;
}

#index #main #recruit {
	padding: 31px 10px 30px;
	background: url(../images/common/com_bg.png) repeat left top;
	background-size: 2px 3px;
}

#index #main #recruit .heading01 {
	margin-bottom: 19px;
}

#index #main #recruit p {
	margin-bottom: 31px;
	text-align: center;
}

#index #main #recruit p img {
	width: 235px;
}

#index #main #recruit .linkUl {
	margin: 0
}

#index #main #recruit .linkUl li a {
	padding: 19px 0 18px;
	color: #fff;
	border: none;
	background: #49962C url(../images/common/icon06.png) no-repeat 96% center;
	background-size: 7px 14px;
}

#index #main #recruit .linkUl li a:before {
	margin-top: -13px;
	width: 30px;
	height: 25px;
	background: url(../images/common/icon04.png) no-repeat left top;
	background-size: 30px 25px;
	position: absolute;
	top: 50%;
	left: 5%;

	content: "";
}

#index #main #recruit .linkUl li:nth-of-type(2) a {
	background-color: #D2A326;
}

#index #main #recruit .linkUl li:nth-of-type(2) a:before {
	margin-top: -15px;
	width: 29px;
	height: 29px;
	background: url(../images/common/icon05.png) no-repeat left top;
	background-size: 29px 29px;
}

#index #main .photo img {
	width: 100%;
}

/*------------------------------------------------------------
	◆読み込みHTML
	/business.html
------------------------------------------------------------*/
#business .photo {
	margin-bottom: 17px;
}

#business .photo img {
	width: 100%;
}

#business p {
	color: #333;
}

#business #work {
	margin-bottom: 26px;
}

#business #control,
#business #electric {
	margin: 0 -10px 29px;
	padding: 32px 10px 22px;
	background-color: #EBEFF0;
}

#business #control .photo {
	margin-bottom: 14px;
}

#business #tool {
	margin-bottom: 25px;
}

#business #tool .photo {
	margin-bottom: 13px;
}

#business #electric {
	margin-bottom: 0;
	padding-bottom: 30px;
}

#business #electric .photo {
	margin-bottom: 13px;
}

/*------------------------------------------------------------
	◆読み込みHTML
	/construction.html
------------------------------------------------------------*/
#construction .comHeading02 {
	margin-bottom: 33px;
}

#construction .photoList {
	margin-bottom: 20px;
}

#construction .photoList li {
	padding-top: 10px;
	float: left;
	width: 49%;
}

#construction .photoList li:first-child {
	padding: 0;
	width: auto;
	float: none !important;
}

#construction .photoList li:nth-child(2n-1) {
	float: right;
}

#construction li img {
	width: 100%;
}

#construction .comDl dt,
#construction  .comDl dd {
	text-align: center;
}

/*------------------------------------------------------------
	◆読み込みHTML
	/company.html
------------------------------------------------------------*/
#company .comHeading02 {
	margin-bottom: 33px;
}

#company .comDl {
	margin-bottom: 30px;
}

#company .map iframe {
	width: 100%;
	border: none;
}

#company #office {
	margin-bottom: 26px;
}

#company #factory {
	margin-bottom: 60px;
}

/*------------------------------------------------------------
	◆読み込みHTML
	/recruit.html
------------------------------------------------------------*/
#recruit #main {
	margin-bottom: 40px;
}

#recruit #main .comHeading02 {
	margin-bottom: 35px;
}

#recruit #main #sec03 .comDl {
	margin-bottom: 25px;
}

/*------------------------------------------------------------
	◆読み込みHTML
	/voice.html
------------------------------------------------------------*/
#voice #main {
	margin-bottom: 40px;
}

#voice .comHeading02 {
	margin-bottom: 30px;
}

#voice #main ul {
	margin-bottom: 17px;
}

#voice #main li {
	margin-bottom: 10px;
	float: left;
	width: 49%;
}

#voice #main li:nth-child(2n) {
	float: right;
}

#voice #main li img {
	width: 100%;
}

#voice .bgBox {
	margin-bottom: 20px;
	padding: 16px 14px 15px;
	background: url(../images/common/com_bg.png) repeat left top;
	background-size: 2px 3px;
}

#voice .bgBox .title {
	margin-bottom: 11px;
	padding: 2px 0 0 30px;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.2;
	background: url(../images/voice/icon.png) no-repeat left top;
	background-size: 23px 22px;
}

#voice .bgBox .imgBox {
	margin: 0 25px 27px;
	position: relative;
}

#voice .bgBox .imgBox img {
	width: 50%;
}

#voice .bgBox .text {
	width: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
}

#voice .bgBox .text img {
	width: 97px;
}

#voice .bgBox .textBox {
	padding: 12px 18px 14px;
	position: relative;
	background-color: #4D585E;
}

#voice .bgBox .textBox p {
	color: #fff;
	line-height: 1.6;
}

#voice .bgBox .textBox:before {
	margin: -15px 0 0 -10px;
	width: 15px;
	height: 15px;
	position: absolute;
	left: 50%;
	top: 0;
	background: url(../images/voice/bg01.png) no-repeat center top;
	background-size: 15px 15px;

	content: "";
}

#voice .bgBox .bgBox01 {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #fff;
}

#voice .bgBox02 {
	margin-bottom: 30px;
}

/*------------------------------------------------------------
	◆読み込みHTML
	/contact.php
------------------------------------------------------------*/
#contact #main {
	margin-bottom: 40px;
}

#contact #main .comHeading02 {
	margin-bottom: 27px;
}

#contact #main p {
	margin-bottom: 20px;
	line-height: 1.6;
}

#contact #main p:nth-of-type(2) {
	margin-bottom: 24px;
}

#contact #main .comDl {
	margin-bottom: 36px;
}

#contact #main .comDl dt img {
	margin-left: 10px;
	margin-top: 2px;
	width: 30px;
	vertical-align: top;
}

#contact #main .comDl dd {
	padding: 11px 11px 7px;
}

#contact #main .comDl input[type="text"] {
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 0;
}

#contact #main .comDl dd span {
	margin-top: 3px;
	display: block;
}

#contact #main .comDl dd .customSelect {
	margin: 0;
	padding: 0 5px;
	margin-bottom: 10px;
	width: 51%;
	height: 35px;
	line-height: 28px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background: url(../images/contact/img03.png) no-repeat right center;
	background-size: 38px 35px;
}

#contact #main .comDl dd .radioUl {
	margin-bottom: 10px;
}

#contact #main .comDl dd .radioUl li {
	margin-top: 5px;
}

#contact #main .comDl dd .radioUl li:first-of-type {
	margin: 0;
}

#contact #main .comDl dd .radioUl input {
	margin-top: 0;
	vertical-align: middle;
}

#contact #main .comDl dd textarea {
	width: 100%;
	height: 152px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 0;
}

#contact #main .submit {
	text-align: center;
}

#contact #main .submit li input {
	padding: 20px 0;
	color: #fff;
	width: 100%;
	border: none;
	border-radius: 0;
	background: #D2A326 url(../images/common/icon06.png) no-repeat 95% center;
	background-size: 7px 14px;
}

#contact #main .comDl dd .txt {
	margin-bottom: 5px;
}

.center02{
	text-align:center;
}

.center02 .bbt02{
    padding: 20px 0;
    color: #fff;
    width: 48%;
    border: none;
    border-radius: 0;
    background: #D2A326 url(../images/common/icon06.png) no-repeat 95% center;
    background-size: 7px 14px;
}

.center02 .bbt{
    padding: 20px 0;
    color: #000;
    width: 48%;
    border: none;
    border-radius: 0;
    background: #ccc url(../images/common/icon09.png) no-repeat 95% center;
    background-size: 7px 14px;
    background-position: 10% 50%;
}

.required,.must{
width: 10%;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 17px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background: #D2A326;
    margin-left: 5%;
}

.red,.red2{
	color:#F00;
}