@charset "utf-8";


main{
	padding-top:210px;
}
main img{ max-width:100%; height: auto; }

main section{
	padding:40px 10px 40px;
}
main h3{
	line-height:1.2em;
	margin-bottom:15px;
}
.section-inner{
	width:980px;
	margin:0 auto;
}

#eye{
	padding:0;
	background-size:100% auto;
	position:relative;
}

.bxslider{
	width:100%; 
	height:500px;
	position:relative;
}
.bxslider li{
	height:500px;
	position:absolute;
	backgorund-size:100% auto !important;
	overflow:hidden;
}
.bxslider li img{
	width:100%;
}
#eye .eye-copy{
	position:absolute;
	left:0%;
	right:0%;
	z-index:500;
	width:980px;
	margin:0 auto;
	text-align:left;
}
#eye .eye-copy01{
	top:200px;
}
#eye .eye-copy02{
	top:300px;
}

.page #eye{
	background-size:100% auto;
	position:relative;
	padding:0;
	margin-bottom:50px;
	background-position: center center;
	background-repeat: no-repeat;
}
.page #eye .section-inner{
	padding:60px 0 60px 20px;
	color:#fff;
	text-align:left;
	border-left:10px solid #06824E;
}






@media only screen and (max-width: 1600px) { 
	.bxslider li img{
		width:auto;
		height:100%;
		max-width:none;
	}
	.page #eye{
		background-size:100% auto;
		position:relative;
	}
}
#eye p:first-child{
	margin-bottom:60px;
}
#eye p{
	position:relative;
	left:-20px;
}

.concept{
	background:#D8D8D8;
	text-align:left;
	margin-bottom:70px;
}

.concept .fl{
	padding:40px 0 0;
	width:285px;
	height:230px;
	background:url(../images/home/concept-line.jpg) right 0 no-repeat;
}
.concept .fr{
	width:645px;
	
}

#sec01 .section-inner{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-around;	
}
.jigyou-box{
	margin-bottom:80px;
}
.jigyou-box-title{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:20px;
	border-left:10px solid #06814D;
	line-height:25px;
}
.jigyou-box-title span{
	color:#06814D;
	font-size:22px;
}
.jigyou-box:nth-child(4){
	position:relative;
	left:80px;
}
.jigyou-box:nth-child(5){
	position:relative;
	right:80px;
}



#sec02 p{
	margin-bottom:50px;
}

#sec02 p a{
	display:block;
	width:978px;
	height:141px;
	padding:70px 0 0;
	margin:0 auto;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#sec02 p a span{
	font-size:22px;
}
#sec02 .sec02-banner01 a{
	background:url(../images/home/sec02-con01-bg.jpg) center 0 no-repeat;
}
#sec02 .sec02-banner02 a{
	background:url(../images/home/sec02-con02-bg.jpg) center 0 no-repeat;
}

#sec03{
	margin-bottom:70px;
}
#sec03 .section-inner{
	display:flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
#sec03 .section-inner .info-box{
	background:#D8D8D8;
	width:45%;
	padding:40px 0;
	font-size:24px;
	color:#06814D;
}
#sec03 .section-inner .info-box .info-title{
	font-weight:bold;
	font-size:22px;
}
#sec03 .section-inner .info-box .info-title-small{
	font-weight:bold;
	font-size:16px;
	color:#333;
}
#sec03 .grobal-tel{
	background: url(../images/glo-tel-icon.jpg) 0 7px no-repeat;
	padding: 0 0 0 28px;
	width: 9em;
	margin: 0 auto;
}

.foot-navi{
	background:#06824E;
	padding:40px 0;
	text-align:center;
	color:#fff;
}
.foot-navi a{
	text-decoration:none;
	color:#fff;
}





/*------------------------page*/

.page-title{
	font-size:34px;
	font-weight:bold;
}

.page-link ul{
	font-size:20px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.page-link a{
	display:block;
	border-bottom:7px solid #06824E;
	padding:10px 20px;
	font-weight:bold;
	text-decoration:none;
	color:#06824E;
}
.con-title, .gray-box-title{
	font-weight:bold;
	text-align:left;
	font-size:38px;
	color:#06824E;
	line-height:35px;
	margin-bottom:50px;
}
.gray-box-title{
	margin-bottom:20px;
}
.con-title span, .gray-box-title span{
	font-size:16px;
}
.con-sub-title{
	font-weight:bold;
	text-align:left;
	color:#06824E;
	padding-left:20px;
	border-left:10px solid #06824E;
	font-size:22px;
	line-height:25px;
	margin-bottom:50px;
	margin-top: 80px;
}
.con-sub-title span{
	color:#333;
	font-size:16px;
}

.gray-box{
	background:#D8D8D8;
	padding:20px;
	margin-bottom:50px;
}
.gray-box .fl{
	width:350px;
	background:url(../images/home/concept-line.jpg) right 0 no-repeat;
	text-align:left;
	background-size: auto 100%;
}
.gray-box .fl img{
	width:320px;
}

.gray-box .fr{
	width:560px;
	text-align:left;
}
.gray-box-click-bt{
	text-align:right;
	margin-top:20px;
}

.left-img-box{
	margin-bottom:50px;
}
.left-img-box .fl{
	width:360px;
}
.left-img-box .fr{
	width:580px;
	text-align:left;
}

.three-img-box-wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	text-align:left;
	margin-bottom:50px;
}
.three-img-box{
	width:318px;
}
.three-img-box h3{
	font-size:22px;
	color:#06804C;
	font-weight:bold;
}

