@charset "utf-8";

#tmp_contents h2,
#tmp_contents h3,
#tmp_contents h4,
#tmp_contents h5,
#tmp_contents h6 {
	margin: 2.1em 0 0.8em;
	clear:both; /* Do not edit */
}
#tmp_contents h1 {
	margin: 1.28em 0 0.6em;
	padding: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 177.8%;
	font-weight: bold;
	line-height: 1.5;
	border-top: 3px solid #315c43;
	border-bottom: 1px solid #b5b5b5;
	clear:both; /* Do not edit */
}
#tmp_contents h1 span:nth-child(1) {
	width: 86px;
	height: 69px;
	margin: 0 20px 0 0;
}
#tmp_contents h1 span:nth-child(1) img {
	width: 100%;
	height: auto;
}
#tmp_contents h1 span:nth-child(2) {
	padding-right: 12px;
	position: relative;
}
#tmp_contents h1 span:nth-child(2)::after {
	content: "";
	position: absolute;
	top: 20%;
	right: 0;
	width: 2px;
	height: 60%;
	background: #222222;
}
#tmp_contents h1 span:nth-child(3) {
	padding-left: 12px;
	font-size: 75%;
	font-weight: bold;
}

#tmp_contents h2 {
	margin: 1.53em 0 0.8em;
	padding: 0 0 18px 42px;
	position: relative;
	font-size: 144.45%;
	font-weight: bold;
	border-bottom: 2px solid #c4c4c4;
}
#tmp_contents h2::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 28px;
	height: 26px;
	background: transparent url(/shared/templates/tetsuduki/images/icon/h2_title_icon.png) left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#tmp_contents h2::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 120px;
	height: 2px;
	background: #315c43;
}

#tmp_contents table {
	word-break: break-all;
}
#tmp_contents p {
	margin:0 0 0.8em; /* Do not edit */
	line-height: 1.8;
}
#tmp_contents ul {
	margin: 0 0 1.85em 2.1em; /* Do not edit */
	list-style-image:url(/shared/templates/tetsuduki/images/icon/tetsuduki_list_style_disk_01.png); /* Do not edit */
}
#tmp_contents ol {
	margin: 0 0 3em 3.1em; /* Do not edit */
	list-style-image:none; /* Do not edit */
}
#tmp_contents ul li,
#tmp_contents ol li {
	margin: 0 0 0.7em; /* Do not edit */
	line-height: 1.6;
}
#tmp_contents ol li {
	padding-left: 5px;
}
#tmp_contents ul ul,
#tmp_contents ul ol,
#tmp_contents ol ul,
#tmp_contents ol ol {
	margin:0.3em 0 0 1.5em; /* Do not edit */
}
#tmp_contents hr {
	height:1px; /* Do not edit */
	color:#CCCCCC; /* Do not edit */
	background-color:#CCCCCC; /* Do not edit */
	border:none; /* Do not edit */
	clear:both; /* Do not edit */
}

/* ==================================================
parts
================================================== */
/* datatable
   enquete_table
================================================== */
#tmp_contents table.datatable,
#tmp_contents table.enquete_table {
	margin: 2.5em 0 3.3em; /* Do not edit */
	color:inherit;
	background-color:#FFFFFF;
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
	border:1px solid #d9d9d9;
	word-break: break-all;
}
#tmp_contents .scroll_table table.datatable,
#tmp_contents .scroll_table table.enquete_table {
	margin: 0 !important;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th {
	padding: 14px 21px 13px;
	color:inherit;
	background-color:#f5f5f5;
	border:1px solid #d9d9d9;
	text-align: left;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
	padding: 12px 19px 11px;
	border:1px solid #d9d9d9;
}
#tmp_contents table.datatable caption,
#tmp_contents table.enquete_table caption {
	padding:0 0 0.5em; /* Do not edit */
	text-align:left; /* Do not edit */
}
#tmp_contents table.datatable p {
	margin:0; /* Do not edit */
}
#tmp_contents table.datatable ul,
#tmp_contents table.datatable ol,
#tmp_contents table.enquete_table ul,
#tmp_contents table.enquete_table ol {
	margin:0.2em 0 0 24px; /* Do not edit */
}
#tmp_contents table.datatable ul ul,
#tmp_contents table.datatable ul ol,
#tmp_contents table.datatable ol ul,
#tmp_contents table.datatable ol ol,
#tmp_contents table.enquete_table ul ul,
#tmp_contents table.enquete_table ul ol,
#tmp_contents table.enquete_table ol ul,
#tmp_contents table.enquete_table ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
#tmp_contents table.enquete_table {
	width:100%; /* Do not edit */
}
#tmp_contents table.enquete_table th {
	width:20%; /* Do not edit */
}
#tmp_contents table.enquete_table .nes,
#tmp_contents table.enquete_table .memo {
	color:#ac2929; /* base.css > Styles > .text_red */
	font-weight:normal; /* Do not edit */
	background-color:transparent; /* Do not edit */
}
/* form_btn */
#tmp_contents .enquete_button {
	margin:15px 0; /* Do not edit */
	text-align:center; /* Do not edit */
}
#tmp_contents .enquete_button input {
    display: inline-block;
    margin: 0 10px 10px;
    line-height: 1.2;
    text-align: center;
    min-width: 200px;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
