@charset "utf-8";

/* コンテンツスタイル
----------------------------------------------------------- */
#contents {
	margin: 0 0 20px;
}

.form #contents {
	margin: 0 0 80px;
	border-top: 1px solid #d8dce0;
}

#contents_inner {
	width: 960px;
	margin: 0 auto 60px;
}

.underline {
	text-decoration: underline;
}


/*----- .block -----*/

.block {
	margin: 0 0 40px;
	word-break: break-all;
}

.block:last-child {
	margin-bottom: 0;
}

.block > p,
.block > ul,
.block > ol,
.block > dl:not(.dl_qa),
.block > .box {
	margin: 0 0 20px 15px;
} 

.block li > ul,
.block li > ol {
	margin: 5px 0 0;
}

.block > p:last-child,
.block > ul:last-child,
.block > ol:last-child,
.block > dl:last-child,
.block > .box:last-child {
	margin-bottom: 0;
} 

.block ul li,
.block ol li {
	margin: 0 0 5px;
}

.block hr {
	margin-left: 15px;
}


/*----- title -----*/

.contents_ttl {
	margin: 0 0 30px;
	padding: 25px 0;
	border-bottom: 1px solid #d8dce0;
}

.contents_ttl h1 {
	width: 960px;
	margin: 0 auto;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}

