
.presentBlock {
    border:1px solid #52708c;
    padding:40px 50px;
    width:100%;
    text-align: left;
}
.presentBlock h3 {
    font-size:28px;
    text-align: center;
    color:#52708c;
    margin-bottom:35px;
}
.presentBlock .text {
    font-size:18px;
}
.presentBlock .list {
    margin-bottom:50px;
}
.presentBlock .list li {
    padding-left:1rem;
    position: relative;
    font-size:14px;
    line-height:1.6;
}
.presentBlock .list li:before {
    content:"・";
    position:absolute;
    top:0;
    left:-5px;
}

.presentList {
    margin:60px 0 40px;
}
.presentList ul {
    display:flex;
    justify-content: center;
}
.presentList ul li {
    width:300px;
    margin:0 30px;
    position: relative;
    text-align: center;
}
.presentList ul li .label {
    position:absolute;
    top:0;
    left:0;
    background-color:#52708c;
    color:#FFF;
    display:inline-block;
    font-size:20px;
    line-height:1;
    padding:15px 10px;
    z-index: 1;
}
.presentList ul li .name {
    margin-top:10px;
    line-height:1.4;
}

@media screen and (max-width: 759px) { /*SP*/
    .presentBlock {
        padding:5vw;
    }
    .presentBlock h3 {
        font-size:5vw;
        margin-bottom:5vw;
    }
    .presentBlock .text {
        font-size:3.4vw;
    }
    .presentBlock .list {
        margin-bottom:5vw;
    }
    .presentBlock .list li {
        font-size:3vw;
    }
    .presentList {
        margin:10vw 0 5vw;
    }
    .presentList ul {
        display:flex;
        justify-content: center;
    }
    .presentList ul li {
        width:48%;
        margin:0 1%;
    }
    .presentList ul li .label {
        font-size:3.2vw;
        padding:2vw 1vw;
    }
    .presentList ul li .name {
        margin-top:2vw;
        font-size:3.2vw;
    }
}
