@charset "utf-8";

/* ==============================

    common / utility

===============================*/

.inner {
	padding: 0 50px;
	max-width: 1280px;
	margin: 0 auto;
}

.inner_none {
	max-width: 1280px;
	margin: 0 auto;
}

body {
	min-width: 1300px;
	position: relative;
	line-height: 1.8;
}

body,
.jp_n {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	color: #3b3d40;
	letter-spacing: 0.05em;
}

.jp_r {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

.jp_b {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}

.din {
	font-family: din-2014, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0em;
}

.din_n {
	font-family: din-2014, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0em;
}

.main_bg_color {}

.con_ttl {
	font-size: 3.6rem;
	text-align: center;
}

.con_ttl span.din {
	display: block;
	font-size: 1.8rem;
	color: #c6a52b;
}

.con_text {
	font-size: 2.2rem;
	line-height: 1.8;
	text-align: center;
}

a:hover {
	text-decoration: none;
}

main {
	padding-top: 80px;
}

@media only screen and (min-width: 768px) {
	.sp_br {
		display: none !important;
	}

	.sp_img {
		display: none !important;
	}

	.pc_none {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {

	img {
		max-width: inherit;
		width: 100%;
	}

	.inner {
		padding: 0 4%;
		max-width: inherit;
	}

	body {
		min-width: auto;
		width: 100%;
	}

	.con_ttl {
		font-size: 7.33vw;
	}

	.con_ttl span.din {
		font-size: 3.47vw;
		margin-top: 0.4em;
	}

	.con_text {
		font-size: 4vw;
		text-align: left;
	}

	main {
		padding-top: 13.33vw;
	}

	.pc_br {
		display: none !important;
	}

	.pc_img {
		display: none !important;
	}

	.sp_none {
		display: none !important;
	}
}


/* ==============================

animation

===============================*/


.fadein_up {
	opacity: 0;
	transition: 1s;
	transform: translateY(30px);
}

.fadein.active,
.fadein_up.active {
	transform: translateY(0);
	opacity: 1;
}



/* ==============================

header

===============================*/

.globalHeader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1300px;
	z-index: 101;
	background: #fff;
}


/*-- header_01_area --*/
.header_01_area {
	background: #0056c4;
	height: 46px;
	position: relative;
	z-index: 10;
}

.header_01_area .header_01_wrap {}

.header_01_area .header_01_wrap .header_link {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0;
}

.header_01_area .header_01_wrap .header_link li {
	display: block;
	margin: 0 5px;
}

.header_01_area .header_01_wrap .header_link li.font-size_li {
	display: flex;
	align-items: center;
	margin-left: 15px;
}

.header_01_area .header_01_wrap .header_link a {
	font-size: 1.6rem;
	color: #fff;
	height: 46px;
	padding: 0 1em;
	background: #0045b6;
	display: flex;
	align-items: center;
}

.header_01_area .header_01_wrap .header_link li.font-size_li p {
	font-size: 1.6rem;
	color: #fff;
	margin-bottom: 0;
	margin-right: 10px;
}

.header_01_area .header_01_wrap .header_link .font-size_list {
	display: flex;
	border: solid 1px #fff;
}

.header_01_area .header_01_wrap .header_link .font-size_list li {
	font-size: 1.4rem;
	color: #fff;
	padding: 0.2em 0.6em;
	margin: 0;
	cursor: pointer;
	transition: 0.4s;
}

.header_01_area .header_01_wrap .header_link .font-size_list li.active{
	color: #0056c4;
	background: #fff;
}

.header_01_area .header_01_wrap .header_link .font-size_list li:hover {
	color: #0056c4;
	background: #fff;
}


/*-- header_02_area --*/
.header_02_area {
	height: 80px;
	position: relative;
	z-index: 10;
	background: #fff;
	box-shadow: 5px 5px 30px rgba(96, 90, 69, 0.2);
}

.header_02_area .header_02_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header_02_area .header_02_wrap .logo {
	width: 200px;
	display: block;
}

.header_02_area .header_02_wrap .header_link {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 520px);
	margin-bottom: 0;
}

.header_02_area .header_02_wrap .header_link li {
	display: block;
}

.header_02_area .header_02_wrap .header_link a {
	color: #333333;
	height: 80px;
	font-size: 2.0rem;
	padding: 0 0.5em;
	position: relative;
	display: flex;
	align-items: center;
}

.header_02_area .header_02_wrap .header_link a::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	background: #c6a52b;
	display: block;
	left: 0;
	bottom: 0;
	transition: 0.4s;
	transform: scaleX(0);
}

.header_02_area .header_02_wrap .header_link a:hover::after {
	transform: scaleX(1);
}

.header_02_area .header_02_wrap .search_btn {
	width: 220px;
	border: solid 1px #0056c4;
	display: flex;
	padding: 5px;
	justify-content: center;
	align-items: center;
}

.header_02_area .header_02_wrap .search_btn i {
	width: 50px;
	display: inline-block;
	margin-right: 10px;
	margin-left: -10px;
}

.header_02_area .header_02_wrap .search_btn span {
	font-size: 2.0rem;
	color: #0056c4;
	line-height: 1.1;
	display: inline-block;
}