.contents_ttl h1 span {
	position: relative;
	top: -3px;
	margin: 0 0 0 20px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.ttl02 {
	margin: 0 0 25px;
	padding: 10px 15px;
	background: #fafafa;
	border: 1px solid #d8dce0;
	border-bottom: 2px solid #326eb4;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}


.ttl02_link {
	position: relative;
	display: table;
	width: 100%;
	margin: 0 0 25px;
}

.ttl02_link a {
	display: table-cell;
	padding: 15px 10px 15px 40px;
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmVmZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fff 0%, #ebeff3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ebeff3));
	background: -webkit-linear-gradient(top,  #fff 0%,#ebeff3 100%);
	background: -o-linear-gradient(top,  #fff 0%,#ebeff3 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#ebeff3 100%);
	background: linear-gradient(to bottom,  #fff 0%,#ebeff3 100%);
	border: 1px solid #d7dbdf;
	border-bottom: 2px solid #316db3;
	box-sizing: border-box;
	color: #222;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
}

.ttl02_link a:hover {
	background: #eff4f9;
	text-decoration: none;
}

.ttl02_link a::before,
.ttl02_link a::after {
	position: absolute;
	top: 50%;
	left: 14px;
	display: block;
	content: "";
}

.ttl02_link a::before {
	width: 18px;
	height: 18px;
	margin: -9px 0 0;
	background: #326eb4;
	border-radius: 10px;
}

.ttl02_link a::after {
	left: 22px;
	margin: -4px 0 0;
	border: 4px solid transparent;
	border-left: 5px solid #fff;
}

.ttl03 {
	margin: 0 0 20px;
	padding: 10px 15px;
	background: #eff4f9;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.ttl04 {
	margin: 0 15px 20px;
	padding: 0 0 0 12px;
	border-left: 3px solid #326eb4;
	font-weight: bold;
	line-height: 1.6;
}


/*----- .archive -----*/

.archive_year,
.archive_month,
.archive_page {
	margin: 0 0 10px;
	padding: 15px 20px;
	background: #f0f0f0;
}

.archive_year li,
.archive_month li,
.archive_page li {
	float: left;
	padding: 0;
	border-left: 1px solid  #ccc;
	text-indent: 0;
}

.archive_year li {
	padding: 0 20px;
}

.archive_month li {
	padding: 0 9px;
	line-height: 1.4;
}

.archive_page li {
	padding: 0 9px;
}

.archive_year li:first-child,
.archive_month li:first-child,
.archive_page li:first-child {
	padding-left: 0;
	border-left: none;
}

.archive_month li:last-child {
	padding-right: 0;
}

.archive_month  a.link_arrow02::before {
	margin-left: 0;
}


/*----- .box -----*/

.box {
	padding: 12px 20px;
	background: #f0f0f0;
}


/*----- .tablexx -----*/

.table01,
.table02,
.table03,
.table04 {
	width: 100%;
	margin: 0 0 20px;
}

.table01:last-child,
.table02:last-child,
.table03:last-child,
.table04:last-child {
	margin-bottom: 0;
}

.table01 th,
.table01 td,
.table02 th,
.table02 td,
.table03 th,
.table03 td,
.table04 th,
.table04 td {
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	text-align: left;
	vertical-align: middle;
}

.table01 th,
.table01 td,
.table02 th,
.table02 td {
	padding: 15px;
	font-size: 14px;
	font-size: 1.4rem;
}

.table03 th,
.table03 td {
	padding: 10px 8px;
	font-size: 12px;
	font-size: 1.2rem;
}

.table04 th,
.table04 td {
	padding: 10px 5px;
	font-size: 11px;
	font-size: 1.1rem;
}

.table01 th,
.table02 th,
.table03 th,
.table04 th {
	background: #f0f0f0;
	line-height: 1.6;
}

.table01 th.sub_ttl,
.table02 th.sub_ttl,
.table03 th.sub_ttl,
.table04 th.sub_ttl {
	background: #fafafa;
}

.table01 caption,
.table02 caption,
.table03 caption,
.table04 caption {
	display: none;
}

@media only aural {
	.table01 caption,
	.table02 caption,
	.table03 caption,
	.table04 caption {
		display: block;
	}
}


/*----- .img_box -----*/

.img_box {
	margin: 0 0 0 15px;
}

.img_box img.floatL,
.img_box img.floatR {
	max-width: 240px;
}

.img_box .floatL {
	margin: 0 25px 0 0;
}

.img_box .floatR {
	margin: 0 0 0 25px;
}


/*----- .list_disc -----*/

li.list_disc,
.list_disc:not(li) {
	list-style: disc;
}

li.list_disc {
	list-style-position: inside;
	padding: 0 0 0 22px;
	text-indent: -16px;
}

li.list_disc > * {
	text-indent: 0;
}

.list_disc:not(li) {
	margin: 0 0 20px 35px !important;
}


/*----- .list_circle -----*/

.list_circle01 > li,
.list_circle02 > li {
	position: relative;
	padding: 0 0 0 18px;
}

.list_circle01 > li::before,
.list_circle02 > li::before {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 6px;
	border: 1px solid #333;
	box-sizing: border-box;
}

.list_circle01 > li::before {
	background: #333;
}


/*----- .list_square -----*/

.list_square > li {
	position: relative;
	padding: 0 0 0 18px;
}

.list_square > li::before {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	content: "";
	width: 11px;
	height: 11px;
	background: #333;
}


/*----- .list_note -----*/

.list_note:not(ul),
.list_note > li {
	display: table;
}

.list_note:not(ul) > *:first-child,
.list_note > li > *:first-child {
	display: table-cell;
	padding: 5px .2em 0 0;
	white-space: nowrap;
}

.list_note:not(ul):first-child > *:first-child,
.list_note > li:first-child > *:first-child {
	padding-top: 0;
}


/*----- .li_child -----*/

p.list_child,
.list_child li {
	margin: 5px 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

p.list_child {
	margin-left: -1em;
}

p.list_child::before,
.list_child li::before {
	content: "－";
}


/*----- .list_number01 -----*/

.list_number01 {
	list-style: decimal;
	margin-left: 40px !important;
}


/*----- .list_number02 -----*/

.list_number02 {
	display: table;
}

.list_number02 > li {
	display: table-row;
}

.list_number02 > li > *:first-child {
	display: table-cell;
	width: 1px;
	padding: 5px 0 0 0;
	white-space: nowrap;
}

.list_number02 > li:first-child > *:first-child {
	padding: 0;
}


/*----- .dl01 -----*/

.dl01 > dt,
.dl01 > dd {
	margin: 0 0 15px;
}

.dl01 > dt {
	float: left;
	clear: left;
	margin-right: 20px;
	font-weight: bold;
}

.dl01 > dd {
	overflow: hidden;
}


/*----- .dl02 -----*/

.dl02 > dt,
.dl02 > dt time {
	font-weight: bold;
}

.dl02 > dd {
	margin: 0 0 15px;
}


/*----- .dl03 -----*/

.dl03 > dd {
	margin: 0 0 15px 22px;
}

.dl03 > dd ul {
	margin: 5px 0 0;
}


/*----- .dl_qa -----*/

.dl_qa {
	margin: 0;
}

.dl_qa dt::after,
.dl_qa dd::after {
	display: block;
	clear: both;
	content: "";
}

.dl_qa dt {
	margin: 0 0 10px;
}

.dl_qa dt:not(:first-child) {
	margin: 20px 0 10px;
	padding: 20px 0 0;
	border-top: 1px  dotted #999;
}

.dl_qa dt span:last-child {
	display: block;
	padding: 6px 0 0;
	font-weight: bold;
}

.dl_qa .question,
.dl_qa .answer {
	display: block;
	float: left;
	min-width: 50px;
	margin: 0 15px 0 0;
	padding: 8px 12px;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.6;
}

.dl_qa .question {
	background: #326eb4;
	color: #fff;
}

.dl_qa .answer {
	background: #eff4f9;
}

.dl_qa .answer.answer_small {
	font-size: 14px;
	font-size: 1.4rem;
}

.dl_qa dt span:last-child,
.dl_qa dd .answer_wrap {
	overflow: hidden;
}

.dl_qa dd .answer_wrap > * {
	margin: 0 0 10px;
}

.dl_qa dd .list_disc {
	margin-left: 25px !important;
}

.dl_qa dd .list_number01 {
	margin-left: 30px !important;
}


/*----- .news_list -----*/

.news_list {
	display: table;
	width: 100%;
	margin: 0 !important;
	padding: 0 0 0 15px;
	box-sizing: border-box;
}

.news_list > li {
	position: relative;
	display: table-row;
}

.news_list > li > * {
	display: table-cell;
	margin: 0;
	padding: 10px 15px 10px 0;
	border-bottom: 1px dotted #c8ccd0;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
}

.news_list > li:first-child > * {
	padding-top: 0;
}

.news_list > li > time,
.news_list > li > span {
	width: 1%;
	white-space: nowrap;
}

.news_list > li > span > span {
	display: block;
	width: 4em;
	border-radius: 3px;
	color: #fff;
	text-align: center;
}

.news_list li .category_safety {
	background: #2d822d;
}

.news_list li .category_food {
	background: #827823;
}

.news_list li .category_interview {
	background: #c84646;
}

.news_list li .category_display {
	background: #8c6428;
}

.news_list li .category_trading {
	background: #2d7da5;
}

.news_list li .category_other {
	background: #787878;
}

.news_list li .category_system {
	background: #b95a19;
}

.news_list li .category_accident {
	background: #378278;
}

.news_list li .category_investigation {
	background: #465f9b;
}

.news_list li .category_education {
	background: #8c648c;
}

.news_list li .category_policy {
	background: #b9537d;
}

.news_list li .category_region {
	background: #4b7337;
}

.news_list li .category_prices {
	background: #8c4646;
}

.news_list li .category_info {
	background: #5f5587;
}

.news_list > li > p.link_arrow01,
.news_list > li > p.link_arrow02,
.news_list > li > p.link_pdf,
.news_list > li > p.link_word,
.news_list > li > p.link_excel,
.news_list > li > p.link_powerpoint,
.news_list > li > p.link_text,
.news_list > li > p.link_movie,
.news_list > li > p.link_window {
	padding-left: 22px;
}

.news_list > li:first-child > p.link_arrow01 > a::before,
.news_list > li:first-child > p.link_window > a::before {
	top: 8px;
}

.news_list > li:first-child > p.link_arrow02 > a::before {
	top: 10px;
}

.news_list > li:first-child > p.link_pdf > a::before,
.news_list > li:first-child > p.link_word > a::before,
.news_list > li:first-child > p.link_excel > a::before,
.news_list > li:first-child > p.link_powerpoint > a::before,
.news_list > li:first-child > p.link_text > a::before,
.news_list > li:first-child > p.link_movie > a::before {
	top: 5px;
}

.news_list > li:not(:first-child) > p.link_arrow01 > a::before,
.news_list > li:not(:first-child) > p.link_arrow02 > a::before,
.news_list > li:not(:first-child) > p.link_window > a::before {
	top: 18px;
}

.news_list > li:not(:first-child) > p.link_pdf > a::before,
.news_list > li:not(:first-child) > p.link_word > a::before,
.news_list > li:not(:first-child) > p.link_excel > a::before,
.news_list > li:not(:first-child) > p.link_powerpoint > a::before,
.news_list > li:not(:first-child) > p.link_text > a::before,
.news_list > li:not(:first-child) > p.link_movie > a::before {
	top: 15px;
}

@media only screen and (orientation : portrait) {
	html.mobile .news_list > li:first-child > p.link_arrow01 > a::before,
	html.tablet .news_list > li:first-child > p.link_arrow01 > a::before,
	html.mobile .news_list > li:first-child > p.link_arrow02 > a::before,
	html.tablet .news_list > li:first-child > p.link_arrow02 > a::before,
	html.mobile .news_list > li:first-child > p.link_window > a::before,
	html.tablet .news_list > li:first-child > p.link_window > a::before {
		top: 6px;
	}

	html.mobile .news_list > li:first-child > p.link_pdf > a::before,
	html.tablet .news_list > li:first-child > p.link_pdf > a::before,
	html.mobile .news_list > li:first-child > p.link_word > a::before,
	html.tablet .news_list > li:first-child > p.link_word > a::before,
	html.mobile .news_list > li:first-child > p.link_excel > a::before,
	html.tablet .news_list > li:first-child > p.link_excel > a::before,
	html.mobile .news_list > li:first-child > p.link_powerpoint > a::before,
	html.tablet .news_list > li:first-child > p.link_powerpoint > a::before,
	html.mobile .news_list > li:first-child > p.link_text > a::before,
	html.tablet .news_list > li:first-child > p.link_text > a::before,
	html.mobile .news_list > li:first-child > p.link_movie > a::before,
	html.tablet .news_list > li:first-child > p.link_movie > a::before {
		top: 3px;
	}

	html.mobile .news_list > li:not(:first-child) > p.link_arrow01 > a::before,
	html.tablet .news_list > li:not(:first-child) > p.link_arrow01 > a::before,
	html.mobile .news_list > li:not(:first-child) > p.link_arrow02 > a::before,
	html.tablet .news_list > li:not(:first-child) > p.link_arrow02 > a::before,
	html.mobile .news_list > li:not(:first-child) > p.link_window > a::before,
	html.tablet .news_list > li:not(:first-child) > p.link_window > a::before {
		top: 15px;
	}

	html.mobile .news_list > li:not(:first-child) > p.link_pdf > a::before,
	html.tablet .news_list > li:not(:first-child) > p.link_pdf > a::before,
	html.mobile .news_list > li:not(:first-child) > p.link_word > a::before,
	html.tablet .news_list > li:not(:first-child) > p.link_word > a::before,
	html.mobile .news_list > li:not(:first-child) > p.link_excel > a::before,
	html.tablet .news_list > li:not(:first-child) > p.link_excel > a::before,
	html.mobile .news_list > li:not(:first-child) > p.link_powerpoint > a::before,
	html.tablet .news_list > li:not(:first-child) > p.link_powerpoint > a::before,
	html.mobile .news_list > li:not(:first-child) > p.link_text > a::before,
	html.tablet .news_list > li:not(:first-child) > p.link_text > a::before,
	html.mobile .news_list > li:not(:first-child) > p.link_movie > a::before,
	html.tablet .news_list > li:not(:first-child) > p.link_movie > a::before {
		top: 10px;
	}
}


/*----- .index_list -----*/

.index_list {
	display: table;
	width: 100%;
	margin: 0 !important;
}

.index_list > li {
	display: table-row;
}

.index_list > li > * {
	display: table-cell;
	padding: 0 0 30px;
	vertical-align: top;
}

.index_list > li:last-child > * {
	padding-bottom: 0;
}

.index_list .index_word {
	width: 1%;
	padding: 0 20px 30px 15px;
}

.index_list .index_word span {
	display: block;
	min-width: 50px;
	padding: 8px 12px;
	background: #326eb4;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	white-space: nowrap;
	line-height: 1.6;
}


/*----- .index_list_qa -----*/

.index_list_qa {
	display: table;
	width: 100%;
	margin: 0 !important;
}

.index_list_qa > li {
	display: table-row;
}

.index_list_qa > li > * {
	display: table-cell;
	padding: 0 0 10px;
	vertical-align: top;
}

.index_list_qa > li:last-child > * {
	padding-bottom: 0;
}

.index_list_qa .index_word {
	width: 1%;
	padding: 0 0 10px;
}

.index_list_qa .index_word span {
	display: block;
	min-width: 50px;
	padding: 8px 12px;
	background: #326eb4;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	white-space: nowrap;
	line-height: 1.6;
}


/*----- .label_new / .label_update -----*/

.label_new,
.label_update {
	display: inline-block;
	width: 50px;
	margin: 0 0 0 5px;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	text-indent: 0;
	line-height: 1.5;
}

.label_new { background: #2d822d; }
.label_update { background: #2d7da5; }

.label_big {
	width: 70px;
	padding: 2px 0;
	font-size: 14px !important;
	font-size: 1.4rem !important;
}


/*----- .column_block -----*/

.column_block02 > ul > li,
.column_block03 > ul > li {
	float: left;
	box-sizing: border-box;
}

/* .column_block02 */

.column_block02 > ul {
	margin: 0 -10px;
}

.column_block02 > ul > li {
	width: 470px;
	margin: 20px 10px 0;
}

#main .column_block02 > ul > li {
	width: 350px;
}


/* .column_block03 */

.column_block03 > ul {
	margin: 0 -8px;
}

.column_block03 > ul > li {
	width: 310px;
	margin: 15px 7px 0 8px;
}

#main .column_block03 > ul > li {
	width: 230px;
}

.column_block02 > ul > li.wide,
.column_block03 > ul > li.wide {
	width: 960px;
}

#main .column_block02 > ul > li.wide,
#main .column_block03 > ul > li.wide {
	width: 720px;
}

.column_block02 > ul > li:nth-child(-n+2),
.column_block03 > ul > li:nth-child(-n+3) {
	margin-top: 0;
}


/* .column_block_box */

.column_block_box > li {
	border: 1px solid #d7dbdf;
}

.column_block_box li .box_ttl {
	position: relative;
	display: table;
	width: 100%;
}

.column_block_box li .box_ttl a,
.column_block_box li .box_ttl span {
	display: table-cell;
	padding: 15px 10px 15px 40px;
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmVmZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fff 0%, #ebeff3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ebeff3));
	background: -webkit-linear-gradient(top,  #fff 0%,#ebeff3 100%);
	background: -o-linear-gradient(top,  #fff 0%,#ebeff3 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#ebeff3 100%);
	background: linear-gradient(to bottom,  #fff 0%,#ebeff3 100%);
	border-bottom: 2px solid #316db3;
	box-sizing: border-box;
	color: #222;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
}

.column_block_box li .box_ttl a:hover,
.column_block_box li a:hover .box_ttl span {
	background: #eff4f9;
}

.column_block_box li .box_ttl a:hover,
.column_block_box li.no_bdr > a:first-child:hover {
	text-decoration: none;
}

.column_block_box li .box_ttl a::before,
.column_block_box li .box_ttl span::before,
.column_block_box li .box_ttl a::after,
.column_block_box li .box_ttl span::after {
	position: absolute;
	top: 50%;
	left: 14px;
	display: block;
	content: "";
}

.column_block_box li .box_ttl a::before,
.column_block_box li .box_ttl span::before {
	width: 18px;
	height: 18px;
	margin: -9px 0 0;
	background: #326eb4;
	border-radius: 10px;
}

.column_block_box li .box_ttl a::after,
.column_block_box li .box_ttl span::after {
	left: 22px;
	margin: -4px 0 0;
	border: 4px solid transparent;
	border-left: 5px solid #fff;
}

.column_block_box li .box_inner {
	padding: 15px 14px;
	box-sizing: border-box;
}

.column_block_box li .box_inner > * {
	margin: 0 0 15px;
}

.column_block_box li .box_inner > *:last-child {
	margin-bottom: 0;
}

.column_block_box li p + ul {
	padding: 15px 0 0;
	border-top: 1px solid #c8ccd0;
}


/* .no_bdr */

.column_block_box > li.no_bdr {
	border: none;
}

.column_block_box > li.no_bdr > a:first-child {
	display: block;
}

.column_block_box > li.no_bdr > a:focus {
	outline: 1px dotted #000 !important;
}

.column_block_box li.no_bdr .box_ttl span {
	border: 1px solid #d7dbdf;
	border-bottom: 2px solid #316db3;
}

.column_block_box li.no_bdr .box_inner {
	margin: 10px 0 0;
	padding: 0;
}

.column_block_box li.no_bdr p + ul {
	padding: 0;
	border-top: none;
}



/*----- #noticed_content / #related_sites -----*/

#noticed_content,
#related_sites {
	width: 960px;
	margin: 0 auto 20px;
	padding: 0 0 30px;
	border: 1px solid #dce0e4;
}

#related_sites {
	margin-bottom: 40px;
}

#noticed_content h2,
#related_sites h2 {
	position: relative;
	margin: 0 0 25px;
	padding: 10px 10px 10px 52px;
	background: #fafafa;
	border-bottom: 1px solid #dce0e4;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}

#noticed_content h2 .icon,
#related_sites h2 .icon {
	position: absolute;
	top: 50%;
	left: 24px;
	width: 20px;
	height: 20px;
	margin: -10px 0 0;
}

#related_sites h2 .icon {
	width: 16px;
}

#related_sites h2 .icon.icon_link {
	width: 20px;
}

#noticed_content h2 .icon::before,
#related_sites h2 .icon::before {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
}

#noticed_content h2 .icon::before {
	content: url(/shared/svg/icon_tag.svg);
}

#related_sites h2 .icon::before {
	content: url(/shared/svg/icon_relation.svg);
}

