@charset "utf-8";
/*=====================================
common
=====================================*/
.img_bdr {border: 1px solid #cccccc;}
.flex_between {display: flex;justify-content:space-between;}
.side_link_box.bg1 {background: #E6F6EC; border: 1px solid #30BD30;}
.side_link_box.bg2 {background: #FFFCDB; border: 1px solid #C1C1C1;}
/*========== header ==========*/
.header_wrap {
	width: 980px;
	margin: 15px auto 17px;
}
.header_wrap * {color: #333;}
ul.left_menu_list li {position: relative;}
ul.left_menu_list li + li {margin-top: 2px;}
ul.left_menu_list li::before, ul.left_menu_list li::after {
	content: "■";
	position: absolute;
	font-size: 14px;
	color: #07b53b;
}
ul.left_menu_list li::before {left: 0;}
ul.left_menu_list li::after {left: 13px;}
ul.left_menu_list li a {
	font-size: 12px;
	padding-left: 30px;
}
.header_right_area h1 {color: #808080; font-size: 10px; margin-bottom: 15px;}
.header_right_area img.logo {width: 189px;}
/*========== article ==========*/
article * {
	box-sizing: border-box;
	text-decoration: none;
}
article a {transition: .2s; color: #0069E1;}
article a:hover {text-decoration: none; opacity: .7;}

article img {width: 100%;}
/*----- side nav -----*/
.side_nav {width: 177px; margin-right: 10px;}
.main_container {flex: 1;}
ul.banner_area li {margin-bottom: 5px;}
.side_link_box {padding:20px 0; margin-bottom: 20px;}
ul.arrow_list {padding-left: 20px;}
ul.arrow_list + ul.arrow_list {border-top: 1px solid #30BD30; padding-top: 20px; margin-top: 16px;}
ul.arrow_list li {
	position: relative;
	margin-bottom: 5px;
	font-size: 10px;
}
ul.arrow_list li::before {
	content: "";
	width: 5px;
	height: 5px;
	border-right: 2px solid #30BD30;
	border-bottom: 2px solid #30BD30;
	transform: rotate(-45deg);
	position: absolute;
	top: 7px;
	left: -15px;
}
ul.arrow_list li a {font-size: 16px; color: #0069E1;}
ul.arrow_list.fs14 li a {font-size: 14px;}
ul.arrow_list li a sub {
	color: #0069E1;
	font-size: 10px;
	position: relative;
	bottom: 1px;
	display: inline-block;
	transform: scale(.8);
}
.side_ttl {
	font-size: 14px;
	font-weight: bold;
	padding-left: 12px;
	margin-bottom: 20px;
}
dl.pref_dl {padding: 0 12px;}
dl.pref_dl dt {margin-bottom: 10px;}
dl.pref_dl dd + dt {margin-top: 20px;}
dl.pref_dl dd a {
	color: #0069E1;
	margin-right: 6px;
	font-size: 14px; 
	word-break: keep-all;
}
/*----- main -----*/
.main_top .mv {width: 630px; margin-right: 4px;}
.main_top .mv_link {flex: 1;}
ul.mv_link li {background: #E6F6EC; padding: 7px 10px; display: flex; align-items: center;}
ul.mv_link li + li {margin-top: 4px;}
ul.mv_link li img {width: 30px; height: 30px; margin-right: 10px;}
ul.mv_link li a {font-size: 12px; line-height: 18px; color: #0069E1;}
.bg_h2 {
	background: #30BD30;
	color: white;
	font-weight: bold;
	padding: 8px 20px 6px;
	font-size: 20px;
}
.bg_h2 sub {
	color: white;
	position: relative;
	bottom: 3px;
	font-size: 10px;
}
.main_article > div {
	width: calc(50% - 5px);
}
.main_article section {
	border: 1px solid #30BD30;
	padding: 17px 12px 19px 15px;
	margin-bottom: 20px;
	position: relative;
}
section a {font-size: 16px;}
.sec_top_link {
	display: flex;
  align-items: center;
}
.sec_top_link a {
	position: relative;
	padding-left: 25px;
}
.sec_top_link a:nth-child(1) {
	font-size: 18px;
	font-weight: bold;
}
.sec_top_link a::before, .sec_top_link a::after {
	content: "";
	position: absolute;
}
.sec_top_link a::before {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #30BD30;
	left: 0;
	top: 3px;
}
.sec_top_link a:nth-child(2) {
	background: #E6F6EC;
	margin-left: 10px;
	font-size: 12px;
	padding: 6px 10px 6px 22px;
	position: absolute;
  top: 17px;
  right: 12px;
  width: 177px;
}
.sec_top_link a:nth-child(2)::before {
	width: 12px;
  height: 12px;
  left: 6px;
  top: 8px;
}
.sec_top_link a::after {
	width: 6px;
	height: 6px;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	transform: rotate(-45deg);
  left: 4px;
  top: 9px;
}
.sec_top_link a:nth-child(2)::after {
	width: 3px;
	height: 3px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	left: 9px;
  top: 12px;
}
ul.bg_list {
	margin: 17px 0 13px;
  background: #FFFCDB;
  padding: 12px 0 14px;
}
ul.bg_list li + li {padding-top: 10px;}
ul.arrow li a, a.learn_more_link {
	position: relative;
	padding-left: 31px;
}
.arrow li a::before, a.learn_more_link::before {
	content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #30BD30;
  border-bottom: 2px solid #30BD30;
  transform: rotate(-45deg);
  position: absolute;
  top: 7px;
  left: 12px;
}
ul.link_list li +li {margin-top: 10px;}
ul.link_list.arrow li a {padding-left: 20px;}
ul.link_list.arrow li a::before {left: 0;}
.ph_link {
	width: 104px;
	background: #E6F6EC;
	padding: 10px;
}
.ph_link a {font-size: 12px;}
.sec_ttl {font-size: 14px; font-weight: bold; margin-bottom: 13px;}
ul.chumoku li a {font-size: 14px;}
ul.chumoku li a span {font-size: 10px; display: block; padding-left: 20px;}
a.learn_more_link {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
}
dl.about dt, dl.about dd {font-size: 12px; line-height: 18px;}
dl.about dt {font-weight: bold; margin-bottom: 10px;}

#footer {
	background: #fff;
	border-top: #1AB7A2 2px solid;
}