@charset "utf-8";

/* ============================================================ */
/* index.html */
/* ============================================================ */

/*----- #header_logo -----*/

#header_logo h1 {
	float: left;
}

#header_logo h1 a {
	width: 94px;
	height: 25px;
	margin: 0 14px 0 0;
	background: url(/shared/svg/logo.svg) 0 0 no-repeat;
	background-size: 94px 25px;
}

#header_logo h1 a img {
	display: none;
}


#contents_inner {
	margin: 0;
}

#side {
	margin: 0 10px 20px;
}


/*----- #key_visual -----*/

#key_visual {
	position: relative;
	margin: 0 0 10px;
}

#key_visual .btn {
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: 110px;
	height: 25px;
	padding: 0;
	font-size: 1.1rem;
	line-height: 25px;
}

#key_visual .btn_inner {
	padding: 0 0 0 10px;
}


/*----- #main_menu -----*/

#main_menu {
	padding: 10px 5px 20px;
	background: #e1e1e1;
}

#main_menu_inner {
	position: relative;
	padding: 50px 0 0;
}

#main_menu h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 33%;
}

#main_menu #menu_ttl02 {
	left: 33%;
	width: 34%;
}

#main_menu #menu_ttl03 {
	left: 67%;
}

#main_menu h2 a {
	display: block;
	height: 50px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ecf0f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ecf0f4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ecf0f4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ecf0f4 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ecf0f4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ecf0f4 100%);
	border-left: 1px solid #c8ccd0;
	box-sizing: border-box;
	color: #222;
	text-align: center;
	line-height: 1.4;
}

#main_menu #menu_ttl01 a {
	border-left: none;
}

#main_menu h2.select a {
	background: #326eb4;
	color: #fff;
}

#main_menu h2.select a::after {
	position: absolute;
	left: 50%;
	bottom: -14px;
	content: "";
	margin: 0 0 0 -6px;
	border: 6px solid transparent;
	border-top: 6px solid #326eb4;
}

#main_menu h2 a > span {
	position: relative;
	display: inline-table;
	height: 50px;
	font-weight: bold;
}

#main_menu h2 .ttl {
	display: table-cell;
	padding: 0 0 0 17px;
	box-sizing: border-box;
	font-weight: bold;
	vertical-align: middle;
}

#main_menu #menu_ttl03 .ttl {
	padding: 0 0 0 14px;
}

#main_menu h2 .icon {
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 15px;
	margin: -7px 0 0;
}

#main_menu #menu_ttl03 .icon {
	width: 9px;
}

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

#main_menu #menu_ttl01 .icon::before {
	content: url(/shared/svg/icon_consumers.svg);
}

#main_menu #menu_ttl02 .icon::before {
	content: url(/shared/svg/icon_counselor.svg);
}

#main_menu #menu_ttl03 .icon::before {
	content: url(/shared/svg/icon_business.svg);
}

#main_menu #menu_ttl01:hover .icon::before,
#main_menu #menu_ttl01.select .icon::before {
	content: url(/shared/svg/icon_consumers_wh.svg);
}

#main_menu #menu_ttl02:hover .icon::before,
#main_menu #menu_ttl02.select .icon::before {
	content: url(/shared/svg/icon_counselor_wh.svg);
}

#main_menu #menu_ttl03:hover .icon::before,
#main_menu #menu_ttl03.select .icon::before {
	content: url(/shared/svg/icon_business_wh.svg);
}

#main_menu .menu_list {
	padding: 20px 15px;
	background: #fff;
	border-top: 2px solid #326eb4;
}

#main_menu .menu_list ul li {
	position: relative;
	margin: 0 0 5px;
}

#main_menu .menu_list ul li:last-child {
	margin: 0;
}

#main_menu .menu_list.non {
	display: none;
}


/*----- #safety -----*/

#safety {
	margin: 0 0 30px;
}