#related_sites h2 .icon.icon_link::before {
	content: url(/shared/svg/icon_link.svg);
}

#noticed_content section {
	float: left;
	width: 290px;
	margin: 0 0 0 20px;
}

#noticed_content section:first-child {
	margin: 0 0 0 24px;
}

#noticed_content section h3 {
	position: relative;
	margin: 0 0 25px;
	padding: 8px 0;
	background: #326eb4;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	border-bottom: 1px solid transparent;
}

#noticed_content section h3 span {
	font-weight: bold;
}

#noticed_content section h3::after {
	position: absolute;
	left: 50%;
	bottom: -20px;
	display: block;
	content: "";
	margin: 0 0 0 -10px;
	border: 10px solid transparent;
	border-top: 10px solid #326eb4;
}

#noticed_content section h3 > span {
	position: relative;
	padding: 0 0 0 29px;
}

#noticed_content section:last-child h3 > span {
	padding-left: 25px;
}

#noticed_content section h3 .icon {
	position: absolute;
	top: 50%;
	left: 0;
	width: 19px;
	height: 24px;
	margin: -12px 0 0;
}

#noticed_content section:last-child h3 .icon {
	width: 15px;
}

#noticed_content section h3 .icon::before {
	display: block;
	width: 100%;
	height: 100%;
}

