@charset "UTF-8";

/* ---------------------------------------*/
/* PC */
/* ---------------------------------------*/


/* page title */
/* ----------------------------------*/
.page_title{
    background: url(../welfare/img/main_visual-pc.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 100px;
}

.page_title img{
    width: 238px;
}

.lead{
    font-size: 2.6rem;
    font-weight: bolder;
    font-style: italic;
    color: #1f4c92;
    margin-bottom: 50px;
}

/* event */
/* ----------------------------------*/
.list_event_item-party,
.list_event_item-golf,
.list_event_item-club,
.list_event_item-education,
.list_event_item-other{
    margin: 100px auto 0 auto;
}

.list_event li h4{
    display: inline-block;
    padding: 10px 45px;
    font-size: 2.6rem;
    font-style: italic;
    color: #1f4c92;
    border: solid 2px #1f4c92;
}

.list_event_item-party,
.list_event_item-golf,
.list_event_item-club{
    width: 860px;
    height: 456px;
    position: relative;
}

.list_event_item-party h4,
.list_event_item-golf h4,
.list_event_item-club h4{
    margin-bottom: 20px;
}

.list_event_item-party p,
.list_event_item-golf p,
.list_event_item-club p{
    width: 558px;
    height: 360px;
    background: url(../welfare/img/bg_text.png) no-repeat;
    padding: 95px 45px;
    text-align: left;
    font-size: 2.0rem;
    font-style: italic;
    line-height: 2em;
    color: #1f4c92;
}

.list_event_item-party figure,
.list_event_item-golf figure,
.list_event_item-club figure{
    width: 419px;
    height: 291px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.list_event_item-party figure img,
.list_event_item-golf figure img,
.list_event_item-club figure img{
    width: 100%;
}

.list_education{
    width: 1200px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.list_event_item-education h4{
    margin-bottom: 65px;
}

.list_education_item-online,
.list_education_item-training,
.list_education_item-juku{
    width: 325px;
    margin: 0;
}

.list_education_item-online h5,
.list_education_item-training h5,
.list_education_item-juku h5{
    font-size: 2.0rem;
    text-align: center;
    font-weight: normal;
    margin-bottom: 30px;
}

.list_education_item-online figure,
.list_education_item-training figure,
.list_education_item-juku figure{
    width: 100%;
    margin-bottom: 30px;
}

.list_education_item-online figure img,
.list_education_item-training figure img,
.list_education_item-juku figure img{
    width: 100%;
}

.list_education_item-online p,
.list_education_item-training p,
.list_education_item-juku p{
    text-align: left;
    font-size: 1.4rem;
    line-height: 2em;
}

.list_education_item-online{
    transition-delay:0ms;
}

.list_education_item-training{
    transition-delay:300ms;
}

.list_education_item-juku{
    transition-delay:600ms;
}

.list_other li{
    font-size: 2.0rem;
    margin-top: 60px;
}

.list_event_item-other p{
    font-size: 1.4rem;
    margin-top: 30px;
}



/* ---------------------------------------*/
/* SP */
/* ---------------------------------------*/

@media (max-width: 959px) {
    .page_title{
        background: url(../welfare/img/main_visual-sp.jpg) no-repeat;
        background-size: 100%;
    }

    .page_title img{
        width: 100px;
    }

    .lead{
        font-size: 1.3rem;
    }

    /* event */
    /* ----------------------------------*/
    .list_event_item-golf,
    .list_event_item-club,
    .list_event_item-education,
    .list_event_item-other{
        margin:  30px auto 0 auto;
    }

    .list_event_item-party{
        margin: -20px auto 0 auto;
    }

    .list_event li h4{
        padding: 5px 20px;
        font-size: 1.3rem;
        border: solid 1px #1f4c92;
    }

    .list_event_item-party,
    .list_event_item-golf,
    .list_event_item-club{
        width: 100%;
        height: 95vw;
    }

    .list_event_item-party h4,
    .list_event_item-golf h4,
    .list_event_item-club h4{
        margin-bottom: 24px;
    }

    .list_event_item-party p,
    .list_event_item-golf p,
    .list_event_item-club p{
        width: 100%;
        height: 160px;
        padding: 70px 0 0 0;
        text-align:  center;
        font-size: 1.1rem;
        position: absolute;
        bottom: 0;
        background: url(../welfare/img/bg_text-sp.png) no-repeat;
        background-size: 43%;
        background-position: bottom left;
    }

    .list_event_item-party figure,
    .list_event_item-golf figure,
    .list_event_item-club figure{
        width: 73%;
        height: auto;
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .list_education{
        width: 73%;
        display: block;
    }

    .list_event_item-education h4{
        margin-bottom: 25px;
    }

    .list_education_item-online,
    .list_education_item-training,
    .list_education_item-juku{
        width: 100%;
    }

    .list_education_item-training,
    .list_education_item-juku{
        margin-top: 45px;
    }

    .list_education_item-online h5,
    .list_education_item-training h5,
    .list_education_item-juku h5{
        font-size: 1.1rem;
        margin-bottom: 15px;
    }

    .list_education_item-online figure,
    .list_education_item-training figure,
    .list_education_item-juku figure{
        margin-bottom: 20px;
    }

    .list_education_item-online p,
    .list_education_item-training p,
    .list_education_item-juku p{
        font-size: 1.0rem;
    }

    .list_other{
        width: 73%;
        margin: 0 auto;
    }
    
    .list_education_item-training{
        transition-delay:0ms;
    }
    
    .list_education_item-juku{
        transition-delay:0ms;
    }

    .list_other li{
        font-size: 1.1rem;
        margin-top: 30px;
    }

    .list_event_item-other p{
        font-size: 0.9rem;
        margin-top: 15px;
    }
}