/*----- お問い合わせフォーム
--------------------------------------------------------------*/
.section_contact{
   display: flex;
   flex-flow: column;
   margin: 20px auto;
   padding: 0;
   background-image: none;
   background-color: transparent;
}
.section_contact>div{
   display: block;
   width: 100%;
}
.contact_access{
   margin-top: 100px;
}
.contact_access h2{
   margin-bottom: 50px;
}
.contact_access>div{
   display: flex;
   flex-flow: column;
   margin: 0 auto;
}
.contact_access>div iframe{
   width: 100%;
   margin: 30px auto;
}
.contact_contact{
   margin-top: 100px;
}
.contact_contact>.contents{
   margin: 0 auto;
}
.tel,.fax{
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 30px;
}
.tel a span,.contact_contact div  p span{
   margin: 20px;
   font-family: 'Zen Maru Gothic';
   color: #F18E41;
   font-size: 4rem;
}
.tel small{
   display: block;
   margin-left: 260px;
}
@media(max-width:1050px){
   .section_contact{
       margin: 0px auto;
   }
   .section_contact>div{
       width: 90%;
   }
   .contact_access{
       margin-top: 50px;
   }
   .contact_access h2{
       margin-bottom: 30px;
   }
   .contact_access>div iframe{
       margin-top: 20px;
       width: 100%;
       height: 300px;
   }
   .contact_contact{
       margin-top: 80px;
   }
   .tel,.fax{
       display: flex;
       justify-content: center;
       align-items: center;
       margin: 0px;
   }
   .tel a span,.contact_contact div  p span{
       margin: 0 0 0 20px;
       font-size: 2rem;
   }
   .tel small{
       display: block;
       margin-left: 100px;
   }
}
/*PC メールフォーム*/

#mail-form{
   margin: 60px auto 0;
}

#mail-form>div{
   max-width:820px;
   margin: 0 auto;
   background-color: #fff;
}

.mail-form_caution{
   text-align: center;
   line-height: 1.8em;
   padding-bottom: 30px;
}

/* .mail-form_caution_l{
   text-align: left;
   line-height: 1.8em;
   padding-bottom: 30px;
} */


.mail-form_caution a{
   color: #00A8A6;
   text-decoration: underline;
}

.check_list{
   margin: 0 auto;
   padding-top: 10px;
   display: block;
}

.form_check_list{
   max-width: 780px;
   margin: 0;
   display: block;
   text-align: left;
}

.required_item{
   color: #00A8A6;
   font-size: 14px;
   border: #00A8A6 solid 2px;
   margin-left: 10px;
   padding: 3px 10px;
}

.any_item{
   color: #696969;
   font-size: 14px;
   border: #696969 solid 2px;
   margin-left: 10px;
   padding: 3px 10px;
}

label{
   line-height: 2.4rem;
}

/*SPメールフォーム*/
@media(max-width:960px){
   #mail-form{
       margin: 30px auto 0;
       padding-top: 0px;
   }
   #mail-form>div {
       padding: 30px 20px;
       margin: 0 auto;
   }
}

/*PCメールフォーム中身*/
.section_input>div{
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 40px;
}
.section_input input,select,textarea{
   width: 780px;
   margin: 0 auto;
   padding: 20px 20px;
   background-color: #EFEFEF;
   border: none;
   border-radius:20px ;
   border-bottom: 30px;    
}
label,.select{
   font-family: 'Zen Maru Gothic';
}

.section_input_check>div{
   max-width: 780px;
   display: flex;
   /* justify-content: center; */
   align-items: left;
   margin-top: -40px;
   margin-bottom: 50px;
}

.section_input_check input{
   padding: 20px 20px;
}

.hissu{
   display: inline-block;
   margin-left: 10px;
   padding: 0 5px;
   border: solid 1px;
   color: #FF0000;
   font-size: 0.8rem;
}

.form .button{
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto; 
}

input[type="submit"]{
   padding: 10px;
   background-color: #00A8A6;
   color: #fff;
   border-radius: 20px;
   border: #00A8A6 solid 1px;
   width: 300px;
   margin-top: 30px;
   cursor: pointer;
}

.wpcf7-list-item{
   display: inline-block;
   margin: 0 0 0 0;
}


.wpcf7-spinner{
   display: none;
}

.wpcf7 form .wpcf7-response-output{
   border: none;
}
.wpcf7-response-output{
   color: #00A8A6;
   text-align: center;
}
@media(max-width:960px){
   .section_input>div{
       justify-content: left;
       flex-flow: column;
       margin: 20px auto ;
   }
   label{
       margin-right: auto ;
   }
   .select>div{
       margin-right: auto ;
   }

   .section_input_check>div{
      max-width: 320px;
      margin: 0 auto;
      padding-bottom: 30px;
      justify-content: flex-start;
   }

   .wpcf7-form-control-wrap{
       display: block;
       width:100%;
   }
   .section_input input,select,textarea{
      width: 90%;
      padding: 10px 20px;
      margin: 10px 0 0;
   }
   .hissu{
       padding: 0 7px;
   }
}