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


/* Top
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#topMv {
background-image: url("../img/bg_top_mv.jpg");
background-position: center top!important;
background-size: cover!important;
color: #fff;
margin-bottom: 100px;
padding: 175px 15px 125px;
text-align: center;
}
#topRecruit {
background-image: url("../img/bg_top_recruit.jpg");
background-position: 0 0;
background-size: cover;
height: 210px;
padding: 120px 0;
}
#topMv h1 {
display: block;
font-size: 30px;
font-weight: 900;
line-height: 1.4em;
padding-bottom: 24px;
}
#topMv p {
font-size: 18px;
font-weight: 900;
line-height: 40px;
}
#topMv .mvLink { border-color: #fff }
#topMv .mvLink a { color: #fff }
#topMv .mvLink:hover {
border-color: #00147d;
color: #fff;
}
.topH2 {
color: #666;
display: block;
font-size: 36px;
font-weight: 900;
line-height: 36px;
margin: 10px 0 35px;
}
.topService li {
float: left;
margin-top: 35px;
width: 100%;
}
.topService li h3 {
font-size: 20px;
font-weight: bold;
margin: 15px 0 20px;
}
@media (min-width: 1200px) {
#topMv {
background-position: 0 -75px!important;
height: 240px;
padding: 250px 15px 175px;
background-attachment: fixed;
position: relative;
z-index: 11;
overflow: hidden;
}
#topMv h1 {
font-size: 48px;
}
#topMv p {
font-size: 30px;
}
#topMv .commonLink { margin-top: 50px!important }
#topRecruit {
background-attachment: fixed;
position: relative;
z-index: 11;
overflow: hidden;
}
.topService {
margin: 0 auto;
width: 724px;
}
.topService li {
width: 50%;
}
.topService li h3 {
font-size: 22px;
margin: 15px 0 25px;
}
}