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

header li:nth-child(4) a:before{
  left: 0;
  right: 0;
}
#drawer li:nth-child(4) a{
background-color:#5accff;
}

#mainbox{
background-image:url(img/mainimage.jpg);
}
#mainbox h2{
text-shadow:none;
}

#outline{
padding:8rem 0;
text-align:justify;
}
#outline h3,#map h3{
font-size:2.8rem;
line-height:1.2;
padding-bottom:4rem;
}
#outline dl{
border-bottom:1px solid #dcdcdc;
padding:1.5rem;
font-size:1.8rem;
line-height:1.8;
}
#outline dt{
float:left;
font-weight:700;
}
#outline dd{
padding-left:20rem;
}

#map{
padding-bottom:9rem;
text-align:justify;
}
#map iframe{
display:block;
width:100%;
height:55rem;
border:1px solid #dcdcdc;
}
#map .btn{
text-align:right;
}

@media only screen and (max-width: 767px) {


#outline{
padding:6rem 0;
}
#outline h3,#map h3{
font-size:2.2rem;
line-height:1.2;
padding-bottom:2rem;
}
#outline dl{
padding:1rem 0;
font-size:1.6rem;
}
#outline dt{
float:none;
}
#outline dd{
padding-left:0;
}

#map{
padding-bottom:6rem;
}
#map iframe{
height:20rem;
}
}