#noticed_content section.consumers h3 .icon::before {
	content: url(/shared/svg/icon_consumers_wh.svg);
}

#noticed_content section.government h3 .icon::before {
	content: url(/shared/svg/icon_counselor_wh.svg);
}

#noticed_content section.business h3 .icon::before {
	content: url(/shared/svg/icon_business_wh.svg);
}

#noticed_content section ul li {
	margin: 5px 0 0 10px;
	line-height: 1.6;
}

#related_sites ul {
	margin: 0 0 0 24px;
}

#related_sites ul li {
	float: left;
	width: 290px;
	margin: 25px 20px 0 0;
	line-height: 1.5;
}

#related_sites ul li:nth-child(-n+3) {
	margin-top: 0;
}

#related_sites ul li a {
	display: block;
}

#related_sites ul li a::after {
	display: block;
	content: "";
	clear: both;
}

#related_sites ul li a:focus {
	outline: 1px dotted #000;
}

#related_sites ul li img {
	float: left;
}

#related_sites ul li p {
	position: relative;
	margin: 0 0 0 145px;
	padding: 0 0 0 18px;
}

#related_sites ul li p:not(.link_window):not(.link_arrow01) {
	margin-top: 3px;
	color: #222;
	font-size: 12px;
	font-size: 1.2rem;
}

