@charset "UTF-8";

#fv h2{
 width: 205px;
 background-image: url(../images/contact/h2.png);
}

#tel,
#mail{
 margin: -130px 0 0;
 padding: 130px 0 0;
}
#phone{
 margin: 0 auto;
 padding: 83px 0 50px;
 width: 1000px;
}
h3{
 width: 100%;
 height: 80px;
 font-size: 32px;
 line-height: 100%;
 text-align: center;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-image: url(../common/images/h3.jpg);
 background-position: center center;
 background-size: cover;
 border-radius: 20px;
 background-repeat: no-repeat;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
}
#phone .telBox{
 margin: 0 auto;
 padding: 35px 0 0;
 width: 550px;
}
#phone .telBox p{
 margin: 0 auto;
 padding: 0 0 15px;
 width: 415px;
 font-size: 18px;
 line-height: 100%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#phone .telBox .tel{
 margin: 0 auto 20px;
 padding: 0 0 0 45px;
 width: 418px;
 font-size: 56px;
 line-height: 100%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 letter-spacing: -0.05vw;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: url(../common/images/tel.png);
 background-position: left top 5px;
 background-size: 36px auto;
 background-repeat: no-repeat;
 white-space: nowrap;
}
#phone .telBox .time{
 margin: 0 auto;
 padding: 10px 20px;
 width: 100%;
 font-size: 18px;
 line-height: 28px;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-color: #e7eeae;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#phone .telBox .time span{
 color: #07913a;
}

#form{
 margin: 0 auto;
 padding: 50px 0 150px;
 width: 1000px;
}
#form .form{
 margin: 0 auto;
 padding: 70px 0 0;
 width: 500px;
}
#form .form table{
 width: 100%;
}
#form .form td{
 padding: 0 0 25px;
 font-size: 18px;
 line-height: 150%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#form .form td span{
 color: #ff0000;
}
input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
}
select {
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 border-radius: 0;
 border: 0;
 margin: 0;
 padding: 0;
 background: none transparent;
 vertical-align: middle;
 font-size: inherit;
 color: #000;
 box-sizing: content-box;
}
#form .form td .txt,
#form .form td select,
#form .form td textarea{
 margin: 7px 0 0;
 padding: 12px;
 width: 100%;
 font-size: 16px;
 line-height: 100%;
 text-align: left;
 border: 1px solid #000;
 background-color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#form .form td select{
 padding: 15px 32px 15px 15px;
 width: auto;
 background-image: url(../images/contact/select.png);
 background-position: right 10px center;
 background-size: 12px auto;
 background-repeat: no-repeat;
}
#form .form td textarea{
 height: 200px;
}
#form .form td .txt.wpcf7-not-valid,
#form .form td select.wpcf7-not-valid,
#form .form td textarea.wpcf7-not-valid{
    background: #ffe6e6;
}
#form .form .error{
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 background-color: #f6e3e3;
 border-radius: 20px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 font-size: 15px;
 color: #e51d1d;
 text-align: left;
 padding: 10px;
 margin-bottom: 15px;
 margin-top: 40px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#form .form .privacy{
 font-size: 18px;
 line-height: 26px;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#form .form .privacy div{
 padding: 10px 0 0;
}
#form .form .privacy div a{
 font-weight: normal;
 color: #0000ff;
 text-decoration: underline;
}
#form .form .privacy .wpcf7-list-item {
    display: inline-block;
    margin: 0 !important;
}
#form .form .submit_group{
 padding: 50px 0 0;
 text-align: center;
}
#form .form .submit_group .btn{
 margin: 0 auto;
 padding: 15px 0;
 width: 300px;
 font-size: 18px;
 line-height: 100%;
 text-align: center;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-color: #07913a;
 border: 2px solid #07913a;
 cursor: pointer;
 transition: .3s;
}
#form .form .submit_group .btn:hover{
 color: #07913a;
 background-color: #fff;
}
#form .form p{
 margin: 0;
 padding: 0;
 width: 100%;
 height: 200px;
 font-size: 18px;
 line-height: 150%;
 text-align: center;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#form .form p a{
 color: #0000ff;
}



