/**************** common ****************/

img {
    width: 100%;
}
body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

/**************** header ****************/

header .hero_wrap {
    background: url(../img/hero_sp.png) center center / cover no-repeat;
    height: 700px;
}
header .hero_wrap .hero {
    background: none;
}
header .hero .id {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding-top: 50px;
}
header .dl {
    width: 100%;
    margin: 30px auto;
}
header .header_id {
    width: 200px;
}
@media (min-width: 768px) {
    header .dl {
        width: 634px;
        margin: 30px auto;
    }
    header .hero .id {
        width: 377px;
    }
    header .hero_wrap {
        background: url(../img/hero_pc.png) center center / auto 100% no-repeat;
        height: 912px;
    }
    header .hero_wrap .hero {
        background: none;
        height: 912px;
    }

}
@media (min-width: 1200px) {
    header .hero_wrap {
        background: url(../img/bg.png) center center / 100% 100% no-repeat;
        height: 912px;
    }
    header .hero_wrap .hero {
        background: url(../img/hero_pc.png) center center / cover no-repeat;
        width: 100%;
        height: 912px;
    }
}

/**************** flow ****************/

#flow .pc {
    background: linear-gradient(180deg, #a0babf 0%, #bbcdd1 70%, #ffffff 70%, #ffffff 100%);
}
#flow .splideWrap {
    background: linear-gradient(180deg, #a0babf 0%, #bbcdd1 70%, #ffffff 70%, #ffffff 100%);
    font-family: "Oswald", sans-serif;
}
#flow .splideWrap .title {
    color: #ffffff;
    text-align: center;
}
#flow .splideWrap .splide li img {
    box-shadow: none;
}
#flow .splideWrap .splide__pagination__page.is-active {
    background: #cc0000;
}
#flow .splideWrap .splide ul {
    height: auto;
}

#flow .splideWrap .splide__arrow {
    display: none;
}

/**************** disclaimer ****************/

.disclaimer ol li {
    color: #333;
}

/**************** footer ****************/

footer {
    background-color: #f7f6f0;
    color: #666;
}
footer ul {
    list-style-type: none;
    padding: 0;
}
footer ul li .s_lg {
    color: #000000;
}
footer aside {
    color: #999999;
}
footer a {
    color:#000;
}
footer .copyRights {
    color: #999999;
}