#tmp_contents .enquete_button input[type="submit"] {
    border: 2px solid #222222;
    border-radius: 32px;
    padding: 19px 10px;
    background-color: #222222;
    color: #ffffff;
}
#tmp_contents .enquete_button input[type="submit"]:hover {
    background-color: #ffffff;
    color: #222222;
}
#tmp_contents .enquete_button input[type="reset"] {
    border: 1px solid #222222;
    border-radius: 32px;
    padding: 10px;
    background-color: #ffffff;
    color: #222222;
}
#tmp_contents .enquete_button input[type="reset"]:hover {
    border-width: 2px;
}
#tmp_contents .enquete_button input[type="button"] {
	border: 1px solid #222222;
    border-radius: 32px;
    padding: 10px;
    background-color: #ffffff;
    color: #222222;
}

/* bgcolor */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
#tmp_contents table.datatable table th.bg_yellow {
    color:inherit;
    background-color:#FBF3DB; /* layout.cssのbg_yellowと同じ値を設定 */
}
#tmp_contents table.datatable table th.bg_green {
    color:inherit;
    background-color:#EFF9E6; /* layout.cssのbg_greenと同じ値を設定 */
}
#tmp_contents table.datatable table th.bg_purple {
    color:inherit;
    background-color:#F3E9EF; /* layout.cssのbg_purpleと同じ値を設定 */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* nest-datatable
================================================== */
#tmp_contents table.datatable table,
#tmp_contents table.enquete_table table {
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table th,
#tmp_contents table.enquete_table table th {
	color:inherit; /* Do not edit */
	background-color:transparent; /* Do not edit */
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table td,
#tmp_contents table.enquete_table table td {
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table.datatable {
	border:1px solid #d9d9d9; /* = table.datatable */
}
#tmp_contents table.datatable table.datatable th {
	color:inherit; /* Do not edit */
	background-color:#DDEEFF; /* = table.datatable th */
	border:1px solid #d9d9d9; /* = table.datatable th */
}
#tmp_contents table.datatable table.datatable td {
	border:1px solid #d9d9d9; /* = table.datatable td */
}

/* ==================================================
contents
================================================== */
#tmp_index_title {
	margin: 0 auto;
	padding: 15px 0 35px;
	background: #eef19a url(/shared/templates/tetsuduki/images/navi_index_title_back_pc.png) center center;
	background-repeat: no-repeat;
	text-align: center;
}
#tmp_index_title span {
	width: 100%;
}
#tmp_index_title p {
	margin: -57px auto 0;
	padding: 0;
	text-align: center;
	line-height: 1.65;
}
#tmp_index_title p br.tb_block {
	display: none;
}
#tmp_index_title p br.pc_block {
	display: block;
}
#tmp_index_title .ttl_txt_wrap {
	max-width: 840px;
    margin: auto;
}

#tmp_page_title {
	margin: 0 auto;
	padding: 18px 0 8px;
	background: #eef19a url(/shared/templates/tetsuduki/images/navi_page_title_back_pc.png) center center;
	background-repeat: no-repeat;
	text-align: center;
}

/* ==================================================
moji
================================================== */
#tmp_contents div.outline {
	padding: 20px 25px 0;
	color:inherit;
	background-color:#FFFFFF;
}

