@charset "UTF-8";
/* CSS Document */

/*ヘッダー*/
header{
    height: auto;
    position: static;
    background:none;
	overflow:hidden;
}
header h1{
	float:left;
	margin-top:1em;
}
header ul{
	float:right;
	position:static;
}
header ul li.contact{
	margin-left:10px;
}

header ul li a{
	font-size:12px !important;
	background-color:#005DAE !important;
	padding:5px 10px !important;
	height: 100% !important;
	outline:0;
}
header ul li a:hover{
	background: #FF9326 !important;
}

header ul li.access a:before{
	margin-right: 5px;
	top:3px;
    position: relative;
	content: url(../images/iot/icon_access.png);
}
header ul li.contact a:before{
	margin-right: 5px;
	top:3px;
    position: relative;
	content: url(../images/iot/icon_contact.png);
}


/*メインイメージ*/
#main{
	background: url(../images/iot/bg01.png) no-repeat center bottom;
	background-size: contain;
	text-align:center;
	padding-bottom:6em ;
}


/*見出し*/
h1{
	margin-bottom:2em;
}
.ttl01{
	font-size:35px;
	color:#003F98;
	text-align:center;
	font-weight:bold;
	margin-bottom:0.5em;
}
.ttl02{
	font-size:21px;
	color:#003F98;
	text-align:center;
	font-weight:bold;
	margin-bottom:0.5em;
}
.ttl03{
	font-size:22px;
	color:#E50038;
	text-align:center;
	font-weight:bold;
	margin-bottom:0.5em;
	margin-top:2em;
}


/*その他*/
#main img,
.article01 img,
.article02 img{
	margin:0 auto;
}
.button2{
	width: auto;
	margin: 0 auto;
	padding: 10px 13%;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
	background-position: 4% center;
	background-repeat: no-repeat;
	-moz-background-size: 22px auto;
	-o-background-size: 22px auto;
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
	border: 1px solid #fff;
	background-color:#0268B6;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition-duration: .3s;
}
.button2:active,
.button2:hover {
    background-color: #0059b2;
    border-color: #ff0;
}
.article01{
	background:#fff;
	padding:2.5em 0;
}
.article02{
	background:url(../images/iot/bg02.png) repeat;
	padding:2.5em 0;
}
.text-center{
	text-align:center !important;
}

/*追記*/
.mincho {
	font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
}
.lead {
	line-height: 170%;
	font-weight: bold;
	font-size: 140%;
	color: rgba(20,20,20,1.00);
}
.wrapMin {
	max-width: 800px;
}
figure {
	margin: 30px 0 0 0;
}
@media only screen and (max-width: 780px) {
	#field {
		padding-bottom: 40px;
	}
	p {
		padding: 0 3%;
	}
	header ul{
		float:none;
		position:fixed;
		width: 100%;
		top: auto;
		bottom: 0;
		height: 40px;
		right: 0;
		left: 0;
		z-index: 999999999999;
	}
	header ul li.contact,header ul li.access{
		box-sizing:border-box;
		margin:0;
		width: 50%;
		height: 40px;
	}
	header ul li.contact {
		border-left: 1px solid rgba(255,255,255,1.00) ;
	}
	header ul li a{
		font-size:18px !important;
		background-color:#005DAE !important;
		padding:5px 10px !important;
		height: 100% !important;
		outline:0;
	}
	header ul li a:hover{
		background: #FF9326 !important;
	}

	header ul li.access a:before{
		margin-right: 5px;
		top:3px;
		position: relative;
		content: url(../images/iot/icon_access.png);
	}
	header ul li.contact a:before{
		margin-right: 5px;
		top:3px;
		position: relative;
		content: url(../images/iot/icon_contact.png);
	}
}