@charset "UTF-8";
/* ---------------------- MV ---------------------- */
#u-mv{ padding:50px 0 !important}
#u-mv.u-mv-wrap{
    background: url("../img/item/mv.jpg") no-repeat;
    background-size: cover;
    margin-top:60px;
}
#u-mv .u-mv-ttl{
    font-size:24px;
    font-weight: 600;
    color:#fff;
}
#u-mv .u-mv-ttl span{
    font-family: 'Josefin Sans', sans-serif;
    font-size:70px;
    font-weight: 600;
    display: block;
    line-height: 1;
}

@media screen and (max-width:768px) {
    #u-mv{ padding:10vw 0 !important}
    #u-mv.u-mv-wrap{background-position: 29% 50%;}
    #u-mv .u-mv-ttl{font-size:5vw;}
    #u-mv .u-mv-ttl span{
        font-size:10vw;
    }
}

/* ---------------------- ITEM ---------------------- */
#u-item .sec-ttl .ttl-en{color:#E5ECEF;}
#u-item .tab-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#u-item .tab-item{
    width:calc((100% - 20px*3)/4);
    margin-top:20px;
    text-align: center;
    border:1px solid #2274B6;
    color:#2274B6;
    font-weight: 600;
    font-size:24px;
    transition: 0.3s ease-in-out;
}
#u-item .tab-item.is-active{
    background: #2274B6;
    color:#fff;
}
#u-item .tab-contents{display: none;}
#u-item .tab-contents.is-active{display: block;}
#u-item .u-item-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:30px;
}
#u-item .u-item-list:after{
    content: "";
    width:calc((100% - 20px*3)/4);
}
#u-item .u-item-list:before{
    content: "";
    width:calc((100% - 20px*3)/4);
    order: 1;
}
#u-item .u-item-list li{
    width:calc((100% - 20px*3)/4);
    margin-top:30px;
}
#u-item .u-item-list li a{
    display: block;
}
#u-item .u-item-list li picture{}
#u-item .u-item-ttl{
    font-weight: 600;
    margin-top:5px;
    letter-spacing:0.1rem; 
}
#u-item .u-item-txt{
    font-size:14px;
    line-height: 1.5;
    letter-spacing:0; 
}

@media screen and (min-width:769px) {
    #u-item .tab-item:hover{
        background: #2274B6;
        color:#fff;
        cursor: pointer;
    }
}

@media screen and (max-width:768px) {
    #u-item .tab-item{
        width:calc((100% - 3vw)/2);
        margin-top:3vw;
        font-size:4vw;
        padding:1vw 0;
    }
    #u-item .u-item-list{margin-top:3vw;}
    #u-item .u-item-list:after{
        content: "";
        width:calc((100% - 3vw)/2);
    }
    #u-item .u-item-list:before{
        content: "";
        width:calc((100% - 3vw)/2);
        order: 1;
    }
    #u-item .u-item-list li{
        width:calc((100% - 3vw)/2);
        margin-top:5vw;
    }
    #u-item .u-item-ttl{margin-top:1vw;}
    #u-item .u-item-txt{font-size:3.2vw;}
}