@charset "UTF-8";
/* CSS Document */



/*--------------------------------------------------------------
ヘッダー
--------------------------------------------------------------*/

.title_box{
	width:800px;
	margin:0 auto;
	background:#00A381;
	border-radius:3px;
	margin-top:50px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	position:relative;
}
.title_box p{
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}
.title_box h2{
	color:#ffffff;
	font-size:25px;
}
.close_btn{
	position:absolute;
	right: 10px;
    top: 35px;
	
}
.close_btn a{
	font-size:10px;
	color:#fff;
	position:relative;
}
.close_btn a:before{
	content:url("../../../images/common/icon_close_white.png");
	display:inline-block;
	position:absolute;
	top:-32px;
}

/*--------------------------------------------------------------
問い合わせ内容
--------------------------------------------------------------*/
article p.guide{
	width:800px;
	margin:0 auto;
	font-size:18px;
	font-weight:bold;
	padding-top:20px;
}
p.line_work {
	width: 800px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
article form{
	width:800px;
	margin:0 auto;
	padding-top:10px;
}
article form dl{
	border-bottom:1px solid #E6F1EF;
	padding-top:10px;
	padding-bottom:20px;
}
article form dl dt{
	font-size:18px;
	font-weight:bold;
	color:#00A381;
	margin-bottom:5px;
	position:relative;
}

.wrap_shopname dt,
.wrap_name dt,
.wrap_name2 dt,
.wrap_mail dt,
.wrap_contact dt,
.wrap_contents dt{
	padding-left:40px;
}
.wrap_shopname dt::before,
.wrap_name dt::before,
.wrap_name2 dt::before,
.wrap_mail dt::before,
.wrap_contact dt::before,
.wrap_contents dt::before{
	content:"必須";
	width:30px;
	height:21px;
	line-height:21px;
	font-size:10px;
	color:#ffffff;
	background:#EF0000;
	border-radius:3px;
	display:inline-block;
	text-align:center;
	position:absolute;
	top:2px;
	left:0;
	
}


span.error_mes{
	font-size:12px;
	font-weight:bold;
	color:#EF0000;
	padding-left:10px;
}
.shopname dd,.area dd{
	padding-left:10px;
	font-size:18px;
}


dd input{
	width:800px;
	height:60px;
	border:1px solid #00A381;
	border-radius:3px;
	font-size:15px;
	padding-left:10px;
	background:#F8FAFA;
}

textarea{
	width:800px;
	height:250px;
	border:1px solid #00A381;
	border-radius:3px;
	font-size:15px;
	padding-left:10px;
	background:#F8FAFA;
	resize: vertical;
	padding:10px;
	line-height:1.2em;
}

select{
	width:320px;
	height:60px;
	border:1px solid #00A381;
	border-radius:3px;
	font-size:15px;
	background:#F8FAFA;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-left:10px;
	background-image: url("../../../images/common/arrow_green_bottom.png");
	background-repeat: no-repeat;
	background-size: 16px 9px;
	background-position: right 10px center;
}



.caution{
	font-size:13px;
	color:#EF0000;
	padding-top:10px;
	padding-bottom:10px;
}

.wrap_button{
	width:800px;
	margin:0 auto;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
}
.wrap_button button{
	width:572px;
	height:80px;
	border-radius:5px;
	background:#00A381;
	color:#ffffff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	outline: none;
    appearance: none;
    border: none;
}
.wrap_button button:hover{
	opacity:0.8;
	cursor:pointer;
}

.error {
	border:1px solid #EF0000;
	background: #FDF4F4;
}

/*--------------------------------------------------------------
情報提供・お知らせ
--------------------------------------------------------------*/
article p.guide02{
	width:800px;
	margin:0 auto;
	font-size:14px;
	padding-top:20px;
	color:#EF0000;
}

.radio-input{
  display: none;
}
.radio-input + label{
  padding-left: 65px;
  position:relative;
  margin-right: 20px;
	display:block;
	font-size:15px;
	padding-top:5px;
}
.radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  left: 40px;
  width: 15px;
  height: 15px;
  border: 1px solid #00A381;
  border-radius: 50%;
}

.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
top:8px;
  left: 43px;
  width: 11px;
  height: 11px;
  background: #00A381;
  border-radius: 50%;
}