#related_sites ul li p.link_window,
#related_sites ul li p.link_arrow01 {
	position: relative;
	text-indent: 0;
}

#related_sites ul li p.link_window::before {
	position: absolute;
	top: 5px;
	left: 0;
	display: inline-block;
	content: "";
	width: 10px;
	height: 9px;
	background: url(/shared/svg/icon_window.svg) center center no-repeat;
	background-size: cover;
}

#related_sites ul li p.link_arrow01::before {
	position: absolute;
	top: 6px;
	left: 3px;
	display: inline-block;
	content: "";
	border: 4px solid transparent;
	border-left: 5px solid #666;
}

#related_sites ul li a:hover {
	text-decoration: none;
}

#related_sites ul li a:hover p.link_window,
#related_sites ul li a:hover p.link_arrow01 {
	text-decoration: underline;
}


/*----- .btn_pagetop -----*/

.btn_pagetop {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}

.btn_pagetop .btn {
	width: 180px;
	height: 35px;
	padding: 0;
	line-height: 35px;
}

.btn_pagetop .btn_inner::before {
	margin: -6px 0 0;
	border: 4px solid transparent;
	border-bottom: 5px solid #326eb4;
}



/* フォームスタイル
----------------------------------------------------------- */
input[type="text"] {
	padding: 0 5px;
	height: 35px;
	box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"]  {
	position: relative;
	top: -1px;
	width: 15px;
	height: 15px;
	margin: 0 6px 0 0;
}

select {
	padding: 0 0 0 5px;
	height: 35px;
	box-sizing: border-box;
}

textarea {
	padding: 5px;
	height: 185px;
	box-sizing: border-box;
	line-height: 1.8;
}

.landscape label {
	display: inline-block;
	margin: 0 25px 0 0;
}

.portrait label {
	display: block;
	margin: 0 0 5px;
}

.portrait label:last-child {
	margin-bottom: 0;
}

.form table th {
	font-weight: bold;
}

.must {
	font-weight: bold;
	color: #d71414;
}

.example {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
}


/*----- .flow -----*/

.flow {
	margin: 0 0 40px !important;
	font-size: 0;
	text-align: center;
}

.flow li {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0 15px 0 0;
}

.flow li span {
	position: relative;
	display: block;
	width: 165px;
	height: 46px;
	padding: 0 0 0 5px;
	background: #fafafa;
	border: 1px solid #d8dce0;
	border-right: none;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 44px;
}

.flow li span::before,
.flow li span::after {
	position: absolute;
	top: -1px;
	display: block;
	content: "";
}

.flow li span::before {
	right: -38px;
	border: 23px solid transparent;
	border-left: 15px solid #d8dce0;
}

.flow li span::after {
	right: -37px;
	border: 23px solid transparent;
	border-left: 15px solid #fafafa;
}

