@charset "UTF-8";
/* ===================================================================
CSS information

file name  : form.css
author     : Abilive
style info : アンケート
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.tmp_form table tr:nth-child(even) {
	background-color: #eee;
}

@media only screen and (max-width: 767px) {
	.tmp_form table tr:nth-child(even) {
		padding: 1.5em 1em;
	}
}

.tmp_form table tr.var_top {
	vertical-align: top;
}

@media only screen and (min-width: 1025px) {
	.tmp_form table tr th {
		width: 37%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form table tr th {
		width: 32%;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form table tr th {
		width: 100%;
	}
}

.tmp_form table tr th .box_th_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media only screen and (min-width: 768px) {
	.tmp_form table tr th .box_th_inner .num {
		width: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form table tr th .box_th_inner .num {
		width: 3em;
	}
}

@media only screen and (min-width: 768px) {
	.tmp_form table tr th .box_th_inner .q_txt {
		width: calc(100% - 60px);
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form table tr th .box_th_inner .q_txt {
		width: calc(100% - 3em);
	}
}

@media only screen and (min-width: 768px) {
	.tmp_form table tr th .text_flag {
		padding-left: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form table tr th .text_flag {
		padding-left: 3em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 895.5px) {
	.tmp_form table tr th .text_flag {
		letter-spacing: 0;
	}
}

@media only screen and (min-width: 1025px) {
	.tmp_form table tr td {
		width: 63%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form table tr td {
		width: 58%;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form table tr td {
		width: 100%;
	}
}

.tmp_form table tr td p {
	line-height: 2;
}

.tmp_form .about {
	line-height: 1.6;
}

@media only screen and (min-width: 768px) {
	.tmp_form .about {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .about {
		margin-top: 1em;
	}
}

@media only screen and (min-width: 768px) {
	.tmp_form .about {
		font-size: 89%;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .about {
		font-size: 78%;
	}
}

.tmp_form .check_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list {
		margin-top: 1em;
	}
}

@media only screen and (min-width: 1025px) {
	.tmp_form .check_list .view_ctrl_css {
		display: block;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form .check_list .view_ctrl_css {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list .view_ctrl_css {
		display: none;
	}
}

@media only screen and (min-width: 896.5px) and (max-width: 1024px) {
	.tmp_form .check_list .view_ctrl_css {
		display: block;
	}
}

.tmp_form .check_list label {
	line-height: 1.6;
}

.tmp_form .check_list.location .box_loc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.tmp_form .check_list.location .box_loc:not(:first-child) {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.location .box_loc:not(:first-child) {
		margin-top: 1.5em;
	}
}

.tmp_form .check_list.location .box_loc .loc_st {
	width: 100%;
	display: block;
}

.tmp_form .check_list.location .box_loc label {
	margin-top: 10px;
}

@media only screen and (min-width: 1025px) {
	.tmp_form .check_list.location .box_loc label {
		width: calc(100% / 3);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form .check_list.location .box_loc label {
		width: calc(100% / 2);
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.location .box_loc label {
		width: calc(100% / 3);
	}
}

@media only screen and (min-width: 1025px) {
	.tmp_form .check_list.location .box_loc label:nth-child(n+4) {
		margin-top: 10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form .check_list.location .box_loc label:nth-child(n+3) {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.location .box_loc label:nth-child(n+4) {
		margin-top: 1em;
	}
}

@media only screen and (min-width: 1025px) {
	.tmp_form .check_list.col3 label {
		width: calc(100% / 3);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form .check_list.col3 label {
		width: calc(100% / 2);
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.col3 label {
		width: calc(100% / 3);
	}
}

@media only screen and (min-width: 1025px) {
	.ie .tmp_form .check_list.col3 label {
		width: calc(98% / 3);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.ie .tmp_form .check_list.col3 label {
		width: calc(98% / 2);
	}
}

@media only screen and (max-width: 767px) {
	.ie .tmp_form .check_list.col3 label {
		width: calc(98% / 3);
	}
}

@media only screen and (min-width: 1025px) {
	.tmp_form .check_list.col3 label:nth-child(n+4) {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form .check_list.col3 label:nth-child(n+3) {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.col3 label:nth-child(n+4) {
		margin-top: 1em;
	}
}

@media only screen and (min-width: 1025px) {
	.tmp_form .check_list.col2 label {
		width: calc(100% / 3);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form .check_list.col2 label {
		width: calc(100% / 2);
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.col2 label {
		width: calc(100% / 2);
	}
}

@media only screen and (min-width: 1025px) {
	.ie .tmp_form .check_list.col2 label {
		width: calc(98% / 3);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.ie .tmp_form .check_list.col2 label {
		width: calc(98% / 2);
	}
}

@media only screen and (max-width: 767px) {
	.ie .tmp_form .check_list.col2 label {
		width: calc(98% / 2);
	}
}

@media only screen and (min-width: 1025px) {
	.tmp_form .check_list.col2 label:nth-child(n+4) {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form .check_list.col2 label:nth-child(n+3) {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.col2 label:nth-child(n+3) {
		margin-top: 1em;
	}
}

@media only screen and (min-width: 1025px) {
	.tmp_form .check_list.know label {
		width: calc(100% / 2);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form .check_list.know label {
		width: calc(100% / 1);
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.know label {
		width: calc(100% / 1);
	}
}

@media only screen and (min-width: 1025px) {
	.tmp_form .check_list.know label:nth-child(n+3) {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form .check_list.know label:nth-child(n+2) {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.know label:nth-child(n+2) {
		margin-top: 1em;
	}
}

@media only screen and (min-width: 1025px) {
	.tmp_form .check_list.bunkazai label {
		width: calc(100% / 2);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tmp_form .check_list.bunkazai label {
		width: calc(100% / 2);
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.bunkazai label {
		width: calc(100% / 2);
	}
}

@media only screen and (min-width: 768px) {
	.tmp_form .check_list.bunkazai label:nth-child(n+3) {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.tmp_form .check_list.bunkazai label:nth-child(n+3) {
		margin-top: 1em;
	}
}

.con_inquiry.check .box_td_inner p {
	display: block;
	width: 100%;
}
