@charset "UTF-8";
/* CSS Document */
/*header*/
header .h_inner {
	height: inherit;
}
header .h_inner .main_img {
	height: 380px;
	background-position: top center;
	background-image: url("../img/top/main_bg.webp");
	background-size: cover;
}
header .m_inner {
	display: none;
}
.global-nav {
	bottom: -30px;
	background: #fff;
}

/*sub_ttlArea*/
.sub_descArea {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-start;
	max-width: 1240px;
	margin: 0 auto;
	padding: 60px 20px 0;
}
.sub_descArea .t_inner {
	padding-top: 60px;
}
.sub_descArea .t_inner h1 {
	position: relative;
	padding-top: 40px;
	font-size: 40px;
	line-height: 1;
	font-weight: 700;
	color: #001d89;
	letter-spacing: 0.06em;
	padding-bottom: 60px;
}
.sub_descArea .t_inner h1:before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	letter-spacing: 0;
}
.sub_descArea .t_inner h1 span {
	position: relative;
	padding-top: 40px;
}
.sub_descArea .t_inner h1 span:before {
	content: "";
	position: absolute;
	top: 30px;
	left: 0;
	width: 20px;
	height: 3px;
	background-color: #00b4ff;
}
/* breadArea */
.breadArea .b_inner,
.breadArea02 .b_inner {
	display: flex;
	justify-content: flex-start;
}
.breadArea .b_inner li,
.breadArea02 .b_inner li {
	display: flex;
	justify-content: flex-start;
}
.breadArea .b_inner li:nth-of-type(1),
.breadArea02 .b_inner li:nth-of-type(1) {
	position: relative;
	padding-right: 26px;
}
.breadArea .b_inner li:nth-of-type(1):after,
.breadArea02 .b_inner li:nth-of-type(1):after {
	content: "・";
	position: absolute;
	top: 0;
	right: 0;
}
.breadArea .b_inner li:nth-of-type(2) {
	padding-left: 16px;
}
.breadArea02 .b_inner li:nth-of-type(2) {
	padding: 0 16px;
}
.breadArea02 .b_inner li:nth-of-type(3) {
	position: relative;
	padding-left: 26px;
}
.breadArea02 .b_inner li:nth-of-type(3):before {
	content: "・";
	color: #6f6f6f;
	position: absolute;
	top: 0;
	left: 0;
}
.breadArea .b_inner li, 
.breadArea .b_inner li a,
.breadArea02 .b_inner li, 
.breadArea02 .b_inner li a {
	font-size: 14px;
	color: #6f6f6f;
	font-weight: 500;
}
.breadArea .b_inner li a:hover,
.breadArea02 .b_inner li a:hover {
	color: #00b4ff;
}

/* btn */
.btn01,
.btn02 {
	display: inline-block;
	border-radius: 50px;
	font-weight: 700;
	position: relative;
	transition: all .2s linear;
}
.btn01 {
	font-size: 18px;
}
.btn02 {
	font-size: 16px;
}
.btn01:before,
.btn02:before {
	position: absolute;
}
.btn01:before {
	top: calc(50% - 16px);
	right: 32px;
	width: 32px;
	height: 32px;
	transition: all .2s linear;
}
.btn02:before {
	top: calc(50% - 13px);
	right: 32px;
	width: 26px;
	height: 26px;
	transition: all .2s linear;
}
.btn01:hover:before {
	right: 26px;
}
.btn02:hover:before {
	right: 26px;
}
/* btn_bl */
.btn_bl {
	background-color: #001d89;
	color: #fff;
	padding: 12px 72px 12px 30px;
}
.btn_bl_01 {
	padding: 12px 72px 12px 30px;
}
.btn_bl_02 {
	padding: 20px 82px 20px 40px;
}
.btn_bl:hover {
	background-color: #001d89;
	color: #fff;
}
.btn_bl:before {
	content: url("../img/common/wy_btn.svg");
}
.btn_bl:hover:before {
	content: url("../img/common/wy_btn_hover.svg");
}

/* btn_wy */
.btn_wy {
	background-color: #fff;
	color: #001d89;
	padding: 12px 72px 12px 30px;
}
.btn_wy:hover:before {
	background-color: #fff;
	color: #001d89;
}
.btn_wy:before {
	content: url("../img/common/bl_btn.svg");
}
.btn_wy:hover:before {
	content: url("../img/common/bl_hover.svg");
}

@media screen and (max-width: 1000px) {
/*header*/
	header .h_inner .h_top {
		padding: 0 16px;
		height: 100%;
	}
	header .h_inner {
		height: 100%;
		background: none;
	}
	header .h_inner .main_img {
		height: inherit;
		background-image: none;
	}	
	
/* sub_ttlArea */
	.sub_ttlArea {
		height: inherit;
		width: 100%;
		padding: 76px 16px 0;
	}
	.sub_ttlArea .sub_ttl_img {
		height: inherit;
		width: 100%;
		background-image: url("../img/top/main_bg.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		aspect-ratio: 1440/400;
		border-radius: 16px;
	}
	.sub_descArea {
		display: block;
		width: 100%;
		padding: 50px 6vw 0;
	}	
	.sub_descArea .t_inner {
		padding-top: 0;
	}
	.sub_descArea .t_inner h1 {
		font-size: min(7vw,30px);
    padding-bottom: 30px;
		letter-spacing: inherit;
	}
	.sub_descArea .t_inner h1 span {
		position: relative;
		padding-top: 40px;
	}	
	
/* breadArea */
	.breadArea,
	.breadArea02 {
		display: none;
	}
}	

@media screen and (max-width: 767px) {
/* btn */
	.btn01 {
		font-size: 14px;
		letter-spacing: 0;
	}
	.btn02 {
		font-size: 12px;
		letter-spacing: 0;
	}
	.btn01:before {
		top: calc(50% - 14px);
		right: 20px;
		width: 28px;
		height: 28px;
	}
	.btn02:before {
		right: 20px;
	}
	.btn01:hover:before {
		right: 16px;
	}
	.btn02:hover:before {
		right: 16px;
	}
/* btn_bl */
	.btn_bl {
		padding: 12px 52px 12px 20px;
	}
/* btn_wy */
	.btn_wy {
		padding: 12px 52px 12px 20px;
	}
}	

@media screen and (max-width: 600px) {
/*sub_ttlArea*/
	.sub_ttlArea .sub_ttl_img {
		aspect-ratio: 1440/600;
		border-radius: 10px;
	}	
	.sub_descArea .t_inner h1 {
		padding-bottom: 26px;
	}	
	.sub_descArea .t_inner h1 span {
		padding-top: 30px;
	}	
	.sub_descArea .t_inner h1:before {
		font-size: 15px;
	}	
	.sub_descArea .t_inner h1 span:before {
		top: 20px;
	}	
}