#tmp_contents #tmp_fsize table,
#tmp_contents #tmp_color table {
	color: inherit;
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
	vertical-align: top;
	width: 100%;
}
#tmp_contents #tmp_fsize table td,
#tmp_contents #tmp_color table td{
	width: 50%;
	padding: 5px 8px;
	border: 1px solid #b0b0b0;
	vertical-align: top;
}
#tmp_contents #tmp_fsize table.datatable tr:nth-child(2n) td,
#tmp_contents #tmp_fsize table.datatable tr:nth-child(2n) th,
#tmp_contents #tmp_color table.datatable tr:nth-child(2n) td,
#tmp_contents #tmp_color table.datatable tr:nth-child(2n) th {
	background-color:#ffffff;
}
#tmp_contents #tmp_fsize .datatable a,
#tmp_contents #tmp_color .datatable a {
	text-decoration:none;
	display:block;
	color:#000000;
}
#tmp_contents #tmp_fsize table td a:hover,
#tmp_contents #tmp_color table td a:hover {
	opacity:0.6;
}
#tmp_contents #tmp_fsize .fsize_small .cs_heading {
	font-size: 1.4rem;
}
#tmp_contents #tmp_fsize .fsize_small .cs_outline {
	font-size: 0.75rem;
}
#tmp_contents #tmp_fsize .cs_default .cs_heading {
	font-size: 2.125rem;
}
#tmp_contents #tmp_fsize .cs_default .cs_outline {
	font-size: 1.125rem;
}
#tmp_contents #tmp_fsize .fsize_big .cs_heading {
	font-size: 2.36125rem;
}
#tmp_contents #tmp_fsize .fsize_big .cs_outline {
	font-size: 1.25rem;
}
#tmp_contents #tmp_fsize .fsize_big2 .cs_heading {
	font-size: 3.3rem;
}
#tmp_contents #tmp_fsize .fsize_big2 .cs_outline {
	font-size: 1.75rem;
}
#tmp_contents #tmp_color .cs_heading {
	font-size: 2.38rem;
}
#tmp_contents #tmp_color .cs_outline {
	font-size: 1.125rem;
}
#tmp_contents #tmp_fsize .cs_heading,
#tmp_contents #tmp_color .cs_heading {
	display:block;
	margin: 0 0 30px;
	padding: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 177.8%;
	font-weight: bold;
	line-height: 1.5;
	border-top: 3px solid #315c43;
	border-bottom: 1px solid #b5b5b5;
	clear:both; /* Do not edit */
}
#tmp_contents #tmp_fsize .cs_outline,
#tmp_contents #tmp_color .cs_outline {
	display:block;
	padding: 10px;
    color: inherit;
    background-color: #FFFFFF;
    border: 6px solid #e1e1e1;
    clear: both;
}
#tmp_contents #tmp_color .cs_box.color_yellow .cs_outline,
#tmp_contents #tmp_color .cs_box.color_black .cs_outline,
#tmp_contents #tmp_color .cs_box.color_blue .cs_outline {
    outline: none;
}
#tmp_contents #tmp_color .color_yellow .cs_heading,
#tmp_contents #tmp_color .color_black .cs_heading,
#tmp_contents #tmp_color .color_blue .cs_heading {
	background-image: none;
}
#tmp_contents .cs_box.color_blue,
#tmp_contents .cs_box.color_blue .cs_heading,
#tmp_contents .cs_box.color_blue .cs_outline {
	display: block;
	color: #FFFF00 !important;
	background-color: #00008B !important;
	border-color: #FFFF00 !important;
	background-image: none;
}
#tmp_contents .cs_box.color_yellow,
#tmp_contents .cs_box.color_yellow .cs_heading,
#tmp_contents .cs_box.color_yellow .cs_outline {
	display: block;
	color:#000000 !important;
	background-color:#FFFF00 !important;
	border-color:#000000 !important;
	background-image: none;
}
#tmp_contents .cs_box.color_black,
#tmp_contents .cs_box.color_black .cs_heading,
#tmp_contents .cs_box.color_black .cs_outline {
	display: block;
	color:#FFFF00 !important;
	background-color:#000000 !important;
	border-color:#FFFF00 !important;
	background-image: none;
}
#tmp_contents .cs_box.color_blue .cs_heading,
.color_blue #tmp_contents #tmp_fsize .cs_heading {
	border: 3px solid yellow !important;
}
#tmp_contents .cs_box.color_yellow .cs_heading,
.color_yellow #tmp_contents #tmp_fsize .cs_heading {
	border: 3px solid black !important;
}
#tmp_contents .cs_box.color_black .cs_heading,
.color_black #tmp_contents #tmp_fsize .cs_heading {
	border: 3px solid yellow !important;
}
#tmp_contents .cs_box.color_default,
#tmp_contents .cs_box.color_default .cs_heading,
#tmp_contents .cs_box.color_default .cs_outline {
	display: block;
}
#tmp_contents .cs_box.color_default {
	background-color:#FFFFFF !important;
}
#tmp_contents .cs_box.color_default .cs_heading {
	color: #222222 !important;
	background: #ffffff !important;
	padding: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 177.8%;
	font-weight: bold;
	line-height: 1.5;
	border-top: 3px solid #315c43 !important;
	border-bottom: 1px solid #b5b5b5 !important;
	clear:both; /* Do not edit */
}
#tmp_contents .cs_box.color_default .cs_outline {
	color:#000000 !important;
	background-color:#ffffff !important;
	border-color: #e1e1e1 !important;
}