@media only screen and (max-width: 767px) {

	.globalHeader {
		width: 100%;
		min-width: inherit;
	}

	.header_02_area {
		background: #0056c4;
		height: 13.33vw;
	}

	.header_02_area .header_02_wrap {
		display: block;
		position: relative;
		width: 100%;
		height: 13.33vw;
	}

	.header_02_area .header_02_wrap .logo {
		width: 21.33vw;
		height: 5.07vw;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		margin: auto 0 auto;
	}

	.header_02_area .header_02_wrap .burger_menu {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 5.33vw;
		height: 4.53vw;
		margin: auto 0 auto;
		cursor: pointer;
	}

	.header_02_area .header_02_wrap .burger_menu span {
		width: 100%;
		height: 0.67vw;
		background: #fff;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		transition: 0.4s;
	}

	.header_02_area .header_02_wrap .burger_menu span:nth-of-type(2) {
		bottom: 0;
		margin: auto 0;
	}

	.header_02_area .header_02_wrap .burger_menu span:nth-of-type(3) {
		bottom: 0;
		top: auto;
		margin: 0;
	}

	.header_02_area .header_02_wrap .burger_menu.active span {
		top: 50%;
		transform: translateY(-50%)rotate(45deg);
	}

	.header_02_area .header_02_wrap .burger_menu.active span:nth-of-type(2) {
		transform: scaleX(0);
		opacity: 0;
	}

	.header_02_area .header_02_wrap .burger_menu.active span:nth-of-type(3) {
		top: 50%;
		bottom: auto;
		transform: translateY(-50%)rotate(-45deg);
	}

	.header_02_area .header_02_wrap .header_link {
		background: #ffffff;
		display: block;
		justify-content: space-between;
		width: 100vw;
		margin: 0 calc(-50vw + 50%);
		margin-bottom: 0;
		position: relative;
		z-index: -1;
	}

	.header_02_area .header_02_wrap .header_link li {
		display: block;
	}

	.header_02_area .header_02_wrap .header_link a {
		color: #333333;
		height: 80px;
		font-size: 2.0rem;
		padding: 0 0.5em;
		position: relative;
		display: flex;
		align-items: center;
	}

	.header_02_area .header_02_wrap .header_link a::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 5px;
		background: #c6a52b;
		display: block;
		left: 0;
		bottom: 0;
		transition: 0.4s;
		transform: scaleX(0);
	}

	.header_02_area .header_02_wrap .header_link a:hover::after {
		transform: scaleX(1);
	}

	.header_02_area .header_02_wrap .search_btn {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 33.33vw;
		border: none;
		background: #fff;
		padding: 0;
		margin: auto 9.33vw auto 0;
		height: 8vw;
	}

	.header_02_area .header_02_wrap .search_btn i {
		width: 5.33vw;
		height: 5.33vw;
		display: inline-block;
		margin-right: 2vw;
		margin-left: 0;
	}

	.header_02_area .header_02_wrap .search_btn span {
		font-size: 3.47vw;
		color: #0056c4;
		line-height: 1.1;
		display: inline-block;
	}

}


/*-- header_list_area --*/
.header_list_area {
	background: #dae7f7;
	position: absolute;
	top: 126px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 0;
	transition: 0.4s;
	transform: translateY(-300px);
}

.header_list_area.active {
	transform: translateY(0);
}

.header_list_area .header_list_wrap {}

.header_list_area .header_list_wrap .header_link {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}

.header_list_area.column_h_list .header_list_wrap .header_link {
	justify-content: center;
}

.header_list_area .header_list_wrap .header_link li {
	width: 20%;
}

.header_list_area .header_list_wrap .header_link li.diagnostics{
	position: relative;
}

.header_list_area .header_list_wrap .header_link li.diagnostics:before{
	content: "";
	display: block;
	width: 2px;
	height: 82%;
	position: absolute;
	top: 10%;
	left: 0;
	background-color: #0056c4;
}

.header_list_area .header_list_wrap .header_link a {
	text-align: center;
	display: block;
	width: 100%;
	padding: 10px 0 10px;
	transition: 0.4s;
}

.header_list_area .header_list_wrap .header_link a:hover {
	background: #0056c4;
}

.header_list_area .header_list_wrap .header_link i {
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	position: relative;
}

.header_list_area .header_list_wrap .header_link i img {
	transition: 0.4s;
}

.header_list_area .header_list_wrap .header_link i img.i_normal {
	opacity: 1;
}

.header_list_area .header_list_wrap .header_link i img.i_hover {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.header_list_area .header_list_wrap .header_link a:hover i img.i_normal {
	opacity: 0;
}

.header_list_area .header_list_wrap .header_link a:hover i img.i_hover {
	opacity: 1;
}

.header_list_area .header_list_wrap .header_link span {
	font-size: 2.0rem;
	color: #0056c4;
	transition: 0.4s;
}

.header_list_area.support_h_list .header_list_wrap .header_link span {
	letter-spacing: 0;
}

.header_list_area .header_list_wrap .header_link a:hover span {
	color: #fff;
}

/*-- header_list_area --*/
@media only screen and (max-width: 767px) {
	.header_burger_area {
		display: none;
		overflow-y: scroll;
		position: relative;
		z-index: 10;
		background: #fff;
		max-height: 100vh;
		padding-bottom: 10vw;
	}

	.header_burger_area .inner {
		padding: 0;
	}

	.header_burger_area .header_burger_wrap {}

	.header_burger_area .header_burger_wrap .header_link {
		margin-bottom: 0;
	}

	.header_burger_area .header_burger_wrap .header_link .header_link_li {
		border-bottom: solid 1px #c6a52b;
		margin-bottom: 0;
	}

	.header_burger_area .header_burger_wrap .header_link .header_link_li span,
	.header_burger_area .header_burger_wrap .header_link .header_link_li a {
		color: #333;
		font-size: 4.8vw;
		padding: 1em 4vw;
		display: block;
		position: relative;
		cursor: pointer;
	}

	.header_burger_area .header_burger_wrap .header_link .header_link_li > span::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 5.07vw;
		height: 0.53vw;
		display: block;
		background: #0056c4;
		margin: auto 4.27vw auto 0;
	}

	.header_burger_area .header_burger_wrap .header_link .header_link_li > span::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 0.53vw;
		height: 5.07vw;
		display: block;
		background: #0056c4;
		margin: auto 6.53vw auto 0;
		transition: 0.4s;
	}

	.header_burger_area .header_burger_wrap .header_link .header_link_li > span.active::after {
		transform: rotate(90deg);
	}

	.header_burger_area .header_burger_wrap .header_link .header_link_li a::after {
		content: "";
		display: block;
		width: 3.47vw;
		height: 3.47vw;
		position: absolute;
		border-top: solid 0.67vw #0056c4;
		border-right: solid 0.67vw #0056c4;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto 4vw auto 0;
		transform: rotate(45deg);
	}

	.header_burger_area .header_burger_wrap .header_link_li .header_link_child {
		display: none;
	}

	.header_burger_area .header_burger_wrap .header_link_li .header_link_child li {
		position: relative;
	}

	.header_burger_area .header_burger_wrap .header_link_li .header_link_child li a {
		background: rgba(0, 86, 196, 0.1);
		border-top: solid 1px #c6a52b;
	}

	.header_burger_area .header_burger_wrap .header_link_li .header_link_child li a i {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 10vw;
		height: 10vw;
		margin: auto 0 auto 4vw;
	}

	.header_burger_area .header_burger_wrap .header_link_li .header_link_child li a span {
		padding: 0 0 0 13.33vw;
	}

	.header_burger_area .header_burger_wrap .header_link_btn {
		display: flex;
		justify-content: space-between;
		padding: 9.33% 4% 10vw;
	}

	.header_burger_area .header_burger_wrap .header_link_btn a {
		font-size: 4.8vw;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #0056c4;
		padding: 4vw 1vw;
		border-radius: 5px;
	}

	.header_burger_area .header_burger_wrap .header_link_btn a:nth-of-type(1) {
		font-size: 6.4vw;
		width: 54.67vw;
	}

	.header_burger_area .header_burger_wrap .header_link_btn a:nth-of-type(2) {
		width: 36vw;
	}

	.header_burger_area .header_burger_wrap .header_link_btn a span {
		font-size: 2.93vw;
		line-height: 1.2;
		display: block;
		margin-right: 0.2em;
	}

	.header_burger_bg {
		display: none;
		width: 100vw;
		height: 100vh;
		background: #000;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		opacity: 0;
	}

	.header_burger_bg.active {
		display: block;
		opacity: 0.5;
	}
}

