@charset "utf-8";
/* CSS Document */
#container {
	background-color:#69D0EF;
	color:#00303F;
	font-size:0.8em;
	line-height:175%;
}
#container header {
	background:url(../images/top/bg.jpg) no-repeat;
	width:100%;
	height:0;
	padding-bottom:96.09375%;
	background-size:contain;
}
#container header h1, #container header h2, #container header p, #container header dt, #container header dd {
	font-size:0em;
}
#next {
	background:url(../images/top/bg_next.jpg) no-repeat;
	width:100%;
	height:0;
	padding-bottom:118.75%;
	background-size:contain;
}
#next_pic {
	 width:100%;
	 text-align:center;
}
#next h1 {
	font-size:0em;
	height:0;
	padding-bottom:10%;
	background-size:contain;
}
#next #next_number {
	text-align:center;
	color:#fff;
	margin-top:5%;
	padding-bottom:1em;
}
#next #next_sub_title {
	font-size:1em;
	text-align:center;
}
#next #next_oa_date {
	width:93.75%;
	margin:0.5em auto;
	padding:0.5em 0;
	border-top:#00303F 2px dotted;
	border-bottom:#00303F 2px dotted;
	text-align:center;
}
#next #next_txt {
	text-align:left;
	width:93.75%;
	margin:0 auto;
}
#feature {
	width:93.75%;
	margin:0.5em auto;
}
#feature h1 {
	background:url(../images/top/bg_yotei.jpg) no-repeat;
	width:26.5625%;
	height:0;
	padding-bottom:7.8125%;
	background-size:contain;
	font-size:0em;
}
.feature {
	width:93.75%;
	margin:0 auto;
	margin-bottom:2%;
	padding:2%;
	background:rgba(48,183,231,0.5);
	border:#eee 1px solid;
	font-size:0.8ems;
	line-height:200%;
	color:#fff;
}
.feature dt {
	text-indent:0.5em;
	border-bottom:#eee 1px dotted;
	margin-bottom:2%;
}
.feature li {
	margin-left:2em;
	list-style:disc;
}
#mirai {
	background:url(../images/top/bg_mirai.jpg) no-repeat;
	width:100%;
	height:0;
	padding-bottom:64.84375%;
	background-size:contain;
	font-size:0em;
}
#minogashi h1 {
	background:url(../images/top/ttl_minogashi.jpg) no-repeat;
	width:100%;
	height:0;
	padding-bottom:15.625%;
	background-size:contain;
	font-size:0em;
}
#since1 {
	background-color:#A9F3FB;
	margin-bottom:1.5em;
}
#ttl_since1 {
	background:url(../images/top/ttl_since1.jpg) center top no-repeat;
	width:100%;
	height:0;
	padding-bottom:15.625%;
	background-size:contain;
}
#ttl_since0 {
	background:url(../images/top/ttl_since0.jpg) center top no-repeat;
	width:100%;
	height:0;
	padding-bottom:15.625%;
	background-size:contain;
}
#since_number {
	margin-left:5.5%;
	padding-top:4.6875%;
	color:#fff;
	float:left;
}
#since_sub_title {
	margin-left:17%;
	padding-top:4.6875%;
	font-size:1em;
}
#since_oa_date {
	width:93.75%;
	margin:0.5em auto;
	padding:0.5em 0;
	border-top:#00303F 2px dotted;
	border-bottom:#00303F 2px dotted;
	text-align:center;
}
#since_txt {
	text-align:left;
	width:93.75%;
	margin:0 auto;
}
#since1 dl {
	width:93.75%;
	margin:0 auto;
}
#since1 dt {
	width:20%;
	background-color:#00303F;
	margin-bottom:0.25em;
	margin-right:0.5em;
	padding:0.25em;
	text-align:center;
	color:#fff;
	float:left;
	clear:both;
}
#since1 dd {
	margin-bottom:0.25em;
	margin-right:0.5em;
	padding:0.25em;
	float:left;
}
#since1 p {
	width:93.75%;
	margin:0 auto;
}
#last dt.red {
	width:20%;
	background-color:#ff0000;
	margin-bottom:0.25em;
	margin-right:0.5em;
	padding:0.25em;
	text-align:center;
	color:#fff;
	float:left;
	clear:both;
}
#last div.red {
	color:#fff;
	background-color:#ff0000;
	text-align:center;
	margin-bottom:0.15em;
}
ul.serv {
	width:93.75%;
	margin:0.25em auto;
	padding:0.25em 0;
	border-top:#00303F 2px dotted;
	border-bottom:#00303F 2px dotted;
}
.serv li span {
	background-color:rgba(255,255,255,0.5);
	margin-right:0.5em;
	padding:0.25em;
	float:left;
}
.btn_since {
	background:url(../images/top/btn_since.jpg) no-repeat;
	width:93.75%;
	height:0;
	padding-bottom:15.625%;
	background-size:contain;
	font-size:0em;
}
#ttl_since {
	background:url(../images/top/ttl_since.jpg) center top no-repeat;
	width:100%;
	height:0;
	padding-bottom:15.625%;
	background-size:contain;
}
.btn_more {
	background:url(../images/top/btn_more.jpg) no-repeat;
	width:93.75%;
	height:0;
	padding-bottom:15.625%;
	background-size:contain;
	font-size:0em;
	margin:0 auto;
}