@charset "UTF-8";
body{
	background:#fff;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
}
header{
}
header p{
	text-align:center;
	margin:25px 0;
}

#main_image{
	background:url("../images/header_main.png") no-repeat scroll center top;
	background-size:cover;
	position:relative;
}
#main_image h1{
	text-align:center;
	padding:12vh 0;
	max-width:1000px;
	margin:0 auto;
	color:#fff;
}
#main_image h1 p{
	text-align:left;
	color:#fff;
	margin-left:80px;
	font-size:0.9em;
}
#main_image h1 p span{
	background:#fff;
	padding:5px 20px;
	border-radius:15px;
	color:rgba(0,0,0,1);
}

#main_image p{
	color:#fff;
	text-align:center;
	margin:30px 0 0 0;
}

nav ul{
	margin:0;
	padding:0;
	display:flex;
}
nav li{
	margin:0;
	padding:0;
	width:25%;
}
nav li img{
	width:100%;
}
nav li a:hover{
	opacity:0.8;
}

#lead{
	text-align:center;
	font-size:24px;
	color:#004280;
	padding:80px 0;
	width:1080px;
	margin:0 auto;
	font-weight:bold;
	line-height:2em;
}

#lead h2{
	max-width:410px;
	margin:0 auto 50px auto;
}
#lead p.btn{
	margin:40px 0 0 0;
}
#iot,#solution,#air,#thermo{
	margin:0 0 80px 0;
	
}
#iot h3{
	background:url("../images/bg_1.png") no-repeat scroll center top;
	background-size:cover;
	height:400px;
	text-align:center;
	padding:150px 0;
}
#solution h3{
	background:url("../images/theme_bg02.png") no-repeat scroll center top;
	background-size:cover;
	height:500px;
	text-align:center;
	padding:155px 0;
}
#air h3,#thermo h3{
	background:url("../images/theme_bg03.png") no-repeat scroll center top;
	background-size:cover;
	height:500px;
	text-align:center;
	padding:155px 0;
}

.contents_text{
	max-width:1080px;
	margin:80px auto;
	display:flex;
	
}
.contents_text a{
	color:#000;
}
.contents_text dl{
	margin:0 60px;
	line-height:2em;
}
.contents_text dt{
	font-size:36px;
	font-weight:bold;
	color:#004280;
	text-align:center;
	margin-bottom:50px;
	line-height:1.5em;
}
.contents_text dd{
	font-size:18px;
	font-weight:bold;
}
.contents_text p{
	max-width:490px;
}

.btn_set{
	max-width:780px;
	margin:0 auto;
	text-align:center;
}
.btn_set ul{
	display:inline-block;
}
.btn_set li{
	display:inline;
	margin:0 5px;
}

.btn a img{
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
	transition: all 0.3s ease 0s;
}
.btn a:hover img {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
	transform: translateY(-0.1875em);
}

#about{
	background:#e9f0f8;
	padding:100px 0;
	font-weight:bold;
}
#about section{
	max-width:640px;
	margin:0 auto;
}
#about p{
	font-size:16px;
	margin:30px 0;
}
#about h3{
	font-size:36px;
	color:#004280;
	margin:80px auto 0 auto;
	max-width:640px;
}
#about p.about_lead{
	font-size:36px;
	text-align:center;
	text-decoration:underline;
	color:#004280;
}

#seminar_text{
	background:#004280;
	padding:100px 0;
}
#seminar_text h3{
	width:800px;
	margin:0 auto;
}

#seminar_text_in{
	background:#fff;
	padding:50px 100px;
	width:980px;
	margin:50px auto;
}
#seminar_text_in p{
	margin:20px 0;
}
#seminar_text_in p.seminar_text_lead{
	font-size:24px;
	margin:0 0 20px 0;
	color:#004280;
	font-weight:700;
}
#seminar_text_in li{
	list-style:disc outside;
	margin:0 0 10px 20px;
}
/*
#seminar_text_in li:before,#seminar_text_in dt:before{
*/
#seminar_text_in dt:before{
	content:"■";
	color:#004280;
}
#seminar_text_in .btn_set{
	text-align:center;
}

#seminar_text_in .btn_set ul{
	display:inline-block;
	margin:60px 0 20px 0;
}
#seminar_text_in .btn_set li{
	display:inline;
	margin:0 5px;
}
#seminar_text_in .btn_set li:before{
	content:"";
}
#seminar_text_in .wide dt{
	width:100%;
	font-weight:700;
}
#seminar_text_in .wide dd{
	margin:0 0 1em 1em;
}
#seminar_text_in dt{
	width:9em;
}
#seminar_text_in dd{
	margin:-1.55em 0 1em 9em;
}

#magazine{
	padding:80px 0;
	text-align:center;
}
#magazine h3{
	font-size:36px;
	font-weight:bold;
}
#magazine p{
	margin:40px 0;
}

footer{
	background:#004280;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:50px 0;
}

