@charset "UTF-8";
#content:after,
.business dl:after,
#content .story .history dl:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* -------------------------- */
/* what/
/* -------------------------- */
#content .greeting{ padding: 80px 0;}
#content .greeting h3{ color: #0575ad;  font-size: 1.6em; display:block;font-weight: bold;  text-align: center;}
#content .greeting p{ margin: 20px auto 0 auto;}
#content .greeting p.right{ text-align: right;}



@media screen and (max-width: 1034px) {
#content .greeting{ padding: 20px 0;}
#content .greeting h3{  font-size: 1.4em; }
#content .greeting p{ margin: 10px auto 0 auto;}
}



/* -------------------------- */
/* smart/
/* -------------------------- */
#content .feature{ background: url(../images/company/img_company.png) right no-repeat  #eff8fc; background-size:  auto 100%;
padding: 80px 0;}

#content .feature h3{ color: #0575ad;  font-size: 1.6em; display:block;font-weight: bold;  }

.overview,
.business{ width: 335px; margin: 0 20px 0 0 ; float: left;}

.overview dl,
.business dl{ margin-top: 20px; width: 100%;line-height: 1.6;}

.overview dt{ font-weight: bold; width: 70px; float: left; margin-bottom: 20px;}
.overview dd{ float: left; width: 265px;  margin-bottom: 20px;}
.business dt{ font-weight: bold; width: 100%;}
.business dd{ float: left;  line-height: 1.9;}






@media screen and (max-width: 1034px) {
#content .feature{ background: #eff8fc; padding: 20px 0;}

#content .feature h3{  font-size: 1.6em;  margin-top: 20px;  }
	
	#content .feature figure{ text-align: center;}

.overview,
.business{ width: 100%; margin: 0 0px 20px 0 ; float:none;}

.overview dl,
.business dl{ margin-top: 20px; width: 100%;line-height: 1.6;}

.overview dt{ float:none; width: 100%;  margin-bottom: 5px;}
.overview dd{ float:none; width: 100%;  margin-bottom: 5px;}
.business dt{ font-weight: bold; width: 100%;}
.business dd{ float: none;  line-height: 1.6;}
}



/* -------------------------- */
/* smart/
/* -------------------------- */
#content .story{ padding: 80px 0;}
#content .story h3{ color: #0575ad;  font-size: 1.6em; display:block;font-weight: bold; margin-bottom: 30px; }

#content .story .history dl,
#content .story .authorization dl{line-height: 1.6;}

#content .story .history dl dt{ font-weight: bold; width: 80px; float: left; margin-bottom: 20px;}
#content .story .history dl dd{ width:600px; float: left; margin-bottom: 20px; }
#content .story .history dl:nth-of-type(2){ width:100%;}
#content .story .history dl:nth-of-type(2) dd{width:945px;}


#content .story .authorization{ float: right;}
#content .story .authorization dl{ width: 335px;}
#content .story .authorization dl dt{ font-weight: bold; width: 175px; float: left; margin-bottom: 20px;}
#content .story .authorization dl dd{ width: 160px;float: left; margin-bottom: 20px;}

@media screen and (max-width: 1034px) {
#content .story{ padding: 20px 0;}
#content .story h3{  font-size: 1.4em; margin-bottom: 10px; }


#content .story .history dl dt{ width: 100%; float:none; margin-bottom: 5px;}
#content .story .history dl dd{ width: 100%; float:none; margin-bottom: 10px; }
#content .story .history dl:nth-of-type(2){ width:100%;}
#content .story .history dl:nth-of-type(2) dd{width:100%;}


#content .story .authorization{ float: none;}
#content .story .authorization dl{  width: 100%; }
#content .story .authorization dl dt{ width: 100%; float:none; margin-bottom: 5px;}
#content .story .authorization dl dd{ width: 100%; float:none; margin-bottom: 10px; }
	
}






/* -------------------------- */
/* smart/
/* -------------------------- */
#content .access{ background: #eff8fc;}

#content .access .access_box{ width: 40%; float: left; padding: 100px 0;}

#content .access .access_box h3{ color: #0575ad;  font-size: 1.6em; display:block;font-weight: bold; margin-bottom: 30px; }
#content .access iframe{ width: 60%; float: right; min-height: 320px;}



@media screen and (max-width: 1034px) {
#content .access .access_box{ width: 100%; float:none; padding: 20px 0;}

#content .access .access_box h3{ font-size: 1.4em;  margin-bottom: 20px; }
#content .access iframe{ width: 100%; float:none; min-height: 320px; margin-bottom: 20px;}
}