/* ==================================================
index
================================================== */
#tmp_contents .tetsuduki_top_navi {
    margin: 30px 0 0;
}
#tmp_contents .tetsuduki_top_navi .pages_list {
    margin: 0;
	display: flex;
	flex-flow: row wrap;
    gap: 21px 26px;
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item {
    margin: 0;
    width: calc((100% - 78px)/4);
	list-style: none;
	text-align: center;
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item a {
    padding: 26px 36px 12px 38px;
    line-height: 1.8;
	display: flex;
	flex-direction: column;
	justify-content: center;
    align-items: center;
	background-color: #ffffff;
	border: 2px solid #c1da06;
	height: 100%;
	text-decoration: none;
	color: inherit;
	border-radius: 5px;
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item a:hover,
#tmp_contents .tetsuduki_top_navi .pages_list .page_item a:focus,
#tmp_contents .tetsuduki_top_navi .pages_list .page_item a:active {
	background-color: #eef19a;
	border-color: #315c43;
	text-decoration: underline;
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item_img {
	margin: 0 auto 15px;
	width: 140px;
	flex-shrink: 1;
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item_img img{
	vertical-align: top;
	animation: none !important;
}
#tmp_contents .tetsuduki_top_navi .pages_list .page_item_cnt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
    text-align: center;
	font-weight: bold;
	line-height: 1.5;
	min-height: 54px;
}

/* ==================================================
btn
================================================== */
#tmp_contents .tetsuduki_btn {
	padding: 8px 0 12px;
	margin: 87px 0 40px;
	clear: both;
}
#tmp_contents .tetsuduki_btn.tetsuduki_result {
	margin: 78px 0 40px;
}
#tmp_contents .tetsuduki_btn p {
	text-align: center;
	margin: 0;
}
#tmp_contents .tetsuduki_btn a {
	display: block;
	margin: 0 auto;
	padding: 12px 15px;
	width: 530px;
	font-size: 111.5%;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	color: #ffffff;
	background-color: #315c43;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
#tmp_contents .tetsuduki_btn.tetsuduki_result a {
	padding: 18px 15px 16px;
	font-size: 144.4%;
}
#tmp_contents .tetsuduki_btn a:hover,
#tmp_contents .tetsuduki_btn a:focus,
#tmp_contents .tetsuduki_btn a:active {
	background-color: #eef19a;
	color: #315c43;
}
#tmp_contents .tetsuduki_btn span {
	display: inline-block;
    position: relative;
    padding: 0 0 0 25px;
}
#tmp_contents .tetsuduki_btn span::before {
    content: "";
    width: 25px;
    height: 17px;
    background-image: url(/shared/templates/tetsuduki/images/icon/tetsuduki_submit_arrow.png);
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    left: -10px;
}
#tmp_contents .tetsuduki_btn a:hover span::before,
#tmp_contents .tetsuduki_btn a:focus span::before,
#tmp_contents .tetsuduki_btn a:active span::before {
    background-image: url(/shared/templates/tetsuduki/images/icon/tetsuduki_submit_arrow_on.png);
}
#tmp_contents .tetsuduki_btn.tetsuduki_result span {
	display: inline-block;
    position: relative;
    padding: 0 0 0 42px;
}
#tmp_contents .tetsuduki_btn.tetsuduki_result span::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/shared/templates/tetsuduki/images/icon/tetsuduki_result_arrow.png);
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    position: absolute;
    top: 7px;
    left: 2px;
}
#tmp_contents .tetsuduki_btn.tetsuduki_result a:hover span::before,
#tmp_contents .tetsuduki_btn.tetsuduki_result a:focus span::before,
#tmp_contents .tetsuduki_btn.tetsuduki_result a:active span::before {
    background-image: url(/shared/templates/tetsuduki/images/icon/tetsuduki_result_arrow_on.png);
}

