@charset "UTF-8";


/***list.html****/
.precautions{background: #fff;}
h4{font-family: "Hiragino Mincho Pro";color: rgb(61, 57, 48);border-bottom: 1px solid #cfccc7;}
.title{font-family: "Hiragino Mincho Pro";}
.content_form_list .btn{margin-top:30px;}
p.text,p{font-size:16px;}
/***form***/
.contents_form em{color:#ae1d19;}
.contents_form form{display:inline;}
.contents_form p.alert{margin-top:10px;font-size: 1em;color:#ae1d19;}
.contents_form table{width:100%;    border-top: 1px solid #cfccc7;}
.contents_form table.conf{background:#fff;}
.contents_form tr{border-bottom: 1px solid #cfccc7;}
.contents_form th,.contents_form td{padding: 15px;position: relative;}
.contents_form th{font-size: 16px;font-family: "Hiragino Mincho Pro";font-weight: bold;}

.contents_form td{}

.contents_form span.check{display: inline-block;background-color: #ae1d19;color: #fff;font-size: 13px;font-weight: normal;padding: 2px 10px;line-height: 17px;position: absolute;right: 0;}

/** 注釈文言 **/
.contents_form td .add{font-size:90%;}

/** 確認 **/
.contents_form .conf td{font-size:16px;}

/** ボタン **/
.contents_form .come_btn a{background: #fff;color: #726e6f;}

.content_form_list .btn a,.contents_form .come_btn input[type="submit"],.contents_form .come_btn a{
background: #726e6f;color: #fff;
    font-size: 15px;
    height: 50px;
    display: inline-block;
    text-decoration: none;
    font-family: "Times New Roman","Hiragino Mincho ProN","YuMincho","Yu Mincho","MS PMincho",serif;
    text-align: center;
    font-weight: bold;
    transition: all 1s ease;
    }
.content_form_list .btn a,.contents_form .come_btn a{width: 250px;line-height: 50px;}
.contents_form .come_btn input[type="submit"]{border: none;width: 100%;}
.content_form_list .btn a:hover{background: #fff;color: #726e6f;}
.contents_form .come_btn a:hover{background:#726e6f;color: #fff;}
.top_text{text-align: center;margin-bottom: 30px;}
.under_text{max-width: 440px;text-align: center;margin: 30px auto 0;}
.come_btn.form_input_btn{max-width:500px;margin:40px auto 0;}
.come_btn.form_confirm_btn{display:flex;margin-top: 40px;}
.come_btn.form_confirm_btn .right_btn{width: 50%;margin-left: 20px;}
.come_btn.form_confirm_btn .left_btn{width: 50%;margin-right: 20px;}
/** フォーム共通 ***/
input.formtxt,textarea.formtxt,select.formtxt{border: 1px solid #cdcdcd;-webkit-border-radius: 5px;border-radius: 5px;padding: 10px;}
input.formtxt{}
textarea.formtxt{padding:7px;}










@media screen and (max-width:767px) {
/***list.html****/
.content_form_list{margin: 40px auto;}
.form_wrapper,.wrapper{}
.box:first-of-type{margin-bottom:30px;}
.general{margin-bottom: 30px;}
.others{}
.barber_shop{margin-bottom:30px;}
.precautions{margin: 30px 0 0;padding: 20px;}
h4{font-size: 20px;margin-bottom:20px;padding: 10px 0;font-weight: bold;}
.title{font-size: 20px;margin-bottom:20px;}
.content_form_list .btn{margin-top:15px;text-align: center;}
/******/
.contents_form{margin: 40px auto;}
textarea,select,input{width: 100%;    box-sizing: border-box;font-family:"Century Gothic",sans-serif !important;font-size: 15px;}
.contents_form th{display:block;padding:20px 10px 0px 10px;}
.contents_form td{display:block;padding:5px 10px 20px 10px;}

.contents_form th{display:flex;    justify-content: space-between;}
.contents_form td .add{padding-top: 10px;display: inline-block;}
.come_btn{text-align:center;}
.contents_form .conf th{border-bottom: 1px dotted #cfccc7;padding: 15px 10px 10px 10px}
.contents_form .conf td{padding: 10px 10px 15px 10px;}
.under_text,.top_text{font-size:14px;}
}


@media screen and (min-width:768px) {
/***list.html****/
.content_form_list{margin: 75px auto 80px;}
.form_wrapper,.wrapper{display:flex;justify-content: space-between;}
.box{width:50%;margin-right:15px;}
.box:last-of-type{width:50%;margin-right:0px;margin-left:15px;}
.general{width:50%;margin-right:15px;}
.others{width:50%;margin-left:15px;}
.barber_shop{margin-bottom:60px;}
.precautions{margin: 60px 0 0;padding: 30px;}
h4{font-size: 24px;margin-bottom: 20px;padding: 10px;font-weight: bold;}
.title{font-size: 20px;margin-bottom: 10px;}
.content_form_list .btn{margin-top: 20px;}
/*****/
.contents_form{margin: 75px auto 80px;}
.contents_form.form_comp{text-align:center;}
.contents_form .conf th{width:250px;    border-right: 1px dotted #cfccc7;}
}

@media screen and (min-width:768px) and (max-width:830px) {
.box{width: 45%;}
}

@media screen and (min-width:768px) and (max-width:1080px) {

}

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

}