/* ==============================

footer

===============================*/

.globalFooter {}

.top_btn_area__wrapper {
	position: relative;
}

.top_btn {
	display: block;
	width: 80px;
	height: 80px;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0 20px 20px 0;
	background: #0056c4;
	border-radius: 50vw;
	z-index: 99;
	transition: none;
}

.top_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	border-top: solid 3px #fff;
	border-left: solid 3px #fff;
	transform: translate(-50%, -50%)rotate(45deg);
	margin: 4px auto 0;
}


@media only screen and (max-width: 767px) {
	.globalFooter {}

	.top_btn {
		width: 13.33vw;
		height: 13.33vw;
		margin: 0 1.33vw 1.33vw 0;
	}

	.top_btn::after {
		width: 3.2vw;
		height: 3.2vw;
		border-top: solid 0.53vw #fff;
		border-left: solid 0.53vw #fff;
		margin: 0.53vw auto 0;
	}
}


/*-- other_link_area --*/
.other_link_area {
	background: #616469;
}

.other_link_area .other_link_wrap {}

.other_link_area .other_link_wrap .link_list {
	display: flex;
	margin-bottom: 0;
}

.other_link_area .other_link_wrap .link_list li {
	width: 33.33%;
	text-align: center;
	margin-bottom: 0;
}

.other_link_area .other_link_wrap .link_list a {
	font-size: 1.8rem;
	color: #fff;
	display: block;
	width: 100%;
	position: relative;
	padding: 1em;
	transition: 0.4s;
}

.other_link_area .other_link_wrap .link_list a:hover {
	background: #56595e;
}

.other_link_area .other_link_wrap .link_list a::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 30px auto 0;
	transform: rotate(45deg);
}

@media only screen and (max-width: 767px) {
	.other_link_area .inner {
		padding: 0;
	}

	.other_link_area .other_link_wrap .link_list {
		flex-wrap: wrap;
	}

	.other_link_area .other_link_wrap .link_list li {
		width: 50%;
		text-align: left;
	}

	.other_link_area .other_link_wrap .link_list li:first-child {
		border-right: solid 0.27vw #999da3;
	}

	.other_link_area .other_link_wrap .link_list li:last-child {
		width: 100%;
		border-top: solid 0.27vw #999da3;
	}

	.other_link_area .other_link_wrap .link_list a {
		font-size: 3.73vw;
		padding: 0.7em 8vw 0.7em 4vw;
		transition: 0.4s;
	}

	.other_link_area .other_link_wrap .link_list li:last-child a {
		padding: 1.4em 4vw;
	}

	.other_link_area .other_link_wrap .link_list a::after {
		width: 2.13vw;
		height: 2.13vw;
		border-top: solid 0.53vw #fff;
		border-right: solid 0.53vw #fff;
		margin: auto 4vw auto 0;
	}

}


/*-- footer_link_area --*/
.footer_link_area {
	background: #3b3d40;
	padding: 50px 0;
}

.footer_link_area .footer_link_wrap {
	padding: 0 80px;
}

.footer_link_area .footer_link_wrap .link_list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.footer_link_area .footer_link_wrap .link_list li {}

.footer_link_area .footer_link_wrap .link_list a {
	font-size: 1.8rem;
	color: #fff;
}

.footer_link_area .footer_link_wrap .sns_list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.footer_link_area .footer_link_wrap .sns_list li {
	margin: 0 10px;
}

.footer_link_area .footer_link_wrap .copy_write {
	font-size: 1.4rem;
	text-align: center;
	color: rgba(255, 255, 255, 0.3);
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.footer_link_area {
		padding: 9.33% 0 6.67%;
	}

	.footer_link_area .footer_link_wrap {
		padding: 0;
	}

	.footer_link_area .footer_link_wrap .link_list {
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 5%;
	}

	.footer_link_area .footer_link_wrap .link_list li {
		margin-bottom: 1em;
		font-size: 3.73vw;
		margin-right: 1.2em;
	}

	.footer_link_area .footer_link_wrap .link_list li:nth-of-type(2),
	.footer_link_area .footer_link_wrap .link_list li:nth-of-type(4),
	.footer_link_area .footer_link_wrap .link_list li:nth-of-type(6) {
		margin-right: 0;
	}

	.footer_link_area .footer_link_wrap .link_list a {
		font-size: 3.73vw;
	}

	.footer_link_area .footer_link_wrap .sns_list {
		margin-bottom: 5%;
	}

	.footer_link_area .footer_link_wrap .sns_list li {
		margin: 0 2vw;
	}

	.footer_link_area .footer_link_wrap .sns_list li a {
		width: 7.2vw;
		display: block;
	}
	
	.footer_link_area .footer_link_wrap .sns_list li:nth-of-type(1) a {
		width: 8.8vw
	}

	.footer_link_area .footer_link_wrap .sns_list li:nth-of-type(2) a {
		width: 6.67vw
	}

	.footer_link_area .footer_link_wrap .sns_list li:nth-of-type(5) a {
		width: 9.07vw
	}

	.footer_link_area .footer_link_wrap .copy_write {
		font-size: 2.93vw;
	}
}