.product-box-wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	text-align:left;
	margin-bottom:50px;
}
.product-box{
	width:460px;	
}
.product-box h3{
	font-size:22px;
	color:#06804C;
	font-weight:bold;
}
.product-box table{
	width:100%;
	margin-top:20px;
}
.product-box table th{
	padding:3px 10px;
	background:#06804C;
	border:1px solid #fff;
	color:#fff;
}
.product-box table td{
	padding:3px 10px;
	background:#d8d8d8;
	border:1px solid #fff;
}

.list-box{
	margin-bottom:50px;
}
.list-box table{
	width:100%;
}
.list-box tr{
	text-align:left;
	border-bottom:2px solid #fff;
	border-left:10px solid #06804C;
}
.list-box th{
	clear:both;
	min-width:25%;
	padding:15px 20px;
	background:#d8d8d8;
	font-size:18px;
}
.list-box td{
	padding:15px 20px;
	background:#d8d8d8;
}

.text-box{
	text-align:left;
	margin-bottom:50px;
}

.harf-gray-box-rapper{
	margin-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.harf-gray-box{
	background:#D8D8D8;
	padding:20px;
	text-align:left;
	width:45%;
}
.harf-gray-box h3{
	font-size:22px;
	color:#06804C;
	font-weight:bold;
}


.harf-gray-box .fl{
	width:132px;
	margin:0 15px 15px 0;
}

.harf-gray-box .fr{
	float:none;
}

.page-fotter{
	margin-bottom:70px;
}
.page-fotter a{
	text-decoration:none;
}

.page-fotter .section-inner{
	display:flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.page-fotter .section-inner .info-box{
	background:#D8D8D8;
	width:45%;
	padding:20px;
	font-size:24px;
	color:#06814D;
}
.page-fotter .section-inner .info-box .info-title{
	font-weight:bold;
	font-size:22px;
}
.page-fotter .section-inner .info-box .info-title-small{
	font-weight:bold;
	font-size:16px;
	color:#333;
}
.page-fotter .grobal-tel{
	background: url(../images/glo-tel-icon.jpg) 0 7px no-repeat;
	padding: 0 0 0 28px;
	width: 9em;
	margin: 0 auto;
}
.page-fotter .info-box-title{
	padding:10px 0 0 70px;
}
.page-fotter .info-box-title-tel{
	background: url(../images/tel-icon.jpg) 0 7px no-repeat;
	background-size:55px auto;
	margin:0 60px 30px;
}
.page-fotter .info-box-title-mail{
	background: url(../images/mail-icon.jpg) 0 7px no-repeat;
	background-size:70px auto;
	margin:0 60px 50px;

}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------スマホ用--------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 800px) {
	img{ max-width:100%; }
	.fl, .fr{ float:none; width:100%; }
	
	
	main{
		padding-top:12vh;
	}
	main section {
		padding: 0 10px 50px;
	}
	.section-inner {
		width: 100%;
		margin: 0 auto;
	}
	#eye{
		padding:0;
		background-size:auto 140%;
		height:calc( 100vh - 80px );
	}
	#eye p:first-child {
		margin-bottom: 20px;
	}
	#eye p {
		position: relative;
		left: 0;
	}
	#eye p img{
		width:90%;
	}
	#eye .eye-copy {
		left: 10px;
		right: 0%;
		z-index: 500;
		width:calc( 100vw - 20px );
		margin: 0 auto;
		text-align: left;
	}
	.bxslider{
		height:calc( 100vh - 80px );
	}
	.bx-viewport{
		height:calc( 100vh - 80px ) !important;
	}
	.bxslider li{
		height:calc( 100vh - 80px ) !important;
	}
	.bxslider li img {
		width: auto;
		height: 100%;
		max-width:none;
		position:relative;
		left:-50%;
	}
	.concept .fl {
		padding: 40px 0 0;
		width: 100%;
		background:none;
		text-align:center;
	}
	.concept .fr {
		width: 100%;
	}
	.jigyou-box{
		width:45%;
		margin-bottom:40px;
	}
	.jigyou-box-title {
		text-align: left;
		font-weight: bold;
		margin-bottom: 10px;
		padding-left: 10px;
		border-left: 5px solid #06814D;
		line-height: 25px;
	}
	.jigyou-box-title span {
		font-size: 19px;
	}
	.jigyou-box:nth-child(4){
		position:relative;
		left:0;
	}
	.jigyou-box:nth-child(5){
		position:relative;
		right:0;
	}

	#sec02 p {
		margin-bottom: 20px;
	}
	#sec02 p a {
		display: block;
		width: 100%;
		height: 80px;
		padding: 22px 0 0;
		margin: 0 auto;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}
	.foot-fix {
		z-index:600;
	}
	.foot-fix a{
		text-decoration:none;
		display:block;
	}

	.foot-fix .info-box{
		background:#D8D8D8;
		width:calc( 50% - 60px );
		padding:10px 10px 10px 50px;
		color:#06814D;
		position:fixed;
		border-top:1px solid #aaa;
		z-index:9999;
	}
	.foot-fix .info-box .info-title{
		font-weight:bold;
		font-size:14px;
		line-height:1.2em;
	}
	.foot-fix .info-box .info-title-small{
		font-weight:bold;
		font-size:11px;
		color:#333;
	}
	.foot-fix .info-box-tel{
		background: url(../images/tel-icon.jpg) 10px center no-repeat #d8d8d8;
		background-size:40px auto;
		bottom:0;
		left:0;
		border-right:1px solid #aaa;
	}
	.foot-fix .info-box-mail{
		background: url(../images/mail-icon.jpg)  5px center no-repeat #d8d8d8;
		background-size:50px auto;
		bottom:0;
		right:0;
	}

	/*--------------------------------page*/
	.page #eye .section-inner {
		width:calc( 100% - 30px );
		padding: 30px 0 30px 20px;
		line-height:2.5em;
	}
	.page #eye {
		background-size:150% auto;
		position: relative;
		height:auto;
	}
	.page-link ul li {
		list-style: none;
		width: 47%;
		line-height:1.2em;
	}
	.page-link ul li a{
		padding:10px;
	}
	.gray-box .fl {
		width: 100%;
		background: none;
		text-align: left;
	}
	.gray-box .fl img, .gray-box .fr {
		width: 100%;
	}
	.left-img-box .fl, .left-img-box .fr {
		width: 100%;
	}
	
	.product-box {
		width: 48%;
	}
	.product-box h3 {
		font-size: 17px;
		color: #06804C;
		font-weight: bold;
	}
	.product-box table th, .product-box table td{
		display: block;
	}
	.harf-gray-box {
		background: #D8D8D8;
		padding: 10px;
		text-align: left;
		width: calc(48% - 20px);
	}
	.three-img-box {
		width:100%;
		margin-bottom:20px;
	}
	.three-img-box-img{
		float:left;
		width:27%;
	}
	.three-img-box-text{
		float:right;
		width:70%;
	}
	.harf-gray-box {
		width:100%;
		border-bottom:1px solid #fff;
	}
	.harf-gray-box .fl {
		float:left;
		width: 27%;
	}
	.harf-gray-box .fr {
		float:right;
		width: 70%;
	}
}

