@font-face{
    font-family:'NotoSansCJKjp';
    src:url("../font/NotoSansCJKjp-Thin.otf") format("opentype");
    font-weight:100;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("fonts/NotoSansCJKjp-DemiLight.otf") format("opentype");
    font-weight:200;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("fonts/NotoSansCJKjp-Light.otf") format("opentype");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("../font/NotoSansCJKjp-Regular.otf") format("opentype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("../font/NotoSansCJKjp-Medium.otf") format("opentype");
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("../font/NotoSansCJKjp-Bold.otf") format("opentype");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("../font/NotoSansCJKjp-Black.otf") format("opentype");
    font-weight:900;
    font-style:normal
}
@font-face{
    font-family:'NotoSansMonoCJKjp';
    src:url("../font/NotoSansMonoCJKjp-Bold.otf") format("opentype");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'NotoSansMonoCJKjp';
    src:url("fonts/NotoSansMonoCJKjp-Regular.otf") format("opentype");
    font-weight:500;
    font-style:normal
}
.contact{
    background-color:#FFFFFF
}
.contact .lowerHero{
    background-image:url(../images/contact/kv_contact.jpg)
}
@media screen and (max-width: 970px){
    .contact .lowerHero{
        background-image:url(../images/contact/sp_kv_contact.jpg)
    }
}
@media screen and (max-width: 970px){
    .contact .breadcrumb{
        background-color:#faf4ee
    }
}
@media screen and (max-width: 970px){
    .contact .innerBlock{
        padding:0
    }
}
.contact .contactArea{
    width:920px;
    margin:0 auto 100px;
    background-color:#faf4ee;
    padding:100px 83px 1px
}
@media screen and (max-width: 970px){
    .contact .contactArea{
        width:100%;
        padding:15px 20px;
        margin-bottom:0
    }
}
.contact .contactTitle{
    font-size:1.4rem;
    line-height:2;
    margin:0 0 25px 0
}
.contact .contactInfomation{
    font-size:1.4rem;
    line-height:2;
    margin:0 0 43px 0
}
.contact .contactH3{
    text-align:center
}
.contact .contactNotice{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.75;
    text-align:center;
    margin: 50px 0 0 0;
    color: red;
}
.contact .contactPlease{
    font-size:1.4rem;
    margin:50px 0 0 0
}
@media screen and (max-width: 970px){
    .contact .contactPlease{
        font-size:1.2rem;
        margin:40px 0 0 0
    }
}
.contact .wpcf7-turnstile {
    margin-bottom: 20px;
}
.contact .contactForm{
    padding:30px 0 0
}
.contact .contact_head{
    font-weight:bold;
    margin:0 0 13px 0
}
.contact .contact_head.--required:after{
    content:'必須';
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    background-color:#f66533;
    padding:2px 10px;
    border-radius:10px;
    margin-left:5px
}
.contact .contact_input{
    background-color:#FFFFFF;
    height:60px;
    width:100%;
    margin:0 0 30px 0;
    line-height:60px;
    padding:0 15px
}
.contact .contact_textarea{
    width:100%;
    background-color:#FFFFFF;
    padding:15px;
    height:200px
}
.contact .contact_btns{
    margin:45px auto;
    display:flex;
    flex-wrap: wrap;
    justify-content:center
}
@media screen and (max-width: 970px){
    .contact .contact_btns{
        margin:20px auto
    }
}
.contact .formBtn{
    width:300px;
    border:2px solid #226533;
    height:70px;
    line-height:70px;
    font-size:2rem;
    background-color:#FFFFFF;
    color:#226533;
    text-align:center;
    font-weight:bold
}
.contact .formBtn:hover{
    background-color:#226533;
    color:#FFFFFF;
    font-size:1.8rem
}
@media screen and (max-width: 970px){
    .contact .formBtn{
        width:200px
    }
}
.contact .mw_wp_form_confirm .contact_head{
    margin:0 0 6px 0
}
.contact .mw_wp_form_confirm .contact_input{
    width:920px;
    background-color:rgba(0,0,0,0);
    padding:0px 0 29px 27px;
    height:auto;
    line-height:1.5;
    margin:0 auto 26;
    padding:0
}
@media screen and (max-width: 970px){
    .contact .mw_wp_form_confirm .contact_input{
        width:100%;
        padding:0;
        margin:0 auto 18px
    }
}
.contact .mw_wp_form_confirm .formBtn--back{
    border:none;
    background-color:rgba(0,0,0,0);
    color:#000
}
@media screen and (max-width: 970px){
    .contact .mw_wp_form_confirm .contact_btns{
        display:flex;
        flex-direction:column-reverse;
        align-items:center;
        margin:50px auto
    }
}
.contact .mw_wp_form .error{
    font-size:93%;
    color:#B70000;
    display:block;
    height:20px;
    line-height:20px
}
.contact .wpcf7-not-valid-tip {
    font-size: 93%;
    color: #B70000;
    display: block;
    height: 20px;
    line-height: 20px;
}
.contact .contact_btns .wpcf7-form-control-wrap {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}
.contact .contact_btns .wpcf7-spinner {
    display: none;
}
.contact .contact_btns div {
    width: 100%;
}