@charset "utf-8";
main {
		padding-bottom: 120px;
}
@media(max-width: 767px) {
		main {
				padding-bottom: 80px;
		}
}
.wrap1180 {
		max-width: 1180px;
		margin: 0 auto;
		padding: 0 30px;
}
.wrap1080 {
		max-width: 1080px;
		margin: 0 auto;
		padding: 0 30px;
}
@media(max-width: 767px) {
		.wrap1180, .wrap1080 {
				padding: 0 15px
		}
}
/* ============ */
.underL {
		position: relative;
}
.underL::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 100%;
		height: 1px;
		background: #fff;
		transform-origin: left center;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(0);
}
@media (hover: hover) {
		a:hover .underL::after {
				transform: scaleX(1)
		}
}
.underL.bgNvy::after {
		background: #1F2A66;
}
.underL.bgBlu::after {
		background: #0069E9;
}
.underL.bgWht::after {
		background: #fff;
}
/* ========== */
.hrCenter {
		display: flex;
		justify-content: center;
}
.hrRight {
		display: flex;
		justify-content: flex-end;
}
/* ========== */
.linkBtn {
		width: 187px;
		font-weight: 500;
}
.header_btn_gr .linkBtn {
		width: 170px;
		font-size: 14px;
}
.linkBtn.extra {
		width: 210px;
}
.linkBtn.wide {
		width: 250px;
}
.linkBtn a span {
		position: relative;
		z-index: 2;
		transform: translateY(-1px);
		transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
		left: 15px;
}
.linkBtn a span.toBack {
		left: 0
}
.linkBtn a {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 30px;
		height: 60px;
		position: relative;
		text-decoration: none !important;
		border-radius: 60px;
		overflow: hidden;
		box-sizing: border-box;
}
.header_btn_gr .linkBtn a {
		height: 50px;
}
.linkBtn a::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(0);
		transform-origin: left center;
		border-radius: 0 60px 60px 0;
}
.linkBtn a.bgWht {
		background: #fff;
		border: 1px solid #fff;
		color: #1f2a66;
}
.linkBtn a.bgWht::before {
		background: #1f2a66;
}
.linkBtn a.bgNvy {
		background: #1f2a66;
		border: 1px solid #1f2a66;
		color: #fff;
}
.linkBtn a.bgBlu {
		background: #005BE4;
		border: 1px solid #005BE4;
		color: #fff;
}
.linkBtn.backBtn a {
		background: #1F2A66;
		border: 1px solid #1F2A66;
		color: #fff;
}
.linkBtn.backBtn a span {
		left: 0 !important
}
.linkBtn a.bgBlu::before, .linkBtn a.bgNvy::before {
		background: #fff;
}
.linkBtn a .linkBtn_arw {
		display: block;
		position: absolute;
		top: calc(50% - 14.5px);
		left: 18px;
		width: 29px;
		height: 29px;
		transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.header_btn_gr .linkBtn a .linkBtn_arw {
		left: 13px;
}
button .linkBtn_arw {
		transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.contact_footer .linkBtn a .linkBtn_arw {
		width: 35px;
		height: 35px;
		left: 26px;
		top: calc(50% - 17.5px);
}
.linkBtn_arw::before, .linkBtn_arw::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 50%;
		width: 29px;
		height: 29px;
}
.contact_footer .linkBtn_arw::before, .contact_footer .linkBtn_arw::after {
		width: 35px;
		height: 35px;
		background-size: 35px;
}
.linkBtn_arw::before {
		background: #fff;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.bgWht .linkBtn_arw::before {
		background: #1f2a66;
}
.bgNvy .linkBtn_arw::before {
		background: #fff;
}
.linkBtn_arw::after {
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 29px;
		background-image: url("../images/btn_arw_blu.png")
}
.bgWht .linkBtn_arw::after {
		background-image: url("../images/btn_arw_wht.png")
}
.bgBlu .linkBtn_arw::after {
		background-image: url("../images/btn_arw_blu.png")
}
.bgNvy .linkBtn_arw::after {
		background-image: url("../images/btn_arw_nvy.png")
}
@media (hover: hover) {
		.linkBtn a:hover {
				background: #fff;
				color: #005BE4;
		}
		.linkBtn.backBtn a:hover {
				background: #ededed;
				color: #1F2A66;
				border: 1px solid #1F2A66;
		}
		.linkBtn a:hover span {
				left: -30px
		}
		.linkBtn a:hover span.toBack {
				left: 0 !important
		}
		.linkBtn.extra a:hover span {
				left: -20px
		}
		.linkBtn a.bgWht:hover {
				color: #fff;
		}
		.linkBtn a.bgNvy:hover {
				color: #1f2a66;
				background: #1f2a66;
		}
		.linkBtn a.bgBlu:hover {
				color: #005BE4;
				background: #005BE4;
		}
		.linkBtn a:hover::before {
				transform: scaleX(1)
		}
		.linkBtn a:hover .linkBtn_arw {
				left: calc(100% - 48px);
		}
		.header_btn_gr .linkBtn a:hover .linkBtn_arw {
				left: calc(100% - 40px);
		}
		.contact_footer .linkBtn a:hover .linkBtn_arw {
				left: calc(100% - 60px);
		}
		.linkBtn a.bgWht:hover .linkBtn_arw::before {
				background: #fff;
		}
		.linkBtn a.bgWht:hover .linkBtn_arw::after {
				background-image: url("../images/btn_arw_nvy.png")
		}
		.linkBtn a.bgNvy:hover .linkBtn_arw::before {
				background: #1f2a66;
		}
		.linkBtn a.bgBlu:hover .linkBtn_arw::before {
				background: #005BE4;
		}
		.linkBtn a.bgBlu:hover .linkBtn_arw::after, .linkBtn a.bgNvy:hover .linkBtn_arw::after {
				background-image: url("../images/btn_arw_wht.png")
		}
}
@media (max-width: 1100px) and (hover: hover) {
		header .linkBtn a:hover .linkBtn_arw {
				left: calc(100% - 32px);
		}
		header .linkBtn a:hover span {
				left: -20px;
		}
}
@media(max-width: 1100px) {
		header .linkBtn {
				width: 140px;
				font-size: 13px;
		}
		header .linkBtn a {
				height: 45px
		}
		header .linkBtn a .linkBtn_arw {
				top: calc(50% - 11.5px);
				left: 9px;
				width: 23px;
				height: 23px;
				transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
		}
		header .linkBtn_arw::before, header .linkBtn_arw::after {
				width: 23px;
				height: 23px;
		}
		header .linkBtn_arw::after {
				background-size: 23px;
		}
}
@media (max-width: 767px) and (hover: hover) {
		.linkBtn a:hover .linkBtn_arw, .contact_footer .linkBtn a:hover .linkBtn_arw {
				left: calc(100% - 33px);
		}
		.header_btn_gr .linkBtn a:hover .linkBtn_arw {
				left: calc(100% - 33px);
		}
}
@media(max-width: 767px) {
		.linkBtn {
				width: 215px;
		}
		.linkBtn a {
				padding: 0 20px;
				height: 50px;
		}
		.linkBtn a .linkBtn_arw, .contact_footer .linkBtn a .linkBtn_arw {
				top: calc(50% - 11.5px);
				left: 12px;
				width: 23px;
				height: 23px;
		}
		.linkBtn_arw::before, .linkBtn_arw::after, .contact_footer .linkBtn a .linkBtn_arw::before, .contact_footer .linkBtn a .linkBtn_arw::after {
				width: 23px;
				height: 23px;
		}
		.linkBtn_arw::after, .contact_footer .linkBtn a .linkBtn_arw::after {
				background-size: 23px;
		}
}
/* ========== */
.contact_footer {
		background: #EBF1FF;
		height: 400px;
		margin-bottom: -50px;
		position: relative;
		display: flex;
		justify-content: center;
		box-sizing: border-box;
}
.contact_footer::before {
		content: '';
		display: block;
		position: absolute;
		bottom: -30px;
		left: 0;
		width: 100%;
		height: 340px;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 800px;
		background-image: url("../images/contactfooter_bg_pc.png");
		pointer-events: none
}
@media(max-width: 960px) {
		.contact_footer::before {
				bottom: -20px;
				width: 100%;
				height: 300px;
				background-size: 705px;
		}
}
.contact_footer_inner {
		width: 920px;
		margin: 0 auto;
		padding: 0 20px;
		display: flex;
		justify-content: space-between;
		position: relative;
		z-index: 2;
		padding-top: 120px;
}
.contact_footer_inner p {
		font-size: 20px;
		font-weight: 700;
		line-height: 1.8;
		flex: 1
}
.contact_footer_inner .linkBtn {
		width: 330px;
		font-size: 16px;
		font-weight: 700;
}
.contact_footer_inner .linkBtn a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 75px
}
@media(max-width: 960px) {
		.contact_footer {
				height: 360px;
		}
		.contact_footer_inner {
				width: 100%;
				box-sizing: border-box;
				display: block;
				padding-top: 70px;
		}
		.contact_footer_inner p {
				font-size: 16px;
				text-align: center;
				margin-bottom: 30px;
		}
		.contact_footer_inner .linkBtn {
				margin-left: auto;
				margin-right: auto;
				width: 100%;
				max-width: 350px;
		}
		.contact_footer_inner .linkBtn a span {
				left: inherit
		}
}
@media(max-width: 767px) {
		.contact_footer {
				height: 300px;
		}
		.contact_footer::before {
				bottom: 5px;
				left: 0;
				width: 100%;
				height: 160px;
				background-size: 90%;
				background-position: center top;
		}
		.contact_footer_inner {
				padding-top: 50px;
		}
		.contact_footer_inner p {
				font-size: 16px;
				margin-bottom: 30px;
				line-height: 2.0;
		}
		.contact_footer_inner .linkBtn {
				width: 250px;
				font-size: 14px;
		}
		.contact_footer_inner .linkBtn a {
				height: 50px
		}
}
@media(max-width: 600px) {
		.contact_footer {
				height: 450px;
		}
		.contact_footer_inner {
				padding-top: 90px;
		}
		#toppage .contact_footer {
				background: none;
		}
		#toppage .contact_footer {
				background: none;
		}
}
/* =============== */
main .wp-pagenavi {
		display: flex;
		align-items: center;
		margin: 60px 0 0;
		font-size: 18px;
		font-family: "Roboto Condensed";
		font-weight: 500;
}
main .pages {
		display: none !important
}
main .wp-pagenavi a, main .wp-pagenavi span, main a.previouspostslink, main a.nextpostslink {
		font-family: "Roboto Condensed";
		font-weight: 500;
		text-decoration: none;
		padding: 0;
		margin: 0 20px 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 55px;
		height: 55px;
		border-radius: 50%;
		border: 1px solid #E1F1FF;
}
main .wp-pagenavi a {
		color: #005BE4;
		background: #E1F1FF;
		border: 1px solid #E1F1FF;
}
@media (hover: hover) {
		main .wp-pagenavi a:hover {
				color: #fff;
				background: #005BE4;
				border: 1px solid #005BE4;
		}
}
main .current {
		color: #fff;
		background: #005BE4;
		border: 1px solid #005BE4 !important;
}
main .extend {
		color: #005BE4;
}
main .wp-pagenavi .first, main .wp-pagenavi .last {
		display: none
}
main a.previouspostslink, main a.nextpostslink {
		position: relative;
		background: none;
		color: rgba(255, 255, 255, 0) !important;
}
main a.previouspostslink::after, main a.nextpostslink::after {
		content: '';
		display: block;
		position: absolute;
		width: 7px;
		height: 7px;
		pointer-events: none;
		top: calc(50% - 4px);
}
main a.previouspostslink::after {
		border-top: 1px solid #005BE4;
		border-left: 1px solid #005BE4;
		transform: rotate(-45deg);
		left: 26px;
}
main a.nextpostslink::after {
		border-top: 1px solid #0168B7;
		border-right: 1px solid #0168B7;
		transform: rotate(45deg);
		right: 26px;
}
@media (hover: hover) {
		main a.previouspostslink:hover, main a.nextpostslink:hover {
				background: #0168B7;
		}
		main a.previouspostslink:hover::after {
				border-top: 1px solid #fff;
				border-left: 1px solid #fff;
		}
		main a.nextpostslink:hover::after {
				border-top: 1px solid #fff;
				border-right: 1px solid #fff;
		}
}
@media(max-width: 960px) {
		main .wp-pagenavi a, main .wp-pagenavi span, main a.previouspostslink, main a.nextpostslink {
				width: 44px;
				height: 44px;
				margin-right: 15px;
		}
		main a.previouspostslink::after {
				left: 26px;
		}
		main a.nextpostslink::after {
				right: 26px;
		}
}
@media(max-width: 767px) {
		main .wp-pagenavi {
				margin: 40px 0 0;
				display: flex;
				justify-content: center;
				align-items: center;
		}
		main .wp-pagenavi a, main .wp-pagenavi span, main a.previouspostslink, main a.nextpostslink {
				width: 44px;
				height: 44px;
				margin: 0 10px;
				font-size: 18px;
		}
		main a.previouspostslink::after, main a.nextpostslink::after {
				width: 6px;
				height: 6px;
				top: calc(50% - 3px);
		}
		main a.previouspostslink::after {
				left: 18px;
		}
		main a.nextpostslink::after {
				right: 18px;
		}
}
/* ========== */
.alignright {
		text-align: right;
}
.alignCenter {
		display: flex;
		justify-content: center;
}
/* ========== */
@media(min-width: 767px) {
		.mobileBr {
				display: none
		}
}
@media(max-width: 960px) {
		.tabletBr {
				display: none
		}
}
@media(max-width: 767px) {
		.pcBr {
				display: none
		}
}
@media(min-width: 601px) {
		.mobileMX {
				display: none
		}
}
@media(max-width: 600px) {
		.mobileHrMin {
				display: none
		}
}
.clear {
		clear: both;
}
/* ========== */
.fadeInNml {
		opacity: 0;
		transition: opacity 0.3s linear;
}
.fadeInNmlActive {
		opacity: 1;
}