#circle2{
	background:rgba(0,0,0,0.3);
	border:3px solid #fff;
	border-radius: 50%;
	width:200px;
	height:200px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding:60px 10px;
	color:#fff;
	z-index:1000;
	position:absolute;
	bottom:5%;
	right:250px;
}
#circle{
	background:rgba(0,0,0,0.3);
	border:3px solid #fff;
	width:800px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	padding:20px 20px 10px 20px;
	color:#fff;
	z-index:1000;
	margin:0 auto;
}
#circle p{
	float:left;
	text-align:left;
}
#circle p.book_image{
	
	float:right;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
#novel{
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:10px 0;
	font-size:24px;
}

@media screen and (max-width:1028px){

#circle2{
		width:calc(100% - 20px);
		margin:10px;
		padding:20px;
		font-size:19.2px;
		border-radius:0;
		height:auto;
		position:relative;
		right:0;
	}
	footer img{
		width:100%;
	}
	footer p{
		margin:0 20px;
	}
	
	#main_image h1 img{
		width:100%;
	}
	#seminar_text{
		padding:60px 0;
	}
	#seminar_text h3{
		width:calc(100% - 40px);
		margin:0 20px;
	}
	#seminar_text h3 img{
		width:100%;
	}
	#seminar_text_in{
		width:calc(100% - 40px);
		padding:20px 20px;
		margin:40px auto;
	}
	#seminar_text_in iframe{
		width:100%;
	}
	.btn_set{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	.btn_set ul{
		display:block;
		text-align:center;
	}
	.btn_set li{
		display:block;
		margin:20px auto;
		width:70%;
		text-align:center;
	}
	.btn_set li img{
		width:100%;
	}
}
@media screen and (max-width:768px){
	br.sp{
		display:none;
	}
	#magazine h3,.contents_text dt,#about p.about_lead,#about h3{
		font-size:28.8px;
	}
	#lead p{
		font-size:14px;
		margin:40px auto;
		width:90%;
	}
	#lead p.btn{
		margin:20px auto;
		width:70%;
	}
	#iot h3,#solution h3,#air h3,#thermo h3{
		padding:30px 0;
		height:auto;
	}
	#iot h3 img,#solution h3 img,#air h3 img,#thermo h3 img{
		width:60%;
		max-width:228px;
	}
	nav ul{
		flex-wrap: wrap;
	}
	nav li{
		width:50%;
		margin-bottom:-20px;
	}
	#main_image h1{
		padding:40px 0;
	}
	#lead{
		width:100%;
	}
	#lead{
		text-align:center;
		color:#004280;
		padding:0 0;
		margin:0 auto;
		font-weight:bold;
		line-height:1.5em;
	}
	#lead h2{
		max-width:100%;
		
		padding:40px;
	}
	
	#lead img{
		width:100%;
	}
	#about{
		background:#e9f0f8;
		padding:50px 0;
		font-weight:bold;
	}
	#about section{
		max-width:100%;
		margin:0 40px;
	}
	#about p{
		font-size:16px;
		margin:30px 0;
	}
	#about h3{
		color:#004280;
		margin:40px 40px;
		max-width:100%;
	}
	.contents_text{
		max-width:100%;
		margin:80px auto;
		display:block;
	}
	.contents_text dl{
		max-width:100%;
		width:calc(100% - 40px);
		margin:0 20px;
	}
	.contents_text dt{
		margin:0 0 40px 0;
		
	}
	.contents_text dd{
		font-size:14.4px;
	}
	.contents_text p{
		width:100%;
		max-width:100%;
		margin:40px 0;
	}
	.contents_text p img{
		width:100%;
	}
	#seminar_text_in dt{
		width:100%;
		font-weight:bold;
		font-size:14.4px;
	}
	#seminar_text_in dd{
		margin:5px 0 15px 0;
		font-size:14.4px;
	}
	#seminar_text_in p{
		font-size:14.4px;
		margin:20px 0;
		font-weight:bold;
	}
	#seminar_text_in p.seminar_text_lead{
		font-weight:bold;
		font-size:19.2px;
	}
	
	#circle{
		width:calc(100% - 20px);
		margin:10px;
		padding:20px;
		font-size:19.2px;
	}
	#circle2{
		width:calc(100% - 20px);
		margin:10px;
		padding:20px;
		font-size:19.2px;
		border-radius:0;
		height:auto;
		position:relative;
		right:0;
	}
	#circle p{
		float:none;
	}
	#circle p.book_image{
		width:100px;
		float:none;
		text-align:center;
		margin:10px auto 0 auto;
		display:none;
	}
	#novel{
		font-size:19.2px;
		margin:10px;
	}
	#main_image h1 p{
		text-align:center;
		color:#fff;
		margin-left:0px;
		font-size:0.6em;
	}

}
@media screen and (max-width:300px){
	header p img{
		width:100%;
	}
	
	#circle p{
		float:none;
	}
	#circle p.book_image{
		width:100px;
		float:none;
		text-align:center;
		margin:10px auto 0 auto;
	}
}