@charset "utf-8";
/*
	Last Update: 2023/10/7
	Auther: sa
*/
/*===================================================================
	page layout
===================================================================*/
.support {
	margin-top: 5.1875rem;
	padding-bottom: 6.5625rem;
	color: #4a4a4a;
}
.support__inner {
	max-width: 70.625rem;
	width: 100%;
	padding: 0 1.5625rem;
	margin: 0 auto;
}
.support section+section {
	margin-top: 6.1875rem;
}
.support-message {
	text-align: center;
}
.support-message__container {
	padding: 2.9375rem 2.8125rem 2.125rem;
	background-color: #ECF5F9;
	display: flex;
	gap: 4%;
	text-align: start;
}
.support-message__content {
	width: 70%;
}
.support-message__title {
	color: #2869AA;
	font-size: 1.75rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 0.9;
}
.support-message__text {
	margin-top: 2.75rem;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.941176;
}
.support-message__img-wrap {
	width: 27%;
	text-align: center;
}
.support-message__img {
	max-width: 16.4375rem;
	width: 100%;
}
.support-message__img img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 263/373;
}
.support-message__name-title {
	margin-top: 1rem;
	font-size: 1.0625rem;
	letter-spacing: 0.05em;
	font-weight: 500;
}
.support-message__name {
	font-size: 1.625rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.15384;
}
.support-list {
	text-align: center;
}
.support-list__wrap {
	margin-top: 4.1875rem;
}
.support-list__item {
	text-align: start;
}
.support-list__item+.support-list__item {
	margin-top: 4.375rem;
}
.support-list__content {
	display: flex;
	gap: 3.5%;
	margin-top: 3.3125rem;
}
.support-list__item:nth-of-type(even) .support-list__content {
	flex-direction: row-reverse;
}
.support-list__img {
	max-width: 27.75rem;
	width: 46%;
}
.support-list__img img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 444/421;
}
.support-list__text {
	width: 61%;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.94117;
}
.support-career {
	text-align: center;
}
.support-career__wrap {
	margin-top: 4.5rem;
}
.support-career__img {
	width: 100%;
}
.support-career__img img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1080/426;
}
.support-career_text {
	text-align: start;
	margin-top: 3.25rem;
	line-height: 1.94117;
	font-weight: 500;
	font-size: 1.0625rem;
}
@media (max-width: 767px) {
	.support {
		margin-top: 3rem;
		padding-bottom: 3rem;
	}
	.support section+section {
		margin-top: 3rem;
	}
	.message-top {
		margin-top: 3rem;
	}
	.support-message__container {
		flex-direction: column-reverse;
		align-items: center;
		padding: 2.9375rem 1.5rem;
		margin-top: 3rem;
	}
	.support-message__img-wrap {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.support-message__content {
		width: 100%;
		text-align: center;
	}
	.support-message__text {
		margin-top: 2.3rem;
		text-align: start;
	}
	.support-message__title {
		margin-top: 2.75rem;
		font-size: 1.5rem;
		line-height: 1.5;
		text-align: center;
	}
	.support-list__wrap {
		margin-top: 3rem;
	}
	.support-list__content {
		margin-top: 2.5rem;
	}
	.support-list__content {
		flex-direction: column;
	}
	.support-list__item:nth-of-type(even) .support-list__content {
		flex-direction:column;
	}
	.support-list__img {
		width: 100%;
		margin: 0 auto;
	}
	.support-list__text {
		width: 100%;
		margin-top: 2.5rem;
	}
}

._z1 { position:relative; z-index:1; }
._z2 { position:relative; z-index:2; }
.system_wrap { position:relative; }
.system_wrap::before { content:""; width:100vw; height:360px; position:absolute; background:#FDF7F1; display:block; top:50%; left:50%; transform:translate(-50%,-50%) skewY(-20deg); }
.system_wrap .unit { text-align:left; }
.system_wrap .unit p { font-size:1.1em; line-height:1.8; }
.system_wrap .support_unit:not(:last-child) { margin-bottom:15px; }
.system_wrap .hl_support1 { color:#2869AA; display:block; padding-bottom:5px; border-bottom:1px solid #2869AA; margin-bottom:30px; letter-spacing:2px; font-size:2em; font-weight:normal; }
.system_wrap .hl_support2 { line-height:1.2; margin-bottom:20px; padding-left:5px; border-left:6px solid #2869AA; font-size:1.5em; font-weight:bold; letter-spacing:1px; }
.system_wrap .hl_support3 { font-weight:bold; margin-bottom:10px; font-size:1.5em; color:#2869AA; letter-spacing:1px; }
.system_wrap .support_button { display:inline-flex; align-items:center; justify-content:center; padding:5px 30px; width:100%; background:linear-gradient(to right bottom, #FF5A03, #FF8103); color:#fff; text-align:center; border-bottom:5px solid #BE5F00; border-radius:150px; position:relative; }
.system_wrap .support_button::before { content:""; width:22px; height:22px; mask:url(../image/icon/new-window_icon.png) no-repeat center center / contain; -webkit-mask:url(../image/icon/new-window_icon.png) no-repeat center center / contain; background:#fff; display:block; position:absolute; top:50%; right:20px; transform:translateY(-50%); }
.system_wrap .button_wrap { margin-bottom:20px; }
.system_wrap .support_button .main { font-weight:bold; font-size:1.25em; }
.system_wrap .text_large { font-weight:500; font-size:1.25em; }
.system_wrap .text_large ._orange { font-weight:bold; color:#FF5A03; }
@media (max-width:991px) {
	.system_wrap .support_button .main { font-size:1.1em; }
}
@media (min-width:768px) {
	.system_wrap .row > *:nth-child(2) .unit { margin-top:160px; }
}
@media (max-width:767px) {
	.system_wrap .row > *:nth-child(1) .unit { margin-bottom:20px; }
}

#body { overflow-x:hidden; }
