@charset "utf-8";

.content-top h2 {
    text-align: center;
}

.content-top h2 img {
    width: auto;
    max-height: 74px;
    max-width: 90%;
    margin: 0 auto;
  }
  
/*===== .osusume =====*/
.osusume {
    background: #f5ffff;
    background-size: 100%;
}

.osusume h2 {
    margin-bottom: 25px;
}

.osusume ul {
    padding: 0 3% 5px;
}

.osusume ul li {
    margin-bottom: 15px;
}

/*===== #ba =====*/
#ba {}

#ba ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#ba ul li {
    width: 49%;
    margin-bottom: 15px;
}

/*===== #nayamilink =====*/
#nayamilink {}

#nayamilink .nayami-box {}

#nayamilink .nayami-box .box {
    padding-bottom: 18px;
}

#nayamilink .nayami-box .box ul.nayami-link {
    margin-bottom: 10px;
}

#nayamilink .nayami-box .box ul.nayami-link li {
    width: 32%;
    float: left;
    margin: 0 2% 10px 0;
}

#nayamilink .nayami-box .box ul.nayami-link li.n3 {
    margin: 0 0 15px 0;
}

#nayamilink .ans {
    line-height: 0;
}

#nayamilink .ans-box {
    background: #f5ffff;
}

#nayamilink .ans-box .text-box {
    background: url(../img/index/ans-border01.png) no-repeat center 20px;
    background-size: 92%;
    padding: 50px 4% 25px;
}

#nayamilink .ans-box .text-box .text {
    line-height: 1.8;
}

#nayamilink .ans-box .text-box .text.last {
    background: url(../img/index/ans-border01.png) no-repeat center bottom;
    background-size: 100%;
    padding-bottom: 30px;
    margin-bottom: 0;
}

/*===== #point =====*/
#point .point-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    background: url(../img/index/point-bg.png) no-repeat right bottom;
    background-size: 45%;
}

#point .point-box .box {
    width: 48%;
    margin-bottom: 4%;
    border: 1px solid #0abab5;
    border-radius: 10px;
}

#point .point-box .point01 {
    background: #f5ffff url(../img/common/point-icon01.png) no-repeat right bottom;
}

#point .point-box .point02 {
    background: #f5ffff url(../img/common/point-icon02.png) no-repeat right bottom;
}

#point .point-box .point03 {
    background: #f5ffff url(../img/common/point-icon03.png) no-repeat right bottom;
}

#point .point-box .point04 {
    background: #f5ffff url(../img/common/point-icon04.png) no-repeat right bottom;
}

#point .point-box .point05 {
    background: #f5ffff url(../img/common/point-icon05.png) no-repeat right bottom;
}

#point .point-box .point06 {
    background: #f5ffff url(../img/common/point-icon06.png) no-repeat right bottom;
}

#point .point-box .point07 {
    background: #f5ffff url(../img/common/point-icon07.png) no-repeat right bottom;
}

#point .point-box .box .img {
    line-height: 0;
}

#point .point-box .box .text-box {
    padding: 5%;
}

#point .point-box .box .text-box .text {
    font-size: 14px;
    line-height: 1.8;
}

/*===== #aisatu =====*/
#aisatu {}

#aisatu h2 {}

#aisatu .box {
    background: url(../img/index/aisatu-bg.jpg) repeat-y bottom center;
    background-size: cover;
    border-radius: 10px;
    padding: 4%;
}

#aisatu .box .text-box {
    background: #fff;
    border-radius: 10px;
    padding: 3%;
}

#aisatu .box .text-box .text {}

/*===============================================
    ■tablet 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {}

/*===============================================
    ■smart 画面の横幅が480pxまで
===============================================*/
@media screen and (max-width: 480px) {
    .sp-top {
        display: block;
    }

    .pc-top {
        display: none;
    }

    /*-------- #ba --------*/
    #ba ul li {
        width: 100%;
        max-width: 460px;
        margin: 0 auto 15px;
        margin-bottom: 15px;
    }

    /*-------- #nayamilink --------*/
    #nayamilink .nayami-box .box ul.nayami-link li {
        width: 49%;
        float: left;
        margin: 0 2% 10px 0;
    }

    #nayamilink .nayami-box .box ul.nayami-link li.n3 {
        margin: 0 2% 10px 0;
    }

    #nayamilink .nayami-box .box ul.nayami-link li.n2 {
        margin: 0 0 10px 0;
    }

    /*--------------- #point -------------*/
    #point .point-box {
        background: none;
        background-size: auto;
    }

    #point .point-box .box {
        width: 100%;
        max-width: 450px;
        margin: 0 auto 15px;
        border: 1px solid #acffff;
    }
}