@charset "UTF-8"

@-ms-viewport {	width: device-width;}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ　Ｐゴシック', 'MS P Gothic', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #666;
}
img {
	width: 100%;
}

a {
	color: #00adbb;
}
a:hover {
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-delay: 0.1s;
	opacity: 0.6;
}
a img {
	border-style: none;
}
a:hover img {
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-delay: 0.1s;
	opacity: 0.6;
}

/*--------------------- h ---------------------*/
h1,h2,h3,h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 1.25em 0;
	padding: 0;
}

/*--------------------- p ---------------------*/
p.idt {
	text-indent: 1em;
}
.row p {
	margin-bottom: 0.8em;
}
/*--------------------- header ---------------------*/
.header {
	background: #fff;
	border-bottom: 1px solid #00552e;
}
.header_inner {
	position: relative;
	box-sizing: border-box;
	width: 1200px;
	height: 150px;
	margin: 0 auto;
}
@media (max-width: 1199px) {
	.header_inner {
		width: 100%;
	}
}
@media (max-width: 767px){
	.header_inner {
		height: auto;
	}
}
.header_logo {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 500px;
}
@media (max-width: 767px) {
	.header_logo {
		position: static;
		top: auto;
		left: auto;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}
.header_logo img {
	vertical-align: bottom;
}

ul.header_menu {
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
}
@media (max-width: 767px){
	ul.header_menu {
		display: none;
	}
}
ul.header_menu:after {
	content: "";
	display: block;
	clear: both;
}
ul.header_menu li {
	float: left;
}
ul.header_menu li a {
	display: block;
	padding: 8px 10px 8px 10px;
	font-size: 1.125em;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	background: #95a619;
}
ul.header_menu li a.inquiry {
	position: relative;
	padding: 8px 10px 8px 40px;
	border-radius: 0 0 10px 10px;
}
ul.header_menu li a.inquiry:after {
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -15px;
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(../../img/common/sprite_icon01.png);
	background-size: 120px 240px;
	background-position: 0 0;
}
.gnavi_wrap {
	display: none;
}
@media (max-width: 767px){
	.gnavi_wrap {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 500;
	}
	.gnavi_wrap > ul {
		display: none;
	}
}
ul.gnavi {
	position: absolute;
	bottom: 0;
	right: 0;
	list-style: none;
}
ul.gnavi_child {
	list-style: none;
}
ul.gnavi:after {
	content: "";
	display: block;
	clear: both;
}
ul.gnavi li {
	float: left;
}
ul.gnavi li.gnavi_sp_only {
	display: none;
}
ul.gnavi li.gnavi_parent {
	position: relative;
}
ul.gnavi_child {
	position: absolute;
	display: none;
	right: 0;
	top: 100%;
	min-width: 18em;
	z-index: 100;
	background: rgba(255,255,255,0.6);
}
ul.gnavi_child li {
	position: static;
	float: none;
	width: auto;
}
ul.gnavi li a {
	position: relative;
	display: block;
	padding: 8px 20px 8px 40px;
	font-size: 1.125em;
	line-height: 1;
	color: #666;
	text-decoration: none;
}
ul.gnavi li a:after {
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -6px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(../../img/common/sprite_arw01.png);
	background-size: 48px 48px;
	background-position: -12px -12px;
}
ul.gnavi li a.gnavi_parent_btn:after {
	background: url(../../img/common/sprite_arw01.png);
	background-size: 48px 48px;
	background-position: -24px -12px;
}
@media (max-width: 767px){
	.globalMenu {
		display: none;
	}
	ul.gnavi {
		position: static;
		bottom: auto;
		right: auto;
	}
	ul.gnavi li {
		float: none;
	}
	ul.gnavi li.gnavi_sp_only {
		display: block;
	}
	ul.gnavi li a {
		position: relative;
		display: block;
		padding: 12px 12px 12px 24px;
		color: #fff;
		font-size: 1em;
		text-decoration: none;
		background: rgba(0,85,45,0.8);
		border-bottom: 1px solid #eee;
	}
	ul.gnavi li a:after,
	ul.gnavi li a.gnavi_parent_btn:after {
		position: absolute;
		top: 50%;
		left: 6px;
		margin-top: -6px;
		content: "";
		display: block;
		width: 12px;
		height: 12px;
	}
	ul.gnavi li a:after {
		background: url(../../img/common/sprite_arw01.png);
		background-size: 48px 48px;
		background-position: -12px 0;
	}
	ul.gnavi li a.gnavi_parent_btn:after {
		background: url(../../img/common/sprite_icon02.png) 0 0 no-repeat;
		background-size: 48px 48px;
		background-position: 0 0;
	}
	ul.gnavi li a.gnavi_parent_btn.active:after {
		background: url(../../img/common/sprite_icon02.png) 0 0 no-repeat;
		background-size: 48px 48px;
		background-position: -12px 0;
	}
	ul.gnavi_child {
		position: static;
		list-style: none;
	}
	ul.gnavi_child li a {
		display: block;
		padding: 12px 10px 12px 30px;
		color: #fff;
		text-decoration: none;
		background: rgba(145,165,25,0.8);
		border-bottom: 1px solid #fff;
	}
	ul.gnavi li.gnavi_sp_only a {
		padding: 12px 12px 12px 24px;
		color: #fff;
		font-size: 1em;
		text-decoration: none;
		background: rgba(120,190,215,0.8);
	}
	ul.gnavi li.gnavi_sp_only a.inquiry:after {
		left: 1px;
		margin-top: -12px;
		width: 24px;
		height: 24px;
		background: url(../../img/common/sprite_icon01.png);
		background-size: 96px 192px;
		background-position: 0 0;
	}
}
/*--------------------- gnavi_hbg --------------------- */
.gnavi_hbg {
	display: none;
}
@media (max-width: 767px){
	.gnavi_hbg {
		display: block;
	}
}
.gnavi_hbg {
	position: absolute;
	right: 0;
	bottom: -40px;
	display: block;
	width: 30px;
	height: 30px;
	padding: 5px;
	background: rgba(255, 255, 255, 0.5);
	z-index: 600;
}
.gnavi_hbg:hover {
	cursor: pointer;
	background: rgba(0, 0, 0, 0.3);
}
.gnavi_hbg_icon {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-top: 15px;
}
.gnavi_hbg_icon,
.gnavi_hbg_icon:before,
.gnavi_hbg_icon:after {
	width: 100%;
	height: 2px;
	background-color: #00552e;
}
.gnavi_hbg_icon:before,
.gnavi_hbg_icon:after {
	position: absolute;
	left: 0;
	content: "";
}
.gnavi_hbg_icon:before {
	top: -10px;
}
.gnavi_hbg_icon:after {
	top: 10px;
}
.active .gnavi_hbg_icon {
	background-color: transparent;
}
.active .gnavi_hbg_icon:before,
.active .gnavi_hbg_icon:after {
	top: 0;
}
.active .gnavi_hbg_icon:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.active .gnavi_hbg_icon:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*--------------------- breadcrumbs ---------------------*/
.breadcrumbs_outer {
	padding-top: 10px;
	border-top: 1px solid #999;
}
.breadcrumbs_inner {
	box-sizing: border-box;
	width: 1200px;
	margin: 0 auto;
}
ul.breadcrumbs {
	list-style: none;
}
ul.breadcrumbs:after {
	content: "";
	display: block;
	clear: both;
}
ul.breadcrumbs li {
	position: relative;
	float: left;
	font-size: 0.75em;
	padding-right: 20px;
}
ul.breadcrumbs li:after {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.5em;
	display: block;
	width: 1em;
	height: 1em;
	content : "\0000BB";
	font-size: 1em;
	line-height: 1;
	color: #666;
}
ul.breadcrumbs li a {
	color: #ccc;
	text-decoration: none;
}
@media (max-width: 1199px){
	.breadcrumbs_inner {
		width: 100%;
	}
}
/*--------------------- footer ---------------------*/
.footer {
	color: #fff;
	background: #95a619;
}
.footer_inner {
	box-sizing: border-box;
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
@media (max-width: 1199px) {
	.footer_inner {
		width: 100%;
		padding: 0 0 20px 0;
	}
}
div.footer_navi_box {
	margin-bottom: 20px;
}
div.footer_navi_box:after {
	content: "";
	display: block;
	clear: both;
}
ul.footer_navi_a,
ul.footer_navi_b {
	list-style: none;
}
ul.footer_navi_a {
	float: left;
	width: 20%;
}
@media (max-width: 767px){
	ul.footer_navi_a {
		width: 33.33%;
	}
}
@media (max-width: 599px){
	ul.footer_navi_a {
		width: 100%;
	}
}
@media (max-width: 599px){
	ul.footer_navi_b {
		display: none;
	}
}
ul.footer_navi_a li a,
ul.footer_navi_b li a {
	position: relative;
	display: block;
	padding: 12px 20px 12px 40px;
	font-size: 0.875em;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	background: #95a619;
}
ul.footer_navi_a li a:hover,
ul.footer_navi_b li a:hover {
	transition-property: background;
	transition-duration: 0.5s;
	transition-delay: 0.1s;
	background: #c3d825;
}
ul.footer_navi_a li a:after,
ul.footer_navi_b li a:after {
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -6px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(../../img/common/sprite_arw01.png);
	background-size: 48px 48px;
	background-position: -12px 0;
}
/*
ul.footer_navi_a li.footer_navi_a_sptoggle > a:after {
		background: url(../../img/common/sprite_icon01.png) 0 0 no-repeat;
		background-size: 48px 96px;
		background-position: 0 -72px;
}
*/
@media (max-width: 599px){
	ul.footer_navi_a li.footer_navi_a_sptoggle>a:after {
		background: url(../../img/common/sprite_icon02.png) 0 0 no-repeat;
		background-size: 48px 48px;
		background-position: 0 0;
	}
	ul.footer_navi_a li.footer_navi_a_sptoggle>a.active:after {
		background: url(../../img/common/sprite_icon02.png) 0 0 no-repeat;
		background-size: 48px 48px;
		background-position: -12px 0;
	}
}
.footer_address {
	margin-bottom: 20px;
	font-size: 0.75em;
}
.footer_copy {
	text-align: right;
	font-size: 0.625em;
}

/*--------------------- layout ---------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.row {
	box-sizing: border-box;
	width: 1200px;
	margin: 0 auto;
}
@media (max-width: 1199px) {
	.row {
		width: 100%;
	}
}
.colset:after {
	content: "";
	display: block;
	clear: both;
}
.pos-c-c-c {
	margin-left: auto;
	margin-right: auto;
}
.pos-l-l-c { float: left; }
.pos-r-r-c { float: right; }
@media (max-width:599px) {
	.pos-l-l-c,
	.pos-r-r-c {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}
.acol-80-100-100,
.acol-80-80-100,
.acol-66-66-100,
.acol-50-50-100,
.acol-33-33-80,
.acol-33-33-100 {
	box-sizing: border-box;
	transition: all 0.5s 0.1s ease-out;
}
.acol-80-100-100,
.acol-80-80-100 { width: 80%; }
.acol-66-66-100 { width: 66.66%; }
.acol-50-50-100 { width: 50%; }
.acol-33-33-80,
.acol-33-33-100 { width: 33.33%; }
@media (max-width:767px) {
	.acol-80-100-100 { width: 100%; }
}
@media (max-width:599px) {
	.acol-80-80-100 { width: 100%; }
	.acol-50-50-80 { width: 80%; }
	.acol-66-66-100 { width: 100%; }
	.acol-50-50-100 { width: 100%; }
	.acol-33-33-80 { width: 80%; }
	.acol-33-33-100 { width: 100%; }
}
.bcol-33-33-80,
.bcol-33-33-100,
.bcol-66-66-80,
.bcol-66-66-100,
.bcol-50-50-100 {
	box-sizing: border-box;
	transition: all 0.5s 0.1s ease-out;
}
.bcol-33-33-80,
.bcol-33-33-100 { width: 33.33%; }
.bcol-66-66-80,
.bcol-66-66-100 { width: 66.66%; }
.bcol-50-50-100 { width: 50%; }
@media (max-width:767px) {
}
@media (max-width:599px) {
	.bcol-66-66-80,
	.bcol-33-33-80 { width: 80%; }
	.bcol-66-66-100,
	.bcol-33-33-100,
	.bcol-50-50-100 { width: 100%; }
}
.bdr-g {
	border: 1px solid #00552e;
	box-sizing: border-box;
}
.col-768 {	width: min(100%, 768px); }
/*--------------------- margin padding ---------------------*/
.mgnT-10 { margin-top: 10px; }
.mgnT-20 { margin-top: 20px; }
.mgnT-30 { margin-top: 30px; }
.mgnT-40 { margin-top: 40px; }
.mgnT-50 { margin-top: 50px; }
.mgnB-10 { margin-bottom: 10px; }
.mgnB-0 { margin-bottom: 0 !important; }
.mgnB-20 { margin-bottom: 20px; }
.mgnB-30 { margin-bottom: 30px; }
.mgnB-40 { margin-bottom: 40px; }
.mgnB-50 { margin-bottom: 50px; }
.mgnB-0-0-0-40 { }
.mgnB-0-0-20-20 {}
.mgnB-60-60-60-40 { margin-bottom: 60px; }
.mgnLR-auto {	margin-left: auto;	margin-right: auto; }
@media (max-width:767px) {
	.mgnB-0-0-20-20 { margin-bottom: 20px; }
}
@media (max-width:599px) {
	.mgnB-0-0-0-40 { margin-bottom: 40px; }
	.mgnB-60-60-60-40 { margin-bottom: 40px; }
}
.pdgTB-10 { padding-top: 10px; padding-bottom: 10px; }
.pdgTB-60-60-40-30 { padding-top: 60px; padding-bottom: 60px; }
.pdgTB-0_B-60-60-40-30 { padding-top: 0; padding-bottom: 60px; }
.pdgLR-10 { padding-left: 10px; padding-right: 10px; }
.pdgLR-10-10-10-5 { padding-left: 10px; padding-right: 10px; }
.pdgLR-30-20-10-10 { padding-left: 30px; padding-right: 30px; }
.pdgLR-20-20-10-10 { padding-left: 20px; padding-right: 20px; }
.pdgLR-20-20-10-10 { padding-left: 20px; padding-right: 20px; }
.pdgL-10-10-10-0 { padding-left: 10px; }
.pdgL-20-20-20-0 { padding-left: 20px; }
.pdgR-10-10-10-0 { padding-right: 10px; }
.pdgR-20-20-20-0 { padding-right: 20px; }
@media (max-width:1199px) {
	.pdgLR-0-10-10-10 { padding-left: 10px; padding-right: 10px; }
	.pdgLR-30-20-10-10 { padding-left: 20px; padding-right: 20px; }
}
@media (max-width:767px) {
	.pdgTB-0_B-60-60-40-30 { padding-bottom: 40px; }
	.pdgTB-60-60-40-30 { padding-top: 40px; padding-bottom: 40px; }
	.pdgLR-30-20-10-10 { padding-left: 10px; padding-right: 10px; }
	.pdgLR-20-20-10-10 { padding-left: 20px; padding-right: 20px; }
}
@media (max-width:599px) {
	.pdgTB-0_B-60-60-40-30 { padding-bottom: 30px; }
	.pdgTB-60-60-40-30 { padding-top: 30px; padding-bottom: 30px; }
	.pdgLR-20-20-10-10 { padding-left: 10px; padding-right: 10px; }
	.pdgL-10-10-10-0 { padding-left: 0; }
	.pdgL-20-20-20-0 { padding-left: 0; }
	.pdgR-10-10-10-0 { padding-right: 0; }
	.pdgR-20-20-20-0 { padding-right: 0; }
}
/*--------------------- font ---------------------*/
.al-c { text-align: center; }
.al-r { text-align: right; }
.fs-0750 { font-size: 0.75em; }
.fs-0875 { font-size: 0.875em; }
.fs-1125 { font-size: 1.125em; }
.fs-1250 { font-size: 1.25em; }
.fs-1500 { font-size: 1.5em; }
.fs-1750 { font-size: 1.75em; }
.fs-2000 { font-size: 2em; }
.fs-2000-2000-1500-1500 { font-size: 2em; }
@media (max-width: 767px) {
	.fs-2000-2000-1500-1500 { font-size: 1.5em; }
}

.fw-b { font-weight: bold; }

.fc-red { color: #f00; }

/*--------------------- h ---------------------*/
.h00 {
	display: flex;
	align-items: center;
	font-size: 2em;
	line-height: 1.2;
	letter-spacing: 0.1em;
	color: #00552e;
	font-weight: normal;
}
.h00.sfa {
	color: #eb6162;
}
.h00.seikatsu {
	color: #6fba2c;
}
.h00.ud_adviser {
	color: #274b8a;
}
.h00::before, .h00::after {
	display: block;
	flex: 1 0 20px;
	content: '';
	border-top: 1px solid #c3d825;
}
.h00.sfa::before,
.h00.sfa::after {
	border-top: 1px solid #fbddd6;
}
.h00.seikatsu::before,
.h00.seikatsu::after {
	border-top: 1px solid #edd200;
}
.h00.ud_adviser::before,
.h00.ud_adviser::after {
	border-top: 1px solid #6dc6d4;
}
.h00::before {
	margin-right: 10px;
}
.h00::after {
	margin-left: 10px;
}
@media (max-width:767px) {
.h00 {
		font-size: 1.5em;
	}
}
@media (max-width:599px) {
.h00 {
	}
}

.h01 {
	position: relative;
	font-size: 1.6em;
	letter-spacing: 0.1em;
	color: #00552e;
	font-weight: normal;
	border-bottom: 2px solid #c3d825;
}
.h01 span {
	display: inline-block;
	margin-bottom: -2px;
	padding: 0 5px;
	border-bottom: 2px solid #00552e;
}
.h01.sfa {
	color: #eb6162;
	border-bottom: 2px solid #fbddd6;
}
.h01.sfa span {
	border-bottom: 2px solid #eb6162;
}
.h01.seikatsu {
	color: #6fba2c;
	border-bottom: 2px solid #a9e673;
}
.h01.seikatsu span {
	border-bottom: 2px solid #6fba2c;
}
.h01.ud_adviser {
	color: #274b8a;
	border-bottom: 2px solid #6dc6d4;
}
.h01.ud_adviser span {
	border-bottom: 2px solid #274b8a;
}
@media (max-width:767px) {
.h01 {
		font-size: 1.5em;
	}
}
@media (max-width:599px) {
.h01 {
		font-size: 1.3em;
	}
}

.h02 {
	margin: 0 0 0.8em 0;
	font-size: 1.6em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #00552e;
}
.h02.sfa {
	color: #eb6162;
}
.h02.seikatsu {
	color: #6fba2c;
}
.h02.ud_adviser {
	color: #274b8a;
}
@media (max-width:599px) {
	.h02 {
		font-size: 1.3em;
	}
}
.h03 {
	margin: 0 0 0.5em 0;
	font-size: 1.25em;
	letter-spacing: 0.1em;
	color: #00552e;
}
.h03.sfa {
	color: #eb6162;
}
.h03.seikatsu {
	color: #6fba2c;
}
.h03.ud_adviser {
	color: #274b8a;
}
/*--------------------- a ---------------------*/
a.thumb_btn,
.thumb_btn_dummy {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 0 10px 30px 10px;
	text-decoration: none;
	color: #666;
	border: 1px solid #ccc;
}
a.thumb_btn:hover {
	transition-property: border-color;
	transition-duration: 0.5s;
	transition-delay: 0.1s;
	border-color: #ff8c19;
}
a.thumb_btn:after {
	position: absolute;
	bottom: 5px;
	right: 5px;
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	background: url(../../img/common/sprite_arw02.png);
	background-repeat: no-repeat;
	background-size: 144px 144px;
	background-position: -36px -36px;
}
.thumb_btn_h {
	padding: 30px 10px 0 10px;
	color: #ff8c19;
	font-size: 1.5em;
	font-weight: normal;
	border-left: 6px solid #ff8c19;
}

a.btn01 {
	position: relative;
	display: inline-block;
	padding: 10px 24px 10px 36px;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.2;
	letter-spacing: 0.1em;
	background-color: #95a619;
	border-radius: 8px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
a.btn01.sfa {
	background-color: #ffbe14;
}
a.btn01.seikatsu {
	background-color:#6fba2c;
}
a.btn01.ud_adviser {
	background-color:#6dc6d4;
}
a.btn01::after {
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -6px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(../../img/common/sprite_arw01.png);
	background-size: 48px 48px;
	background-position: -12px 0;
}
i.external {
	display: inline-block;
	text-indent: -9999px;
	width: 1em;
	height: 1em;
	vertical-align: text-top;
	background-image: url(../../img/common/sprite_icon01.png);
	background-repeat: no-repeat;
	background-size: 4em 8em;
	background-position: -1em -1em;
}
i.different {
	display: inline-block;
	text-indent: -9999px;
	width: 1em;
	height: 1em;
	vertical-align: text-top;
	background-image: url(../../img/common/sprite_icon01.png);
	background-repeat: no-repeat;
	background-size: 4em 8em;
	background-position: -1em -2em;
}
ul.thumb_btn_set01 {
	list-style: none;
}
ul.thumb_btn_set01:after {
	content: "";
	display: block;
	clear: both;
}
ul.thumb_btn_set01 li {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 10px;
}
@media (max-width: 767px) {
	ul.thumb_btn_set01 li {
		width: 100%;
	}
}
ul.thumb_btn_set01 a {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 0 10px 30px 10px;
	text-decoration: none;
	color: #666;
	border: 1px solid #ccc;
}
ul.thumb_btn_set01 a:hover {
	transition-property: border-color;
	transition-duration: 0.5s;
	transition-delay: 0.1s;
	border-color: #ff8c19;
}
ul.thumb_btn_set01 a:after {
	position: absolute;
	bottom: 5px;
	right: 5px;
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	background: url(../../img/common/sprite_arw02.png);
	background-repeat: no-repeat;
	background-size: 144px 144px;
	background-position: -36px -36px;
}
.thumb_btn_h {
	padding: 30px 10px 0 10px;
	color: #ff8c19;
	font-size: 1.5em;
	font-weight: normal;
	border-left: 6px solid #ff8c19;
}
/*--------------------- ul ---------------------*/
ul.list01 {
	list-style: none;
	margin-bottom: 1.5em;
}
ul.list01 li {
	position: relative;
	margin-bottom: 0.6em;
	padding: 0.3em 5px 0.3em 20px;
	line-height: 1.5;
}
ul.list01 li:after {
	position: absolute;
	top: 0.6em;
	left: 3px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(../../img/common/sprite_icon01.png);
	background-size: 48px 96px;
	background-position: -12px -84px;
}
ul.list01.sfa li:after {
	background: url(../../img/common/sprite_icon01_sfa.png);
	background-size: 48px 96px;
	background-position: -12px -84px;
}
ul.list02 {
	list-style: none;
	margin-bottom: 1.5em;
}
ul.list02 li {
	position: relative;
	margin-bottom: 0.6em;
	padding: 5px 5px 5px 20px;
}
ul.list02 li:after {
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -6px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(../../img/common/sprite_icon01.png);
	background-size: 48px 96px;
	background-position: -12px -84px;
}
ul.list02.sfa li:after {
	background: url(../../img/common/sprite_icon01_sfa.png);
	background-size: 48px 96px;
	background-position: -12px -72px;
}
ul.list01.sfa li:after {
	background: url(../../img/common/sprite_icon01_sfa.png);
	background-size: 48px 96px;
	background-position: -12px -84px;
}
ul.arw_list01 {
	list-style: none;
	margin-bottom: 1.5em;
}
ul.arw_list01 li {
	position: relative;
	margin-bottom: 0.3em;
	padding: 3px 6px 3px 20px;
	font-size: 0.875em;
}
ul.arw_list01 li a {
	text-decoration: none;
	color: #666;
}
ul.arw_list01 li:after {
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -6px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(../../img/common/sprite_arw01.png);
	background-size: 48px 48px;
	background-position: -12px -12px;
}
ul.arw_list01.sfa li:after {
	background: url(../../img/common/sprite_arw01_sfa.png);
	background-size: 48px 48px;
	background-position: -12px -12px;
}
ul.attention_list {
	list-style: none;
	margin-bottom: 1.5em;
}
ul.attention_list li {
	position: relative;
	margin-bottom: 0.6em;
	padding-left: 1.2em;
}
ul.attention_list li:after {
	position: absolute;
	top: 3px;
	left: 0;
	content: "\00203B";
	display: block;
	width: 1em;
	height:1em;
	font-size: 0.8em;
}

ul.flow_list01 {
	list-style: none;
	margin-bottom: 20px;
}
ul.flow_list01>li {
	display: table;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
	color: #666;
	background: #fff;
	border: 2px solid #95a619;
	border-radius: 6px;
}
ul.flow_list01.ud_adviser>li {
	border: 2px solid #6dc6d4;
}
ul.flow_list01>li p {
}
ul.flow_list01>li.turnover {
	color: #fff;
	background: #95a619;
}
ul.flow_list01.ud_adviser>li.turnover {
	background: #274b8a;
	border: 2px solid #274b8a;
}
ul.flow_list01>li:last-child {
	margin-bottom: 0;
}
ul.flow_list01>li:after {
	position: absolute;
	bottom: -60px;
	left: 50%;
	margin-left: -30px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 30px transparent;
	border-top-color: #95a619;
}
ul.flow_list01.ud_adviser>li:after {
	border-top-color: #6dc6d4;
}
ul.flow_list01>li:last-child:after {
	display: none;
	border: none;
}
.flow_list01_step {
	display: table-cell;
	width: 30px;
	vertical-align: middle;
	padding: 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	background: #95a619;
	text-align: center;
}
ul.flow_list01.ud_adviser .flow_list01_step {
	background: #6dc6d4;
}
.flow_list01_contents {
	display: table-cell;
	width: auto;
	padding: 10px;
	vertical-align: middle;
}
.flow_list01_badge {
	display: inline-block;
	margin: 0 10px;
	padding: 1px 6px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: #5ab4e1;
	border-radius: 3px;
}
ul.flow_list01.ud_adviser .flow_list01_badge {
	background: #6dc6d4;
}

ul.service_list {
	list-style: none;
}
ul.service_list li {
	margin-bottom: 1.5em;
}
ul.service_list .service_list_h {
	float: right;
	box-sizing: border-box;
	width: 80%;
	margin: 0 0 0.3em 0;
	padding: 0 0 0 10px;
}
ul.service_list .service_list_h span{
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0 10px;
	color: #ff8c19;
	font-size: 1.5em;
	font-weight: normal;
	border-left: 6px solid #ff8c19;
}
.service_list_inner:after {
	display: block;
	content: "";
	clear: both;
}
ul.service_list .service_list_img {
	box-sizing: border-box;
	float: left;
	width: 20%;
	padding: 5px 0 0 0;
}
ul.service_list .service_list_img img {
	vertical-align: bottom;
}
ul.service_list .service_list_txt {
	box-sizing: border-box;
	float: right;
	width: 80%;
	padding-left: 10px;
}
ul.service_list a {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 0 5px 5px 5px;
	text-decoration: none;
	color: #666;
	border: 1px solid #ccc;
}
ul.service_list a:after {
	position: absolute;
	bottom: 5px;
	right: 5px;
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	background: url(../../img/common/sprite_arw02.png);
	background-repeat: no-repeat;
	background-size: 144px 144px;
	background-position: -36px -36px;
}
@media (max-width: 767px){
	ul.service_list li {
		margin-bottom: 0.5em;
	}
	ul.service_list .service_list_h {
		float: none;
		width: 100%;
		padding: 0;
	}
	ul.service_list .service_list_img {
		float: none;
		width: 80%;
		margin: 0 auto 0.5em auto;
	}
	ul.service_list .service_list_txt {
		float: none;
		width: 100%;
	}
}
ul.service_list a:after {
	position: absolute;
	bottom: 3px;
	right: 3px;
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url(../../img/common/sprite_arw02.png);
	background-repeat: no-repeat;
	background-size: 96px 96px;
	background-position: -24px -24px;
}

ul.list_info {
	float: none;
	list-style: none;
	margin-bottom: 3em;
}
ul.list_info li {
	margin-bottom: 1em;
	font-size: 0.93em;
	line-height: 1.5;
	color: #666;
	/*border-bottom: 1px solid #eee;*/
}
ul.list_info li:last-child {
	margin-bottom: 0;
}
ul.list_info a {
	color: #666;
	text-decoration: none;
}
ul.list_info a:hover {
	color: #999;
}
span.info_date {
	display: block;
	float: left;
	width: 6.5em;
	font-size: 0.825em;
}
span.info_icon-news,
span.info_icon-sfa,
span.info_icon-seikatsu,
span.info_icon-bousai,
span.info_icon-ud {
	display: block;
	float: left;
	width: 8em;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	color: #fff;
	font-size: 0.75em;
	line-height: 1;
	text-align: center;
	border-radius: 5px;
}
span.info_txt {
	display: block;
	float: none;
	margin-left: 14em;
}
span.info_icon-news {
	background: #95a619;
}
span.info_icon-sfa {
	background: #eb6162;
}
span.info_icon-seikatsu {
	background: #ff8800;
}
span.info_icon-bousai {
	background: #00552e;
}
span.info_icon-ud {
	background: #6dc6d4;
}
@media (max-width: 767px) {
	ul.list_info {
		float: none;
		margin-left: 0;
		padding: 1.5rem 0 0 0;
		list-style: none;
		border-left: none;
	}
	ul.list_info li {
		margin-bottom: 1.5rem;
		padding-bottom: 0.8em;
		border-bottom: 1px solid #efefef;
	}
	span.info_date {
		margin-right: 1em;
		font-weight: bold;
		color: #0099cc;
	}
	span.top_info_txt {
		display: block;
		clear: both;
		margin-left: 0;
	}
	ul.list_info a span.top_info_txt {
		text-decoration: underline;
	}
	span.info_txt {
		display: block;
		clear: both;
		margin-left: 0;
		padding-top: 0.5em;
	}
}
ol.news_pagenation {
	overflow: hidden;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ol.news_pagenation li {
	float: left;
	background: #f6f6f6;
	border-right: 1px solid #efefef;
}
ol.news_pagenation li:first-child {
	border-radius: 10px 0 0 10px;
}
ol.news_pagenation li:last-child {
	border-radius: 0 10px 10px 0;
	border-right: none;
}
ol.news_pagenation li a {
	display: block;
	padding: 5px 20px;
	text-decoration: underline;
}
ol.news_pagenation li.current {
	padding: 5px 20px;
}
/*--------------------- table ---------------------*/
table.table01,
table.table02 {
	width: 100%;
	border-collapse: separate;
	margin-bottom: 1.5em;
}
table.table01 {
	border-spacing: 2px;
}
table.table02 {
	border-spacing: 1px;
}
table.table01 th,
table.table01 td,
table.table02 th,
table.table02 td {
	padding: 5px 10px;
	font-size: 1em;
}
table.table01 th,
table.table01 td {
	border: none;
}
table.table01 th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background: #eee;
}
table.table01 td {
	background: #f8f8f8;
}
table.table01 span.mark {
	display: none;
}
table.table02 th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	color: #fff;
	background: #666;
	border: 1px solid #666;
}
table.table02 td {
	border: 1px solid #eee;
}
@media (max-width: 767px) {
	table.table01 tr,
	table.table01 th,
	table.table01 td {
		display: block;
		box-sizing: border-box;
		width: 100%;
		background: none;
	}
	table.table01 tr {
		padding-bottom: 1em;
	}
	table.table01.ver02 tr {
		margin-bottom: 1em;
		border-bottom: 1px solid #eee;
	}
	table.table01 tr.sp-none {
		display: none;
	}
	table.table01 th {
		margin-bottom: 0.3em;
		padding: 3px 5px;
		font-weight: bold;
		border-bottom: 1px solid #eee;
	}
	table.table01.ver02 th {
		border-bottom: none;
	}
	table.table01 td {
		margin-bottom: 0.3em;
		padding: 3px 5px;
	}
	table.table01 span.txt {
		display: block;
		float: none;
		margin-left: 5.5em;
	}
	table.table01 span.mark {
		display: block;
		float: left;
		width: 5em;
		padding: 0.3em 0.3em;
		font-weight: normal;
		font-size: 0.875em;
		vertical-align: bottom;
		line-height: 1.2;
		text-align: center;
		color: #fff;
		background:  #999;
		border-radius: 30px;
	}
	table.table02 tr,
	table.table02 th,
	table.table02 td {
		display: block;
		box-sizing: border-box;
		width: 100%;
	}
	table.table02 tr {
		padding-bottom: 1em;
	}
	table.table02 th {
		margin-bottom: 0.3em;
		padding: 3px 5px;
		border: none;
	}
	table.table02 td {
		margin-bottom: 0.3em;
		padding: 3px 5px;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #eee;
	}
}

table.schedule {
	width: 100%;
	border-collapse: separate;
	margin-bottom: 1.5em;
}
table.schedule {
	border-spacing: 2px;
}
table.schedule th,
table.schedule td {
	padding: 5px 10px;
	font-size: 1em;
}
table.schedule th,
table.schedule td {
	border: none;
}
table.schedule th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background: #eee;
}
table.schedule td {
	background: #f8f8f8;
}
table.schedule span.mark {
	display: none;
}
@media (max-width: 767px) {
	table.schedule tr,
	table.schedule th,
	table.schedule td {
		display: block;
		box-sizing: border-box;
		width: 100%;
		background: none;
	}
	table.schedule tr {
		padding-bottom: 1em;
	}
	table.schedule tr.sp-none {
		display: none;
	}
	table.schedule th {
		margin-bottom: 0.3em;
		padding: 3px 5px;
		font-weight: bold;
		border-bottom: 1px solid #eee;
	}
	table.schedule td {
		margin-bottom: 0.3em;
		padding: 3px 5px;
	}
	table.schedule td.entry_btn {
		padding-bottom: 1em;
		margin-bottom: 3em;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	table.schedule span.txt {
		display: block;
		float: none;
		margin-left: 4.5em;
	}
	table.schedule span.mark {
		display: inline-block;
		float: left;
		width: 4em;
		padding: 0.3em 0.2em;
		font-weight: normal;
		font-size: 0.75em;
		vertical-align: bottom;
		line-height: 1.2;
		text-align: center;
		color: #fff;
		background:  #999;
		border-radius: 30px;
	}
}
/*--------------------- dl ---------------------*/
dl.faq {
	margin-bottom: 2em;
}
dl.faq dt,
dl.faq dd {
	font-size: 1em;
}
dl.faq dt {
	position: relative;
	margin-bottom: 1.5em;
	padding-left: 36px;
	padding-right: 36px;
	cursor: pointer;
}
dl.faq dd {
	margin-bottom: 2em;
	position: relative;
	padding-left: 36px;
}
dl.faq dt:before,
dl.faq dt:after,
dl.faq dd:before {
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	content: ""
}
dl.faq dt:before {
	left: 0;
	top: 50%;
	margin-top: -12px;
	background: url(../../img/common/sprite_icon03.png) 0 0 no-repeat;
	background-size: 48px 48px;
	background-position: 0 0;
}
dl.faq dd:before {
	left: 0;
	top: 0;
	background: url(../../img/common/sprite_icon03.png) 0 0 no-repeat;
	background-size: 48px 48px;
	background-position: -24px 0;
}
dl.faq dt:after {
	right: 0;
	top: 50%;
	margin-top: -12px;
	background: url(../../img/common/sprite_arw01.png) 0 0 no-repeat;
	background-size: 96px 96px;
	background-position: -48px -72px;
}
dl.faq dt.active:after {
	right: 0;
	top: 50%;
	margin-top: -12px;
	background: url(../../img/common/sprite_arw01.png) 0 0 no-repeat;
	background-size: 96px 96px;
	background-position: 0 -72px;
}
/*アコーディオン*/
dl.accordion01 {
	margin-bottom: 2em;
}
dl.accordion01 dt,
dl.accordion01 dd {
}
dl.accordion01 dt {
	position: relative;
	margin-bottom: 1em;
	padding: 3px 30px 3px 10px;
	cursor: pointer;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #95a619;
	border-radius: 6px;
}
dl.accordion01.ud_adviser dt {
	background-color: #6dc6d4;
}
dl.accordion01 dt.active {
	margin-bottom: 0;
	border-radius: 6px 6px 0 0;
}
dl.accordion01 dt a {
	display: block;
	padding: 8px;
	color: #fff;
	text-decoration: none;
}
dl.accordion01 dd {
	margin-bottom: 2em;
	padding: 15px;
	border: 1px solid #95a619;
	border-radius: 0 0 6px 6px;
}
dl.accordion01.ud_adviser dd {
	border: 1px solid #6dc6d4;
}
dl.accordion01 dt:after {
	position: absolute;
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	right: 5px;
	top: 50%;
	margin-top: -12px;
	background: url(../../img/common/sprite_arw01.png) 0 0 no-repeat;
	background-size: 96px 96px;
	background-position: -48px 0;
}
dl.accordion01 dt.active:after {
	background: url(../../img/common/sprite_arw01.png) 0 0 no-repeat;
	background-size: 96px 96px;
	background-position: 0 0;
}
/*---------------------  ---------------------*/
ul.unique_indent {
	list-style: none;
	margin-bottom: 1.5em;
}
ul.unique_indent li:after {
	content: "";
	display: block;
	clear: both;
}
ul.unique_indent div.indent_mark {
	display: block;
	float: left;
}
ul.unique_indent div.indent1,
ul.unique_indent div.indent2,
ul.unique_indent div.indent3 {
	display: block;
	float: none;
}
ul.unique_indent div.indent1 {
	margin-left: 1em;
}
ul.unique_indent div.indent2 {
	margin-left: 2em;
}
ul.unique_indent div.indent3 {
	margin-left: 3em;
}
/*--------------------- btn_rollup ---------------------*/
.btn_rollup_outer {
	position: fixed;
	bottom: 0;
	width: 100%;
}
.btn_rollup_inner {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
.btn_rollup {
	position: absolute;
	right: 10px;
	bottom: 20px;
	width: 30px;
	height: 30px;
}
.btn_rollup a {
	display: block;
	cursor: pointer;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	background-image: url(../../img/common/sprite_arw02.png);
	background-repeat: no-repeat;
	background-size: 144px 144px;
	background-position: 0 -108px;
}
@media (max-width: 1199px) {
	.btn_rollup_inner {
		width: 100%;
	}
	.btn_rollup {
		right: 8px;
		bottom: 50px;
	}
}

hr.hztl01 {
	margin-top: 40px;
	margin-bottom: 40px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #eee;
}
hr.hztl01.sfa {
	border-bottom: 1px solid #fbddd6;
}
hr.hztl01.seikatsu {
	border-bottom: 1px solid #edd200;
}
hr.hztl01.ud_adviser {
	border-bottom: 1px solid #6dc6d4;
}
/*--------------------- display ---------------------*/
.disp-i-i-n {
	display: inline;
}
.disp-n-n-i {
	display: none;
}
@media (max-width: 599px){
	.disp-i-i-n {
		display: none;
	}
	.disp-n-n-i {
		display: inline;
	}
}
/*--------------------- top_kv ---------------------*/
.top_kv {
	position: relative;
	background: #f4ffa6;
/*	background: linear-gradient(to bottom, rgba(255,255,255,1) 80%, rgba(240,255,210,1) 100%);*/
}
.top_kv.sfa {
	background: url(../../img/sfa/common/sfa_grid.png);
	background-size: 25px 25px;
	border-bottom: 1px solid #eb6162;
}
.top_kv.seikatsu {
	background: url(../../img/seikatsu/common/seikatsu_kv_bg.png);
	background-size: 10px 10px;
	border-bottom: 1px solid #f18e1d;
}
.top_kv.ud_adviser {
	background: url(../../img/ud_adviser/common/ud_adviser_kv_bg.png);
	background-size: cover;
	background-position: center center;
	border-bottom: 1px solid #6dc6d4;
}
.top_kv_inner {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.top_kv_inner img {
	vertical-align: bottom;
}
@media (max-width: 1199px) {
	.top_kv_inner {
		width: 100%;
	}
}
.top_kv_copy {
	position: absolute;
	top: 5%;
	left: 0;
	padding: 75px 45px;
	font-size: 1.8em;
	color: #fff;
	background: rgba(150, 165, 25, 0.8);
}
@media (max-width:1199px) {
	.top_kv_copy {
		transition: all 0.5s 0.1s ease-out;
		padding: 40px 20px;
		font-size: 1.5em;
	}
}
@media (max-width:767px) {
	.top_kv_copy {
		padding: 15px 10px;
		font-size: 1.125em;
	}
}
@media (max-width:599px) {
	.top_kv_copy {
		padding: 10px 5px;
		font-size: 0.875em;
	}
}
/*--------------------- unavi --------------------- */
.unavi_wrap {
	box-sizing: border-box;
	margin: 0 auto;
	border-bottom: 1px solid #95a619;
}
.unavi_wrap.sfa {
	border-bottom: 1px solid #fbddd6;
}
.unavi_wrap.seikatsu {
	border-bottom: 1px solid #f18e1d;
}
.unavi_wrap.ud_adviser {
	border-bottom: 1px solid #6dc6d4;
}
@media (max-width: 767px){
	.unavi_wrap {
		display: block;
		width: 100%;
		position: relative;
		min-height: 30px;
	}
	.unavi_wrap > ul {
		display: none;
	}
}
.unique_navi_menu {
	width: 1200px;
	margin: 0 auto;
}
@media (max-width: 1199px) {
	.unique_navi_menu {
		width: 100%;
	}
}
ul.unavi {
	list-style: none;
	display: table;
}
ul.unavi:after {
	content: "";
	display: block;
	clear: both;
}
ul.unavi li {
	display: table-cell;
	width: 20%;
	vertical-align: middle;
}
ul.unavi.unavi6 li {
	width: 16.6%;
}
ul.unavi.unavi6 li:last-child {
	width: 17%;
}
ul.unavi.unavi7 li {
	width: 14.2%;
}
ul.unavi.unavi7 li:last-child {
	width: 14.8%;
}
ul.unavi li a {
	display: block;
	height: 100%;
	box-sizing: border-box;
	padding: 12px 5px 12px 5px;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.5;
	color: #666;
	text-decoration: none;
}
ul.unavi li a span {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0 0 0 24px;
}
ul.unavi li a span:after {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(../../img/common/sprite_arw01.png);
	background-size: 48px 48px;
	background-position: -12px -24px;
}
.unavi_wrap.sfa ul.unavi li a span:after {
	background: url(../../img/common/sprite_arw01_sfa.png);
	background-size: 48px 48px;
	background-position: -12px -24px;
}
@media (max-width: 767px){
	.unavi_wrap,
	.unavi_wrap.sfa,
	.unavi_wrap.seikatsu,
	.unavi_wrap.ud_adviser {
		border-bottom: none;
	}
	.unique_navi_menu {
		display: none;
	}
	ul.unavi {
		display: block;
	}
	ul.unavi li,
	ul.unavi.unavi6 li,
	ul.unavi.unavi6 li:last-child {
		display: block;
		width: 100%;
	}
	ul.unavi li a {
		padding: 12px;
		color: #666;
		font-size: 1em;
		font-weight: normal;
		text-decoration: none;
		background: rgba(255,255,255,0.8);
		border-bottom: 1px solid #eee;
	}
	ul.unavi li a.inquiry:after {
		left: 1px;
		margin-top: -12px;
		width: 24px;
		height: 24px;
		background: url(../../img/common/sprite_icon01.png);
		background-size: 96px 192px;
		background-position: 0 0;
	}
}
/*--------------------- unique_navi_hbg --------------------- */
.unavi_hbg {
	display: none;
}
@media (max-width: 767px) {
	.unavi_hbg {
		display: block;
	}
}
.unavi_hbg a {
	display: block;
	padding: 8px 20px 8px;
	cursor: pointer;
	text-decoration: none;
	color: #666;
	font-size: 1.2em;
	border-bottom: 1px solid #666;
	text-align: center;
}
.unavi_hbg a:hover {
	background: rgba(0, 0, 0, 0.3);
}
.unavi_hbg a span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.unavi_hbg_icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
}
.unavi_hbg_icon,
.unavi_hbg_icon:before,
.unavi_hbg_icon:after {
	width: 30px;
	height: 2px;
	background-color: #666;
}
.unavi_hbg_icon:before,
.unavi_hbg_icon:after {
	position: absolute;
	left: 0;
	content: "";
}
.unavi_hbg_icon:before {
	top: -10px;
}
.unavi_hbg_icon:after {
	top: 10px;
}
.active .unavi_hbg_icon {
	background-color: transparent;
}
.active .unavi_hbg_icon:before,
.active .unavi_hbg_icon:after {
	top: 0;
}
.active .unavi_hbg_icon:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.active .unavi_hbg_icon:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/**/
.btnset_outer {
	width: 80%;
	margin: 2em auto;
}
@media (max-width: 767px){
	.btnset_outer {
		width: 96%;
	}
}
ul.btnset {
	list-style: none;
	display: block;
}
ul.btnset:after {
	content: "";
	display: block;
	clear: both;
}
ul.btnset li {
	display: block;
	float: left;
	vertical-align: middle;
	text-align: center;
}
ul.btnset.btnset3 li {
	width: 33.33%;
}
ul.btnset.btnset2 li {
	width: 50%;
}
ul.btnset li a {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 5px 10px 5px;
	font-size: 1.2em;
	line-height: 1.3;
	color: #fff;
	text-decoration: none;
	background: #95a619;
}
ul.btnset li div.dummy {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 5px 10px 5px;
	font-size: 1.2em;
	line-height: 1.3;
	color: #fff;
	text-decoration: none;
	background: #ccc;
}
ul.btnset.sfa li a {
	background: #eb6162;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
ul.btnset.seikatsu li a {
	background: #6fba2c;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
ul.btnset.ud_adviser li a {
	background: #6dc6d4;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
ul.btnset li:first-child a {
	padding: 10px 5px 10px 12px;
	border-radius: 60px 0 0 60px;
	border-right: 1px solid #fff;
}
ul.btnset li:last-child a {
	padding: 10px 12px 10px 5px;
	border-radius: 0 60px 60px 0;
	border-left: 1px solid #fff;
}
ul.btnset li:last-child div.dummy {
	padding: 10px 12px 10px 5px;
	border-radius: 0 60px 60px 0;
	border-left: 1px solid #fff;
}
ul.btnset li a span {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}
@media (max-width: 767px) {
	ul.btnset li a {
		font-size: 1em;
	}
}
@media (max-width: 599px) {
	ul.btnset li a {
		font-size: 0.875em;
	}
}

.iframe_wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-top: 56.25%;
}
.iframe_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}