/* ==================================================
question
================================================== */
#tmp_contents .question_block {
	margin-top: 19px;
}
#tmp_contents .question_item {
	margin: 0 0 49px;
	clear:both;
}
#tmp_contents .question_item_ttl {
	margin: 0 0 42px;
}
#tmp_contents .question_item_ttl .question_ttl_wrap {
	display: table;
	width: 100%;
	margin: 0;
	position: relative;
	font-size: 144.5%;
	font-weight: bold;
	color: #222222;
	background-color: #eef19a;
	border-bottom: 1px solid #315c43;
	border-top-right-radius: 5px;
	margin-bottom: 16px;
}
#tmp_contents .question_item_ttl p {
	margin-bottom: 0;
}
#tmp_contents .question_ttl_tag,
#tmp_contents .question_ttl_txt {
	display: table-cell;
	vertical-align: middle;
}
#tmp_contents .question_ttl_tag {
	width: 76px;
	height: 68px;
	font-size: 99.99%;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
    position: relative;
	padding: 15px 5px;
	background: #315c43;
	border-top-left-radius: 5px;
}
#tmp_contents .question_ttl_tag::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1px;
	border-style: solid;
	border-width: 11px 0 11px 11px;
	border-color: transparent transparent transparent #315c43;
	translate: 100% -50%;
}

#tmp_contents .question_ttl_txt {
	padding: 18px 10px 18px 32px;
	line-height: 1.3;
}
#tmp_contents .question_item_cnt ul {
	list-style: none;
	margin: 0 -15px;
}
#tmp_contents .question_item_cnt ul::after {
    content: "";
    clear: both;
    display: block;
}
#tmp_contents .question_item_cnt li {
	float: left;
	width: 33.2222223%;
	padding: 0 12px;
	margin: 0 0 20px;
}
#tmp_contents .question_item_cnt li:nth-child(3n+1) {
	clear: left;
}
#tmp_contents .question_item_cnt li:nth-child(3n) {
	clear: right;
}
#tmp_contents .checkbox_item .checkbox_item_input {
	position: absolute;
	opacity: 0;
}
#tmp_contents .checkbox_item .checkbox_item_input:focus + label {
	outline: 2px solid #222222;
}
#tmp_contents .checkbox_item .checkbox_item_label {
	color: #222222;
	background: #ffffff;
	border-radius: 5px;
	border: 1px solid #c1da06;
	padding: 1px;
	position: relative;
	display: table;
	width: 100%;
	cursor: pointer;
	margin-bottom: 0;
}
#tmp_contents .checkbox_item_label::before {
	position: absolute;
	content: " ";
	display: inline-block;
	vertical-align: middle;
	top: 50%;
	left: 25px;
	transition: none;
	width: 25px;
	height: 25px;
	color: inherit;
	background-color: #ffffff;
	border: 1px solid #222222;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	z-index: 1;
}
#tmp_contents .checkbox_item_label span {
	display: table-cell;
	vertical-align: middle;
	height: 83px;
	padding:7px 20px 6px 70px;
	position: relative;
}
#tmp_contents .checkbox_item .checkbox_item_input:hover + .checkbox_item_label span::before,
#tmp_contents .checkbox_item .checkbox_item_input:hover + .checkbox_item_label span::before {
	content: "";
	position: absolute;
	top: -2px;
	bottom: -2px;
	left: -2px;
	right: -2px;
	border: 2px solid #256a32;
	border-radius: 5px;
}
#tmp_contents .checkbox_item_label:after {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transform: rotate(39deg) scale(1.2) translateY(-50%);
	-moz-transform: rotate(39deg) scale(1.2) translateY(-50%);
	-webkit-transform: rotate(39deg) scale(1.2) translateY(-50%);
	width: 10px;
	height: 16px;
	border: solid transparent;
	border-width: 0 4px 4px 0;
	margin-top: -4px;
	z-index: 2;
}
#tmp_contents .checkbox_item .checkbox_item_input:checked + .checkbox_item_label {
	color:#222222;
	background-color: #eef19a;
	border: 2px solid #c1da06;
	padding: 0;
}
#tmp_contents .checkbox_item .checkbox_item_input:checked + .checkbox_item_label::before {
	left: 24px;
}
#tmp_contents .checkbox_item .checkbox_item_input:checked + .checkbox_item_label::after {
	position: absolute;
	top: 50%;
	left: 28px;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	content: " ";
	display: block;
	width: 8px;
	height: 16px;
	border: solid #a40182;
	border-width: 0 3px 4px 0;
	transform: rotate(39deg) scale(1) translateY(-50%);
	-moz-transform: rotate(39deg) scale(1) translateY(-50%);
	-webkit-transform: rotate(39deg) scale(1) translateY(-50%);
	margin-top: -4px;
}