/* ==============================
bnr_timer
===============================*/

.bnr_timer01.hide{
	display: none!important;
}

.bnr_timer02.hide{
	display: none!important;
}

/* ==============================

main

===============================*/

.top_wrap {
	position: relative;
}
/*-- fv_area --*/

	.fv_area						{ position:relative; background:url('../img/top_fv_img.png') center center / cover no-repeat; }
	/* .fv_area::after					{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; display:block; background:#3b3d40; opacity:0.5; } */

	/*
	.fv_area .main_ttl				{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:6.0rem; text-align:center; display:block; width:92%; max-width:1180px; margin-bottom:0; color:#fff; line-height:2; letter-spacing:0.1em; }
	.fv_area .main_ttl span.din		{ display:block; font-size:3.0rem; width:100%; }
	@media only screen and (max-width: 767px)
	{
		.fv_area .main_ttl			{ top:0; left:0; transform:translate(0, 0); font-size:9.6vw; text-align:left; width:auto; max-width:inherit; line-height:1.4; letter-spacing:0.05em; display:flex; flex-direction:column-reverse; margin:11.6% 0 0 4%; }
		.fv_area .main_ttl span.din	{ font-size:4.8vw; width:auto; margin-bottom:0.4em; }
	}
	*/
	.fv_area .video_wrap			{ position:relative; overflow:hidden; }
	.fv_area .video_wrap video		{ position:absolute; }

	@media only screen and (min-width: 768px)
	{
		.fv_area .video_wrap		{ width:944px; height:531px; margin:0 auto; }
		.fv_area .video_wrap video	{ width:100%; height:100%; }
	}
	@media only screen and (max-width: 767px)
	{
		.fv_area .video_wrap		{ width:100vw; height:56.25vw; }
		.fv_area .video_wrap video	{ width:auto; height:100%; }
	}
	/*
	@media only screen and (min-width:1301px)
	{
		.fv_area .video_wrap		{ width:100vw; height:56.25vw; }
		.fv_area .video_wrap video	{ width:100vw; height:56.25vw; top:0; left:0; }
	}
	@media only screen and (max-width:1300px) and (min-width: 768px)
	{
		.fv_area .video_wrap		{ width:1300px; height:731.25px; }
		.fv_area .video_wrap video	{ width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); }
	}
	@media only screen and (max-width: 767px)
	{
		.fv_area .video_wrap		{ width:100vw; height:56.25vw; }
		.fv_area .video_wrap video	{ width:auto; height:100%; }
	}
	*/
	.fv_slide_area {
		overflow: hidden;
	}
	.fv_slide_area img {
		visibility: hidden;
	}
	.fv_slide_area .fv_slide img {
		width: 100%;
		height: auto;
	}
	.slick-slide img {
		width: 100%;
	}
	.prev-arrow ,.next-arrow {
		position: absolute;
		top: 50%;
		content: "";
		background: rgba(255,255,255,0.5);
		width: 2.38vw;
		height: 2.38vw;
		border-radius: 50%;
		left: 16.7%;
		border: none;
		z-index: 1;
		min-width: 30px;
		min-height: 30px;
		transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	}
	.prev-arrow:hover ,.next-arrow:hover {
		cursor: pointer;
	}
	.next-arrow  {
		left: auto;
		right: 16.7%;
	}
	.prev-arrow::before {
		width: 0.95vw;
    height: 0.95vw;
    border-top: solid 2px #003a7b;
    border-right: solid 2px #003a7b;
    position: absolute;
    transform: rotate(-135deg);
		left: 38%;
    top: 32%;
		content: "";
		min-width: 12px;
		min-height: 12px;
	}
	.next-arrow::before {
		width: 0.95vw;
    height: 0.95vw;
    border-top: solid 2px #003a7b;
    border-right: solid 2px #003a7b;
    position: absolute;
    transform: rotate(45deg);
		right: 38%;
    top: 32%;
		content: "";
		min-width: 12px;
		min-height: 12px;
	}
	button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		padding: 0;
	}
	button:focus {
		outline: none;
	}
	
	@media only screen and (min-width: 1441px) {
		.prev-arrow {
			left: 23.7%;
		}
		.next-arrow {
			right: 23.7%;
		}
		.prev-arrow::before {
			left: 38%;
			top: 32%;
		}
		.next-arrow::before {
			right: 38%;
			top: 32%;
		}
	}
	@media only screen and (max-width: 767px) {
		.fv_slide_area .fv_slide img {
			width: 100%;
		}
		.prev-arrow ,.next-arrow {
			top: 50%;
			width: 9.08vw;
			height: 9.08vw;
			border-radius: 50%;
			left: -4.54vw;
			min-width: 9.08vw;
			min-height: 9.08vw;
		}
		.next-arrow  {
			left: auto;
			right: -4.54vw;
		}
		.prev-arrow::before {
			width: 2.67vw;
			height: 2.67vw;
			border-top: solid 1px #003a7b;
			border-right: solid 1px #003a7b;
			position: absolute;
			transform: rotate(-135deg);
			left: 5.5vw;
			top: 34%;
			content: "";
			min-width: 2.67vw;
			min-height: 2.67vw;
		}
		.next-arrow::before {
			width: 2.67vw;
			height: 2.67vw;
			border-top: solid 1px #003a7b;
			border-right: solid 1px #003a7b;
			position: absolute;
			transform: rotate(45deg);
			right: 5.5vw;
			top: 34%;
			content: "";
			min-width: 2.67vw;
			min-height: 2.67vw;
		}
	}
	


