/* box2 */
.box2{
    margin: 15px auto;
}
.box2>span{
    background-color: #E34763;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 18px;
}
.box2>div{
    border:2px solid #E34763;
    padding: 10px 10px 20px 10px;
}
.box2>div>img{
    width: 100%;
    vertical-align: top;
}
.box2>div>dl>dt{
    background-color: #E34763;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 18px;
}
.box2>div>dl>dd{
    border:2px solid #E34763;
    padding: 10px;
    margin: auto;
}
.box2>div>div{
    font-size: 1.3rem;
    text-align: center;
    font-weight: bold;
}
.box2>div>div>div>span{
    color: #FF0000;
    font-size: 1.6rem;
}
.box2>div>div>a{
    width: 100%;
    height: 4em;
    margin: auto;
}

/* -----------------------------------------↑ Mobile base ↑-----------------------------------------------*/
/* -----------------------------------------↓   desktop   ↓-----------------------------------------------*/

@media screen and (min-width: 768px) {
    .box2>div{
        padding: 20px 20px 30px 20px;
    }
    .box2>div>div{
        font-size: 2rem;
    }
    .box2>div>div>div>span{
        font-size: 2.5rem;
    }
    .box2>div>div>a{
        font-size: 26px;
    }
    .box2>div>div>a::after{
        font-size: 32px;
    }
}
/* box2 */