@charset "UTF-8";

a {
    color: #807C18;
}

article section#Introduction {
    padding-top: 5vw;
}

.h2 {
    margin: 3% auto;
    width: 80%;
    text-align: center;
    font-size: 1.8em;
}

.h2 h2 {
    padding-bottom: 0.5em;
    color: #66602c;
    position: relative;
}

.h2 h2::after {
    content: '';
    bottom: 0;
    position: absolute;
    left: 20%;
    width: 60%;
    height: 2px;
    background-color: #66602c;
}

input, textarea, select {
    font-size: 16px;
    /* フォーム拡大を防ぐための指定 */
    background: #f2f2f2;
    border: solid 1px #f4f4f4;
}

select {
    height: 40px;
}

.mf_text_box {
    width: 80%;
    text-align: center;
    margin: 30px auto 30px auto;
    line-height: 1.5;
}

.mf_text_box_announce {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #E6E6E6;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.mf_text_box_announce .announce_title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

.mf_text_box_announce p.announce_detail {
    width: 80%;
    line-height: 1.5;
}

.contact_image {
    text-align: center;
}

.contact_image div {
    margin: 2%;
}

.contact_image img {
    width: 80%;
    margin: 10px;
}

.contact_image a {
    font-size: 0.5em;
}

dl.mailform {
    width: 80%;
    margin: 0 auto;
}

dl.mailform dt {
    width: 100%;
    padding: 2%;
    font-weight: bold;
}

dl.mailform dt .must {
    background: #F90;
    color: #FFF;
    font-size: 14px;
    padding: 2px 10px;
    margin-left: 10px;
    font-weight: normal;
}

dl.mailform dd {
    width: 100%;
    margin-bottom: 5%;
    padding: 2%;
}

dl.mailform dd a {
    width: 100%;
}

dl.mailform dd textarea {
    width: 100%;
    height: 80px;
}

dl.mailform dd input {
    width: 100%;
    margin-bottom: 2%;
    height: 40px;
}

dl.mailform dd ol li span, dl.mailform dd ol li input {
    width: 100%;
}

dl.mailform dd ol li select {
    width: 100%;
    height: 40px;
    margin-bottom: 2%;
}

.mfp_buttons {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.mfp_buttons button {
    width: 35%;
    margin-right: 5%;
    height: 45px;
    -webkit-appearance: none;
    text-decoration: none;
    color: #FFF;
    background: #005982;
    /*色*/
    border: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.hide, .display-none {
    /* 表示の切り替えに使用する */
    display: none;
}

.frame-orange {
    padding: 3%;
    border: 2px solid #FF9900;
    box-sizing: border-box;
    border-radius: 29px;
}

.frame-red {
    padding: 3%;
    border-top: solid 3px #FF0004;
    border-bottom: solid 3px #FF0004;
}

.align-center {
    text-align: center;
    margin-bottom: 2%;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
    .mf_text_box {
        font-size: 1.2em;
    }

]
.contact_image a {
    font-size: 0.8em;
}

    dl.mailform dd {
        margin-bottom: 3%;
    }

    dl.mailform dd a {
        width: 45%;
    }

    dl.mailform dd textarea {
        height: 120px;
    }

    dl.mailform dd input {
        width: 45%;
        margin-right: 2%;
    }

    dl.mailform dd ol li span, dl.mailform dd ol li input {
        margin-right: 3%;
    }

    dl.mailform dd ol li select {
        width: 45%;
        height: 40px;
        margin-bottom: 2%;
    }

    /*end*/
}

@media screen and (min-width: 960px) {
    .contact_image img {
        width: 60%;
    }

    .contact_image a {
        font-size: 1.0em;
    }

    button:hover {
        background-color: #0075a9;
    }

    .mf_text_box {
        width: 60%;
        font-size: 1.2em;
    }

    .mf_text_box_announce p.announce_detail {
        width: 60%;
    }

    dl.mailform {
        width: 60%;
    }

    dl.mailform dd {
        margin-bottom: 3%;
    }

    dl.mailform dd a {
        width: 45%;
    }

    dl.mailform dd textarea {
        height: 120px;
    }

    dl.mailform dd input {
        width: 45%;
        margin-right: 2%;
    }

    dl.mailform dd ol li span, dl.mailform dd ol li input {
        margin-right: 3%;
    }

    dl.mailform dd ol li select {
        width: 45%;
        height: 40px;
        margin-bottom: 2%;
    }

    .mfp_buttons {
        width: 60%;
    }

    .mfp_buttons button {
        height: 60px;
    }

    /*end*/
}