.flow li.current span {
	background: #326eb4;
	border: 1px solid #326eb4;
	color: #fff;
}

.flow li.current span::before {
	right: -39px;
	border-left: 15px solid #326eb4;
}

.flow li.current span::after {
	display: none;
}


/*----- .error -----*/

div.error {
	margin: 0 0 30px;
	padding: 10px 20px;
	background: #fbe9e9;
}

div.error p {
	color: #d71414;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

div.error i {
	position: relative;
	top: 2px;
	margin: 0 8px 0 0;
	font-size: 24px;
	font-size: 2.4rem;
}

.table01 td.error {
	background: #fbe9e9;
}

.table01 p.error {
	margin: 5px 0 0;
	color: #d71414;
	font-weight: bold;
}

.table01 p.error + p.error {
	margin-top: 0;
}


/*----- .agreement_box -----*/

.agreement_box {
	padding: 25px 30px;
	border: 1px solid #d8dce0;
}

.agreement_box p {
	margin: 0 0 20px;
}

.agreement_box .thanks {
	margin: 90px 0;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}


/*----- .btn_block -----*/

.form .btn_block {
	margin: 40px 0 0;
	text-align: center;
}

.form .btn_block .btn {
	width: 260px;
	height: 60px;
	margin: 0 10px;
	padding: 0;
	border-radius: 30px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 60px;
	cursor: pointer;
}

.form .btn_block ::before {
	display: none;
}

.form .btn_block .btn span {
	position: relative;
	padding: 0 0 0 25px;
}

.form .btn_block .btn span::before,
.form .btn_block .btn span::after {
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	content: "";
}

.form .btn_block .btn span::before {
	width: 18px;
	height: 18px;
	margin: -9px 0 0;
	background: #326eb4;
	border-radius: 10px;
}

.form .btn_block .btn span::after {
	left: 7px;
	margin: -4px 0 0;
	border: 4px solid transparent;
	border-left: 5px solid #fff;
}


/* .btn[disabled] */

.form .btn_block .btn[disabled] {
	background: #ccc;
	color: #222;
	cursor: default;
}

.form .btn_block .btn[disabled] span::before {
	background: #333;
}


/* .btn_submit */

.form .btn_block .btn_submit {
	background: #326eb4;
	border: 1px solid transparent;
	color: #fff;
}

.form .btn_block .btn_submit span::before {
	background: #fff;
}

.form .btn_block .btn_submit span::after {
	border-left: 5px solid #326eb4;
}

.form .btn_block .btn_submit:hover {
	background: #164d8d;
}

.form .btn_block .btn_submit:hover span::after {
	border-left: 5px solid #164d8d;
}



/* /sitemap.html
----------------------------------------------------------- */
#sitemap .column_block_box .box_inner {
	padding: 30px 40px 35px;
}

#sitemap .column_block_box .box_inner > ul {
	float: left;
	width: 420px;
}

#sitemap .column_block_box .box_inner > ul:first-child {
	margin: 0 38px 0 0;
}

@media only screen and (orientation : portrait) {
	html.mobile #sitemap .column_block_box .box_inner > ul:first-child,
	html.tablet #sitemap .column_block_box .box_inner > ul:first-child {
		margin: 0;
	}

	html.mobile #sitemap .column_block_box .box_inner > ul + ul,
	html.tablet #sitemap .column_block_box .box_inner > ul + ul {
		float: right;
	}
}


#sitemap .column_block_box .box_inner > ul.wide {
	float: none;
	width: auto;
	margin: 0;
}


#sitemap .column_block_box .box_inner > ul > li {
	margin: 0 0 12px;
}

#sitemap .column_block_box .box_inner > ul > li:last-child {
	margin-bottom: 0;
}

#sitemap .column_block_box .box_inner > ul > li > span {
	display: block;
	padding: 0 0 8px 26px;
	border-bottom: 1px solid #d8dce0;
	font-size: 1.6rem;
	text-indent: -26px;
	line-height: 1.6;
}

#sitemap .column_block_box .box_inner > ul > li > span a {
	position: relative;
	padding: 0 0 0 26px;
}

#sitemap .column_block_box .box_inner > ul > li > span a::before,
#sitemap .column_block_box .box_inner > ul > li > span a::after {
	position: absolute;
	left: 0;
	display: block;
	content: "";
}

#sitemap .column_block_box .box_inner > ul > li > span a::before {
	top: 3px;
	width: 18px;
	height: 18px;
	background: #326eb4;
	border-radius: 10px;
}

#sitemap .column_block_box .box_inner > ul > li > span a::after {
	top: 8px;
	left: 8px;
	border: 4px solid transparent;
	border-left: 5px solid #fff;
}

#sitemap .column_block_box .box_inner ul li ul {
	margin: 10px 0 25px 15px;
}

#sitemap .column_block_box .box_inner ul li ul ul {
	margin: 0 0 15px 0;
}

#sitemap .column_block_box .box_inner ul li ul li {
	margin: 3px 0 0;
}

#sitemap .column_block_box .box_inner > ul > li:last-child > ul,
#sitemap .column_block_box .box_inner > ul > li > ul > li:last-child ul {
	margin-bottom: 0;
}



/* /link/index.html
----------------------------------------------------------- */
#link_index .link_list {
	margin: 0 -10px;
}

#link_index .link_list li {
	float: left;
	width: 225px;
	margin: 25px 10px 0 10px;
}

#link_index .link_list li:nth-child(-n+4) {
	margin-top: 0;
}

#link_index .link_list li a {
	display: block;
	text-align: center;
}

#link_index .link_list li a:focus {
	outline: 1px dotted #000;
}

