@charset "UTF-8";

/*-------------------------------------------------
	Base
-------------------------------------------------*/
:root {
	--nsk-green: #12ab83;
	--nsk-txt-color: #595757;
	--gjsk-navy-mid: rgba(0,102,153,.4);
	--gjsk-grey-mid: rgba(136,153,153,.4);
}
body.home {
	color: var(--nsk-txt-color);
}
body.home .ly_container {
	background-color: #fff;
}
.ly_w_mid {
	width: 736px;
}
.ly_w_wide {
	width: 1020px;
}
body.home .ly_footer {
	background: var(--nsk-green);
}
@media screen and (max-width: 666px) {
	body.home .ly_contents {
		padding-bottom: 200px;
	}
	.bl_header.ly_w_wide {
		width: 100%;
	}
}

/*-------------------------------------------------
	first-view
-------------------------------------------------*/
.ly_first_logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 154px;
	margin-bottom: 72px;
	width: 100%;
}
.un_first_logo {
	font-weight: 400;
	font-size: 8rem;
	line-height: 1;
	letter-spacing: .06em;
	text-align: center;
	color: var(--nsk-green);
	transform: scale(.9, 1);
	transform-origin: center;
}
.bl_bnr_lead {
	margin-top: 5em;
	padding-bottom: 124px;
}
.bl_bnr_lead a {
	color: var(--nsk-green);
	border-bottom: 1px solid var(--nsk-green);
}
@media screen and (max-width: 666px) {
	#first-view {
		padding: 0;
	}
	.ly_first_logo {
		margin-top: 65px;
		margin-bottom: 42px;
	}
	.un_first_logo {
		font-size: 5rem;
		font-size: clamp(27px, 8.533vw, 35px);
		line-height: 1.2;
	}
	.bl_bnr_lead {
		margin-top: 0;
		padding-bottom: 0;
	}
}

/*-------------------------------------------------
	Banner
-------------------------------------------------*/
.ly_bnr {
	margin-bottom: 55px;
}
.bl_bnr {
	width: calc(50% - 30px);
}
.bl_bnr:nth-of-type(n + 3) {
	margin-top: 65px;
}
.bl_bnr a {
	display: block;
	color: var(--nsk-txt-color);
}
.el_bnr_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 35px;
}
.el_bnr_ttl span {
	display: block;
	margin-top: -0.1em;
	font-weight: 500;
	font-size: 1.7rem;
	line-height: 1.5;
}
.el_bnr_ttl.navy {
	background: var(--gjsk-navy-mid);
}
.el_bnr_ttl.grey {
	background: var(--gjsk-grey-mid);
}
.el_bnr_img::before {
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	background: center / 30px 24px no-repeat url("../img/top/arrow_double.svg");
}
.el_bnr_txt {
	margin-top: 1.2em;
	font-size: 1.5rem;
	line-height: 1.7;
}
.hp_img_waku {
	border: 1px solid #868686;
}
.hp_txt_nsko {
	letter-spacing: 0.05em;
	font-feature-settings: "palt";
}
/* Column 3 */
.ly_bnr.column_3 {
	margin-top: 110px;
}
.ly_bnr.column_3 .ly_flex {
	justify-content: flex-start;
	gap: 60px;
}
.ly_bnr.column_3 .bl_bnr {
	width: calc((100% - 120px) / 3);
}
.ly_bnr.column_3 .el_bnr_img::before {
	display: none;
}
.ly_bnr.column_3 .bl_bnr:nth-of-type(n + 3) {
	margin-top: 0;
}
.ly_bnr.column_3 .el_bnr_img.ratio_3_2 {
	aspect-ratio: 3 / 2;
    overflow: hidden;
}
.ly_bnr.column_3 .el_bnr_img.ratio_3_2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
@media screen and (max-width: 666px) {
	.bl_bnr, .bl_bnr:nth-of-type(n + 3) {
		margin-top: 45px;
		width: 100%;
	}
	.el_bnr_ttl {
		margin-left: -20px;
		margin-bottom: 35px;
		width: 100vw;
	}
	.el_bnr_ttl span {
		font-size: 1.6rem;
	}
	.el_bnr_img::before {
		display: none;
	}
	.el_bnr_txt {
		margin-top: 1em;
		font-size: 1.4rem;
		line-height: 1.7;
	}
	/* Column 3 */
	.ly_bnr.column_3 {
		margin-top: 75px;
	}
	.ly_bnr.column_3 .ly_flex {
		display: flex;
		flex-direction: column;
		align-content: center;
		gap: 30px;
	}
	.ly_bnr.column_3 .bl_bnr {
		margin-top: 0;
		width: calc(100% - 40px);
	}
}