@charset "utf-8";

/* topMain */
.topMain { margin:0; padding: 0;}
.topMain .topImg { z-index: 100; }
.topMain .topImg img { width: 100%; }

/* fix_img */
.fix_img1{ padding: 500px 0; background: url(../images/fix01.jpg) no-repeat center top fixed; background-size: cover; }
.fix_img2{ padding: 500px 0; background: url(../images/fix02.jpg) no-repeat center top fixed; background-size: cover; }
.fix_img3{ padding: 500px 0; background: url(../images/fix03.jpg) no-repeat center top fixed; background-size: cover; }
.fix_img4{ padding: 500px 0; background: url(../images/fix04.png) no-repeat center top fixed; background-size: cover; }

/* business */
.business { padding: 80px 0 40px; background: url(../images/bg_business.png) no-repeat; background-size: cover;}
.business a { color: #000; text-decoration: none; }
.business h2 img { display: block; margin: 0 auto 50px; }
.business h3 {display: block;font-size: 20px;line-height: 1.5;text-align: center;}
.business .col3 img { display: block; margin-bottom: 15px; }
.business .col3 { padding: 0 10px 20px; border-right: 1px solid #e6e6e6; }
.business .col3:nth-of-type(3) { border-right: none; }
.business .col2 { padding: 10px 30px 20px; border-right: 1px solid #e6e6e6; }
.business .col2:nth-of-type(2) { border-right: none; }
.business .col3Box { margin-bottom: 10px; }
.business .col2Box { padding-top: 10px; border-top: 1px solid #e6e6e6;}

/* info */
.info { padding: 80px 0;}
.info h2 img { display: block; margin: 0 auto 50px; }
.info .update {font-size:13px;width:66%;margin: 0 auto; padding: 10px 0; border-top: 1px solid #e6e6e6;}
.info p.date {float: left; color: #fff; background: #000; padding: 3px 5px; line-height: 1.5;}
.info p.comment {overflow: hidden; padding: 3px 5px 3px 40px; line-height: 1.5;}
.info .infoLast {border-bottom: 1px solid #e6e6e6;}

/* philosophy*/
.philosophy { padding: 120px 0; background: url(../images/bg_philosophy.png) no-repeat; background-size: cover;}
.philosophy h2 img { display: block; margin: 0 auto 50px; }
.philosophy p img { margin: 0 auto 50px; }
.philosophy p {text-align: center; line-height: 2; font-size: 17px;}

/* energy */
.energy { padding: 100px 0 80px; background: url(../images/arrow.png) no-repeat right 1% center;}
.energy h2 { display: block; margin: 0 0 50px; }
.energyL { width:50%; float: left; padding: 50px 50px 0 0;}
.energyR { width:50%; float: right;}
.energy .energyL p {font-size:14px; line-height: 2; }
.energy .energyR p {font-size:13px; line-height: 1.5; padding-bottom: 10px; }
.energy .energyR h3 {font-size:15px; line-height: 1.2; display: block;margin-bottom: 10px;}
.energy .energyR img {display:block; margin-bottom: 10px;}
.energy .energyR .col3 {width: 40%; padding: 0 10px 0;}

/* recruit */
.recruit { padding: 100px 0 80px; background: url(../images/bg_recruit.jpg) no-repeat; background-size: cover;}
.recruit h2 { display: block; margin: 0 0 30px; }
.recruit p { display: block; margin: 0 0 20px; }
.recruit .rec_btn a {
	display: block;
	width: 320px; 
	height: 50px; 
	color: #000;
	text-align: center;
	letter-spacing: 1px;
	padding: 15px 0; 
	text-decoration: none; 
	border: 2px solid #000;
}
.recruit .rec_btn a:hover { text-decoration: underline;}

/* topContact */
.topContact { position: relative; padding: 30px 0; background: url(../images/bg_contact.png) no-repeat; background-size: cover;}
.topContact .tel { position: absolute; top: 30px; left: 50%;}


@media screen and (max-width: 1599px){
	.topContact { background: none; }	
	.topContact .mail { width: 48%; float: left; padding: 10px; text-align: center; background: #fe431a; border-radius: 30px; }
	.topContact .tel { width: 48%; float: right; position: relative; top: 0; left: 0; padding: 10px; text-align: center; background: #fff; border-radius: 30px; border: 1px solid #fe431a;}
}

/* access */
.access { padding: 170px 0; background: url(../images/bg_access.png) no-repeat; background-size: cover;}
.access .accessFrame { padding: 50px 20px; color: #fff; background-color: rgba(0, 0, 0, 0.67);}
.access h3 { display: block; margin-bottom: 10px; font-size: 16px;}
.access .col2 p { display: block; padding: 0 0 50px; line-height: 1.5; font-size: 14px; overflow: hidden; }
.access .col2 img { float: left; clear: left; position: relative; margin: 0 15px 20px 0; }



@media screen and (max-width: 667px){
	
	.business,.info,.philosophy,.energy,.recruit,.access { padding: 50px 10px; }
	
	/* business*/
	.business { background-size: cover;}

	/* topMain */
	.topMain {padding:0;}
	.topMain .topImg {width:100%;float:none;}
	.fix_img1,.fix_img2,.fix_img3,.fix_img4 { display: none; }
	
	/* info */
	.info .update {width:100%;}
	
	/* energy */
	.energy { background: none;}
	.energyL { width:100%; float: none; margin-bottom: 20px; padding: 0;}
	.energyR { width:100%; float: none;}
	.energy .energyR .col3 {width: 30%; float: left; padding: 0; margin-left: 2%;}
	
	/* recruit */
	.recruit { background: none;}	
	.topContact { padding: 0 10px 50px; }
	.topContact img { width: 80%; }
}