main{	padding-bottom: 50px;}
.page_title{	margin-bottom: 40px;}

#opinion{	background: #fff;}


.form{
	padding: 40px 15px;
}

.cbox{
	text-align: left;
	margin: 0 0 15px 0;
    padding: 0 0 15px;
    border-bottom: 1px dotted #ddd;
}

.cbox h4{
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #b99534;
	margin: 0 0 10px 0;
}

.cbox h4 span{
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	margin-top: 2px;
}

.hissu{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	color: #fff;
	background: #ff0000;
	border-radius: 2px;
	margin-left: 5px;
}

.cbox p{
	font-size: 16px;
	line-height: 22px;
}

.cbox .sub{
	font-size: 11px;
	line-height: 16px;
	padding: 10px 0 0 0;
}
.cbox .sub span{	color: #ff0000;}

.submit p{
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	padding: 0 0 20px 0;
}
.submit p span{	color: #ff0000;}


.form .bt1{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 280px;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;
	line-height: 20px;
	border			: 1px solid #ddd;
	border-radius	: 3px;
	padding			: 8px;
	font-family: Meiryo,'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
	background: url(./img/select.png) right 50% no-repeat;
	-webkit-background-size: 40px auto;
	background-size: 40px auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.select{	width: 240px;}
.select2{	width: 140px;}

.w1{	width		: 220px;}
.w2{	width		: 100%;}
.w3{	width		: 40px;}
.select{	width	: 220px;}

.form textarea{
	width: 100%;
	height: 200px;
	padding			: 7px 7px;
	font-size		: 16px;
	font-family		: Meiryo,'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
    vertical-align	: middle;
    border: 1px solid #ddd;
	border-radius	: 2px;
	-moz-border-radius	: 2px;
	-webkit-border-radius	: 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"]{
	padding			: 7px 7px;
	font-size		: 16px;
	font-family		: Meiryo,'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
    border: 1px solid #ddd;
	border-radius	: 2px;
	-moz-border-radius	: 2px;
	-webkit-border-radius	: 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.form input::placeholder,
.form textarea::placeholder{	color: #ccc;}
.form input:-ms-input-placeholder,
.form textarea:-ms-input-placeholder{	color: #ccc;}
.form input::-ms-input-placeholder,
.form textarea::-ms-input-placeholder{	color: #ccc;}

.error,
.over{
	margin: 0;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
}
.over{	padding-bottom: 80px;}

.error span{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #ff0000;
	padding: 80px 0;
}
.over span{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	padding: 80px 0 0 0;
}

.over{
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	margin			: 0 0 50px 0;
	padding			: 40px 0 0 0;
}
.error+.bt_bg,
.over+.bt_bg{
	text-align: center;
	padding: 30px 0 0 0;
}

.error_text{
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #ff0000;
    font-weight: bold;
}

.error_text:empty{ display: block;}

.error_block h4{
	color: #ff0000 !important;
	animation-name: indfade !important;
	animation-duration: 2.0s;
	animation-timing-function: ease-out;
	animation-delay: 0.0s;
	animation-iteration-count: infinite;
	animation-fill-mode: backwards;
}
@keyframes indfade {
	0%{
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
	80% {
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
	85% {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}
	90% {
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
	95% {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}
	100%{
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
}

.error_block input[type="text"],
.error_block input[type="email"],
.error_block input[type="tel"],
.error_block textarea{
    border-color: #ff0000 !important;
    background: #fff5f5 !important;
}
.error_block select{
    border-color: #ff0000 !important;
	background: url(./img/select.png) no-repeat 100% 50% #fff5f5 !important;
	-webkit-background-size: 40px auto !important;
	background-size: 40px auto !important;
}

.chk_bar{
	width: 100%;
	font-size: 0;
	line-height: 0;
	border-radius: 20px;
}

.chk_bar li{
	display: inline-block;
	width: 20%;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.chk_bar li:first-child label{
	border-radius: 20px 0 0 20px;
	border-left: 1px solid #ddd;
}

.chk_bar li:last-child label{
	border-radius: 0 20px 20px 0;
}

.chk_bar li label{
	display: block;
	cursor: pointer;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.chk_bar input[type="radio"]:checked+label{
	color: #fff;
	background: #b99534;
}

.chk_bar input[type="radio"],
.chk_bar input[type="checkbox"]{
	display: none;
}



/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 750px) {
	.select2{	margin-bottom: 5px;}
	.chk_bar li{
		font-size: 11px;
		line-height: 32px;
	}
	.chk_bar li:first-child label{
		border-radius: 16px 0 0 16px;
	}
	.chk_bar li:last-child label{
	}
}