@charset "UTF-8";

table{width: 100%;}

.cont_form .area_text{font-family: "YuGothic", "Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;}
.contents_form{background: #f7fae9;background: -webkit-linear-gradient(left,  #f7fae9 0%,#fbf7e5 100%);
    background: linear-gradient(to right,  #f7fae9 0%,#fbf7e5 100%);position: relative;}
    .contents_form.conf,.contents_form.comp{background: none;padding-top: 0;}
    .contents_form.conf h2,.contents_form.comp h2{color: #2ca453;font-weight: bold;}
    .contents_form.conf h2::after,.contents_form.comp h2::after{
        content: "";display: block;width: 100%;height: 2px;background: -webkit-linear-gradient(left,  #2ca453 0%,#2ca453 59%,#86c255 100%);
        background: linear-gradient(to right,  #2ca453 0%,#2ca453 59%,#86c255 100%);
    }

.contents_form .cont{background: #fff;}
.about_contact{margin: 40px auto 0;position: relative;}
.about_contact li{display: flex;flex-wrap: wrap;}

.contents_form th{font-weight: bold;}
.contents_form th span{display: inline-block;}
.contents_form th em{color: #fff;font-size: 14px;background: #c2a400;font-weight: normal;width: 60px;text-align: center;
    display: inline-block;margin-left: 10px;position: absolute;right: 0;
}
.contents_form form{display:inline;}
.contents_form p em,
.contents_form p.alert{margin:5px 0;color: #c20000;font-weight: normal;}
.contents_form p em{font-weight: bold;}
.contents_form p.alert{font-size: 90%;}
.contents_form table{width:100%;font-family: "YuGothic", "Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;}
.contents_form th,.contents_form td{padding:10px;border-bottom: 2px dotted #e4e4e4;}
.contents_form th{vertical-align:top;position: relative;}

/** ���ߕ��� **/
.contents_form td .add{font-size:80%;}

/** button **/
.form_input_btn{display: flex;justify-content: center;}
.come_btn input[type="submit"],.come_btn a{-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;
max-width:300px;border:none;display:block;text-align:center;background-color:#2ca453;
/*-webkit-border-radius: 5px; border-radius: 5px;*/color: #fff;
-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;
width: 100%;font-size: 18px;line-height: 55px;font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
}
.come_btn input[type="submit"]:hover{cursor:pointer;/*background-color:#000;color:#fff;*/opacity: .8;}

.form_input_btn{width:300px;margin:0 auto;}
.come_btn{max-width:640px;margin:0 auto;}

.form_confirm_btn{display: flex;flex-direction:row-reverse;flex-wrap: wrap;}
.form_confirm_btn form{width: 50%;}
.form_confirm_btn form.right input[type="submit"]{background: #c2a400;}
.contents_form.comp .come_btn a{text-decoration: none;padding: 0;line-height: 40px;margin: 20px auto 0;}

/** input_form ***/
input.formtxt,textarea.formtxt,select.formtxt{border: 1px solid #cdcdcd;-webkit-border-radius: 5px;border-radius: 5px;
    font-family: "YuGothic", "Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;font-size: 16px;
}
input.formtxt{padding: 9px 10px;}
textarea.formtxt{padding:7px;}


@media screen and (max-width:700px) {
    .contents_form th,.contents_form td{display: block;width: 100%;}
    .contents_form th{border-bottom: none;padding-bottom: 0;}
    input.formtxt,textarea.formtxt,select.formtxt{width: 100%;}
    .form_confirm_btn{margin-right: -10px;margin-left: -10px;}
    .form_confirm_btn form{padding: 0 10px;}
    .come_btn input[type="submit"], .come_btn a{max-width:initial;}
    .form_confirm_btn form.right input[type="submit"]{margin-bottom: 20px;}
}

@media screen and (max-width:767px) {
    .cont_form{padding: 30px 0 0;}
    .about_contact{margin-top: 30px;font-size: 16px;}
    .contents_form .cont{padding: 20px 10px;}
    .about_contact span.l_dt{margin-left: -5px;padding: 0;}
    .about_contact span.l_dd{padding: 0 5px 10px;}
    .l_dd:nth-of-type(2){width: 100%;}
    .come_title_h2 h2 span{top:-34px;max-width: 100px;}
    .cont_form .area_text{padding-bottom: 60px;}
    .cont_form .conf .area_text,.cont_form .comp .area_text{padding: 20px 0px 0;}
    .contents_form{padding-top: 60px;padding-bottom: 50px;}
    .cont_form .conf .cont,.cont_form .comp .cont{padding: 10px 0 0;}
    .contents_form table{margin-bottom: 20px;}
    .contents_form th{font-size: 16px;}
    .contents_form th em{right: 10px;}
    .about_contact a[href*="tel:"]{display: inline-block;text-decoration: none;border-bottom: 1px solid #2ca453;
    color: #2ca453 !important;width: 100%;line-height: 38px;
    text-align: center;margin: 5px 0;}
    .contents_form.conf h2,.contents_form.comp h2{font-size: 20px;}
    .come_btn a{margin-top: 20px;text-decoration: none;padding: 0;line-height: 40px;}
}

@media screen and (min-width:768px) {
    .cont_form{padding: 60px 0 0;}
    .contents_form.conf .wrapper,.contents_form.comp .wrapper{max-width: 1080px;}
    .cont_form .area_text{padding-bottom: 80px;}
    .cont_form .area_text p{font-size: 110%;text-align: center;}
    .cont_form .conf .area_text,.cont_form .comp .area_text{padding-top: 20px;padding-bottom: 0;}
    .about_contact{font-size: 18px;margin-top: 45px;max-width: 500px;}
    .about_contact span{padding: 10px 20px;}
    .about_contact::before{content: "";display: block;width: 62px;height: 53px;background: url(../../images/bg_h3_title_left.png) no-repeat;
    background-size: contain;position: absolute;bottom: 0;left: -100px;
    }
    .about_contact::after{content: "";display: block;width: 62px;height: 53px;background: url(../../images/bg_h3_title_right.png) no-repeat;
        background-size: contain;position: absolute;bottom: 0;right: -100px;
    }
    .about_contact a[href*="tel:"]{pointer-events: none;cursor: default;text-decoration: none;color: #778273;}
    .contents_form{padding: 100px 0;}
    .contents_form .cont{padding: 60px;}
    .cont_form .conf .cont,.cont_form .comp .cont{padding: 40px 0 0;}
    .come_title_h2 h2{padding-top: 33px;}
    .come_title_h2 h2 span{top: -41px;max-width: 140px;}
    .contents_form.conf h2,.contents_form.comp h2{font-size: 28px;}
    .contents_form table{margin-bottom: 30px;}
    .contents_form th,.contents_form td{padding: 25px;font-size: 18px;}
    .contents_form th{width:30%;padding-right: 60px;}
    .contents_form th em{top: 25px;}
    .contents_form.comp .area_text{text-align: center;}
}

@media screen and (min-width:768px) and (max-width:1080px) {
    .contents_form .cont{padding-right: 30px;padding-left: 30px;}
    .contents_form th,.contents_form td{padding: 25px 10px;}
    .contents_form th{width: 40%;padding-right: 60px;}
    .contents_form th em{right: 5px;}
    .about_contact::before{left: -77px;}
}

@media screen and (min-width:1081px) {

}