@charset "utf-8";

@media screen and (min-width : 641px) and (max-width: 1240px) {
	#tmp_index_title {
		padding: 25px 0;
		background-size: 100% auto;
	}
	#tmp_index_title span img {
		width: 100%;
		height: auto;
	}
	#tmp_index_title p {
		font-size: 80%;
		line-height: 1.6;
		margin-top: -30px;
	}
	#tmp_index_title p br.tb_block {
		display: block;
	}
	#tmp_index_title .ttl_txt_wrap {
		max-width: 530px;
		margin: auto;
	}
	#tmp_page_title {
		padding: 25px 0;
		background-size: 100% auto;
	}
	#tmp_page_title span.show_sp {
		display: none;
	}
	#tmp_page_title span img {
		width: 100%;
		height: auto;
	}
	#tmp_contents .tetsuduki_top_navi .pages_list .page_item {
		width: calc((100% - 54px)/3);
	}
	#tmp_contents .tetsuduki_top_navi .pages_list .page_item a {
		padding: 25px 15px 0 15px;
	}
}

@media screen and (max-width : 640px) {
#tmp_contents h2,
#tmp_contents h3,
#tmp_contents h4,
#tmp_contents h5,
#tmp_contents h6{
	margin-top: 1.8em;
}
#tmp_contents h1 {
	margin: 1.05em 0 0.8em;
	padding: 8px 0;
	font-size: 143.8%;
}
#tmp_contents h1 span:nth-child(1) {
	width: 66px;
	height: 66px;
	margin: 4px 4px 0 8px;
	min-width: 66px;
}
#tmp_contents h1 span:nth-child(2) {
	padding-right: 12px;
}
#tmp_contents h1 span:nth-child(3) {
	padding-left: 6px;
	min-width: 80px;
	font-size: 78.2%;
}

#tmp_contents h2 {
	margin: 1.5em 0 0.8em;
	padding: 0 0 8px 32px;
	font-size: 131.2%;
}
#tmp_contents h2::before {
	top: 7px;
	left: 0;
	background-size: 20px auto;
}
#tmp_contents h2::after {
	width: 90px;
}
#tmp_contents ul{
	margin-left: 1em;
	margin-bottom: 1.6em;
}
#tmp_contents ol{
	margin-left: 2em;
	margin-bottom: 2em;
}
#tmp_contents ol li{
	padding-left: 3px;
}
#tmp_contents ul li,
#tmp_contents ol li {
	margin-bottom: 0.5em;
	line-height: 1.8;
}

/* ==================================================
parts
================================================== */
/* datatable
   enquete_table
================================================== */
#tmp_contents table.datatable,
#tmp_contents table.enquete_table{
	margin-top: 1.2em;
	margin-bottom: 2.5em;
	font-size: 100%;
}
#tmp_contents .scroll_table table.datatable{
	margin-bottom: 0;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th{
	padding: 9px 14px 8px;
}
#tmp_contents table.enquete_table th,
#tmp_contents table.enquete_table td {
	display: block;
	width: auto;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
	padding: 7px 12px 6px;
}
/* form_btn */
#tmp_contents .enquete_button input {
	min-width: 120px;
	margin: 0 5px 10px;
}
#tmp_contents .enquete_button input[type="submit"] {
	border-radius: 32px;
	padding: 10px 5px;
}
#tmp_contents .enquete_button input[type="reset"] {
	padding: 6px 5px;
}

/* ==================================================
contents
================================================== */
#tmp_main {
	padding-bottom: 0;
}
.no_javascript #tmp_main{
	padding-bottom: 70px;
}
#tmp_pankuzu {
	margin-top: 36px;
}
#tmp_wrap_rnavi {
	margin-top: 40px;
	margin-bottom: 0;
}

#tmp_index_title {
	padding: 15px 0 30px;
	background: #eef19a url(/shared/templates/tetsuduki/images/navi_index_title_back_sp.png) center center;
	background-size: 100% auto;
}
#tmp_index_title img {
	width: 100%;
	height: auto;
}
#tmp_index_title p {
	margin: 15px auto 0;
	padding: 0 40px;
	line-height: 1.6;
}
#tmp_index_title p br.tb_block {
	display: none;
}
#tmp_index_title p br.pc_block {
	display: none;
}
#tmp_page_title {
	margin: 0 auto;
	padding: 18px 0 16px;
	background: #eef19a url(/shared/templates/tetsuduki/images/navi_page_title_back_sp.png) center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	text-align: center;
}
#tmp_page_title span {
	width: 100%;
}
#tmp_page_title img {
	width: 100%;
	height: auto;
}

/* ==================================================
index
================================================== */
#tmp_contents .tetsuduki_top_navi .pages_list {
	margin-bottom: 9px;
	gap: 21px 19px;
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item {
	width: calc((100% - 19px)/2);
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item a {
	padding: 22px 15px 15px;
	font-size: 93.8%;
	line-height: 1.6;
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item_img {
	width: 80%;
	margin-bottom: 13px;
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item_img img {
	width: 100%;
	height: auto;
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item_cnt {
	min-height: 50px;
}

/* ==================================================
btn
================================================== */
#tmp_contents .tetsuduki_btn {
	margin: 35px 15px 18px;
}
#tmp_contents .tetsuduki_btn a {
	width: auto;
	font-size: 112.5%;
	padding: 18px 12px 19px;
}
#tmp_contents .tetsuduki_btn.tetsuduki_result span {
	padding: 0 0 0 34px;
}
#tmp_contents .tetsuduki_btn.tetsuduki_result span::before {
    top: 4px;
	left: 2px;
    width: 23px;
    height: 23px;
    background-size: 100% auto;
}
#tmp_contents .tetsuduki_btn.tetsuduki_result a {
	font-size: 125%;
	padding: 14px 0 10px;
	margin: 10px 20px;
}
/* ==================================================
question
================================================== */
#tmp_contents .question_block {
	margin-top: 0;
}