form.miniSurveyView{
	margin-top: 100px;
}
.formBlockSurveyTable{
	width: 100%;
}
.formBlockSurveyTable tr:not(:last-child){
	border-bottom: 1px dotted #111;
}
.miniSurveyView table.formBlockSurveyTable td{
	padding: 24px 5px 12px;
}
.miniSurveyView table.formBlockSurveyTable td.question{
	font-weight: bold;
}
.formBlockSurveyTable input[type="text"],
.formBlockSurveyTable input[type="tel"],
.formBlockSurveyTable input[type="email"],
.formBlockSurveyTable textarea{
	width: 100%;
	border: 1px solid #888;
	padding: 5px;
}
.formBlockSurveyTable input[type="submit"]{
	padding: 7px;
	font-size:15px;
	width: 260px;
	font-size: 0px;
	letter-spacing: 0.1em;
	text-align: center;
	background: #057445;
	background-image: url('../images/bg_form_button.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding: 20px;
}
@media screen and (max-width: 767px) {
	.miniSurveyView table.formBlockSurveyTable td{
		display: block;
	}
	.miniSurveyView table.formBlockSurveyTable td.question{
		padding-bottom: 0;
	}
	.miniSurveyView table.formBlockSurveyTable tr:last-child td{
		text-align: center;
	}
}