/*===================================
subpage
===================================*/
#subpage_mv {
    position: relative;
    background: url(../img/mv_sub.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 40vh;
}
#subpage_mv._about {
    background: url("../img/mv_about.jpg") center center no-repeat;
    background-size: cover;
}
#subpage_mv._training {
    background: url("../img/mv_training.jpg") center center no-repeat;
    background-size: cover;
}
@media screen and (min-width: 767px) {}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 1200px) {}
/*===================================
form
===================================*/
#contact_form ._container {
    padding: 0 8%;
}
#contact_form form {
    
    font-family: 'DM Serif Display', serif;
    width: min(100%, 800px);
    margin: 0 auto;
}
#contact_form .form_body {
    margin-top: 3em;
}
#contact_form .form_body .form_item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#contact_form .form_body .form_item + .form_item {
    margin-top: 1.5em;
}
#contact_form .form_body .form_item .form_label {
    font-weight: 500;
    letter-spacing: 0.05em;
}
#contact_form .form_body .form_item .form_label.is-msg {
    margin-top: 8px;
    margin-bottom: auto;
}
#contact_form .form_body.form_item .phone_nunber {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}
#contact_form .form_body .form_item .phone_nunber .input_item {
    width: calc((100% - 35px) / 3);
}
#contact_form .form_body .input_item {
    background: #ececec;
    border: 1px solid #ccc;
    border-radius: 100vh;
    font-size: 16px;
    padding: 5px 1em;
    width: 100%;
}
#contact_form .form_body .form_item_textarea {
    background: #ececec;
    border: 1px solid #ddd;
    border-radius: 12px;
    font-size: 16px;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    height: 200px;
}
#contact_form .form_body .submit_btn {
    background: #61503a;
    color: #fff;
}
#contact_form .form_body .back_btn {
    background: #222;
    color: #fff;
}
#contact_form .form_body .submit_btn, #contact_form .form_body .back_btn {
    border: none;
    background: #61503a;
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.05em;
    transition: .3s all;
}
#contact_form .form_body .submit_btn:hover, #contact_form .form_body .back_btn:hover {
    background: #61503a;
}
#contact_form .form_body .g-recaptcha > div {
    margin: 30px auto 10px;
}
#contact_form #warning {
    font-size: 10px;
    font-weight: 600;
    text-align: center;
}
@media screen and (min-width: 767px) {}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 1200px) {}