@charset "utf-8";

/*-----------------------------------------------
 about
-----------------------------------------------*/
.roundCornerBox02 { margin: 20px 0 64px; }
.roundCornerBox02 h1 { background: #064571; color: #fff; font-size: 25px; line-height: 60px; padding-left: 30px; font-weight: normal; }
.aboutBox { padding: 60px 40px 55px; color: #363636; }
.aboutBox .mainVis { margin: 0 auto 50px; text-align: center; }
.aboutBox p { font-size: 16px; margin-top: 25px; line-height: 1.6; }
.siteList p { color: #064571; margin: 50px 0 20px; font-weight: bold; }
.siteList dl { overflow:hidden; line-height:1.6; margin-bottom: 6px; }
.siteList dt { font-size:16px; float:left; margin-right:18px; font-weight: bold; }
.siteList dd { font-size:14px; color:#064571; float:left; padding-left:14px; line-height: 1.8; background:url(/vn/common/images/respo/s_arrow_navy.png) no-repeat left center / 10px 11px; }
.siteList dd a { padding-right:16px; color:#064571; background:url(/vn/common/images/icon_blank02.png) no-repeat right center / 12px 10px; }

@media screen and (max-width: 768px) {
.roundCornerBox02 {
border: medium none;
border-radius: 0;
box-shadow: none;
margin: 30px 0 35px;
}
.roundCornerBox02 h1 { font-size: 26px; line-height: 56px; }
.aboutBox { padding: 50px 30px 0; }
.aboutBox .mainVis { max-width: 500px; }
.aboutBox .mainVis img { width: 100%; height: auto; }
.aboutBox p { font-size: 20px; line-height: 1.5; }
.siteList dl { line-height:1.5; margin-bottom: 10px; }
.siteList dt { font-size:20px; float:inherit; }
.siteList dd { font-size:16px; float:inherit; line-height: 1.6; margin-bottom: 4px; }
}

@media screen and (max-width: 480px) {
.roundCornerBox02 h1 {
  padding-left: 20px;
  font-size: 18px!important;
  line-height: 50px;
  font-weight: bold;
}
.aboutBox { padding: 30px 20px 0; }
.aboutBox .mainVis { margin: 0 auto 30px; }
.aboutBox p { font-size: 18px; line-height: 1.4; }
}