/* ==================================================
answer
================================================== */
/* wrap
================================================== */
#tmp_contents .procedure_step {
	position: relative;
	margin: 0 0 80px;
	clear:both;
}
#tmp_contents .procedure_step:first-child {
	margin: 25px 0 80px;
}
#tmp_contents .procedure_step:last-child {
	margin: 0;
}
#tmp_contents .procedure_step::after {
	content: '';
	position: absolute;
	bottom: -50px;
	left: 50%;
	width: 64px;
	height: 20px;
	background: url(/shared/templates/tetsuduki/images/tetsuduki_next_step_01.png) no-repeat center bottom;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
#tmp_contents .procedure_step:last-child::after {
	display: none;
}
/* ttl
================================================== */
#tmp_contents .procedure_step_ttl {
	text-align: center;
	background: #eef19a url(/shared/templates/tetsuduki/images/tetsuduki_ttl_back.png) no-repeat left top;
	color: #315c43;
	padding: 20px 30px ;
	border: 2px solid #c1da06;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
}
#tmp_contents .procedure_step_ttl p {
	position: relative;
	display: inline-block;
	margin: 0;
	font-size: 132.99%;
	font-weight: bold;
}
/* cnt
================================================== */
#tmp_contents .procedure_step_cnt {
	padding: 0 28px 28px;
	border: 2px solid #c1da06;
	border-top: none;
	border-radius: 0 0 10px 10px;
}
#tmp_contents .step_cnt_ttl,
#tmp_contents .step_cnt_des {
	padding: 30px 0 0;
	color:#222222;
}
#tmp_contents .step_cnt_des {
	padding: 0 0 25px;
}
#tmp_contents .step_cnt_des ul {
	margin-left: 2.4em;
    list-style-image: url(/shared/templates/tetsuduki/images/icon/tetsuduki_list_style_disk_01.png);
}

#tmp_contents .procedure_step_ttl_cnt .step_cnt_des {
	padding-bottom: 0;
}
#tmp_contents .procedure_step_ttl_cnt .step_cnt_des p {
	margin: 1.2em 0 0;
}
#tmp_contents .procedure_step_ttl_cnt .step_cnt_des p:first-child {
	margin: 0;
}

#tmp_contents .online_item {
	background-color: #eef19a;
	border-radius: 5px;
}
#tmp_contents .online_item_ttl {
	background-color: #315c43;
	text-align: center;
	padding: 8px 0 12px 0;
	font-size: 122.2%;
	color: #ffffff;
	font-weight: bold;
	border-radius: 3px 3px 0 0;
}
#tmp_contents .online_item_ttl p {
	margin: 0;
}
#tmp_contents .online_item_cnt ul {
	list-style: none;
	margin: 0 110px 20px;
    padding: 20px 0;
}
#tmp_contents .online_item_cnt ul li {
	text-align: center;
	margin-bottom: 10px;
}
#tmp_contents .online_item_cnt ul li a {
	display: inline-block;
	background-color: #ffffff;
	color: #222222;
	font-weight: bold;
	text-decoration: none;
	padding: 16px 20px 14px;
	border-radius: 3px;
	border: 1px solid #c1da06;
}
#tmp_contents .online_item_cnt ul li a span {
	padding-left: 60px;
	background: url(/shared/templates/tetsuduki/images/icon/online_app_icon.png) no-repeat;
	background-size: 31px auto;
	background-position: left 10px center;
	display: inline-block;
}
#tmp_contents .online_item_cnt ul li a:focus span,
#tmp_contents .online_item_cnt ul li a:hover span {
	text-decoration: underline;
	text-underline-offset: 5px;
}

#tmp_contents .necessary_list {
	border-top: 1px solid #c1da06;
	padding: 15px 0 0;
}

