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


/* Top
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#topMV {
background-image: url("../img/bg_top_mv.jpg");
background-position: center top!important;
background-size: cover!important;
}
#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: #47793f;
color: #fff;
}
.border::before,
.systemBorder::before,
.slideBorder::before {
height: 1px;
margin-top: 50px;
width: 120px;
}
.border::before { background-color: #37bc9b }
.systemBorder::before { background-color: #B5D518 }
.slideBorder::before {
background-color: #ed5565;
margin-top: 0;
}
.systemH2 { color: #B5D518!important }
.slideH2 { color: #ed5565!important }
.topH2 {
color: #37bc9b;
font-size: 28px;
font-weight: 700;
line-height: 32px;
margin-bottom: 35px;
}
.topH2 img {
height: 75px;
max-width: 100%;
}
@media (min-width: 1200px) {
.border::before,
.systemBorder::before,
.slideBorder::before {
width: 200px;
}
#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 }
.topH2 { font-size: 36px }
}