#tmp_contents .question_wrap {
	margin: 0 0 19px;
}
#tmp_contents .question_item {
	margin: 0 0 27px;
}
#tmp_contents .question_item:last-child {
	margin: 0 0 15px;
}
#tmp_contents .question_item_ttl {
	margin: 40px 0 20px;
}
#tmp_contents .question_item_ttl .question_ttl_wrap {
	font-size: 125%;
}

#tmp_contents .question_ttl_tag {
	width: 55px;
	height: 55px;
}

#tmp_contents .question_ttl_txt {
	line-height: 1.3;
	padding: 5px 10px 5px 23px;
}
#tmp_contents .question_ttl_txt::after {
	border-width: 7px 0 7px 8px;
}
#tmp_contents .question_item_cnt ul {
	margin: 0;
}
#tmp_contents .question_item_cnt li {
	float: none;
	width: 100%;
	padding:0;
	margin-bottom:11px;
}
#tmp_contents .question_item_cnt li:nth-child(n) {
	clear: both;
}
#tmp_contents .checkbox_item_label span {
	display: table-cell;
	vertical-align: middle;
	height: 56px;
	padding: 16px 10px 20px 39px;
}
#tmp_contents .checkbox_item_label::before {
	left: 12px;
	width: 17px;
	height: 17px;
}
#tmp_contents .checkbox_item .checkbox_item_input:checked + .checkbox_item_label::after,
#tmp_contents .checkbox_item_label::after {
	left: 12px;
	width: 8px;
	height: 14px;
}
#tmp_contents .question_note {
	line-height: 1.5;
	margin-bottom: 6px;
}
#tmp_contents .checkbox_item .checkbox_item_input:checked + .checkbox_item_label::before {
	left: 12px;
}
#tmp_contents .step_cnt_ttl h3,
#tmp_contents .step_cnt_ttl p,
#form_result .content h3 {
	padding: 5px 0 14px 12px;
	font-size: 131.2%;
}
#tmp_contents .step_cnt_ttl h3::before,
#tmp_contents .step_cnt_ttl p::before {
	top: 50%;
}

/* cnt
================================================== */
#tmp_contents .procedure_step_cnt {
	padding: 0 16px 28px;
}
#tmp_contents .procedure_step_ttl {
	padding: 11px 40px;
}
#tmp_contents .procedure_step_ttl p {
	font-size: 100%;
}
#tmp_contents .step_cnt_ttl,
#tmp_contents .step_cnt_des {
	padding: 12px 0 0;
}
#tmp_contents .step_cnt_ttl h3::before,
#tmp_contents .step_cnt_ttl p::before {
	width: 4px;
}
#tmp_contents .necessary_list {
	padding: 0;
}
#tmp_contents .necessary_item_ttl {
	padding: 0;
}

#tmp_contents .online_item_ttl {
	padding: 14px 0 8px 0;
}
#tmp_contents .online_item_cnt ul {
	margin: 0 14px 20px;
	padding: 14px 0;
}
#tmp_contents .online_item_cnt ul li {
	text-align: left;
}
#tmp_contents .online_item_cnt ul li a {
	padding: 12px 10px 8px;
	line-height: 1.5;
}
#tmp_contents .online_item_cnt ul li a span {
	padding-left: 56px;
}


/* ==================================================
answer
================================================== */
#tmp_contents .necessary_item_ttl h4::before,
#tmp_contents .necessary_item_ttl p::before {
	transform: translateY(25%);
}
#tmp_contents .necessary_item_ttl h4,
#tmp_contents .necessary_item_ttl p {
	padding: 4px 0 2px 10px;
	margin-bottom: 10px;
}
#tmp_contents .necessary_item_ttl h4::before,
#tmp_contents .necessary_item_ttl p::before {
	content: "";
	top: 0;
}

/* accordion
================================================== */
#tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl {
	background: transparent url(/shared/templates/tetsuduki/images/switch_icon_off.png) no-repeat left top 7px;
	background-size: 30px auto;
	padding: 10px 0 10px 40px;
	margin: 1.7em 0 1.6em;
}
#tmp_contents .necessary_item_menu.ac_active .necessary_item_ttl {
	background-image: url(/shared/templates/tetsuduki/images/switch_icon_on.png);
	margin-bottom: 0;
}
#tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl > h4 {
	padding: 0;
    margin-bottom: 0;
	margin-top: 2px;
}
#tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl > h4::before {
	content: none;
}
/* ==================================================
accessibility style change:color
================================================== */


/* ==================================================
accessibility style change:font-size
================================================== */


/* ==================================================
no_javascript
================================================== */


/* ==================================================
clearfix
================================================== */

}