#tmp_contents .necessary_item {
	margin: 0;
}
#tmp_contents .necessary_item_cnt p {
	margin-bottom: 0.8em;
}
#tmp_contents .necessary_item_cnt ul {
	margin-left: 1.3em;
    list-style-image: url(/shared/templates/tetsuduki/images/icon/tetsuduki_list_style_disk_01.png);
}
/* h3
================================================== */
#tmp_contents .step_cnt_ttl h3,
#tmp_contents .step_cnt_ttl p,
#form_result .content h3 {
	font-size: 144.4%;
	font-weight: bold;
	line-height: 1.3;
	padding: 5px 0 16px 20px;
	margin: 0 0 10px;
	position: relative;
	border-bottom: 2px solid #315c43;
}
#tmp_contents .step_cnt_ttl h3::before,
#tmp_contents .step_cnt_ttl p::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-75%);
	margin: 0;
	width: 6px;
	height: 1em;
	background: #315c43;
}
/* h4
================================================== */
#tmp_contents .necessary_item_ttl {
	margin: 0;
	padding: 0 0 15px;
}
#tmp_contents .necessary_item_ttl h4,
#tmp_contents .necessary_item_ttl p {
	font-size: 122%;
	position: relative;
	line-height: 1.2;
	margin:0;
	padding: 4px 0 2px 20px;
	color: #222222;
	margin-top: 20px;
}
#tmp_contents .necessary_item_ttl h4::before,
#tmp_contents .necessary_item_ttl p::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	margin: 0;
	width: 6px;
	height: 1em;
	background: #315c43;
}
/* accordion
================================================== */
#tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl {
	padding: 10px 0 10px 45px;
	margin: 1.7em 0 2.2em;
	background: transparent url(/shared/templates/tetsuduki/images/switch_icon_off.png) no-repeat left top 9px;
}
#tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl:hover,
#tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl:focus {
	opacity: 0.75;
}
#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 p {
	background: none;
	padding: 0;
    border-top: none;
	font-weight: bold;
}
#tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl > h4:before,
#tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl p:before {
	content: none;
}
#tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl > h4 {
	padding: 0;
    margin-bottom: 0;
	margin-top: 4px;
}


/* ==================================================
accessibility style change:color
================================================== */
.color_blue #tmp_contents h1,
.color_black #tmp_contents h1,
.color_yellow #tmp_contents h1{
	padding: 10px !important;
	border: 3px solid !important;
}

.color_blue #tmp_contents h1 span:nth-child(1),
.color_black #tmp_contents h1 span:nth-child(1),
.color_yellow #tmp_contents h1 span:nth-child(1) {
	display: none;
}

.color_blue #tmp_contents h1 span:nth-child(2)::after {
    background: #FFFF00;
}
.color_black #tmp_contents h1 span:nth-child(2)::after {
    background: #FFFF00;
}
.color_yellow #tmp_contents h1 span:nth-child(2)::after {
    background: #000000;
}

.color_blue #tmp_contents h2,
.color_black #tmp_contents h2,
.color_yellow #tmp_contents h2 {
    border-bottom: 1px solid !important;
}
.color_blue #tmp_contents h2::before,
.color_black #tmp_contents h2::before,
.color_yellow #tmp_contents h2::before {
    content: none;
}
.color_blue #tmp_contents h2::after,
.color_black #tmp_contents h2::after,
.color_yellow #tmp_contents h2::after {
    content: none;
}

.color_blue #tmp_contents .step_cnt_ttl h3::before,
.color_blue #tmp_contents .step_cnt_ttl p::before,
.color_black #tmp_contents .step_cnt_ttl h3::before,
.color_black #tmp_contents .step_cnt_ttl p::before,
.color_yellow #tmp_contents .step_cnt_ttl h3::before,
.color_yellow #tmp_contents .step_cnt_ttl p::before {
    content: none;
}

.color_blue #tmp_contents .necessary_item_ttl h4::before,
.color_blue #tmp_contents .necessary_item_ttl p::before,
.color_black #tmp_contents .necessary_item_ttl h4::before,
.color_black #tmp_contents .necessary_item_ttl p::before,
.color_yellow #tmp_contents .necessary_item_ttl h4::before,
.color_yellow #tmp_contents .necessary_item_ttl p::before {
    content: none;
}

.color_blue #tmp_contents .procedure_step,
.color_black #tmp_contents .procedure_step,
.color_yellow #tmp_contents .procedure_step {
    margin: 0 0 30px;
}
.color_blue #tmp_contents .procedure_step:first-child,
.color_black #tmp_contents .procedure_step:first-child,
.color_yellow #tmp_contents .procedure_step:first-child {
    margin: 30px 0;
}
.color_blue #tmp_contents .procedure_step::after,
.color_black #tmp_contents .procedure_step::after,
.color_yellow #tmp_contents .procedure_step::after {
    content: none;
}

.color_blue #tmp_contents .procedure_step_ttl,
.color_black #tmp_contents .procedure_step_ttl,
.color_yellow #tmp_contents .procedure_step_ttl {
    border-bottom: 1px solid;
}

.color_blue #tmp_contents .question_ttl_tag,
.color_black #tmp_contents .question_ttl_tag,
.color_yellow #tmp_contents .question_ttl_tag {
	border: 1px solid;
	border-bottom: none;
}

