@charset "UTF-8";

.ttl_survey {
	background:url(../../images/other/ttl_01survey.png) no-repeat left 5px;
	font-size:21px;
	font-weight:normal;
	margin:25px 0 15px;
	padding:0 0 10px 40px;
	border-bottom:1px solid #e4d8bf;
}

/*------------------------------------

	survey_box

-------------------------------------*/

section.survey_box {
	padding:25px;
	position:relative;
}

section.survey_box h3 {
	position:absolute;
	top:20px;
	right:20px;
}

section.survey_box .lead figure {
	float:left;
	width:70px;
	margin-right:5px;
}

section.survey_box .lead p {
	float:left;
	width:76%;
	margin-bottom:10px;
}

dl.survey_result dt {
	padding:0.5em 0.5em;
	margin-bottom:0.5em;
	font-weight:bold;
}

dl.survey_result dd {
	margin-bottom:1em;
}	
	
table.survey_info {
	width:100%;
	margin-bottom:1em;
}
	
table.survey_info th,
table.survey_info td	{
	padding:0.5em 0.5em;
}

table.survey_info th	{
	width:20%;
	font-size: 14px;
}
	
table.survey_info td	{
	background-color:#fff;
	width:30%;
}

.midashi_L th {
	width:35% !important;
}

.midashi_L td {
	width:15% !important;
}

.btn2 a {
	width: 250px;
}

.btn2 a:first-child {
	margin-right: 20px;
}


/*------------------------------------

	survey_OK

-------------------------------------*/
	
.survey_q3_1 {
	background-color:#f9ffed;
	border:1px solid #77b500;
	border-radius:5px;
}

.survey_q3_1 dl.survey_result dt {
	background-color:#dfedc4;
}

.survey_q3_1 table.survey_info th,
.survey_q3_1 table.survey_info td	{
	border:#77b500 1px solid;
}

.survey_q3_1 table.survey_info th	{
	background-color:#dbeec0;
}

/*------------------------------------

	survey_NG

-------------------------------------*/
	
.survey_q3_2 {
	background-color:#fafafa;
	border:1px solid #b0b0b0;
	border-radius:5px;
}

.survey_q3_2 dl.survey_result dt {
	background-color:#eeeeee;
}

.survey_q3_2 table.survey_info th,
.survey_q3_2 table.survey_info td	{
	border:#b0b0b0 1px solid;
}

.survey_q3_2 table.survey_info th	{
	background-color:#eeeeee;
}

/*------------------------------------

	survey_form

-------------------------------------*/
#survey_form select {
	font-size: 14px;
	padding: 0.5em;
	min-width:50%;
}

#survey_form textarea {
	width: 100%;
}

/*------------------------------------

	card_selector

-------------------------------------*/

#card_selector {
	background-color:#eee;
	border:2px solid #ddd;
	border-radius:5px;
	padding:1em;
}

#card_selector select {
	font-size:15px;
	padding:0.5em 1.5em 0.5em 0.5em;
	margin-right:5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ddd;
	border-radius: 0;
	outline: none;
}

#card_selector .btn_blue {
	font-size:15px;
	background: #009dcb;
	color: #fff;
	border:none;
	border-radius:5px;
	padding:0.5em 1em;
	cursor:pointer;
	display:inline-block;
}

.icon_arw {
	position:relative;
}

.icon_arw:after {
    position: absolute;
    content: "";
    right: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
}