@charset "utf-8";

#wrap {
position:relative;
display:block;
width:100%;
height:auto;
box-sizing:border-box;
}
#header-title {
background-image:url(/img/footer.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
box-sizing:border-box;
}
#main_visual {
padding-top:70px !important;
background:rgba(0,37,87,0.8);
}
#main_visual > h1 {
color:#fff;
}


#top_img {
position:relative;
display:block;
width:100%;
height:100vh;
box-sizing:border-box;
background:#fff;
background-image:url(/img/top1.jpg);
background-repeat: no-repeat;
background-size: cover;
}
#top_img_over {
position:absolute;
display:block;
width:100%;
height:100vh;
background:rgba(0,0,0,0.5);
z-index:10;
color:#fff;
}
#top_img_cont {
position:relative;
display:block;
width:100%;
height:100vh;

}
#top_img_cont h2 {
position:absolute;
color:#fff;
bottom:100px;
left:0;
font-size:70px;
z-index:20;
line-height:1.5;
}
#area3 {
list-style:none;
}
#area3 li {
width:30%;
box-sizing:border-box;
  font-weight: 400;
}
#area3 h4 {
text-decoration:underline;
font-weight:bold;
}

#boxarea {
background-image:url(/img/footer.jpg);
background-repeat: no-repeat;
background-size: cover;
box-sizing:border-box;
}
#boxarea-inner {
width:100%;
height:auto;
background:rgba(0,0,0,0.8);
color:#fff;
}
#boxarea-inner > div {
width:23%;
}