/*-- news_area --*/
.news_area {
	background: rgba(198, 165, 43, 0.4);
	margin-bottom: 0;
}

.news_area .news_wrap {
	display: flex;
}

.news_area .news_wrap h2 {
	font-size: 2.0rem;
	color: #fff;
	background: rgba(198, 165, 43, 0.7);
	margin-bottom: 0;
	display: flex;
	width: 80px;
	margin-right: 20px;
	justify-content: center;
	align-items: center;
}

.news_area .news_wrap h2 span {}

.news_area .news_wrap .news_box {
	width: calc(100% - 400px);
	display: flex;
	align-items: center;
}

.news_area .news_wrap .slick-track {
	display: flex;
	align-items: center;
}

.news_area .news_wrap .slick-prev,
.news_area .news_wrap .slick-next {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0);
	right: 0;
	left: auto;
	transition: 0.4s;
}

.news_area .news_wrap .slick-prev {
	margin-right: -60px;
}

.news_area .news_wrap .slick-next {
	margin-right: -100px;
}

.news_area .news_wrap .slick-prev::before,
.news_area .news_wrap .slick-next::before {
	display: none;
}

.news_area .news_wrap .slick-prev::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	border-top: solid 3px #3b3d40;
	border-left: solid 3px #3b3d40;
	transform: translate(-50%, -50%)rotate(-45deg);
}

.news_area .news_wrap .slick-next::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	border-top: solid 3px #3b3d40;
	border-right: solid 3px #3b3d40;
	transform: translate(-50%, -50%)rotate(45deg);
}

.news_area .news_wrap .slick-prev:hover,
.news_area .news_wrap .slick-prev:focus,
.news_area .news_wrap .slick-next:hover,
.news_area .news_wrap .slick-next:focus {
	background: rgba(255, 255, 255, 0.7);
}

.news_area .news_wrap .slick-next {
	margin-right: -100px;
}

.news_area .news_wrap dl {
	margin-bottom: 0;
	padding: 1em 0;
	font-size: 2.0rem;
	display: flex;
	align-items: center;
}

.news_area .news_wrap dt {
	font-size: 1.8rem;
	width: 6.5em;
}

.news_area .news_wrap dd {
	font-size: 2.0rem;
	margin-bottom: 0;
	width: calc(100% - 6.5em);
}

.news_area .news_wrap dd a {
	font-size: 2.0rem;
	color: #3b3d40;
}

.news_area .news_wrap dd a span {
	font-size: 1.6rem;
	color: #fff;
	background: #ca2525;
	display: inline-block;
	padding: 0 0.5em;
	border-radius: 5px;
	margin-right: 0.5em;
}

.news_area .news_wrap .more_news_btn {
	background: #fff;
	color: rgba(198, 165, 43, 0.7);
	width: 180px;
	text-align: center;
	font-size: 2rem;
	margin: 10px 0 10px 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 0.2em 0;
	border: solid 2px rgba(198, 165, 43, 0.7);
}

.news_area .news_wrap .more_news_btn::after{
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	border-top: solid 3px rgba(198, 165, 43, 0.7);
	border-right: solid 3px rgba(198, 165, 43, 0.7);
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 10px auto 0;
	transform: rotate(45deg);
}

@media only screen and (max-width: 767px) {

	.news_area .inner {
		padding: 0 4% 0 0;
	}

	.news_area .news_wrap {
		display: flex;
		position: relative;
		padding-bottom: 12vw;
	}

	.news_area .news_wrap h2 {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		width: auto;
		font-size: 3.47vw;
		padding: 0.5em 4vw;
		margin-right: 0;
		z-index: 10;
		background: #ceb34e;
	}

	.news_area .news_wrap .news_box {
		width: calc(100% - 20vw);
		font-size: 3.47vw;
		padding: 0.5em 0 4vw 4vw;
		align-items: flex-start;
	}


	.news_area .news_wrap .slick-track {
		align-items: flex-start;
	}

	.news_area .news_wrap .slick-prev,
	.news_area .news_wrap .slick-next {
		width: 8vw;
		height: 8vw;
		background: rgba(255, 255, 255, 0);
	}

	.news_area .news_wrap .slick-prev {
		margin-right: -16vw;
	}

	.news_area .news_wrap .slick-next {
		margin-right: -24vw;
	}

	.news_area .news_wrap .slick-prev::before,
	.news_area .news_wrap .slick-next::before {
		display: none;
	}

	.news_area .news_wrap .slick-prev::after {
		width: 1.9vw;
		height: 1.9vw;
		border-top: solid 0.4vw #3b3d40;
		border-left: solid 0.4vw #3b3d40;
	}

	.news_area .news_wrap .slick-next::after {
		width: 1.9vw;
		height: 1.9vw;
		border-top: solid 0.4vw #3b3d40;
		border-right: solid 0.4vw #3b3d40;
	}

	.news_area .news_wrap dl {
		margin-bottom: 0;
		padding: 0 0 0 0;
		font-size: 4vw;
		display: block;

		flex-direction: column;
		align-items: flex-start;
		position: relative;
	}

	.news_area .news_wrap dt {
		font-size: 3.47vw;
		width: 100%;
		margin-bottom: 1em;
		margin-left: 5em;
	}

	.news_area .news_wrap dd {
		font-size: 4vw;
		width: 100%;
	}

	.news_area .news_wrap dd a {
		font-size: 4vw;
	}

	.news_area .news_wrap dd a span {
		font-size: 3.2vw;
	}
	
	.news_area .news_wrap .more_news_btn {
		width: 80%;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		font-size: 4.27vw;
		margin:  0 auto 0.5em;
		padding: 0.2em 0;
		transform: translateX(2vw);
	}

	.news_area .news_wrap .more_news_btn::after{
		width: 3vw;
		height: 3vw;
		border-top: solid 0.5vw rgba(198, 165, 43, 0.7);
		border-right: solid 0.5vw rgba(198, 165, 43, 0.7);
		margin: auto 1em auto 0;
	}

}



/*-- bnr_area --*/

.bnr_area {
	background: #fff;
	padding-top: 50px;
}

