/* PC
================================================= */

@media only screen and (min-width: 768px){
    .sec_ttl-v1{
        text-align: center;
    }
    .sec_ttl-v1 h3{
        position: relative;
    }
    .sec_ttl-v1 h3 .en{
        display: block;
        width: 90%;
        font-family: "Darumadrop One", sans-serif;
        color: #FFCFD5;
        font-size: 10rem;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 0;
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .sec_ttl-v1 h3 .ja{
        color: #EF4A5F;
        font-size: 4rem;
        font-weight: 700;
        letter-spacing: 0.3em;
        line-height: 1.3;
    }
    .sec_ttl-v2{
        display: inline-block;
        text-align: center;
        border: 1px solid #EF4A5F;
        padding: 5px;
        box-sizing: border-box;
    }
    .sec_ttl-v2 h3{
        color: #EF4A5F;
        font-size: 3.2rem;
        font-weight: 700;
        letter-spacing: 0.05em;
    }
    .text p{
        color: #763B2F;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 2;
    }
    .line{
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(254, 241, 154, 1) 50%);
    }
    .btn{
        width: 275px;
    }
    .btn a{
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: #EF4A5F;
        padding: 18px 5px;
        border-radius: 90px;
        box-shadow: 0px 5px 0px 0px rgba(118, 59, 47, 1);
        transition: 0.3s;
    }
    .btn a .ic{
        color: #ffffff;
        font-size: 1.8rem;
    }
    .btn a .text{
        color: #ffffff;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
    }
    .btn a:hover{
        box-shadow: unset;
        transform: translateY(6px);
        opacity: 1;
    }
}

/* SP
================================================= */

@media only screen and (max-width: 767px){
    .sec_ttl-v1{
        text-align: center;
    }
    .sec_ttl-v1 h3{
        position: relative;
    }
    .sec_ttl-v1 h3 .en{
        display: block;
        width: 90%;
        font-family: "Darumadrop One", sans-serif;
        color: #FFCFD5;
        font-size: 5rem;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 0;
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .sec_ttl-v1 h3 .ja{
        color: #EF4A5F;
        font-size: 2.6rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.3;
    }
    .sec_ttl-v2{
        text-align: center;
        border: 1px solid #EF4A5F;
        padding: 10px 5px;
        box-sizing: border-box;
    }
    .sec_ttl-v2 h3{
        color: #EF4A5F;
        font-size: 2.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 1.4;
    }
    .text p{
        color: #763B2F;
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 2;
    }
    .line{
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(254, 241, 154, 1) 50%);
    }
    .btn{
        width: 275px;
    }
    .btn a{
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: #EF4A5F;
        padding: 18px 5px;
        border-radius: 90px;
        box-shadow: 0px 5px 0px 0px rgba(118, 59, 47, 1);
        transition: 0.3s;
    }
    .btn a .ic{
        color: #ffffff;
        font-size: 1.8rem;
    }
    .btn a .text{
        color: #ffffff;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
    }
    .btn a:hover{
        box-shadow: unset;
        transform: translateY(6px);
        opacity: 1;
    }
}