@charset "UTF-8";
/* CSS Document */
body{
	width: 100%;
	height: auto;
	font-family: "Noto Sans Japanese";
	/*font-family: 'Poppins', sans-serif;*/
	font-family: 'PT Sans', sans-serif;
	margin: auto;
	background: #F1EFEF;
	/*background: #fff;*/
	/*display:none;*/
	padding: 0;
	overflow-x: hidden;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	}	
	

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


	
img{max-width: 100%; height: auto;}

a img{opacity: 1; transition: 0.3s;}
a:hover img{opacity: .75;}


h1,h2,h3,h4,h5,h6,p{display: inline; padding:0; margin: 0;}


li{list-style: none;}


a,a:link{text-decoration: none; color: #000;}
a:hover{text-decoration:underline; color:steelblue;}




/* PC用 */
/*@media only screen and (min-width:960px){*/	

#wrapper{
	width:100%;
	min-width: 1000px;
	height:auto;
	margin:auto;
	background:url(../images/site-bg.png) repeat;
	background-size:auto;
	}



	#head{width:100%; max-width: 1240px; min-width: 1000px; height: 60px; margin: auto;}
	.logo{width:200px; height: 60px; float: left; padding: 0; margin: 0;}
	
	nav ul.menu{width:800px; height: 60px; float: right; padding: 0; margin: 0;}
	nav ul.menu li{width:160px; height: 60px; float: left;}
	nav ul.menu li.entry{width:160px; height: 60px; float: right;}
	nav ul.menu li a:hover img{opacity: 1;}
	
	#top{width:1000px; height: 450px; margin: auto; margin-top: 20px;}
	.led-top{width:1000px; height: 450px; margin: auto;}

	#maker{width:100%; height: 70px; min-width: 1000px; margin: auto; margin-bottom: 20px; background: url(../images/maker-bg.png) repeat-x;
	background-size: contain;}

	.tel-entry{width:850px; height: 130px; float: left; margin:10px 75px 50px 75px;}
	
	