.color_blue #tmp_contents .question_ttl_tag::after {
	border-color: transparent transparent transparent #FFFF00;
	right: 0;
}
.color_black #tmp_contents .question_ttl_tag::after {
	border-color: transparent transparent transparent #FFFF00;
	right: 0;
}
.color_yellow #tmp_contents .question_ttl_tag::after {
	border-color: transparent transparent transparent #000000;
	right: 0;
}

.color_blue #tmp_contents .checkbox_item .checkbox_item_input:hover + .checkbox_item_label span::before,
.color_blue #tmp_contents .checkbox_item .checkbox_item_input:hover + .checkbox_item_label span::before,
.color_black #tmp_contents .checkbox_item .checkbox_item_input:hover + .checkbox_item_label span::before,
.color_black #tmp_contents .checkbox_item .checkbox_item_input:hover + .checkbox_item_label span::before,
.color_yellow #tmp_contents .checkbox_item .checkbox_item_input:hover + .checkbox_item_label span::before,
.color_yellow #tmp_contents .checkbox_item .checkbox_item_input:hover + .checkbox_item_label span::before {
	border: 2px solid;
}

.color_blue #tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl,
.color_black #tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl,
.color_yellow #tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl {
    padding: 10px;
    background: none;
	border: 1px solid;
	position: relative;
}
.color_blue #tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl::after,
.color_black #tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl::after,
.color_yellow #tmp_contents .necessary_item_menu.accordion_area .necessary_item_ttl::after {
    content: "▼";
	position: absolute;
	top: 10px;
	right: 10px;
}
.color_blue #tmp_contents .necessary_item_menu.accordion_area.ac_active .necessary_item_ttl::after,
.color_black #tmp_contents .necessary_item_menu.accordion_area.ac_active .necessary_item_ttl::after,
.color_yellow #tmp_contents .necessary_item_menu.accordion_area.ac_active .necessary_item_ttl::after {
    content: "▲";
}

.color_blue #tmp_contents .tetsuduki_btn span,
.color_black #tmp_contents .tetsuduki_btn span,
.color_yellow #tmp_contents .tetsuduki_btn span {
    padding: 0;
}
.color_blue #tmp_contents .tetsuduki_btn span::before,
.color_black #tmp_contents .tetsuduki_btn span::before,
.color_yellow #tmp_contents .tetsuduki_btn span::before {
    content: none;
}
.color_blue #tmp_contents .tetsuduki_btn a,
.color_black #tmp_contents .tetsuduki_btn a,
.color_yellow #tmp_contents .tetsuduki_btn a {
    border: 1px solid;
	border-radius: 5px;
}

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

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

/* ==================================================
Start font-weight
================================================== */

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

/* ==================================================
print
================================================== */
@media print {
	body {
		background:#FFFFFF !important;
	}
	tmp_wrapper {
		width:100% !important;
		min-width:100% !important;
		padding-top: 0 !important;
	}
	#tmp_wrapper img {
		-webkit-animation: none;
		-moz-animation: none;
		animation: none;
	}
	.container {
		min-width: 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 10px !important;
	}
	#tmp_header {
		margin:0 0 10px !important;
		padding:0 0 10px !important;
		color:#000000 !important;
		background:#FFFFFF !important;
		border-bottom:1px solid #000000 !important;
	}
	#tmp_header .header_inner {
		padding: 0;
	}
	#tmp_hlogo h1,
	#tmp_hlogo p {
		font-size: 2rem !important;
		background: none !important;
		width: auto !important;
		height: auto !important;
		font-weight: bold;
	}
	#tmp_hlogo h1 span,
	#tmp_hlogo p span,
	#tmp_hlogo p a {
		overflow: visible !important;
		z-index: 1 !important;
		width: auto !important;
		height: auto !important;
		text-indent: inherit !important;
		color:#000000 !important;
		background:#FFFFFF !important;
	}
	#tmp_hlogo p a{
		text-decoration: none;
	}
	#tmp_footer {
		margin-top:10px !important;
		padding-top:10px !important;
		color:#000000 !important;
		background:#FFFFFF !important;
		border-top:1px solid #000000 !important;
		overflow: visible;
	}
	#tmp_footer .footer_wrapper{
		color:#000000 !important;
		border-top:none !important;
		background:#FFFFFF !important;
	}
	#tmp_footer .footer_inner{
		padding: 0 !important;
	}
	#tmp_footer .footer_contact{
		width: 100%;
	}
	.pnavi {
		display:none !important;
	}
	body,
	#tmp_pankuzu {
		background:none !important;
	}
	.copyright {
		text-align:left !important;
		color:#000000 !important;
		background:#FFFFFF !important;
	}
}