.bnr_area .bnr_wrap {
	display: flex;
	justify-content: center;
}

.bnr_area .bnr_wrap a {
	display: block;
	margin: 0 20px;
}


@media only screen and (max-width: 767px) {
	.bnr_area {
		padding-top: 8.7%;
	}

	.bnr_area .bnr_wrap {
		flex-direction: column;
	}

	.bnr_area .bnr_wrap a {
		margin: 0 0 5%;
	}

}


/*-- find_area --*/
.find_area {
	padding-top: 100px;
	padding-bottom: 110px;
	background: #fff;
}

.find_area .find_wrap {}

.find_area .find_wrap h2.con_ttl {
	margin-bottom: 20px;
}

.find_area .find_wrap .con_text {
	margin-bottom: 50px;
}

.find_area .find_wrap .find_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.find_area .find_wrap .find_link {
	background: #0056c4;
	color: #fff;
	font-size: 2.6rem;
	display: block;
	width: 49.15%;
	border-radius: 5px;
	position: relative;
	padding: 30px 60px 30px 160px;
	margin-bottom: 20px;
	position: relative;
}

.find_area .find_wrap .find_link::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 40px auto 0;
	transform: rotate(45deg);
}

.find_area .find_wrap .find_link i {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 70px;
	height: 70px;
	margin: auto 0 auto 50px;
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.find_area .find_wrap .find_link:hover i {
	transform: rotateY(360deg);
}

.find_area .find_wrap .find_link .border {
	display: block;
	border: solid 1px #fff;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	margin: auto;
}

.find_area .find_wrap .find_link .sub_text {
	font-size: 2.0rem;
	display: block;
}

.top_wrap .find_area .find_wrap .find_link.diagnostics{
	background-color: #fff;
	color: #0056c4;
	border: 1px #0056c4 solid;;
}
.top_wrap .find_area .find_wrap .find_link.diagnostics .border{
	border-color: #7aade3;
}

@media only screen and (max-width: 767px) {

	.find_area {
		padding-top: 13.33vw;
		padding-bottom: 16vw;
	}

	.find_area .find_wrap h2.con_ttl {
		margin-bottom: 4.35%;
	}

	.find_area .find_wrap .con_text {
		margin-bottom: 5.8%;
	}

	.find_area .find_wrap .find_link {
		font-size: 4.8vw;
		width: 100%;
		border-radius: 5px;
		position: relative;
		padding: 5.8% 10% 5.8% 24.63%;
		margin-bottom: 20px;
		position: relative;
	}

	.find_area .find_wrap .find_link::after {
		width: 3.6vw;
		height: 3.6vw;
		border-top: solid 0.67vw #fff;
		border-right: solid 0.67vw #fff;
		margin: auto 5.8% auto 0;
	}

	.find_area .find_wrap .find_link i {
		width: 13.33vw;
		height: 13.33vw;
		margin: auto 0 auto 5.33vw;
	}

	.find_area .find_wrap .find_link .border {
		border: solid 0.27vw #fff;
		width: calc(100% - 3.2vw);
		height: calc(100% - 3.2vw);
	}

	.find_area .find_wrap .find_link .sub_text {
		font-size: 3.46vw;
	}
}

.top_wrap .find_area .find_wrap .find_box{
	justify-content: center;
}

.top_wrap .find_area .find_wrap .find_link{
	margin-right: 1.5%;
}

.top_wrap .find_area .find_wrap .find_link:nth-child(2n){
	margin-right: 0;
}

@media only screen and (max-width: 767px) {
	.top_wrap .find_area .find_wrap .find_link{
		margin-right: 0;
	}
}

/*-- column_area --*/
.column_area {
	margin-bottom: 130px;
	position: relative;
}

.column_area .column_bg {
	background-image: url(../img/column_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 430px;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.column_area .column_wrap {
	padding-top: 100px;
}

.column_area .column_wrap h2.con_ttl {
	margin-bottom: 20px;
	color: #fff;
}

.column_area .column_wrap h2.con_ttl span.din {
	color: #fff;
}

.column_area .column_wrap .con_text {
	margin-bottom: 50px;
	color: #fff;
}

.column_area .column_wrap .column_box {
	display: flex;
	justify-content: space-between;
}

.column_area .column_wrap .column_link_wrap {
	width: 32.2%;
}

.column_area .column_wrap .column_link {
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	transition: 0.4s;
	background: #fff;
}

.column_area .column_wrap .column_link:hover {
	box-shadow: 2.5px 2.5px 24px rgb(96,90,69,0.2);
}

.column_area .column_wrap .column_link figure {
	width: 100%;
	height: 220px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 0;
	transition: 0.4s;
	position: relative;
}

.column_area .column_wrap .column_link:hover figure {
	transform: scale(1.1);
}

.column_area .column_wrap .column_link_wrap:nth-of-type(1) figure {
	background-image: url(../img/column_link_img01.png);
}

.column_area .column_wrap .column_link_wrap:nth-of-type(2) figure {
	background-image: url(../img/column_link_img02.png);
}

.column_area .column_wrap .column_link_wrap:nth-of-type(3) figure {
	background-image: url(../img/column_link_img03.png);
}

.column_area .column_wrap .column_link figure {}

.column_area .column_wrap .column_link span {
	background: #fff;
	position: relative;
	z-index: 2;
	font-size: 2.6rem;
	display: block;
	padding: 1em 30px;
	color: #0056c4;
	position: relative;
	transition: 0.4s;
}

.column_area .column_wrap .column_link:hover span {
	color: #fff;
	background: #0056c4;
}

.column_area .column_wrap .column_link span::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	border-top: solid 2px #0056c4;
	border-right: solid 2px #0056c4;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 30px auto 0;
	transform: rotate(45deg);
	transition: 0.4s;
}

.column_area .column_wrap .column_link:hover span::after {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}

@media only screen and (max-width: 767px) {

	.column_area {
		margin-bottom: 20%;
	}

	.column_area .column_bg {
		background-image: url(../img/column_bg_sp.png);
		background-size: contain;
		width: 100%;
		height: 80vw;
	}

	.column_area .column_wrap {
		padding-top: 15.94%;
	}

	.column_area .column_wrap h2.con_ttl {
		margin-bottom: 4.35%;
	}

	.column_area .column_wrap .con_text {
		margin-bottom: 5.8%;
	}

	.column_area .column_wrap .column_box {
		flex-direction: column;
	}


	.column_area .column_wrap .column_link_wrap {
		width: 100%;
		margin-bottom: 7.25%;
	}

	.column_area .column_wrap .column_link {
		width: 100%;
		box-shadow: 2.5px 2.5px 24px rgb(96,90,69,0.2);
	}

	.column_area .column_wrap .column_link_wrap:last-child {
		margin-bottom: 0;
	}

	.column_area .column_wrap .column_link figure {
		width: 100%;
		height: 29.33vw;
	}

	.column_area .column_wrap .column_link_wrap:nth-of-type(1) figure {
		background-image: url(../img/column_link_img01_sp.png);
	}

	.column_area .column_wrap .column_link_wrap:nth-of-type(2) figure {
		background-image: url(../img/column_link_img02_sp.png);
	}

	.column_area .column_wrap .column_link_wrap:nth-of-type(3) figure {
		background-image: url(../img/column_link_img03_sp.png);
	}

	.column_area .column_wrap .column_link span {
		font-size: 4.8vw;
		padding: 1em 12% 1em 5.8%;
	}

	.column_area .column_wrap .column_link span::after {
		width: 3.6vw;
		height: 3.6vw;
		border-top: solid 0.67vw #0056c4;
		border-right: solid 0.67vw #0056c4;
		margin: auto 5.8% auto 0;
	}

}


/*-- commitment_area --*/
.commitment_area {
	margin-bottom: 130px;
	position: relative;
}

.commitment_area .commitment_wrap {}

.commitment_area .commitment_wrap h2.con_ttl {
	margin-bottom: 20px;
}

.commitment_area .commitment_wrap .con_text {
	margin-bottom: 50px;
}

.commitment_area .commitment_wrap .commitment_box {
	display: flex;
	justify-content: space-between;
}

.commitment_area .commitment_wrap .commitment_link_wrap {
	width: 49.15%;
}

.commitment_area .commitment_wrap .commitment_link {
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	transition: 0.4s;
}

.commitment_area .commitment_wrap .commitment_link:hover {
	box-shadow: 2.5px 2.5px 24px rgb(96,90,69,0.2);
}

.commitment_area .commitment_wrap .commitment_link .link_img {
	width: 100%;
	height: 220px;
	margin-bottom: 0;
	position: relative;
	display: flex;
	align-items: center;
	padding: 8.62%;
}

.commitment_area .commitment_wrap .commitment_link .link_img::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: 0.4s;
	z-index: -1;
}

.commitment_area .commitment_wrap .commitment_link:hover .link_img::after {
	transform: scale(1.1);
}

.commitment_area .commitment_wrap .commitment_link_wrap:nth-of-type(1) .link_img::after {
	background-image: url(../img/commitment_link_img01.png);
}

.commitment_area .commitment_wrap .commitment_link_wrap:nth-of-type(2) .link_img::after {
	background-image: url(../img/commitment_link_img02.png);

}


.commitment_area .commitment_wrap .commitment_link i {
	width: 25.83%;
	margin-right: 5%;
}

.commitment_area .commitment_wrap .commitment_link .text_wrap {
	width: 69.17%;
}

.commitment_area .commitment_wrap .commitment_link h4 {
	font-size: 4.0rem;
	color: #fff;
	margin-bottom: 0.2em;
}

.commitment_area .commitment_wrap .commitment_link p {
	font-size: 2.0rem;
	color: #fff;
	margin-bottom: 0;
}

.commitment_area .commitment_wrap .commitment_link span {
	background: #fff;
	position: relative;
	z-index: 2;
	font-size: 2.6rem;
	display: block;
	padding: 1em 30px;
	color: #0056c4;
	position: relative;
	transition: 0.4s;
}

.commitment_area .commitment_wrap .commitment_link:hover span {
	background: #0056c4;
	color: #fff;
}

.commitment_area .commitment_wrap .commitment_link span::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	border-top: solid 2px #0056c4;
	border-right: solid 2px #0056c4;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 30px auto 0;
	transform: rotate(45deg);
	transition: 0.4s;
}

