/*
 * toppage
 */

/* スライダー */

#slide_wrap {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    height: 100vh;
    /*margin-bottom: 80px;*/
}

#slide_wrap img {
    width: 100%;
}

#slide_wrap .slide-banner {
    /* position: absolute;
    bottom: 0; */
    display: none;
}

.bx-wrapper {
    border: none;
    margin-bottom: 0;
}

#slide_wrap .slider__item {
    position: relative;
	background-position-y : 34px;
}

#slide_wrap .caption {
    position: absolute;
    top: 35%;
    left:0;
    right:0;
    margin: auto;
    height: auto;
    text-align: center;
    color: #fff;
}

#slide_wrap .caption__drivefor {
    font-family: 'Fjalla One', sans-serif;
    font-size: 10vh;
    line-height: 1;
}
#slide_wrap .caption__jp {
    font-size: 3vh;
    letter-spacing: .2em;
    font-weight: 400;
}
@media screen and (min-width: 768px) {
    #slide_wrap .caption {
        top: 35%;
    }
	#slide_wrap .caption__jp {
    font-size: 3.2vh;
	}
    #slide_wrap .slide-banner {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        padding: 1rem 0;
        background-color: rgba(134,182,245,0.4);
    }
    .slide-banner__inner {
        max-width: 1136px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px) {
    #slide_wrap .slide-banner {
        display: none;
    }
    #slide_wrap {
        height: auto;
    }
    #slide_wrap .caption__drivefor {
        font-size: 7vh;
    }
}

/* インデックスバナー */

#banners ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    list-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

#banners ul li {
    width: 50%;
    margin-top: 30px;
}

#banners ul img {
    width: 100%;
}

@media screen and (min-width: 768px) {

    #banners ul {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    #banners ul li {
        display: inline-block;
        width: 25.625vw;
        max-width: 369px;
        margin-top: 16px;
    }

}

/* INFORMATION */

#information {
    background-color: #F8F9FA;
    padding-top: 20px;
    padding-bottom: 20px;
}

.title h2 {
    font-size: 2rem;
    letter-spacing: 0.05em;
}

.title .title-desc  {
    font-size: 1rem;
}

#information .info-list_wrap  {
    margin: 20px 0;
    /* background-color: #F8F9FA; */
}

#information .info-list_wrap ul {
    list-style: none;
}

#information .info-list_wrap li {
    margin-bottom: 1rem;
}


#information .info-list_wrap li p.date {
    font-size: 1rem;
}

#information .info-list_wrap .more {
    text-align: right;
	padding-top: 20px;
}

#campaign .more {
	padding-top: 20px;
}

@media screen and (min-width: 768px) {

    #information {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .title {
        display: inline-block;
    }
    .title h2 {
        font-size: 64px;
        font-weight: 200;
    }
    .title .title-desc  {
        margin-top: -20px;
        font-size: 24px;
    }

    #information .info-list_wrap {
        float: right;
    }

    #information .info-list_wrap li {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        /*-ms-align-items: center;
        align-items: center;*/
        margin-bottom: 20px;
    }

    #information .info-list_wrap li p {
        display: inline-block;
    }

    #information .info-list_wrap li p.date {
        margin-right: 30px;
        /*font-size: 24px;*/
    }

    #information .info-list_wrap li p.title {
        width: 560px;
        overflow: hidden;
        /*font-size: 24px;*/
    }

}

/* CAMPAIGN */
#campaign {
    padding-top: 20px;
    padding-bottom: 20px;
}

#campaign .camp-list_slider_wrap {
    display: none;
}

#campaign .camp-list_slider_sp_wrap {
    width: calc(100% - 80px);
    margin: 20px auto 40px;
}

#campaign .bx-wrapper .bx-controls-direction a {
    top: 28vw;
}

#campaign .bx-wrapper .bx-prev {
    left: -40px;
}

#campaign .bx-wrapper .bx-next {
    right: -40px;
}

#campaign .bx-wrapper .bx-prev:hover {
    background-position: 0 -32px;
}
#campaign .bx-wrapper .bx-next:hover {
    background-position: -43px -32px;
}

#campaign .bx-wrapper {
    box-shadow: none;
}

#campaign .bx-wrapper img {
    width: 100%;
    height: auto;
}

@media screen and (min-width: 768px) {
    #campaign {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #campaign .camp-list_slider_wrap {
        display: block;
        width: calc(100% - 160px);
        margin: 20px auto;
    }

    #campaign .camp-list_slider_sp_wrap {
        display: none;
    }

    #campaign .bx-wrapper .bx-controls-direction a {
        top: 6.1vw;
    }
}