@charset "utf-8";


/* contact */

.contact_box{width:840px;margin:auto;padding-top:100px;}
.contact_box h1{border:1px solid #604c3f;width:800px;padding:13px 0 10px;margin:0 auto 100px;}
.contact_box h1,.contact_box h1 span{font-size:2.5rem;font-weight:500;text-align:center;letter-spacing: 0.1em;}
.contact_box h1 span{display:block;font-size:4rem;}



.form_area{padding-bottom:70px;}
p.contact_tx_01{font-size:1.6em;text-align:center;}
.contact_flow{padding:100px 0 40px;}
.contact_box{width:800px;margin:auto;padding-bottom:130px;}
.form_area,.input_cont,.form_name,.input_cont .input_address div,.input_cont .input_address div label{display:flex;flex-flow: row wrap;align-items: center;}
.input_cont{width:100%;padding:20px 0;align-items: center;}
.input_cont:before{content:"";border-left:10px solid #c9bc9c;height:50px;padding-right:20px;}



.form_area .input_cont:last-child{border-bottom:0;}
.input_area{flex:1;box-sizing: border-box;}
.input_area input{height:50px;box-sizing: border-box;border:1px solid #8e9090;width:100%;font-size:1.5rem;padding:5px;}
.input_area span{padding:0 5px;}
.form_name{font-size:1.6rem;color:#40220f;padding-right:25px;width:30%;}
.form_name>div{display:flex;flex-flow: row wrap;justify-content: space-between;width:100%;}

.chk{display:flex;flex-direction: column;justify-content: center;padding-left:1em;}
.chk span input{width:auto;display:inline-block;height:2em;}
.chk span{display:inline-block;display:flex;align-items: center;height:auto;}
.chk label{padding:0 2em 0 0.5em;width:auto;justify-content:flex-start;box-sizing: border-box;font-size:1.6rem;letter-spacing: 0.1em;}

.text_cont{align-items: flex-start;}
.text_cont .form_name{height:50px;}
.form_name{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Helvetica Neue",メイリオ,Meiryo,"游ゴシック Medium",YuGothic,YuGothicM,sans-serif;}
.form_name span{font-size:1.3rem;padding:2px 10px;background:#cc0001;color:white;display: inline-block;}
textarea.text_area{box-sizing:border-box;padding:5px;font-size:16px;width: 100%;border:1px solid #8e9090;}
div.send_mess{padding:100px 0;}
.form_name span.small,.input_area span.small{font-size:1rem;font-weight:300;background:none;color:gray;}
h2.contact_policy_t {font-size:1.6rem;font-weight: 500;text-align: center;padding-bottom:25px;}
.contact_policy_box {width:710px;border:1px solid #956134;margin:auto;height:500px;box-sizing: border-box;padding:0px;}
.contact_policy_box p{font-size:1.5rem;line-height: 1.9em;padding:20px;}
.agree{padding-top:60px;text-align:center;}
span.agree_tx{font-size:1.8rem;}


#submit[disabled]{opacity: 0.7;}
button.subbt_form{background:#da374a;color:white;font-size:1.7rem;padding:13px 70px;}
.check{display:inline-block;margin-bottom:90px;}
button.spbt_back{background:#999393;}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 1.5rem;
  color:#0b6689;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background:white;
  border:1px solid #956134;
  margin-top:-2px;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {background: #ccc;}
.control input:checked ~ .control__indicator {background: #956134;}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* scroll */

.cscrlb-scrollable {
  overflow-y: scroll;
  position: relative;
  width: 100%;
  height:16.5em;
  overflow: hidden;   
  -ms-overflow-style:none;
}
.cscrlb-scrollable.horizontal {overflow-x: scroll;overflow-y: hidden;}
.cscrlb-scrollable .cscrlb-scroll-content {overflow: hidden;overflow-y: scroll;}
.cscrlb-scrollable .cscrlb-scroll-content::-webkit-scrollbar {width: 0;height: 0;}
.cscrlb-scrollbar {
  z-index: 2;
  position: absolute;
  top: 0%;
  right: 0;
  bottom: 0;
  width: 5px;
  background: none;
}
.cscrlb-scrollbar .drag-handle {
  position: absolute;
  top:0;
  right: 0;
  width: 5px;
  height:100px;
  background: #604c3f;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
}


/*  確認画面　*/

button.subbt{width:150px;font-size:15px!important;padding:10px;text-align:center;margin:30px 40px 0 0;}

#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
	padding:50px 0;
}
table.formTable{
	width:100%;
	margin:0 auto 50px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
p.confirm_tx{text-align: center;padding-bottom:50px;font-size:1.6rem;}
h1.confirm_t{margin-bottom:0;}
a.confirm_tx{
    font-size: 1.6rem;
    padding: 7px 30px 6px;
     background:#46302b;
    display: inline-block;
    font-weight: 400;
    letter-spacing: 0.1rem;
    text-align: center;
    margin-bottom: 40px;
    color:white;
    }

@media screen and (max-width:768px) { 
/* contact */
.pages_container{width:90vw;padding-top:0;margin:auto;}
.cont_01 .contact_box h1{width:90%;font-size:1.6rem;margin: 0 auto 10vw;font-weight:600;}
.cont_01 .contact_box h1 span,.cont_01 .contact_box h1 span a{font-size:2.1rem;font-weight:600;}
.contact_box{padding:10vw 0 5vw;width:100%;}
.chk label{font-size:1.1rem;padding: 0 1em 0 0.5em;letter-spacing: inherit;}
.input_cont{padding:3vw 0;}
.input_cont:before{padding-right:8px;border-width: 5px;}
.form_name span{font-size:0.8rem;padding:2px 5px;max-height:1.5rem;}
.form_area{padding:5vw 2vw;}
.agree{padding-top:10vw;}
.check{margin-bottom:10vw;}
span.agree_tx{font-size:1.2rem;}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 17px;
    background: white;
    border: 1px solid #956134;
    margin-top: -2px;
}

.control--checkbox .control__indicator:after {
    left: 6px;
    top: 3px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
	
	.cscrlb-scrollable {
  overflow-y: scroll;
  position: relative;
  width: 98%;
  height:16.5em;
  overflow: hidden;   
  -ms-overflow-style:none;
}

.form_name{padding:0 0 0 0;font-size:1.2rem;justify-content: flex-start;width:27%;}
.form_name,label.form_name_02,label.control{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif;}
.form_name span.req{margin-left:0;}
.input_cont label{width:auto;}
.input_area{width:60%;padding-left:2vw;}
.input_area input{width:100%;font-size:1.6rem;}
.input_area span{padding:3vw 0;}   
.chk>span{padding:1vw 0;}
 label.control{width:auto;margin:auto;font-size:1.4rem;padding-left:1.5em;}
  label.control span{font-size:1.1rem;}
 textarea.text_area{max-width:100%;}
 .contact_policy_box p{font-size:1.2rem;line-height:1.6em; }
 .contact_policy_box{height:13em; }
h2.contact_policy_t{text-align:center;display:block;padding-bottom:5vw;}
button.subbt_form{padding:2vw 10vw;font-size:1.5rem;}
#formWrap{width:100%; padding:0;}
p.confirm_tx,table.formTable th,table.formTable td{line-height:1.7em;}
p.confirm_tx{font-size:1.5rem;padding-bottom:10vw;}
table.formTable{font-size:1.3rem;}
button.subbt{font-size:1.6rem;padding:10px 40px;}
button.spbt{margin-bottom:0;}
div.send_mess{padding:10vw 0 20vw;}
a.confirm_tx{font-size:1.5rem;}


}/* ---------  /max(768) -------*/