#link_index .link_list li img {
	max-width: 200px;
	margin: 0 0 10px;
}

#link_index .link_list li p {
	position: relative;
	padding: 0 0 0 18px;
	text-align: left;
}

#link_index .link_list li p.link_window,
#link_index .link_list li p.link_arrow01 {
	position: relative;
	text-indent: 0;
}

#link_index .link_list li p.link_window::before,
#link_index .link_list li p.link_arrow01::before {
	position: absolute;
	display: inline-block;
	content: "";
}

#link_index .link_list li p.link_window::before {
	top: 8px;
	left: 0;
	width: 16px;
	height: 9px;
	background: url(/shared/svg/icon_window.svg) center center no-repeat;
	background-size: contain;
}

#link_index .link_list li p.link_arrow01::before {
	top: 8px;
	left: 7px;
	border: 4px solid transparent;
	border-left: 5px solid #666;
}

#link_index .link_list li a:hover {
	text-decoration: none;
}

#link_index .link_list li a:hover p.link_window,
#link_index .link_list li a:hover p.link_arrow01 {
	text-decoration: underline;
}



/* #main
----------------------------------------------------------- */
#main {
	float: left;
	width: 720px;
}



/* #side
----------------------------------------------------------- */
#side {
	float: right;
	width: 220px;
	line-height: 1.6;
}

#side .side_ttl01 {
	position: relative;
	margin: 0 0 5px;
	padding: 0 0 0 24px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

#side .side_ttl01 span:not(.icon) {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: -1px;
}

#side .side_ttl01 .icon {
	position: absolute;
	top: 11px;
	left: 0;
	display: block;
	width: 14px;
	height: 10px;
}

#side .side_ttl01 .icon::before {
	display: block;
	width: 100%;
	height: 100%;
	content: url(/shared/svg/ttl_icon.svg);
	line-height: 0;
}


/*----- #side_nav -----*/

#side_nav {
	margin: 0 0 20px;
}

#side_nav h2 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

#side_nav h2::before {
	display: none;
}

#side_nav h2 a {
	position: relative;
	display: block;
	padding: 20px 20px 20px 40px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGYxZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fff 0%, #edf1f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#edf1f4));
	background: -webkit-linear-gradient(top, #fff 0%,#edf1f4 100%);
	background: -o-linear-gradient(top, #fff 0%,#edf1f4 100%);
	background: -ms-linear-gradient(top, #fff 0%,#edf1f4 100%);
	background: linear-gradient(to bottom, #fff 0%,#edf1f4 100%);
	border: 1px solid #d8dce0;
	box-sizing: border-box;
	color: #222;
}

#side_nav h2 a::before,
#side_nav h2 a::after {
	position: absolute;
	top: 50%;
	left: 14px;
	display: block;
	content: "";
}

#side_nav h2 a::before {
	width: 18px;
	height: 18px;
	margin: -9px 0 0;
	background: #326eb4;
	border-radius: 10px;
}

#side_nav h2 a::after {
	left: 22px;
	margin: -4px 0 0;
	border: 4px solid transparent;
	border-left: 5px solid #fff;
}


#side_nav ul li {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #d8dce0;
	border-top: none;
	box-sizing: border-box;
}

#side_nav ul li::before {
	display: block;
	float: left;
	content: "";
	width: 0;
	min-height: 50px;
}

#side_nav ul li a {
	display: table-cell;
	width: 100%;
	min-height: 50px;
	padding: 10px 10px 10px 34px;
	box-sizing: border-box;
	vertical-align: middle;
}

#side_nav ul li a::before {
	position: absolute;
	top: 50%;
	left: 22px;
	display: lock;
	content: "";
	margin: -4px 0 0;
	border: 4px solid transparent;
	border-left: 5px solid #666;
}

#side_nav h2 a:hover,
#side_nav h2.current a,
#side_nav ul li a:hover,
#side_nav ul li.current a {
	background: #eff4f9;
	text-decoration: none;
}


/*----- .side_bnr01 -----*/

.side_bnr01 li {
	margin: 0 0 10px;
	border: 1px solid #d8dce0;
}

.side_bnr01 li a {
	display: block;
	text-decoration: none;
}

.side_bnr01 li a:focus {
	outline: 1px dotted #000;
}

