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

.maincopy h1 { color:#FFF !important; background:rgba(0,147,161,0.5);  margin:0 0 20px 0; padding:10px; text-shadow: 2px 2px 1px #999999; line-height:4.8rem; font-size:4.2rem;}
.maincopy h2 { color:#000 !important;background-color:rgba(255,255,255,0.7); margin:0; padding:10px 0; line-height:3.0rem; font-size:3.4rem }
.maincopy { margin:20vh 0 0 0; font-family:"notomin"}


#topcon{ background:url(../img/top/bk.jpg) no-repeat; background-size:cover; background-position:center; height:70vh; width:100vw; margin-top:80px; z-index:0;  }


h1 { font-size:2.6rem; line-height:3.0rem; padding:0; margin:0; color:#666}
p { margin:20px; font-size:1.6rem; line-height:2.4rem; font-family:"notomin"; color:#333}

.copy { font-size:2.6rem; line-height:3.6rem;  }
.info { margin:0; width:90vw; font-size:2.0rem; line-height:2.6rem }
.info dt{ width:30vw }
.info dd{ width:55vw; text-align:left }


/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */

@media only screen and (max-width: 1000px) {
.tmenu { display:none; }
.maincopy h1{ font-size:2.6rem !important; line-height:3.0rem }
.maincopy h2{ font-size:2.0rem !important; line-height:2.6rem }
#topcon{ margin-top:70px;}
.copy {  font-size:2.0rem; line-height:2.4rem }
}

@media print, screen and (max-width: 768px) {
.maincopy h1{ font-size:1.6rem !important; line-height:2.2rem }
.maincopy h2{ font-size:1.4rem !important; line-height:2.0rem }
.top_header{  text-align:left} 
.logo { display:none}
.copy {  font-size:1.4rem; line-height:2.2rem }
.info dt{ width:90vw; text-align:left }
.info dd{ width:90vw; text-align:left }

}

@media print, screen and (max-width: 500px) {
#topcon{ background:url(../img/top/bk.jpg) no-repeat; background-size:cover; background-position:center; height:350px; width:99vw}

}