.commitment_area .commitment_wrap .commitment_link:hover span::after {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}

@media only screen and (max-width: 767px) {
	.commitment_area {
		margin-bottom: 13.33%;
	}

	.commitment_area .commitment_wrap h2.con_ttl {
		margin-bottom: 4.35%;
	}

	.commitment_area .commitment_wrap .con_text {
		margin-bottom: 5.8%;
	}

	.commitment_area .commitment_wrap .commitment_box {
		flex-wrap: wrap;
	}

	.commitment_area .commitment_wrap .commitment_link_wrap {
		width: 100%;
		margin-bottom: 7.25%;
	}

	.commitment_area .commitment_wrap .commitment_link {
		width: 100%;
		box-shadow: 2.5px 2.5px 24px rgb(96,90,69,0.2);
	}

	.commitment_area .commitment_wrap .commitment_link_wrap:last-child {
		margin-bottom: 0;
	}

	.commitment_area .commitment_wrap .commitment_link .link_img {
		width: 100%;
		height: 29.33vw;
		padding: 0% 5.8%;
	}

	.commitment_area .commitment_wrap .commitment_link_wrap:nth-of-type(1) .link_img::after {
		background-image: url(../img/commitment_link_img01_sp.png);
	}

	.commitment_area .commitment_wrap .commitment_link_wrap:nth-of-type(2) .link_img::after {
		background-image: url(../img/commitment_link_img02_sp.png);
	}


	.commitment_area .commitment_wrap .commitment_link i {
		width: 24.8vw;
		margin-right: 2.6vw;
	}

	.commitment_area .commitment_wrap .commitment_link .text_wrap {
		width: calc(100% - 27.4vw)
	}

	.commitment_area .commitment_wrap .commitment_link h4 {
		font-size: 6.67vw;
		margin-bottom: 0;
	}

	.commitment_area .commitment_wrap .commitment_link p {
		font-size: 4vw;
		line-height: 1.2;
	}

	.commitment_area .commitment_wrap .commitment_link span {
		font-size: 4.8vw;
		padding: 1em 12% 1em 5.8%;
	}

	.commitment_area .commitment_wrap .commitment_link span::after {
		width: 3.6vw;
		height: 3.6vw;
		border-top: solid 0.67vw #0056c4;
		border-right: solid 0.67vw #0056c4;
		margin: auto 5.8% auto 0;
	}

}