.side_bnr01 li a h3 {
	position: relative;
	padding: 10px 10px 10px 40px;
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2YwZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fff 0%, #ecf0f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ecf0f4));
	background: -webkit-linear-gradient(top,  #fff 0%,#ecf0f4 100%);
	background: -o-linear-gradient(top,  #fff 0%,#ecf0f4 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#ecf0f4 100%);
	background: linear-gradient(to bottom,  #fff 0%,#ecf0f4 100%);
	border-bottom: 1px solid #d8dce0;
	color: #222;
	font-weight: bold;
	text-indent: 0;
}

.side_bnr01 li a:hover h3 {
	background: #eff4f9;
}

.side_bnr01 li a h3::before {
	left: 14px;
}

.side_bnr01 li a h3::after {
	left: 22px;
}

.side_bnr01 li div {
	position: relative;
	padding: 10px 10px 10px 14px;
}

.side_bnr01 li div p {
	color: #222;
}

.side_bnr01 li div h4 {
	color: #326eb4;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
}


/* 被害にあったら */

.side_bnr01 li:first-child div .icon {
	position: absolute;
	top: 20px;
	right: 13px;
	width: 36px;
	height: 36px;
}

.side_bnr01 li:first-child div .icon::before {
	display: block;
	width: 100%;
	height: 100%;
	content: url(/shared/svg/icon_hotline.svg);
}

.side_bnr01 li:first-child div rt {
	font-size: 6px;
	font-size: .6rem;
	line-height: 1;
}

.side_bnr01 li:first-child div p:last-child {
	margin: 10px 0 0;
	font-size: 11px;
	font-size: 1.1rem;
}


/* 被害にあわないために */

.side_bnr01 li:nth-child(2) div p {
	margin: 0 40px 0 0;
}

.side_bnr01 li:nth-child(2) div .icon {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 34px;
	height: 43px;
}

.side_bnr01 li:nth-child(2) div .icon::before {
	display: block;
	width: 100%;
	height: 100%;
	content: url(/shared/svg/icon_accident.svg);
}


/*----- .side_bnr02 -----*/

.side_bnr02 li {
	margin: 0 0 10px;
	padding: 0;
	text-indent: 0;
}

.side_bnr02 li:last-child {
	margin: 0;
}

.side_bnr02 li a {
	position: relative;
	display: block;
	padding: 15px 5px 15px 40px;
	border: 1px solid #d8dce0;
	box-sizing: border-box;
	color: #222;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
}

.side_bnr02 li a:hover {
	opacity: .7;
}

.side_bnr02 li a::before {
	left: 14px;
}

.side_bnr02 li a::after {
	left: 22px;
}

.side_bnr02 li.contact .icon {
	position: absolute;
	top: 50%;
	right: 14px;
	width: 23px;
	height: 30px;
	margin: -15px 0 0;
}

.side_bnr02 li.contact .icon::before {
	display: block;
	width: 100%;
	height: 100%;
	content: url(/shared/svg/icon_inquiry.svg);
}


/*----- #side_topics -----*/

#side_topics {
	margin: 25px 0 0;
}

#side_topics ul li {
	margin: 0 0 10px;
	padding: 10px;
	border: 1px solid #dce0e4;
}

#side_topics ul li:last-child {
	margin: 0;
}

#side_topics ul li a,
#side_topics ul li > span {
	position: relative;
	display: block;
	padding: 0 0 0 15px;
}

#side_topics ul li a::before,
#side_topics ul li > span::before {
	position: absolute;
	top: 7px;
	left: 3px;
	content: "";
	border: 4px solid transparent;
	border-left: 5px solid #666;
}

@media only screen and (orientation : portrait) {
	html.mobile #side_topics ul li a::before,
	html.tablet #side_topics ul li a::before,
	html.mobile #side_topics ul li > span::before,
	html.tablet #side_topics ul li > span::before {
		top: 13px;
	}
}


/*----- #side_report -----*/

#side_report {
	margin: 25px 0 20px;
}

#side_report div {
	padding: 14px;
	border: 1px solid #dce0e4;
}

#side_report time {
	display: block;
	margin: 10px 0;
}


/*----- #side_mobile -----*/

#side_mobile {
	display: table;
	width: 100%;
	padding: 19px 0 19px 19px;
	border: 1px solid #dce0e4;
	box-sizing: border-box;
}

#side_mobile p {
	display: table-cell;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}

#side_mobile p:first-child {
	width: 80px;
}

#side_mobile .icon {
	display: block;
	width: 20px;
	height: 38px;
	margin: 0 auto 5px;
}

#side_mobile .icon::before {
	display: block;
	width: 100%;
	height: 100%;
	content: url(/shared/svg/icon_mobile.svg);
}


/*----- 2017.01 template追加 タイルメニュー -----*/
.tile_menu5 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
	
}
.tile_menu5 a {
	padding-top: 10px;
	box-sizing: border-box;
	width: 20%;
	min-height: 50px;
	height: auto;
	padding-bottom: 5px;
	list-style: none;
	border: 1px solid #f1f1f1;
	background: #fafafa;
	display: flex;
	align-items: center;
	align-content: center;
	line-height: 1.2;
}

.tile_menu5 a:hover, .tile_menu5 a.current {
	background: #446DAD;
	color: white;
	text-decoration: none;
}

.tile_menu4 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
	
}
.tile_menu4 a {
	padding-top: 10px;
	box-sizing: border-box;
	width: 25%;
	min-height: 50px;
	height: auto;
	padding-bottom: 5px;
	list-style: none;
	border: 1px solid #f1f1f1;
	background: #fafafa;
	display: flex;
	align-items: center;
	align-content: center;
	line-height: 1.2;
}

.tile_menu4 a:hover, .tile_menu4 a.current {
	background: #446DAD;
	color: white;
	text-decoration: none;
}

.tile_menu3 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
	
}
.tile_menu3 a {
	padding-top: 10px;
	box-sizing: border-box;
	width: 33.3%;
	min-height: 50px;
	height: auto;
	padding-bottom: 5px;
	list-style: none;
	border: 1px solid #f1f1f1;
	background: #fafafa;
	display: flex;
	align-items: center;
	align-content: center;
	line-height: 1.2;
}

.tile_menu3 a:hover, .tile_menu3 a.current {
	background: #446DAD;
	color: white;
	text-decoration: none;
}

.tile_menu2 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
	
}
.tile_menu2 a {
	padding-top: 10px;
	box-sizing: border-box;
	width: 50%;
	min-height: 50px;
	height: auto;
	padding-bottom: 5px;
	list-style: none;
	border: 1px solid #f1f1f1;
	background: #fafafa;
	display: flex;
	align-items: center;
	align-content: center;
	line-height: 1.2;
}

.tile_menu2 a:hover, .tile_menu2 a.current {
	background: #446DAD;
	color: white;
	text-decoration: none;
}

.a_inner {
	margin: 0 auto;
	text-align: center;
}