@media screen and (max-width: 1620px){
#tel,
#mail{
 margin: -8vw 0 0;
 padding: 8vw 0 0;
}

}
@media screen and (max-width: 1020px){
#phone{
 padding: 8.2vw 0 4.8vw;
 width: 98%;
}
h3{
 height: 7.8vw;
 font-size: 3.1vw;
}
#phone .telBox{
 padding: 3.4vw 0 0;
}

#form{
 padding: 4.9vw 0 14.8vw;
 width: 98%;
}



}


@media screen and (max-width: 780px){
#fv h2{
 width: 35%;
 background-image: url(../images/contact/h2.png);
}

#tel,
#mail{
 margin: -18vw 0 0;
 padding: 18vw 0 0;
}
#phone{
 margin: 0 auto;
 padding: 8vw 0 6vw;
 width: 95%;
}
h3{
 width: 100%;
 height: 10vw;
 font-size: 4.6vw;
 line-height: 100%;
 text-align: center;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-image: url(../common/images/h3.jpg);
 background-position: center center;
 background-size: cover;
 border-radius: 20px;
 background-repeat: no-repeat;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
}
#phone .telBox{
 margin: 0 auto;
 padding: 4vw 0 0;
 width: 80%;
}
#phone .telBox p{
 margin: 0 auto;
 padding: 0 0 2vw;
 width: 100%;
 font-size: 3vw;
 line-height: 100%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#phone .telBox .tel{
 margin: 0 auto 2vw;
 padding: 0 0 0 10%;
 width: 100%;
 font-size: 10.2vw;
 line-height: 100%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 letter-spacing: -0.05vw;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: url(../common/images/tel.png);
 background-position: left top 1vw;
 background-size: 6vw auto;
 background-repeat: no-repeat;
}
#phone .telBox .time{
 margin: 0 auto;
 padding: 3vw 3%;
 width: 100%;
 font-size: 2.8vw;
 line-height: 150%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-color: #e7eeae;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#phone .telBox .time span{
 color: #07913a;
}

#form{
 margin: 0 auto;
 padding: 6vw 0 16vw;
 width: 95%;
}
#form .form{
 margin: 0 auto;
 padding: 7vw 0 0;
 width: 90%;
}
#form .form table{
 width: 100%;
}
#form .form td{
 padding: 0 0 2vw;
 font-size: 3.2vw;
 line-height: 150%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#form .form td span{
 color: #ff0000;
}
input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
}
#form .form td .txt,
#form .form td select,
#form .form td textarea{
 margin: 1vw 0 0;
 padding: 2vw;
 width: 100%;
 font-size: 3.2vw;
 line-height: 100%;
 text-align: left;
 border: 1px solid #000;
 background-color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#form .form td select{
 padding: 2.4vw 10% 2.4vw 2.4vw;
 width: auto;
 background-image: url(../images/contact/select.png);
 background-position: right 5% center;
 background-size: 3vw auto;
 background-repeat: no-repeat;
}
#form .form td textarea{
 height: 40vw;
}
#form .form .error{
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 background-color: #f6e3e3;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 font-size: 3.2vw;
 color: #e51d1d;
 text-align: left;
 padding: 10px;
 margin-bottom: 4vw;
 margin-top: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#form .form .privacy{
 font-size: 3vw;
 line-height: 150%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#form .form .privacy div{
 padding: 2vw 0 0;
}
#form .form .privacy div a{
 font-weight: normal;
 color: #0000ff;
 text-decoration: underline;
}
#form .form .submit_group{
 padding: 6vw 0 0;
 text-align: center;
}
#form .form .submit_group .btn{
 margin: 0 auto;
 padding: 3vw 0;
 width: 70%;
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-color: #07913a;
 border: 2px solid #07913a;
}
#form .form p{
 margin: 0;
 padding: 0;
 width: 100%;
 height: 40vw;
 font-size: 3.4vw;
 line-height: 150%;
 text-align: center;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}




}