@charset "utf-8";

html{
    background-position: 50% 0;
}


/* ------------------------------- */
.form{padding: 114px 0 43px;}
.form_inner{
    background:  #fff;
}
.form_name{
    font-size:  18px;
    text-align:  center;
    border-top:  solid 2px #000;
    border-bottom: solid 1px #000;
    padding: 23px 0;
    font-weight:  normal;
}
.form_name span{
    position: relative;
    z-index: 1;
    padding: 0 0 0 31px;
}
.form_name span:before{
    content: "";
    z-index: 1;
    position: absolute;
    
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 25px auto;
    width: 25px;
    height: 25px;
    top:0;
    left: 0;
}
.form_icon1:before{
    background-image: url(../img/contact/icon01.png);
}
.form_icon2:before{
    background-image: url(../img/contact/icon02.png);
}
.form_tel{
    padding: 39px 0 62px;
}
.form_tel_no{
    font-size: 30px;
    text-align:  center;
}
.form_tel_no span{
    font-size: 46px;
    margin: 0 0 0 19px;
}
.form_tel_text{
    text-align:  center;
    margin: -7px 0 0;
}
/* ------------------------------- */
.input{
    border: none;
    background: #fff;
    font-size:  16px;
    padding: 21px 19px;
    width: 100%;
    border: #dcdcdc solid 1px;
}
.input1{
    width: 64%;
}
.textarea1{
    height: 206px;
}
.select1{
    width: 20%;
}
.select2{
    width: 30%;
}
/* ------------------------------- */
.form_body{
    padding: 21px 4.7% 0;
}
.form_input{}

.form_table{
    width: 100%;
    border-bottom: 1px solid #dcdcdc;    
}
.form_table td,
.form_table th{
    font-size: 17px;
    padding: 19px 49px;
    border-top: 1px solid #dcdcdc;
}

.form_table td{padding: 19px 0 19px 29px;}
.form_table th{
    width: 304px;
    position:  relative;
    z-index:  1;
    background: #faf9f9;
}

.form_table .th_textarea{
    vertical-align:  top;
    padding-top: 40px;
}
.hissu{
    /* position:  absolute; */
    /* z-index:  1; */
    /* top: 37px; */
    /* left: 4px; */
    background: #7bbc2f;
    color:  #fff;
    font-size:  12px;
    display: inline-block;
    padding: 2px 8px;
    position: relative;
    top: -1px;
    margin: 0 0 0 7px;
}


/* ------------------------------- */
.form_submit{
    text-align: center;
    margin: 47px 0 0;
}
.submit_btn{display: inline-block;padding: 18px 0;width: 301px;}
.submit_btn2{
    background: #aaa;
}
/* ------------------------------- */
.form_mes{
    text-align: center;
    font-size: 17px;
    margin: 0 0 46px;
}

/* ------------------------------- */
/* ------------------------------- */


/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 680px) and (orientation: portrait) ,screen and (max-width: 737px) and (orientation: landscape) {
    /* ------------------------------- */
    .form{
    padding: 36px 0 30px;
}
    .form_inner{}
    .form_name{}
    .form_name span{}
    .form_name span:before{}
    .form_icon1:before{}
    .form_icon2:before{}
    .form_tel{}
    .form_tel_no{}
    .form_tel_no span{}
    .form_tel_text{}
    /* ------------------------------- */
    .input{
    padding: 17px 10px;
    border-radius: 0;
}
    .input1{
    width: 100%;
}
    .textarea1{}
    .select1{}
    .select2{}
    /* ------------------------------- */
    .form_body{}
    .form_input{}

    .form_table{}
    .form_table td,
    .form_table th{
    font-size: 14px;
    padding: 5px 10px;
}

    .form_table td{}
    .form_table th{
    width: 100px;
    position: relative;
    z-index: 1;
}

    .form_table .th_textarea{
    padding-top: 22px;
}
    .hissu{
    font-size: 10px;
    margin: 0;
    display: block;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 1px 5px;
}


    /* ------------------------------- */
    .form_submit{
    margin: 18px 0 0;
}
    .submit_btn{
    width: 48%;
    font-size: 12px;
    padding: 16px 25px 16px 0;
}
.submit_btn2{
    padding: 16px 0;
}
    .submit_btn span{right: 7px;}
    /* ------------------------------- */
    .form_mes{
    text-align: left;
    font-size: 14px;
    margin: 0 0 15px;
}

}