#safety h2 {
	margin: 0 0 10px;
	padding: 8px 5px 8px 8px;
	background: #fbe9e9;
	border: none;
	color: #d71414;
	font-weight: bold;
	letter-spacing: -.5px;
}

#safety h2 i {
	margin: 0 2px 0 0;
}

#safety .column_block04 {
	padding: 0 10px;
}

#safety .column_block04 > ul > li {
	float: left;
	width: 48%;
}

#safety .column_block04 > ul > li:nth-child(-n+2) {
	margin-top: 0;
}

#safety .column_block04 > ul > li:nth-child(odd) {
	padding: 0 5px 0 0;
}

#safety .column_block04 > ul > li:nth-child(even) {
	padding: 0 0 0 5px;
}

#safety .column_block04 > ul > li .box_ttl {
	position: relative;
	display: table;
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.4;
}

#safety .column_block_box li .box_ttl span {
	display: table-cell;
	padding: 5px 5px 5px 25px;
	color: #222;
	font-weight: bold;
	vertical-align: middle;
}

#safety .column_block_box li .box_ttl span::before {
	left: 5px;
}

#safety .column_block_box li .box_ttl span::after {
	left: 11px;
}

#safety .column_block04 > ul > li .box_thumbnail {
	position: relative;
	display: block;
	overflow: hidden;
}
#safety .column_block04 > ul > li .box_thumbnail:before {
	content: "";
    display: block;
    padding-top: 54%;
}
#safety .column_block04 > ul > li .box_thumbnail img {
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
}

#safety .column_block_box li .box_inner {
	margin: 5px 0 0;
}


/*----- #news -----*/

#news {
	position: relative;
	/*padding: 50px 0 0;*/
	margin: 0 0 30px;
}

#news h2 {
	/*
	position: absolute;
	top: 0;
	left: 0;
	width: 31%;
	*/
	height: 50px;
	padding: 0 10px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ecf0f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ecf0f4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ecf0f4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ecf0f4 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ecf0f4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ecf0f4 100%);
	border: 1px solid #c8ccd0;
	border-left: none;
	border-right: none;
	box-sizing: border-box;
	color: #222;
	text-align: left;
	line-height: 50px;
	font-weight: bold;
}


#news .news_list {
	margin: 0 0 30px;
	padding: 20px 10px 0;
	border-top: 2px solid #326eb4;
}

#news .news_list li {
	margin: 0 0 20px;
}

#news .news_list li:last-child {
	margin-bottom: 0;
}

#news .news_list li time {
	float: left;
	margin: 0 10px 0 0;
	line-height: 16px;
}

#news .news_list li span {
	float: left;
	display: block;
	width: 45px;
	height: 16px;
	margin: 0 0 10px;
	border-radius: 2px;
	color: #fff;
	font-size: 1.0rem;
	text-align: center;
	line-height: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#news .news_list li .category_recruitment {
	background: #800000;
}

#news .news_list li .category_councilor {
	background: #25355c;
}

#news .news_list li .category_food_standards {	
	background: #1f0faf;
}

#news .news_list li .link_arrow01 {
	clear: left;
	padding-top: 5px;
	border-top: 1px dotted #999;
}

#news .news_inner.non {
	display: none;
}

#news .btn_block {
	text-align: center;
}

#news .btn_block .btn {
	display: inline-block;
	width: 120px;
	height: 40px;
	margin: 0 5px;
	padding: 0;
	line-height: 40px;
}

/*----- #emergency -----*/

#emergency {
	margin: 0 0 30px;
}

#emergency h2 {
	margin: 0 0 10px;
	padding: 8px 5px 8px 8px;
	background: #fbe9e9;
	border: none;
	color: #d71414;
	font-weight: bold;
	letter-spacing: -.5px;
}

#emergency h2 i {
	margin: 5px 5px 5px 5px;
}

#emergency p {
	padding: 10px 10px 10px 10px;
}