/*-- support_area --*/
.support_area {
	margin-bottom: 0;
	background-image: url(../img/support_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.support_area .support_wrap {
	padding-top: 100px;
	padding-bottom: 110px;
}

.support_area .support_wrap h2.con_ttl {
	margin-bottom: 40px;
	color: #fff;
}

.support_area .support_wrap h2.con_ttl span.din {
	color: #fff;
}

.support_area .support_wrap .support_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.support_area .support_wrap .support_link {
	background: #fff;
	color: #3b3d40;
	font-size: 2.6rem;
	display: flex;
	align-items: center;
	width: 32.3%;
	border-radius: 5px;
	position: relative;
	padding: 50px 20px 50px 175px;
	margin-bottom: 20px;
	text-align: center;
}

.support_area .support_wrap .support_link i {
	position: absolute;
	display: block;
	width: 90px;
	height: 90px;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0 auto 55px;
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.support_area .support_wrap .support_link:hover i {
	transform: rotateY(360deg);
}

.support_area .support_wrap .support_link .border {
	display: block;
	border: solid 1px rgba(122, 173, 227, 0.5);
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	margin: auto;
}

@media only screen and (max-width: 767px) {
	.support_area {
		background-image: url(../img/support_bg_sp.png);
		background-size: cover;
	}

	.support_area .support_wrap {
		padding-top: 14.49%;
		padding-bottom: 13.04%;
	}

	.support_area .support_wrap h2.con_ttl {
		margin-bottom: 7.25%;
	}

	.support_area .support_wrap .support_link {
		font-size: 4.53vw;
		width: 47.1%;
		padding: 26.67vw 2vw 6vw 2vw;
		margin-bottom: 5.33vw;
		letter-spacing: 0;
		line-height: 1.2;
		justify-content: center;
		text-align: center;
	}

	.support_area .support_wrap .support_link i {
		width: 15vw;
		height: 15vw;
		right: 0;
		bottom: auto;
		margin: 6.5vw auto 0;
	}

	.support_area .support_wrap .support_link .border {
		border: solid 0.27vw rgba(122, 173, 227, 0.5);
		width: calc(100% - 2.67vw);
		height: calc(100% - 2.67vw);
	}
}


/*-- external_link_area --*/
.external_link_area {
	padding-top: 110px;
	margin-bottom: 120px;
}

.external_link_area .external_link_wrap {
	padding: 0 80px;
}

.external_link_area .external_link_wrap h2.con_ttl {
	margin-bottom: 40px;
}

.external_link_area .external_link_wrap .link_list_wrap {
	display: flex;
	justify-content: space-between;
}

.external_link_area .external_link_wrap .link_list_wrap .link_list {
	margin-bottom: 0;
}

.external_link_area .external_link_wrap .link_list_wrap li {
	font-size: 1.8rem;
	margin-bottom: 1em;
}

.external_link_area .external_link_wrap .link_list_wrap a {
	font-size: 1.8rem;
	color: #3b3d40;
	padding-left: 2em;
	display: inline-block;
	position: relative;
	transition: 0.4s;
}

.external_link_area .external_link_wrap .link_list_wrap a:hover {
	color: #0056c4;
}

.external_link_area .external_link_wrap .link_list_wrap a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 10px;
	height: 10px;
	border-top: solid 2px #003a7b;
	border-right: solid 2px #003a7b;
	margin: 0.5em 0 0 0;
	transform: rotate(45deg);
}

@media only screen and (max-width: 767px) {
	.external_link_area {
		margin-bottom: 13%;
		padding-top: 14.67%;
	}

	.external_link_area .external_link_wrap {
		padding: 0;
	}

	.external_link_area .external_link_wrap h2.con_ttl {
		margin-bottom: 4.35%;
	}

	.external_link_area .external_link_wrap .link_list_wrap {
		flex-wrap: wrap;
	}

	.external_link_area .external_link_wrap .link_list_wrap .link_list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.external_link_area .external_link_wrap .link_list_wrap li {
		width: 47.1%;
		font-size: 3.73vw;
		margin-bottom: 1em;
	}

	.external_link_area .external_link_wrap .link_list_wrap a {
		font-size: 3.73vw;
		padding-left: 1.2em;
		letter-spacing: 0;
	}

	.external_link_area .external_link_wrap .link_list_wrap a::after {
		width: 2.13vw;
		height: 2.13vw;
		border-top: solid 0.53vw #003a7b;
		border-right: solid 0.53vw #003a7b;
	}

}


/*-- floatbnr_area --*/
.floatbnr_area {
	position: fixed;
	bottom: 20px;
	left: 20px;
	display: none;
	z-index: 100;
}

.floatbnr_area.closed {
	animation: float ease forwards 0.5s;
}

@keyframes float {
	0% {
		z-index: 10;
	}

	99% {
		z-index: 10;
	}

	100% {
		z-index: -10;
	}
}

.floatbnr_area .floatbnr_btn {
	position: relative;
	display: block;
	transition: 0.4s;
	/* box-shadow: 5px 5px 30px rgba(96, 90, 69, 0.6); */
}

.floatbnr_area.closed .floatbnr_btn {
	transform: translateY(100px);
	opacity: 0;
	pointer-events: none !important;
}

.floatbnr_area .floatbnr_close {
	position: absolute;
	top: 0;
	right: 0;
}

@media only screen and (max-width: 767px) {
	.floatbnr_area {
		bottom: 0;
		left: 0;
	}

	.floatbnr_area .floatbnr_close {
		width: 9.3vw;
	}

}