@charset "utf-8";

/* ==================================================================

    application.css

=================================================================== */

/* --------------------------------
■共通
-------------------------------- */
.contents main > .chapter + .chapter {
    margin-top: 72px;
}

@media only screen and
(max-width : 767px) {

    .contents main > .chapter + .chapter {
        margin-top: 7vw;
    }
}

/* ◇ accent
-------------------------------- */
.contents .accent{
    background-image: url("../../images/application/accent.jpg");
} 

/* ------------------------------
■simArea
------------------------------ */
.simArea {
    background-color: #fff;
    border: 1px solid #DCDCDC;
}

@media only screen and
(max-width : 767px) {

    .simArea > .flex_box.sp_column {
        gap: 20px 0;
    }
}


/* ------------------------------
■requirements
------------------------------ */
.requirements .frame {
    margin-top: 40px;
}
.requirements .checkList > li {
    font-size: var(--font-size-l);
    background: url(../../images/common/icon/check_w.svg) 0 0.4em no-repeat;
}
.requirements .checkList li li {
    padding-left: 0;
    background: none;
    margin-top: 0
}
@media only screen and
(max-width : 767px) {

    .requirements .frame {
        margin-top: 7vw;
    }
}

.requirements .frame + .buttonStyle{
    margin-top: 70px;
}
/* ------------------------------
■contactArea
------------------------------ */
.form_table #yy,
.form_table #mm,
.form_table #dd{
    max-width: 5em;
}

.form_table .view{
    vertical-align: middle;
}
.form_table .view p{
    margin: 0;
}
.form_table .view .course{
    font-size: 2.8rem;
}
.form_table .view .price{
    font-size: 2.8rem;
}
.form_table .view .price em{
    font-size: 3.2rem;
}
.form_table .view .lpName span{
    display: inline-block;
    padding: 4px;
    line-height: 1.2;
    border-radius: 4px;
    border:1px solid #B72B2F;
    color:#B72B2F;
}


.form_table td ul.list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 0;
}
.form_table td ul.list li {
    width: 25%;
}

@media only screen and
(max-width : 767px) {

    .form_table td ul.list li {
        width: 100%;
    }
}