/* 「スワローズIDとは？」「入会LP」用CSS */
#titleImg h1 {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: bold;
    font-size: 26px;
}
.swallows_id_img {
    display: inline-block;
    height: 3.5rem;
    transform: translateY(.2rem);
}
.marker {
    background: linear-gradient(transparent 70%,#ffe300 50%);
    font-size: 4rem;
    line-height: 6.5rem;
    display: inline-block;
}
.marker_2 {
    background: linear-gradient(transparent 50%,#ffe300 50%);
    /* font-size: 4rem; */
    line-height: 5.5rem;
}
.b-bold {
    font-size: 3.5rem;
    font-weight: bold;
    color: #083190;
}
.border {
    display: block;
    border: #fff solid;
    background: #fff;
    border-radius: 10px;
    border-width: 4px;
    height: 100%;
}

.s-img {
    width: 80%;
}
.under-block {
    background: #d2e0eb;
    padding: 60px 0;
}
.marker_white {
    background: linear-gradient(transparent 50%,#fff 50%);
    /* font-size: 4rem; */
    line-height: 5.5rem;
}
.marker_white img {
    display: inline-block;
    height: 3.5rem;
    transform: translateY(-0.8rem);
}
.under-btn {
    text-align: center;
    width: 30%;
    padding: 20px;
    display: block;
    margin: 10px auto 5px;
    background: #ffe300;
    border-radius: 3px;
    font-size: 2rem;
    font-weight: bold;
}
.under-btn:hover,
.under-btn:focus {
    opacity: 1!important;
}
.admission-btn {
    text-align: center;
    width: 30%;
    padding: 20px;
    display: block;
    margin: 10px auto 5px;
    background: #d4c57f;
    border-radius: 28px;
    font-size: 2rem;
    font-weight: bold;
}
.admission-btn:hover,
.admission-btn:focus {
    opacity: 1!important;
}
.admission-border {
    display: block;
    border: #6b7280 solid;
    border-width: 1px;
    height: 100%;
    padding: 40px 0;
}
.admission-b-bold {
    font-size: 2.5rem;
    font-weight: bold;
    color: #083190;
}
.admission-marker {
    background: linear-gradient(transparent 50%,#ffe300 50%);
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-weight: 500;
}
.admission-btn_circle {
    display: block;
    background: #083190;
    font-size: 21px;
    color: #fff;
    font-weight: bold;
    padding: 15px 40px 15px 40px;
    border-radius: 50px;
    width: 40%;
    margin: auto;
}
.admission-btn_circle:hover,
.admission-btn_circle:focus {
    background: #0f1350;
    color: #fff;
    opacity: 1!important;
}

@media screen and (max-width: 501px) {
    #titleImg h1 {
        font-family: 'Noto Sans JP', sans-serif !important;
        font-weight: bold;
        font-size: 24px;
        margin-top: 30px;
    }
    .swallows_id_img {
        display: inline-block;
        height: 2.5rem;
        transform: translateY(-.1rem);
    }
    .marker {
        background: linear-gradient(transparent 70%,#ffe300 50%);
        font-size: 3rem;
        line-height: 3rem;
    }
    .marker_2 {
        background: linear-gradient(transparent 60%,#ffe300 50%);
        /* font-size: 4rem; */
        line-height: 3rem;
    }
    .b-bold {
        font-size: 2.3rem;
        font-weight: bold;
        color: #083190;
    }
    .marker_white {
        background: linear-gradient(transparent 50%,#fff 50%);
        /* font-size: 4rem; */
        line-height: 3.5rem;
    }
    .marker_white img {
        display: inline-block;
        height: 1.55rem;
        transform: translateY(-0.5rem);
    }
    .under-btn {
        text-align: center;
        width: 100%;
        padding: 20px;
        display: block;
        margin: 10px auto 5px;
        background: #ffe300;
        border-radius: 3px;
        font-size: 2rem;
        font-weight: bold;
    }
    .admission-btn {
        text-align: center;
        width: 100%;
        padding: 20px;
        display: block;
        margin: 10px auto 5px;
        background: #d4c57f;
        border-radius: 28px;
        font-size: 2rem;
        font-weight: bold;
    }
    .admission-border {
        display: block;
        border: #6b7280 solid;
        border-width: 1px;
        height: 100%;
        padding: 0 0 50px 0;
    }
    .admission-btn_circle {
        display: block;
        background: #083190;
        font-size: 21px;
        color: #fff;
        font-weight: bold;
        padding: 15px 40px 15px 40px;
        border-radius: 50px;
        width: 100%;
        margin: auto;
    }
    .sp-tal {
        text-align: left;
    }
}