.section-white{width:100%; height:auto; float: left; background:#fff; padding-top: 50px;}
.section-yellow{width:100%; height:auto; float: left; background:url(../images/site-bg.png) repeat;}
.section-blue{width:100%; height:auto; float: left; background:url(../images/site-bg-blue.png) repeat;}
.section-reset{width:1000px; height: auto; margin: auto;}
	
	
	#led-feature{width:1000px; height: auto; float: left; margin-bottom: 50px; padding: 0;}
		.section-title{width:1000px; height: 40px; margin: auto; border-bottom: 2px #022776 solid;}
		.section-title h3{font-size: 38px; font-weight: bold; line-height: 40px; color: #022776;}
		.section-title p{font-size: 30px; line-height: 40px; color: #022776;}
		
		.feature-image{width:300px; height: 450px; float: left; margin: 20px 20px 0px 0px;}
		.feature-6point{width:680px; height: 450px; float: right; margin: 20px 0px 0px 0px; padding: 0;}
	
		.feature-point1{width:220px; height: 220px; float: left; margin: 0px 10px 0px 0px; background: url(../images/led-feature1.png) no-repeat; background-size: contain;}
		.feature-point2{width:220px; height: 220px; float: left; margin: 0px 10px 0px 0px; background: url(../images/led-feature2.png) no-repeat; background-size: contain;}
		.feature-point3{width:220px; height: 220px; float: right; margin: 0px 0px 0px 0px; background: url(../images/led-feature3.png) no-repeat; background-size: contain;}
		.feature-point4{width:220px; height: 220px; float: left; margin: 10px 10px 0px 0px; background: url(../images/led-feature4.png) no-repeat; background-size: contain;}
		.feature-point5{width:220px; height: 220px; float: left; margin: 10px 10px 0px 0px; background: url(../images/led-feature5.png) no-repeat; background-size: contain;}
		.feature-point6{width:220px; height: 220px; float: right; margin: 10px 0px 0px 0px; background: url(../images/led-feature6.png) no-repeat; background-size: contain;}
	
		.feature-text{width:180px; height: 135px; margin: auto; padding: 75px 20px 0px 20px; font-size: 15px; letter-spacing: 0.1em;}
	
	
	#led-place{width:100%; min-width: 1000px; height: 700px; float: left; padding: 0; background: #fff;}
	.section-title2{width:1000px; height: 40px; margin: auto; margin-top: 20px; border-bottom: 2px #022776 dashed ;}
	.section-title2 h3{font-size: 38px; font-weight: bold; line-height: 40px; color: #022776;}
	.section-title2 p{font-size: 30px; line-height: 40px; color: #022776;}
	
	.place-area{width:1000px; height: 600px; margin: auto;}
	.place-image{width:800px; height: 600px; float: left;}
	.place-list-area{width:200px; height:600px; float: right; }
	ul.place-list{width:200px; height: 600px; padding: 0; margin: 0; margin-top: 20px;}
	ul.place-list li{width:200px; height: 30px; line-height: 30px; float: left; margin-bottom: 10px; font-size: 14px; color: #000000; background:#FCD404; text-align: center; border-radius: 4px;}
	ul.place-list li.list-r{width:95px; height: 30px; line-height: 30px; float: right; margin: 0px 0px 10px 10px; font-size: 12px; color: yellow; background: red; text-align: center; border-radius: 4px;}
	
	
	
	
	#led-age{width:100%; min-width: 1000px; height: 500px; float: left; padding: 0;}
	.section-title3{width:1000px; height: 40px; margin: auto; margin-top: 20px; border-bottom: 2px #000 solid;}
	.section-title3 h3{font-size: 38px; font-weight: bold; line-height: 40px; color: #000;}
	.section-title3 p{font-size: 30px; line-height: 40px; color: #000;}
	
	.led-age-area{width:1000px; height: 400px; margin: auto; padding: 0;}
	.led-age-image{width:500px; height: 400px; float: left;}
	.led-age-right{width:500px; height: 400px; float: right;}
		.led-age-text{width:500px; height: 150px;}
			.age-title{width: 500px; height: 30px; float: left; line-height: 30px; font-size: 20px; color: red; font-weight: bold; margin: 10px 0px 5px 0px;}
			.led-age-text p{font-size:12px; letter-spacing: 0.1em;}
		.led-age-paper{width:500px; height: 250px; }
	
	
	
	
	#trouble{width:1000px; height: auto; float: left;  margin:20px 0px 20px 0px;}
	.trouble-start{width:1000px; height: 180px; margin: auto; margin: 0; padding: 0;}
	.trouble-item-list{width:1000px; height: 250px; float: left; padding: 0; background: #fff;}
		.trouble-item{width:900px; height: 250px; margin: auto; padding:20px 50px 10px 50px;}
		.trouble-item p{font-size:18px; color: #000; line-height: 35px; text-align: left;}
		.trouble-item h4{font-size:18px; color: red; line-height: 35px; text-align: left;}
	.trouble-end{width:1000px; height: 20px; float: left;  padding: 0; background: url(../images/led-trouble-end.png) no-repeat; background-size: contain;}

	#led-risk{width:1000px; height: auto; float: left;  margin:20px 0px 30px 0px;}
	.led-risk-list{width:1000px; height: 300px; margin: auto;}
	
	
	
	#led-rental{width:1000px; height: auto; float: left;  margin:20px 0px 20px 0px;}
	.rental-start{width:1000px; height: 90px; margin: auto; margin: 0; padding: 0;}
	.led-icon{width:300px; height: 400px; float: left;}
	.led-rental-title{width:700px; height: 80px; float: right;}
	.led-rental-about{width:700px; height: 320px; float: right;}
	
	

	#led-country{width:1000px; height: auto; float: left;  margin:20px 0px 20px 0px;}
	.led-country-area{width:600px; height: 400px; float: left;}
		.led-country-title{width:600px; height: 100px; float: left;}
		.led-performance{width:600px; height: 150px; float: left;}
		.led-support{width:600px; height: 150px; float: left; font-size: 12px;}
		.led-support p.sup-title{font-size: 15px; font-weight: bold;}
	.led-country-icon{width:400px; height: 400px; float: right; padding: 0;}
	
	
	
	#led-flow{width:100%; min-width: 1000px; height: 700px; float: left; margin-bottom: 50px; padding: 0;background: #fff;}
	.led-flow-title{width:1000px; height: 100px; float: left; }
	.led-flow-image{width: 800px; height: 600px; float: left; margin: 0px 100px 0px 100px;}
	
	
	
	#led-costdown{width:100%; min-width: 1000px; height: 750px; float: left; padding: 0; background: #fff;}
	.led-costdown-image{width:1000px; height: 670px; float: left;}
	
	
	#led-simulation{width:100%; min-width: 1000px; height: auto; float: left; padding: 0;}
	.led-simulation-title{width:1000px; height: 120px; float: left;}
	.led-simulation-area{width:1000px; height: auto; float: left; margin-bottom: 50px;}
	.led-simulation-left{width:400px; height: 400px; float: left;}
	.led-simulation-right{width:600px; height: 400px; float: right;}
	.led-simulation-result{width:800px; height: 200px; float: left; margin: 20px 100px 0px 100px; background: #fff;}
	.result-title{width: 800px; height: 70px; float: left; line-height: 70px; font-size:32px; text-align: center; font-weight: bold;}
	.result-frame{width:750px; height:auto; float: left; margin: 0px 25px 0px 25px;}
	.result-left{width:175px; height: 200px; float: left;}
	.result-center{width:175px; height: 200px; float: left;}
	.result-right{width:400px; height: 200px; float: right;}





	#led-entry{width:100%; min-width: 1000px; height: auto; float: left; margin-bottom: 50px; padding: 0;}
	.led-entry-title{width:1000px; height: 120px; float: left;}
	.form_set{width:780px; height:auto; margin:auto;}

	/*form css*/
	#formWrap {
		width:780px;
		margin:0 auto;
		color:#000;
		line-height:200%;
		font-size:90%;
	}
	table.formTable {
		width:100%;
		margin:0 auto;
		border-collapse:collapse;
	}
	table.formTable td, table.formTable th {
		border:1px solid #ccc;
		padding:10px;
		background: #fff;
	}
	table.formTable th {
		width:30%;
		color: #fff;
		font-weight:normal;
		background:#023C8E;
		text-align:left;
	}
	
	
	
	
	
/*---フッター企業情報---*/
#company-information{width:100%; float: left; border-top: #fff solid 2px; min-width: 1000px; height: 250px; background:#021B5E;}
.info-frame{width:1000px; height: 250px; margin: auto;}
.footer-logo{width:100px; height: 100px; float: left; margin-top: 30px;}
.footer-company{width:320px; height: 200px; float: left; margin: 40px 0px 0px 20px;}
.footer-company p.company-name{font-size:18px; font-weight: bold; color: #fff;}
.footer-company p.address{font-size:13px; line-height:10px; color: #fff;}
.footer-company p.foot-tel{font-size:15px; color: #fff;}
.footer-nav{width:430px; height: 180px;  float: right; padding-left: 20px; margin: 30px 10px 40px 0px; border-left: #fff solid 0.5px;}
.footer-nav-l{width:200px; height: 180px; float: left;}
.footer-nav-r{width:200px; height: 180px; float: right;}
.footer-nav p.f-nav-title{font-size:16px; font-weight: bold; color: #fff;}
.footer-nav p.f-nav{font-size:12px; line-height: 30px; color: #fff;}


a.f-nav,a.f-nav:link{text-decoration: none; color: #fff;}
a.f-nav:hover{text-decoration:none; color:deepskyblue;}
	

	
	
	
/*---フッター---*/
#foot{
	width: 100%;
	min-width: 1000px;
	height: 40px;
	float: left;
	background: #000;
}


	.copy{
		font-family: 'Khula', sans-serif;
		font-size: 12px;
		color:#fff;
		line-height: 40px;
		text-align: right;
		padding-right: 20px;
	}
	
	
	
	







/* スマートフォン 縦(ポートレート) */
/*@media only screen and (max-width:480px){


	
	
	
	
	
	
}*/