@charset "UTF-8";
@font-face {
	font-family: sans-serif;
}
main {
	margin-top: 68px;
	background-color: #191A1C;
	overflow: hidden;
}
@media screen and (max-width: 1295px) {
	main {
		margin-top: 60px;
	}
}

.topMain {
	background-color: inherit;
}

@-webkit-keyframes imageBlur {
	from {
		opacity: 0;
		-moz-filter: blur(15px);
		-ms-filter: blur(15px);
		-o-filter: blur(15px);
		filter: blur(15px);
	}
	to {
		opacity: 1;
		-moz-filter: blur(0px);
		-ms-filter: blur(0px);
		-o-filter: blur(0px);
		filter: blur(0px);
	}
}

@keyframes imageBlur {
	from {
		opacity: 0;
		-moz-filter: blur(8px);
		-ms-filter: blur(8px);
		-o-filter: blur(8px);
		filter: blur(8px);
	}
	to {
		opacity: 1;
		-moz-filter: blur(0px);
		-ms-filter: blur(0px);
		-o-filter: blur(0px);
		filter: blur(0px);
	}
}
.fade,
.fade.fade-after::after {
	opacity: 0;
	transition: transform 0.8s linear;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.fade.fade-after {
	opacity: 1;
	transition: none;
	animation: none;
}

.fade.fade-in,
.fade.fade-after.fade-in::after {
	-webkit-animation-name: imageBlur;
	animation-name: imageBlur;
	opacity: 1;
	transition: 0.3s;
}

.fade.fade-after.fade-in {
	animation: none;
}

.delay-time02 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.delay-time04 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.delay-time06 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.delay-time08 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.delay-time10 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.delay-time12 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.FV {
	background-color: #191A1C;
	position: relative;
}
.FV::before {
	content: "";
	background-image: url("../image/FV-shadow.webp");
	background-size: cover;
	background-position: center;
	width: 100vw;
	aspect-ratio: 160/13;
	position: absolute;
	top: 0;
	right: 0;
	box-shadow: inset 0 60px 80px #191A1C;
	z-index: 3;
}
@media screen and (max-width: 540px) {
	.FV::before {
		display: none;
	}
}
.FV::after {
	content: "";
	background-image: url("../image/FV-shadow.webp");
	background-size: cover;
	background-position: center;
	width: 100vw;
	aspect-ratio: 160/13;
	position: absolute;
	bottom: -40px;
	right: 0;
	box-shadow: inset 0 -60px 80px #191A1C;
	z-index: 3;
}
@media screen and (max-width: 560px) {
	.FV::after {
		display: none;
	}
}

.FV-img {
	position: relative;
}
.FV-img::after {
	content: "";
	background: linear-gradient(to bottom, rgba(13, 14, 12, 0.5882352941), rgba(232, 232, 232, 0.1098039216), rgba(13, 14, 12, 0.5568627451));
	width: 100vw;
	aspect-ratio: 1600/703;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 560px) {
	.FV-img::after {
		aspect-ratio: 375/667;
	}
}
@media screen and (max-width: 560px) {
	.FV-img::before {
		content: "";
		width: 100vw;
		aspect-ratio: 375/123;
		background-image: url("../image/FV-shadow.webp");
		background-size: cover;
		background-position: center;
		position: absolute;
		bottom: 0;
		left: 0;
	}
}

.FV__wrap {
	position: absolute;
	top: 20px;
	left: 100px;
	z-index: 4;
}
@media screen and (max-width: 1295px) {
	.FV__wrap {
		left: 40px;
	}
}
@media screen and (max-width: 540px) {
	.FV__wrap {
		width: 100vw;
		height: 123px;
		background-image: url("../image/FV-shadow.webp");
		background-size: cover;
		background-position: center;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		justify-content: end;
		align-items: center;
		padding-bottom: 24px;
	}
	.FV__wrap::after {
		content: "";
		position: absolute;
		width: 85vw;
		height: 123px;
		background-color: #0D0E0C;
		top: 0;
		left: 0;
	}
}

.FV__wrap--ttl {
	font-size: 36px;
	letter-spacing: 11.52px;
	line-height: 1.4444444444;
}
@media screen and (max-width: 832px) {
	.FV__wrap--ttl {
		font-size: 20px;
	}
}
@media screen and (max-width: 540px) {
	.FV__wrap--ttl {
		text-align: center;
		position: relative;
		z-index: 3;
	}
}

.FV__wrap-subttl {
	letter-spacing: 10px;
	font-size: 25px;
	line-height: 1.44;
}
@media screen and (max-width: 832px) {
	.FV__wrap-subttl {
		font-size: 20px;
	}
}
@media screen and (max-width: 540px) {
	.FV__wrap-subttl {
		text-align: center;
		position: relative;
		z-index: 3;
	}
}

.FV__catch {
	position: absolute;
	bottom: 16px;
	right: 100px;
	z-index: 4;
}
@media screen and (max-width: 1295px) {
	.FV__catch {
		right: 40px;
	}
}
@media screen and (max-width: 560px) {
	.FV__catch {
		right: calc(50vw - 158px);
		bottom: 160px;
	}
}

.FV__catch--ttl {
	font-size: 26px;
	letter-spacing: 10.4px;
	line-height: 1.4230769231;
}
@media screen and (max-width: 832px) {
	.FV__catch--ttl {
		font-size: 20px;
	}
}
@media screen and (max-width: 560px) {
	.FV__catch--ttl {
		letter-spacing: 6.4px;
	}
}

.FV__catch--name {
	width: 226.88px;
	height: 11.58px;
	margin-left: auto;
	transform: translate(-24px, 10px);
}
@media screen and (max-width: 832px) {
	.FV__catch--name {
		width: 187px;
		height: 9px;
	}
}
@media screen and (max-width: 560px) {
	.FV__catch--name {
		transform: translate(0px, 10px);
	}
}

.FV--scroll {
	position: absolute;
	left: 60px;
	bottom: -50px;
	z-index: 4;
}
@media screen and (max-width: 1295px) {
	.FV--scroll {
		left: 40px;
	}
}
@media screen and (max-width: 560px) {
	.FV--scroll {
		left: 50%;
		transform: translateX(-50%);
		bottom: 20px;
	}
}

.FV--scroll--span {
	width: 1px;
	height: 50px;
	background-color: #F5F6F4;
	display: block;
	transform: translate(10px, 8px);
	position: relative;
}
.FV--scroll--span::after {
	content: "";
	width: 1px;
	height: 6px;
	background-color: #F5F6F4;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-3px);
	rotate: -45deg;
}
@media screen and (max-width: 560px) {
	.FV--scroll--span::after {
		display: none;
	}
}
@media screen and (max-width: 1295px) {
	.FV--scroll--span {
		transform: translate(6px, 8px);
	}
}
@media screen and (max-width: 560px) {
	.FV--scroll--span {
		width: 0.7px;
		height: 6px;
		transform: rotate(-135deg);
		transform-origin: left top;
	}
}

.FV--scroll--txt {
	writing-mode: vertical-rl;
	color: #F5F6F4;
	line-height: 1.1875;
	font-family: "segou", sans-serif;
}
@media screen and (max-width: 832px) {
	.FV--scroll--txt {
		font-size: 12px;
	}
}
@media screen and (max-width: 560px) {
	.FV--scroll--txt {
		padding-left: 4px;
		padding-bottom: 12px;
		border-left: 1px solid #F5F6F4;
		padding-top: 2px;
	}
}

.philosophy {
	background-color: #0D0E0C;
	padding: 116px 0 80px;
	display: flex;
}
@media screen and (max-width: 1295px) {
	.philosophy {
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 832px) {
	.philosophy {
		flex-direction: column;
	}
}
@media screen and (max-width: 560px) {
	.philosophy {
		padding-top: 80px;
		gap: 40px;
	}
}

.phi--img {
	width: calc(100vw - 770px);
	aspect-ratio: 75/52;
	position: relative;
}
.phi--img::after {
	content: "";
	width: 100vw;
	aspect-ratio: 1600/157;
	position: absolute;
	bottom: 40px;
	left: 0;
	background-image: url("../image/phi-shadow.webp");
	background-size: cover;
	background-position: center;
}
@media screen and (max-width: 1295px) {
	.phi--img::after {
		bottom: 80px;
	}
}
@media screen and (max-width: 832px) {
	.phi--img::after {
		left: calc((50vw - 280px) * -1);
		bottom: -20px;
	}
}
@media screen and (max-width: 560px) {
	.phi--img::after {
		background-image: url("../image/philosopy-sp.webp");
		background-size: cover;
		background-position: center;
		left: 0;
		bottom: 0px;
	}
}
@media screen and (max-width: 1295px) {
	.phi--img {
		width: calc(100vw - 500px);
	}
}
@media screen and (max-width: 832px) {
	.phi--img {
		width: 560px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.phi--img {
		width: 100%;
	}
}

.phi__content {
	width: 53.125vw;
	aspect-ratio: 850/670;
	background-color: #0D0E0C;
	position: relative;
	z-index: 3;
}
@media screen and (max-width: 1295px) {
	.phi__content {
		width: 500px;
		padding: 0 24px;
	}
}
@media screen and (max-width: 832px) {
	.phi__content {
		width: 560px;
		margin: 0 auto;
		padding: 0;
	}
}
@media screen and (max-width: 560px) {
	.phi__content {
		width: 355px;
	}
}

.phi__content--block {
	width: 48.125vw;
	height: 590px;
	padding: 0 calc((48.125vw - 584px) / 2);
}
@media screen and (max-width: 1295px) {
	.phi__content--block {
		height: 360px;
	}
}
@media screen and (max-width: 832px) {
	.phi__content--block {
		height: 340px;
		width: 560px;
	}
}
@media screen and (max-width: 560px) {
	.phi__content--block {
		width: 355px;
		height: 524px;
		margin: 0 auto;
	}
}
.phi__content--block.csr__content--block {
	height: auto;
}
.phi__content--block.csr__content--block h2 {
	position: relative;
}
.phi__content--block.csr__content--block h2::after {
	content: "CSR";
	font-size: 30px;
	font-family: "segou", sans-serif;
	letter-spacing: 1.2px;
	line-height: 1.2;
	color: #707070;
	position: absolute;
	bottom: -20px;
	right: 0;
	white-space: nowrap;
	opacity: 0.2;
}
@media screen and (max-width: 1295px) {
	.phi__content--block.csr__content--block h2::after {
		font-size: 24px;
		bottom: 0;
		right: 16px;
	}
}
@media screen and (max-width: 560px) {
	.phi__content--block.csr__content--block h2::after {
		font-size: 20px;
		right: -12px;
	}
}

.phi__content--ttl {
	padding-top: 64px;
}
@media screen and (max-width: 832px) {
	.phi__content--ttl.csr__content--ttl {
		padding-left: 64px;
	}
}
@media screen and (max-width: 560px) {
	.phi__content--ttl.csr__content--ttl {
		padding-left: 44px;
	}
}
.phi__content--ttl h2 {
	position: relative;
}
.phi__content--ttl h2::after {
	content: "CEO MESSAGE";
	font-size: 30px;
	font-family: "segou", sans-serif;
	letter-spacing: 1.2px;
	line-height: 1.2;
	color: #707070;
	position: absolute;
	bottom: -20px;
	right: 0;
	white-space: nowrap;
	opacity: 0.2;
}
@media screen and (max-width: 1295px) {
	.phi__content--ttl h2::after {
		font-size: 24px;
		bottom: 0;
		right: 16px;
	}
}
@media screen and (max-width: 560px) {
	.phi__content--ttl h2::after {
		font-size: 20px;
		right: -12px;
	}
}
@media screen and (max-width: 1295px) {
	.phi__content--ttl {
		padding-top: 24px;
	}
}
@media screen and (max-width: 560px) {
	.phi__content--ttl {
		padding: 60px 35.5px 0 47.5px;
	}
}

.phi__content--subttl {
	padding: 0 24px 30px 0;
}
@media screen and (max-width: 1295px) {
	.phi__content--subttl {
		padding: 0 16px 20px 16px;
	}
}
@media screen and (max-width: 560px) {
	.phi__content--subttl {
		padding: 30px 0 30px 30px;
	}
}
.phi__content--subttl p {
	padding-bottom: 30px;
}
@media screen and (max-width: 1295px) {
	.phi__content--subttl p {
		padding-bottom: 12px;
	}
}
@media screen and (max-width: 832px) {
	.phi__content--subttl p {
		padding-bottom: 4px;
	}
}

.phi__content--txt {
	padding-bottom: 28px;
}
@media screen and (max-width: 1295px) {
	.phi__content--txt {
		padding-bottom: 12px;
	}
}

.phi__cotent--desc {
	padding-bottom: 20px;
}
@media screen and (max-width: 560px) {
	.phi__cotent--desc {
		padding: 0 30px 45px;
	}
}
.phi__cotent--desc.csr__content--desc {
	padding: 0 30px 30px;
}

.news {
	background-color: #191A1C;
	padding: 105.5px 0;
}
@media screen and (max-width: 1295px) {
	.news {
		padding: 65.5px 0 80px;
	}
}
@media screen and (max-width: 560px) {
	.news {
		padding-top: 0;
		padding-bottom: 60px;
	}
}

.newsBlock {
	width: 1155px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 1295px) {
	.newsBlock {
		width: 840px;
	}
}
@media screen and (max-width: 832px) {
	.newsBlock {
		flex-direction: column;
		width: 560px;
	}
}
@media screen and (max-width: 560px) {
	.newsBlock {
		width: 335px;
	}
}

.news__heading {
	padding-top: 24px;
	flex: 1;
	right: inherit;
}
.news__heading h2 {
	position: relative;
}
.news__heading h2::after {
	content: "NEWS CONTENTS";
	font-size: 30px;
	font-family: "segou", sans-serif;
	letter-spacing: 1.2px;
	line-height: 1.2;
	color: #707070;
	position: absolute;
	bottom: -20px;
	right: 0;
	white-space: nowrap;
	opacity: 0.2;
	z-index: -1;
}
@media screen and (max-width: 1295px) {
	.news__heading h2::after {
		font-size: 24px;
		bottom: 0;
		right: 16px;
	}
}
@media screen and (max-width: 560px) {
	.news__heading h2::after {
		font-size: 20px;
		right: -12px;
	}
}
.news__heading h2::after {
	left: -24px;
	color: #0D0E0C;
	opacity: 0.8;
}
@media screen and (max-width: 1295px) {
	.news__heading h2::after {
		bottom: -18px;
	}
}
@media screen and (max-width: 560px) {
	.news__heading h2::after {
		right: 0;
		left: inherit;
		bottom: 0;
	}
}
@media screen and (max-width: 832px) {
	.news__heading {
		width: 560px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.news__heading {
		width: 100%;
		padding-top: 60px;
	}
}

.news__body {
	width: 880px;
}
@media screen and (max-width: 1295px) {
	.news__body {
		width: 620px;
	}
}
@media screen and (max-width: 832px) {
	.news__body {
		width: 560px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.news__body {
		width: 100%;
	}
}

.news__list {
	padding-bottom: 50px;
}

.news__list--item {
	display: flex;
	justify-content: space-between;
	padding: 2rem 2rem 2rem 0;
	border-bottom: 1px solid #F5F6F4;
}
@media screen and (max-width: 560px) {
	.news__list--item {
		flex-direction: column;
		gap: 12px;
	}
}
@media screen and (max-width: 560px) {
	.news__list--item {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.news__list--item:nth-of-type(1) {
		border-top: 1px solid #F5F6F4;
	}
}

.news__list--wrap {
	display: flex;
	gap: 12px;
}

.news--date {
	font-size: 14px;
	color: #F5F6F4;
	letter-spacing: 5.6px;
	line-height: 1.2142857143;
	font-weight: 400;
}
@media screen and (max-width: 560px) {
	.news--date {
		letter-spacing: 1.4px;
		line-height: 1.7142857143;
		font-weight: 200;
	}
}

.news--category {
	background-color: #F5F6F4;
	font-size: 14px;
	letter-spacing: 1.12px;
	width: 150px;
	height: 24px;
	text-align: center;
	color: #0D0E0C;
	font-weight: 400;
	transform: translateY(3px);
}
@media screen and (max-width: 832px) {
	.news--category {
		width: 100px;
		height: 20px;
	}
}

.news--content {
	color: #F5F6F4;
	letter-spacing: 1.6px;
	line-height: 1.5;
}

.business {
	background-color: #0D0E0C;
	padding-top: 80px;
	padding-bottom: 100px;
}
@media screen and (max-width: 832px) {
	.business {
		padding-bottom: 60px;
	}
}
@media screen and (max-width: 560px) {
	.business {
		padding-top: 60px;
	}
}

.business__body {
	display: flex;
	flex-direction: column;
	gap: 80px;
}
@media screen and (max-width: 1295px) {
	.business__body {
		gap: 120px;
	}
}
@media screen and (max-width: 560px) {
	.business__body {
		gap: 45px;
	}
}

.business__title {
	position: absolute;
	top: -36px;
	left: calc(50vw - 600px);
	display: flex;
	gap: 24px;
	z-index: 3;
}
@media screen and (max-width: 1295px) {
	.business__title {
		left: inherit;
		top: -48px;
	}
}
@media screen and (max-width: 832px) {
	.business__title {
		top: 196px;
		left: calc(50vw - 280px);
	}
}
@media screen and (max-width: 560px) {
	.business__title {
		left: calc((100vw - 355px) / 2);
		top: calc(64.5333333333vw - 10px);
		width: 355px;
		justify-content: space-between;
	}
}
@media screen and (max-width: 560px) {
	.business__title.business__title--consulting {
		display: block;
	}
	.business__title.business__title--consulting .business__title--name {
		transform: translate(100px, -16px);
	}
}

.business__title--name {
	color: #F5F6F4;
	font-size: 32px;
	letter-spacing: 3.2px;
	line-height: 1.4375;
	text-shadow: 1px 2px 3px #707070;
}
@media screen and (max-width: 832px) {
	.business__title--name {
		font-size: 20px;
	}
}
@media screen and (max-width: 560px) {
	.business__title--name {
		transform: translateY(6px);
	}
}
@media screen and (max-width: 1295px) {
	.business__title--name.sub {
		font-size: 24px;
	}
}
@media screen and (max-width: 560px) {
	.business__title--name.sub {
		font-size: 20px;
		letter-spacing: 1.6px;
		line-height: 1.45;
	}
}

.business__Upper {
	width: 1202px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 120px;
}
@media screen and (max-width: 1295px) {
	.business__Upper {
		width: auto;
		padding-right: 12px;
	}
}
@media screen and (max-width: 832px) {
	.business__Upper {
		flex-direction: column;
		width: 560px;
		margin: 0 auto;
		gap: 24px;
	}
}
@media screen and (max-width: 560px) {
	.business__Upper {
		width: 293px;
		padding-bottom: 80px;
	}
}

.business__heading {
	padding-top: 20px;
}
@media screen and (max-width: 560px) {
	.business__heading {
		padding-left: 16px;
	}
}
.business__heading h2 {
	position: relative;
}
.business__heading h2::after {
	content: "BUSINESS CONTENTS";
	font-size: 30px;
	font-family: "segou", sans-serif;
	letter-spacing: 1.2px;
	line-height: 1.2;
	color: #707070;
	position: absolute;
	bottom: -20px;
	right: 0;
	white-space: nowrap;
	opacity: 0.2;
}
@media screen and (max-width: 1295px) {
	.business__heading h2::after {
		font-size: 24px;
		bottom: 0;
		right: 16px;
	}
}
@media screen and (max-width: 560px) {
	.business__heading h2::after {
		font-size: 20px;
		right: -12px;
	}
}
.business__heading h2::after {
	left: -24px;
}
@media screen and (max-width: 1295px) {
	.business__heading h2::after {
		bottom: -18px;
	}
}
@media screen and (max-width: 560px) {
	.business__heading h2::after {
		left: inherit;
		right: 0;
		bottom: 0;
	}
}

.businessBtn-sp {
	margin-bottom: 24px;
}

.business__list {
	width: 760px;
	display: flex;
	gap: 48px 80px;
	flex-wrap: wrap;
}
@media screen and (max-width: 1295px) {
	.business__list {
		gap: 25px 40px;
		width: 640px;
	}
}
@media screen and (max-width: 832px) {
	.business__list {
		width: 560px;
		justify-content: space-evenly;
	}
}
@media screen and (max-width: 560px) {
	.business__list {
		width: 293px;
		gap: 24px 0;
		justify-content: space-between;
	}
}

.business__block {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	position: relative;
}
@media screen and (max-width: 1295px) {
	.business__block {
		gap: 12px;
	}
}
@media screen and (max-width: 832px) {
	.business__block {
		flex-direction: column;
		gap: 40px;
	}
}
@media screen and (max-width: 560px) {
	.business__block {
		padding: 0;
	}
}
.business__block .business__title--subname {
	height: 48px;
}
.business__block:nth-of-type(1) .business__title--subname {
	width: 284px;
}
@media screen and (max-width: 832px) {
	.business__block:nth-of-type(1) .business__title--subname {
		width: 200px;
	}
}
.business__block:nth-of-type(2) .business__title--subname {
	width: 312px;
}
@media screen and (max-width: 832px) {
	.business__block:nth-of-type(2) .business__title--subname {
		width: 214px;
	}
}
.business__block:nth-of-type(3) .business__title--subname {
	width: 196px;
}
@media screen and (max-width: 832px) {
	.business__block:nth-of-type(3) .business__title--subname {
		width: 140px;
	}
}
.business__block:nth-of-type(4) .business__title--subname {
	width: 396px;
}
@media screen and (max-width: 832px) {
	.business__block:nth-of-type(4) .business__title--subname {
		width: 216px;
	}
}
@media screen and (max-width: 560px) {
	.business__block:nth-of-type(4) .business__title--subname {
		width: 230px;
		height: 32px;
		transform: translateY(4px);
	}
}
@media screen and (max-width: 560px) {
	.business__block:nth-of-type(4) .business__title {
		gap: 0;
	}
}
@media screen and (max-width: 560px) {
	.business__block:nth-of-type(4) .business__title--name {
		letter-spacing: 1.6px;
	}
}
.business__block:nth-of-type(5) .business__title--subname {
	width: 308px;
}
@media screen and (max-width: 832px) {
	.business__block:nth-of-type(5) .business__title--subname {
		width: 190px;
	}
}
@media screen and (max-width: 560px) {
	.business__block.business__block--consulting {
		gap: 60px;
	}
}

.business #Chintai .business__title--subname{
	width: 307px;
	height: auto;
}

@media screen and (max-width: 832px) {
	.business #Chintai .business__title--subname{
		width: 220px;
	}
}

.business #interiorSales .business__title--subname{
	width: 145px;
	height: auto;
}

@media screen and (max-width: 832px) {
	.business #interiorSales .business__title--subname{
		width: 105px;
	}
}

.business #energyBusiness .business__title--subname{
	width: 120px;
	height: auto;
}

@media screen and (max-width: 832px) {
	.business #energyBusiness .business__title--subname{
		width: 85px;
	}
}

@media screen and (max-width: 832px) {
	.business #Consulting .business__title--subname{
		width: 230px;
	}
}

.subBusinessLower #Chintai .business__title--subname{
	width: 305px;
	height: auto;
}

@media screen and (max-width: 832px) {
	.subBusinessLower #Chintai .business__title--subname{
		width: 265px;
	}
}

@media screen and (max-width: 560px) {
	.subBusinessLower #Chintai .business__title--subname{
		width: 220px;
	}
}


.subBusinessLower #interiorSales .business__title--subname{
	width: 142px;
	height: auto;
}

@media screen and (max-width: 832px) {
	.subBusinessLower #interiorSales .business__title--subname{
		width: 130px;
	}
}

@media screen and (max-width: 560px) {
	.subBusinessLower #interiorSales .business__title--subname{
		width: 100px;
	}
}

.subBusinessLower #energyBusiness .business__title--subname{
	width: 115px;
	height: auto;
}

@media screen and (max-width: 832px) {
	.subBusinessLower #energyBusiness .business__title--subname{
		width: 110px;
	}
}

@media screen and (max-width: 560px) {
	.subBusinessLower #energyBusiness .business__title--subname{
		width: 90px;
	}
}

.business--img {
	width: calc(100vw - 550px);
	position: relative;
}
@media screen and (max-width: 1295px) {
	.business--img {
		flex: 1;
	}
}
@media screen and (max-width: 832px) {
	.business--img {
		width: 560px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.business--img {
		width: 100%;
	}
}
.business--img::before {
	content: "";
	width: calc((100vw - 550px) / 2);
	height: 360px;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(27, 27, 27));
}
@media screen and (max-width: 832px) {
	.business--img::before {
		height: 191px;
	}
}
@media screen and (max-width: 560px) {
	.business--img::before {
		width: 74.1333333333vw;
		height: inherit;
		aspect-ratio: 278/242;
	}
}
.business--img img {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
}

.business__content {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 1295px) {
	.business__content {
		flex: inherit;
	}
}

.business__content--wrap {
	width: 458px;
	height: 353px;
	border: 0.5px solid #F5F6F4;
	border-left: 1px solid #F5F6F4;
	position: relative;
}
@media screen and (max-width: 832px) {
	.business__content--wrap {
		width: 560px;
		height: 320px;
	}
}
@media screen and (max-width: 560px) {
	.business__content--wrap {
		width: 355px;
		height: 380px;
	}
}

.business__content--heading {
	color: #F5F6F4;
	font-size: 20px;
	letter-spacing: 8px;
	line-height: 2.2;
	padding: 36px 0 24px;
	width: 371px;
	margin: 0 auto;
}
@media screen and (max-width: 832px) {
	.business__content--heading {
		padding-top: 32px;
		line-height: 1.8;
	}
}
@media screen and (max-width: 560px) {
	.business__content--heading {
		letter-spacing: 1.6px;
		width: 100%;
		padding: 30px 20px 36px;
		line-height: 1.45;
	}
}

.business__content--txt {
	color: #F5F6F4;
	width: 371px;
	margin: 0 auto;
	font-size: 14px;
	letter-spacing: 1.4px;
	line-height: 1.4285714286;
}
@media screen and (max-width: 560px) {
	.business__content--txt {
		width: 100%;
		padding: 0 20px;
		line-height: 1.7142857143;
	}
}

.recruit {
	background-color: #F5F6F4;
}

.recruit__heading {
	background-color: #0D0E0C;
	padding: 80px 0 60px;
	position: relative;
}
.recruit__heading::after {
	content: "";
	width: 38px;
	height: 1px;
	background-color: #F5F6F4;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 560px) {
	.recruit__heading {
		padding-bottom: 28px;
	}
	.recruit__heading::before {
		content: "";
		width: 185.1px;
		aspect-ratio: 1/1;
		background-image: url("../image/R-logo.webp");
		background-size: cover;
		background-position: center;
		position: absolute;
		bottom: 0;
		right: calc((100vw - 355px) / 2);
	}
}

.recruit--svg {
	position: relative;
}

.black--svg {
	width: 100vw;
	height: auto;
	position: relative;
	z-index: 3;
}

.gray--svg {
	width: 100vw;
	height: auto;
	position: absolute;
	bottom: -5px;
	left: 0;
}

.recruit__heading--ttl {
	width: 863.17px;
	margin: 0 auto;
	padding-bottom: 28px;
}
@media screen and (max-width: 1295px) {
	.recruit__heading--ttl {
		width: 640px;
	}
}
@media screen and (max-width: 832px) {
	.recruit__heading--ttl {
		width: 560px;
		padding-bottom: 12px;
	}
}
@media screen and (max-width: 560px) {
	.recruit__heading--ttl {
		width: 300px;
		height: 82px;
		margin-bottom: 32px;
	}
}

.recruit__heading--subttl {
	font-size: 20px;
	letter-spacing: 10.4px;
	line-height: 1.4230769231;
	color: #F5F6F4;
	text-align: center;
}
@media screen and (max-width: 832px) {
	.recruit__heading--subttl {
		font-size: 16px;
	}
}
@media screen and (max-width: 560px) {
	.recruit__heading--subttl {
		letter-spacing: 1.28px;
		line-height: 1.5;
	}
}

.recruit__body {
	position: relative;
	padding: 200px 0 120px;
	margin-top: -20px 0;
	overflow: hidden;
}
@media screen and (max-width: 832px) {
	.recruit__body {
		padding-top: 0;
	}
}
@media screen and (max-width: 560px) {
	.recruit__body {
		padding-top: 100px;
		padding-bottom: 0;
	}
}

.recruit__body__content {
	background-color: #0D0E0C;
	width: 850px;
	height: 670px;
	margin-left: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 3;
}
@media screen and (max-width: 1295px) {
	.recruit__body__content {
		width: 624px;
		height: 552px;
		margin-left: 32px;
	}
}
@media screen and (max-width: 832px) {
	.recruit__body__content {
		width: 560px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.recruit__body__content {
		width: 100%;
		height: 700px;
	}
}

.recruit__body--blackBc {
	width: 760px;
	height: 580px;
	position: relative;
	z-index: 3;
	padding: 64px 0 0 70px;
}
@media screen and (max-width: 1295px) {
	.recruit__body--blackBc {
		width: 560px;
		padding-left: 24px;
		height: 486px;
	}
}
@media screen and (max-width: 832px) {
	.recruit__body--blackBc {
		width: 500px;
		padding-top: 32px;
	}
}
@media screen and (max-width: 560px) {
	.recruit__body--blackBc {
		width: 333px;
		height: 606px;
	}
}
.recruit__body--blackBc::after {
	content: "";
	position: absolute;
	width: 760px;
	height: 580px;
	top: 0px;
	left: 0px;
	z-index: -2;
	background-color: #0D0E0C;
}
@media screen and (max-width: 1295px) {
	.recruit__body--blackBc::after {
		width: 560px;
		height: 486px;
	}
}
@media screen and (max-width: 832px) {
	.recruit__body--blackBc::after {
		width: 500px;
	}
}
@media screen and (max-width: 560px) {
	.recruit__body--blackBc::after {
		width: 333px;
		height: 596px;
	}
}
.recruit__body--blackBc::before {
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	background: linear-gradient(to bottom left, #CBCBCB, #0D1538, #5D5E5C);
	width: 770px;
	height: 590px;
	z-index: -3;
}
@media screen and (max-width: 1295px) {
	.recruit__body--blackBc::before {
		width: 570px;
		height: 496px;
	}
}
@media screen and (max-width: 832px) {
	.recruit__body--blackBc::before {
		width: 510px;
	}
}
@media screen and (max-width: 560px) {
	.recruit__body--blackBc::before {
		width: 345px;
		height: 606px;
	}
}

.recruit__section--ttl {
	padding: 0 70px 40px 0;
}
@media screen and (max-width: 1295px) {
	.recruit__section--ttl {
		padding: 0 30px 30px 16px;
	}
}
.recruit__section--ttl h2 {
	position: relative;
}
.recruit__section--ttl h2::after {
	content: "RUSSELL ESTATE RECRUIT";
	font-size: 30px;
	font-family: "segou", sans-serif;
	letter-spacing: 1.2px;
	line-height: 1.2;
	color: #707070;
	position: absolute;
	bottom: -20px;
	right: 0;
	white-space: nowrap;
	opacity: 0.2;
}
@media screen and (max-width: 1295px) {
	.recruit__section--ttl h2::after {
		font-size: 24px;
		bottom: 0;
		right: 16px;
	}
}
@media screen and (max-width: 560px) {
	.recruit__section--ttl h2::after {
		font-size: 20px;
		right: -12px;
	}
}
.recruit__section--ttl h2::after {
	bottom: 0;
}
@media screen and (max-width: 560px) {
	.recruit__section--ttl h2::after {
		bottom: -24px;
	}
}

.recruit--catch {
	padding-right: 43px;
	padding-bottom: 36px;
}
@media screen and (max-width: 1295px) {
	.recruit--catch {
		padding-right: 0;
	}
}
.recruit--catch p {
	font-size: 26px;
	letter-spacing: 6.24px;
	line-height: 1.4230769231;
	padding-bottom: 10px;
}
@media screen and (max-width: 1295px) {
	.recruit--catch p {
		font-size: 20px;
	}
}
@media screen and (max-width: 832px) {
	.recruit--catch p {
		letter-spacing: 3.2px;
	}
}
@media screen and (max-width: 560px) {
	.recruit--catch p {
		display: none;
	}
}
.recruit--catch p.MB-block {
	display: none;
}
@media screen and (max-width: 560px) {
	.recruit--catch p.MB-block {
		display: block;
	}
}

.recruit--txt {
	letter-spacing: 1.6px;
	line-height: 1.5;
	padding-bottom: 45px;
	padding-right: 70px;
}
@media screen and (max-width: 1295px) {
	.recruit--txt {
		font-size: 14px;
		padding-right: 12px;
		padding-bottom: 32px;
	}
}
@media screen and (max-width: 560px) {
	.recruit--txt {
		padding-right: 16px;
		letter-spacing: 1.4px;
		padding-bottom: 48px;
	}
}

.recruit--img {
	position: absolute;
	right: 0;
	top: 120px;
	width: 881px;
	height: 631px;
	z-index: 2;
}
@media screen and (max-width: 1295px) {
	.recruit--img {
		width: 760px;
	}
}
@media screen and (max-width: 832px) {
	.recruit--img {
		position: inherit;
		width: 560px;
		height: auto;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.recruit--img {
		width: 100%;
		top: 6px;
	}
}
.recruit--img::before {
	content: "";
	width: 226px;
	height: 631px;
	position: absolute;
	top: 0px;
	left: 0;
	background: linear-gradient(to left, rgba(245, 246, 244, 0), #fff);
}
@media screen and (max-width: 832px) {
	.recruit--img::before {
		display: none;
	}
}

.recruitBtn {
	padding-right: 70px;
}
@media screen and (max-width: 560px) {
	.recruitBtn {
		padding-right: 20px;
	}
}

.recruitName {
	font-size: 154px;
	font-family: "segou", sans-serif;
	letter-spacing: 61.6px;
	line-height: 1.2012987013;
	position: absolute;
	z-index: 1;
	color: #F5F6F4;
	-webkit-text-stroke: 0.5px #636363;
	text-stroke: 0.5px #636363;
}
@media screen and (max-width: 1295px) {
	.recruitName {
		font-size: 124px;
	}
}
@media screen and (max-width: 560px) {
	.recruitName {
		font-size: 32px;
		letter-spacing: 13.2px;
		line-height: 1.1875;
	}
}

.recruitName--upper {
	top: 0;
	left: 0;
}
@media screen and (max-width: 1295px) {
	.recruitName--upper {
		top: -20px;
	}
}
@media screen and (max-width: 560px) {
	.recruitName--upper {
		top: 60px;
	}
}
.recruitName--upper::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 40.5vw;
	height: 200px;
	background: linear-gradient(to left, rgba(245, 246, 244, 0), #F5F6F4);
}

.recruitName--lower {
	bottom: 40px;
	left: 0;
}
@media screen and (max-width: 560px) {
	.recruitName--lower {
		display: none;
	}
}

.recruitBottom {
	width: 100vw;
	height: 3px;
	background: linear-gradient(to right, #0D0E0C, #0D0E0C, #F5F6F4);
}
@media screen and (max-width: 560px) {
	.recruitBottom {
		display: none;
	}
}

.subFV {
	display: flex;
	flex-direction: row-reverse;
	background-color: #191A1C;
	position: relative;
	padding-bottom: 60px;
}
.subFV::after {
	content: "";
	width: 480px;
	height: 136px;
	background-image: url("../image/subFV-shadow-lower.webp");
	background-size: cover;
	background-position: center;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media screen and (max-width: 1295px) {
	.subFV::after {
		width: 40vw;
	}
}
@media screen and (max-width: 832px) {
	.subFV::after {
		display: none;
	}
}
@media screen and (max-width: 832px) {
	.subFV {
		flex-direction: column;
		padding-top: 8.125vw;
	}
}
@media screen and (max-width: 560px) {
	.subFV {
		padding-bottom: 0px;
		margin-bottom: 20px;
	}
}

.subFV__content {
	width: 50vw;
	padding-top: 240px;
}
@media screen and (max-width: 1295px) {
	.subFV__content {
		padding-top: 120px;
	}
}
@media screen and (max-width: 832px) {
	.subFV__content {
		width: 540px;
		margin: 0 auto;
		padding-top: 60px;
	}
}
@media screen and (max-width: 560px) {
	.subFV__content {
		width: 298px;
		padding-top: 0;
		transform: translateY(-32px);
	}
}

.subFV__content-wrap {
	width: 620px;
	margin: 0 auto;
	padding-left: 40px;
}
@media screen and (max-width: 832px) {
	.subFV__content-wrap {
		padding-left: 0;
	}
}
@media screen and (max-width: 560px) {
	.subFV__content-wrap {
		width: 100%;
	}
}

@media screen and (max-width: 1295px) {
	.subFV__content--txt {
		width: calc(50vw - 40px);
	}
}
@media screen and (max-width: 832px) {
	.subFV__content--txt {
		width: 540px;
	}
}
@media screen and (max-width: 560px) {
	.subFV__content--txt {
		width: 100%;
		padding-top: 20px;
	}
}
.subFV__content--txt p {
	color: #F5F6F4;
	line-height: 1.5;
	padding-bottom: 20px;
	letter-spacing: 1.6px;
}
@media screen and (max-width: 560px) {
	.subFV__content--txt p {
		padding-bottom: 20px;
		letter-spacing: 1.4px;
		line-height: 1.7142857143;
	}
}

.subFV--img {
	width: 50vw;
	position: relative;
}
.subFV--img::before {
	content: "";
	width: 50vw;
	aspect-ratio: 800/980;
	background: linear-gradient(to top, rgba(13, 14, 12, 0.862745098), rgba(0, 0, 0, 0), #0D0E0C);
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 832px) {
	.subFV--img::before {
		aspect-ratio: 610/187;
		width: 100vw;
	}
}
@media screen and (max-width: 560px) {
	.subFV--img::before {
		aspect-ratio: 374/544;
	}
}
.subFV--img::after {
	content: "";
	width: 18.375vw;
	aspect-ratio: 294/980;
	background: linear-gradient(to right, #191A1C, rgba(25, 26, 28, 0));
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 832px) {
	.subFV--img::after {
		display: none;
	}
}
@media screen and (max-width: 832px) {
	.subFV--img {
		width: 100vw;
	}
}

.subFV__content--sp {
	width: 100vw;
	height: 123px;
	position: relative;
	background-image: url("../image/FV-shadow.webp");
	background-size: cover;
	background-position: center;
	transform: translateY(-4px);
}
.subFV__content--sp::after {
	content: "";
	width: 65vw;
	height: 123px;
	background-color: #0D0E0C;
	position: absolute;
	top: 0;
	left: 0;
}

.subFV__content--heading--sp {
	position: relative;
	z-index: 3;
	padding: 20px calc((100vw - 298px) / 2);
	margin-left: 18px;
}
.subFV__content--heading--sp h2 {
	position: relative;
	font-size: 20px;
	letter-spacing: 0.8px;
}
.subFV__content--heading--sp h2::after {
	content: "CEO MESSAGE";
	font-size: 30px;
	font-family: "segou", sans-serif;
	letter-spacing: 1.2px;
	line-height: 1.2;
	color: #707070;
	position: absolute;
	bottom: -20px;
	right: 0;
	white-space: nowrap;
	opacity: 0.2;
}
@media screen and (max-width: 1295px) {
	.subFV__content--heading--sp h2::after {
		font-size: 24px;
		bottom: 0;
		right: 16px;
	}
}
@media screen and (max-width: 560px) {
	.subFV__content--heading--sp h2::after {
		font-size: 20px;
		right: -12px;
	}
}

.subMessage {
	display: flex;
	background-color: #191A1C;
	width: 100vw;
	position: relative;
}
@media screen and (max-width: 560px) {
	.subMessage {
		flex-direction: column;
	}
}

.subMessage__content {
	width: 1002px;
	height: 756px;
	position: absolute;
	top: 55px;
	right: 0;
	background-color: #0D0E0C;
}
@media screen and (max-width: 1295px) {
	.subMessage__content {
		position: relative;
		width: 100vw;
		padding: 0 24px;
		height: 640px;
		top: 0;
	}
}
@media screen and (max-width: 832px) {
	.subMessage__content {
		width: 100%;
		height: auto;
		padding: 40px 0;
	}
}
@media screen and (max-width: 560px) {
	.subMessage__content {
		padding-top: 60px;
		margin-bottom: 40px;
	}
}

.subMessage__content--wrap {
	width: 922px;
	height: 656px;
	padding: 50px 55px;
}
@media screen and (max-width: 1295px) {
	.subMessage__content--wrap {
		width: 100%;
		height: 420px;
	}
}
@media screen and (max-width: 832px) {
	.subMessage__content--wrap {
		width: 540px;
		height: auto;
		padding: 50px 24px;
	}
}
@media screen and (max-width: 560px) {
	.subMessage__content--wrap {
		width: 355px;
	}
}

.subMessage__content--txt p {
	padding-bottom: 32px;
	line-height: 1.75;
}

.subMessage-img {
	width: 50vw;
	position: relative;
}
.subMessage-img::before {
	content: "";
	width: 294px;
	aspect-ratio: 294/860;
	position: absolute;
	top: 0;
	background: linear-gradient(to right, #191A1C, rgba(25, 26, 28, 0));
	left: 0;
}
@media screen and (max-width: 560px) {
	.subMessage-img::before {
		display: none;
	}
}
.subMessage-img::after {
	content: "";
	width: 294px;
	aspect-ratio: 294/860;
	position: absolute;
	top: 0;
	background: linear-gradient(to left, #191A1C, rgba(25, 26, 28, 0));
	right: 0;
	display: none;
}
@media screen and (max-width: 560px) {
	.subMessage-img::after {
		display: block;
		width: 100vw;
		aspect-ratio: 375/80;
		background-image: url("../image/FV-shadow.webp");
		background-size: cover;
		background-position: center;
		bottom: -20px;
		top: inherit;
	}
}
@media screen and (max-width: 1295px) {
	.subMessage-img {
		display: none;
	}
}
@media screen and (max-width: 560px) {
	.subMessage-img {
		display: block;
		width: 100vw;
		aspect-ratio: 375/260;
		overflow: hidden;
	}
}

.subDetail {
	display: flex;
	justify-content: space-between;
	background-color: #191A1C;
	padding: 80px 80px 200px;
	position: relative;
}
@media screen and (max-width: 1295px) {
	.subDetail {
		flex-direction: column;
		gap: 24px;
		padding-bottom: 120px;
	}
}
@media screen and (max-width: 560px) {
	.subDetail {
		width: 100vw;
		padding: 0 calc((100vw - 335px) / 2) 80px;
		margin: 0 auto;
	}
}

.subDetail__heading {
	display: flex;
	flex-direction: column;
	gap: 100px;
}
@media screen and (max-width: 1295px) {
	.subDetail__heading {
		gap: 40px;
	}
}
@media screen and (max-width: 832px) {
	.subDetail__heading {
		gap: 0;
	}
}

.subDetail__section--ttl {
	padding-left: 60px;
}
@media screen and (max-width: 832px) {
	.subDetail__section--ttl {
		padding-left: 20px;
	}
}
.subDetail__section--ttl h2 {
	position: relative;
}
.subDetail__section--ttl h2::after {
	content: "COMPANY PROFILE";
	font-size: 30px;
	font-family: "segou", sans-serif;
	letter-spacing: 1.2px;
	line-height: 1.2;
	color: #707070;
	position: absolute;
	bottom: -20px;
	right: 0;
	white-space: nowrap;
	opacity: 0.2;
	z-index: -1;
}
@media screen and (max-width: 1295px) {
	.subDetail__section--ttl h2::after {
		font-size: 24px;
		bottom: 0;
		right: 16px;
	}
}
@media screen and (max-width: 560px) {
	.subDetail__section--ttl h2::after {
		font-size: 20px;
		right: -12px;
	}
}
.subDetail__section--ttl h2::after {
	color: #0D0E0C;
	opacity: 0.8;
	left: -20px;
}
@media screen and (max-width: 1295px) {
	.subDetail__section--ttl h2::after {
		left: inherit;
	}
}

.subDetail__heading__block {
	display: flex;
	flex-direction: column;
	gap: 60px;
}
@media screen and (max-width: 1295px) {
	.subDetail__heading__block {
		flex-direction: row;
		justify-content: space-evenly;
	}
}
@media screen and (max-width: 832px) {
	.subDetail__heading__block {
		gap: 0;
		justify-content: space-between;
	}
}
@media screen and (max-width: 560px) {
	.subDetail__heading__block {
		flex-direction: column;
	}
}

.subDetail__heading__block-img {
	width: 300px;
	height: 320px;
}
@media screen and (max-width: 832px) {
	.subDetail__heading__block-img {
		width: 240px;
		height: auto;
	}
}
@media screen and (max-width: 560px) {
	.subDetail__heading__block-img {
		width: 333px;
		height: 200px;
		overflow: hidden;
	}
	.subDetail__heading__block-img img {
		transform: translateY(-60px);
	}
	.subDetail__heading__block-img:nth-of-type(1) {
		transform: translate(-20px, 20px);
	}
	.subDetail__heading__block-img:nth-of-type(2) {
		transform: translateX(20px);
	}
}

.subDetail__body {
	width: 66vw;
	height: 1400px;
	display: flex;
	justify-content: center;
	padding-top: 60px;
	background-color: #0D0E0C;
	z-index: 2;
	position: relative;
}
@media screen and (max-width: 1295px) {
	.subDetail__body {
		width: 100%;
	}
}
@media screen and (max-width: 832px) {
	.subDetail__body {
		height: auto;
	}
}
@media screen and (max-width: 560px) {
	.subDetail__body {
		background-color: #191A1C;
	}
}

.subDetail__list {
	width: 774px;
	height: 1044px;
}
@media screen and (max-width: 1295px) {
	.subDetail__list {
		width: 640px;
	}
}
@media screen and (max-width: 832px) {
	.subDetail__list {
		height: auto;
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 560px) {
	.subDetail__list {
		width: 335px;
	}
}

.subDetail__list--item dl {
	display: flex;
	justify-content: space-evenly;
	gap: 24px;
}
@media screen and (max-width: 832px) {
	.subDetail__list--item dl {
		gap: 0;
	}
}
@media screen and (max-width: 560px) {
	.subDetail__list--item dl {
		flex-direction: column;
	}
}
.subDetail__list--item dt {
	color: #F5F6F4;
	padding: 24px 0;
	width: 110px;
	font-size: 14px;
	letter-spacing: 1.14px;
	line-height: 1.4285714286;
}
@media screen and (max-width: 560px) {
	.subDetail__list--item dt {
		padding: 18px 0 0 20px;
		width: 150px;
	}
}
.subDetail__list--item dd {
	color: #F5F6F4;
	border-bottom: 1px solid #F5F6F4;
	padding: 24px 0;
	width: 420px;
	line-height: 1.5;
	letter-spacing: 1.6px;
	padding-left: 24px;
}
@media screen and (max-width: 832px) {
	.subDetail__list--item dd {
		width: 300px;
	}
}
@media screen and (max-width: 560px) {
	.subDetail__list--item dd {
		width: 100%;
		padding: 6px 0 18px 20px;
		letter-spacing: 0.56px;
	}
}
@media screen and (max-width: 560px) {
	.subDetail__list--item:nth-of-type(1) dl {
		border-top: 1px solid #F5F6F4;
	}
}

.ddClass {
	color: #F5F6F4;
	text-decoration: none;
	pointer-events: none;
}

.subBigName--wrap {
	bottom: 120px;
	left: 0;
	position: absolute;
}
@media screen and (max-width: 1295px) {
	.subBigName--wrap {
		bottom: 60px;
	}
}
@media screen and (max-width: 560px) {
	.subBigName--wrap {
		padding: 20px 0;
		bottom: 0;
	}
}

.subAccess {
	background-color: #0D0E0C;
	gap: 80px;
	height: 480px;
	padding: 80px 0 100px 200px;
	position: relative;
	margin-bottom: 160px;
}
@media screen and (max-width: 1295px) {
	.subAccess {
		height: auto;
		padding: 60px 0;
		display: flex;
		justify-content: space-evenly;
		gap: 0;
	}
}
@media screen and (max-width: 832px) {
	.subAccess {
		flex-direction: column;
		gap: 24px;
		margin-bottom: 80px;
	}
}
@media screen and (max-width: 560px) {
	.subAccess {
		margin-bottom: 0;
		padding-top: 10px;
	}
}

.subAccess__heading {
	width: 400px;
	padding-top: 60px;
}
@media screen and (max-width: 1295px) {
	.subAccess__heading {
		padding-left: 24px;
	}
}
@media screen and (max-width: 832px) {
	.subAccess__heading {
		width: 540px;
		margin: 0 auto;
		padding-left: 0;
	}
}
@media screen and (max-width: 560px) {
	.subAccess__heading {
		width: 355px;
		margin: 0 auto;
	}
}

.subAccess__heading--ttl {
	border-bottom: 1px solid #F5F6F4;
	padding-bottom: 20px;
}
.subAccess__heading--ttl h2 {
	position: relative;
}
.subAccess__heading--ttl h2::after {
	content: "ACCESS";
	font-size: 30px;
	font-family: "segou", sans-serif;
	letter-spacing: 1.2px;
	line-height: 1.2;
	color: #707070;
	position: absolute;
	bottom: -20px;
	right: 0;
	white-space: nowrap;
	opacity: 0.2;
}
@media screen and (max-width: 1295px) {
	.subAccess__heading--ttl h2::after {
		font-size: 24px;
		bottom: 0;
		right: 16px;
	}
}
@media screen and (max-width: 560px) {
	.subAccess__heading--ttl h2::after {
		font-size: 20px;
		right: -12px;
	}
}
.subAccess__heading--ttl h2::after {
	bottom: 0;
	right: 120px;
}
@media screen and (max-width: 832px) {
	.subAccess__heading--ttl h2::after {
		right: 0;
	}
}
@media screen and (max-width: 560px) {
	.subAccess__heading--ttl {
		padding-left: 44px;
	}
}

.subAccess__heading--address {
	font-size: 24px;
	letter-spacing: 2.4px;
	line-height: 1.4583333333;
	color: #F5F6F4;
	padding-top: 20px;
}
@media screen and (max-width: 1295px) {
	.subAccess__heading--address {
		font-size: 18px;
	}
}
@media screen and (max-width: 560px) {
	.subAccess__heading--address {
		font-size: 14px;
		padding-left: 24px;
	}
}

.subAccess--map {
	width: 57.5vw;
	height: 480px;
	position: absolute;
	bottom: -60px;
	right: 0;
}
@media screen and (max-width: 1295px) {
	.subAccess--map {
		position: inherit;
		bottom: 0;
	}
}
@media screen and (max-width: 832px) {
	.subAccess--map {
		width: 540px;
		height: 320px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.subAccess--map {
		width: 100vw;
		aspect-ratio: 1/1;
		height: auto;
	}
}
.subAccess--map iframe {
	width: 100%;
	height: 100%;
}

.subFV.subBusiness {
	position: relative;
}
@media screen and (max-width: 1295px) {
	.subFV.subBusiness {
		margin-bottom: 240px;
	}
}
@media screen and (max-width: 560px) {
	.subFV.subBusiness {
		margin-bottom: 0;
	}
}

.subBusinessFV__content--heading {
	padding-bottom: 60px;
}
@media screen and (max-width: 1295px) {
	.subBusinessFV__content--heading {
		padding-bottom: 30px;
		padding-top: 30px;
	}
}

.subBusinessFV__content--txt p {
	padding-bottom: 30px;
}

.subBusinessNav {
	background-color: #0D0E0C;
	width: 60%;
	position: absolute;
	bottom: 10%;
	left: 0;
	padding: 20px 0 40px;
	height: 224px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}
@media screen and (max-width: 1295px) {
	.subBusinessNav {
		bottom: -160px;
		width: auto;
		left: 50%;
		transform: translateX(-50%);
		padding: 0 24px;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessNav {
		position: relative;
		width: 100vw;
		bottom: 0;
	}
}

.subBusiness__subFV__content--sp {
	transform: translateY(-60px);
}
.subBusiness__subFV__content--sp h2 {
	position: relative;
}
.subBusiness__subFV__content--sp h2::after {
	content: "BUSINESS";
	font-size: 30px;
	font-family: "segou", sans-serif;
	letter-spacing: 1.2px;
	line-height: 1.2;
	color: #707070;
	position: absolute;
	bottom: -20px;
	right: 0;
	white-space: nowrap;
	opacity: 0.2;
}
@media screen and (max-width: 1295px) {
	.subBusiness__subFV__content--sp h2::after {
		font-size: 24px;
		bottom: 0;
		right: 16px;
	}
}
@media screen and (max-width: 560px) {
	.subBusiness__subFV__content--sp h2::after {
		font-size: 20px;
		right: -12px;
	}
}

.subBusinessUpper {
	background-color: #191A1C;
	padding-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 120px;
}
@media screen and (max-width: 560px) {
	.subBusinessUpper {
		padding-top: 0px;
		background-color: #0D0E0C;
		gap: 40px;
	}
}

.subBusinessUpper__block {
	position: relative;
	width: 87.5%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	z-index: 2;
}
@media screen and (max-width: 1295px) {
	.subBusinessUpper__block {
		width: 832px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 832px) {
	.subBusinessUpper__block {
		width: 540px;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessUpper__block {
		width: 100%;
		gap: 40px;
	}
	.subBusinessUpper__block.consulting__block {
		gap: 60px;
	}
}
.subBusinessUpper__block::before {
	content: "";
	width: 100vw;
	height: 240px;
	background-color: #0D0E0C;
	position: absolute;
	top: 80px;
	left: -6.25vw;
}
@media screen and (max-width: 1295px) {
	.subBusinessUpper__block::before {
		left: calc((100vw - 832px) / -2);
	}
}
@media screen and (max-width: 832px) {
	.subBusinessUpper__block::before {
		left: 0;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessUpper__block::before {
		aspect-ratio: 278/242;
		height: auto;
		top: 0;
		width: 74.1333333333vw;
	}
}
.subBusinessUpper__block:nth-of-type(1) .business__title--subname {
	width: 284px;
}
@media screen and (max-width: 832px) {
	.subBusinessUpper__block:nth-of-type(1) .business__title--subname {
		width: 204px;
	}
}
.subBusinessUpper__block:nth-of-type(2) .business__title--subname {
	width: 312px;
}
@media screen and (max-width: 560px) {
	.subBusinessUpper__block:nth-of-type(2) .business__title--subname {
		width: 214px;
		height: 32px;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessUpper__block:nth-of-type(2) .business__title--name {
		text-align: right;
	}
}

.business__title--subname {
	height: 48px;
}

.subBusiness__title {
	left: 20px;
}
@media screen and (max-width: 832px) {
	.subBusiness__title {
		top: -25px;
		left: 0;
	}
}
@media screen and (max-width: 560px) {
	.subBusiness__title {
		top: 64.5333333333vw;
		left: calc((100vw - 335px) / 2);
		width: 335px;
	}
}
.subBusiness__title.consulting__title {
	flex-direction: column;
	gap: 0;
}

.subBusiness--img {
	width: 100%;
	height: 360px;
	overflow: hidden;
	position: relative;
}
.subBusiness--img::after {
	content: "";
	width: 40.5%;
	height: 360px;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(27, 27, 27));
}
.subBusiness--img img {
	transform: translateY(-60px);
}
@media screen and (max-width: 1295px) {
	.subBusiness--img img {
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
		transform: translateY(0);
	}
}
@media screen and (max-width: 832px) {
	.subBusiness--img {
		width: 540px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.subBusiness--img {
		width: 100vw;
		aspect-ratio: 375/242;
		height: auto;
	}
}

.subBusiness__content {
	width: 100%;
	background-color: #0D0E0C;
}
@media screen and (max-width: 1295px) {
	.subBusiness__content {
		max-width: 832px;
		padding: 24px 0;
	}
}
@media screen and (max-width: 832px) {
	.subBusiness__content {
		width: 540px;
		margin: 0 auto;
		padding: 12px;
	}
}
@media screen and (max-width: 560px) {
	.subBusiness__content {
		width: auto;
		max-width: 375px;
	}
}

.subBusiness--bcBoder {
	border: 0.5px solid #F5F6F4;
	margin: 24px;
	display: flex;
	justify-content: space-between;
	height: 313px;
	padding: 0 97px;
}
@media screen and (max-width: 1295px) {
	.subBusiness--bcBoder {
		max-width: 784px;
		margin: 0 auto;
		padding: 0 0;
		justify-content: space-evenly;
	}
}
@media screen and (max-width: 832px) {
	.subBusiness--bcBoder {
		flex-direction: column;
		padding: 0 24px;
	}
}
@media screen and (max-width: 560px) {
	.subBusiness--bcBoder {
		width: calc(100vw - 40px);
		padding: 0 20px;
	}
}

.subBusiness__content--heading {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #F5F6F4;
	font-size: 20px;
	letter-spacing: 8px;
	line-height: 2.2;
}
@media screen and (max-width: 1295px) {
	.subBusiness__content--heading {
		font-size: 18px;
		letter-spacing: 4px;
	}
}
@media screen and (max-width: 832px) {
	.subBusiness__content--heading {
		justify-content: start;
		line-height: 1.5;
	}
}

.subBusiness__content--txt {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #F5F6F4;
	font-size: 16px;
	letter-spacing: 1.6px;
	line-height: 1.5;
	width: 658px;
	position: relative;
}
@media screen and (max-width: 1295px) {
	.subBusiness__content--txt {
		width: 520px;
	}
}
@media screen and (max-width: 832px) {
	.subBusiness__content--txt {
		width: auto;
	}
}
@media screen and (max-width: 560px) {
	.subBusiness__content--txt {
		font-size: 14px;
		letter-spacing: 0.14px;
	}
}
.subBusiness__content--txt::before {
	content: "";
	width: 1px;
	height: 80px;
	background-color: #F5F6F4;
	position: absolute;
	top: 116px;
	left: -24px;
}
@media screen and (max-width: 1295px) {
	.subBusiness__content--txt::before {
		display: none;
	}
}

.subBusinessLower {
	background-color: #191A1C;
	padding: 120px 0 40px;
	position: relative;
}
.subBusinessLower::before {
	content: "";
	width: 100vw;
	height: 240px;
	background-color: #0D0E0C;
	position: absolute;
	top: 180px;
	left: 0;
}
@media screen and (max-width: 560px) {
	.subBusinessLower {
		padding-top: 60px;
	}
}

.subBusinessLower-PC {
	display: flex;
	justify-content: space-evenly;
}

.subBusinessLower-PC._02{
	margin-top: 120px;
}
@media screen and (max-width: 832px) {
	.subBusinessLower-PC {
		flex-direction: column;
		gap: 60px;
	}
	.subBusinessLower-PC._02{
		margin-top: 60px;
	}
}

.subBusinessLower__block {
	width: 29.0625vw;
	height: auto;
	position: relative;
	z-index: 3;
}
.subBusinessLower__block:nth-of-type(1) .business__title--subname {
	width: 196px;
}
@media screen and (max-width: 1295px) {
	.subBusinessLower__block:nth-of-type(1) .business__title--subname {
		width: 140px;
	}
}
.subBusinessLower__block:nth-of-type(2) .business__title--subname {
	width: 386px;
}
@media screen and (max-width: 1295px) {
	.subBusinessLower__block:nth-of-type(2) .business__title--subname {
		width: 280px;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessLower__block:nth-of-type(2) .business__title--subname {
		height: 34px;
		width: 216px;
	}
}
.subBusinessLower__block:nth-of-type(3) .business__title--subname {
	width: 308px;
}
@media screen and (max-width: 1295px) {
	.subBusinessLower__block:nth-of-type(3) .business__title--subname {
		width: 220px;
	}
}
@media screen and (max-width: 1295px) {
	.subBusinessLower__block {
		width: 32vw;
	}
}
@media screen and (max-width: 832px) {
	.subBusinessLower__block {
		width: 540px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessLower__block {
		width: 100vw;
		gap: 40px;
		display: flex;
		flex-direction: column;
	}
	.subBusinessLower__block.consulting__block {
		gap: 60px;
	}
}

.subBusinessLower__title {
	left: 20px;
	top: -30px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	z-index: 2;
}
@media screen and (max-width: 1295px) {
	.subBusinessLower__title {
		gap: 0;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessLower__title {
		flex-direction: row;
		top: 64.5333333333vw;
		left: calc((100vw - 355px) / 2);
	}
	.subBusinessLower__title.consulting__title {
		flex-direction: column;
	}
}

.subBusiness__title--name {
	transform: translateY(0);
}

.subBusinessLower__block--img {
	width: 100%;
	aspect-ratio: 465/360;
	position: relative;
}
.subBusinessLower__block--img::after {
	content: "";
	width: 29.0625vw;
	aspect-ratio: 465/360;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgb(27, 27, 27));
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 832px) {
	.subBusinessLower__block--img::after {
		display: none;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessLower__block--img {
		aspect-ratio: 375/242;
		overflow: hidden;
	}
}

.subBusinessLower__block--content {
	width: 100%;
	padding: 24px;
	background-color: #0D0E0C;
	height: 400px;
}
@media screen and (max-width: 1295px) {
	.subBusinessLower__block--content {
		height: 360px;
		padding: 12px;
	}
}
@media screen and (max-width: 832px) {
	.subBusinessLower__block--content {
		height: 280px;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessLower__block--content {
		height: 320px;
	}
}

.subBusinessLower--boderWhite {
	border: 0.5px solid #F5F6F4;
	height: 100%;
	background-color: #0D0E0C;
}

.subBusinessLower--ttl {
	font-size: 18px;
	color: #F5F6F4;
	letter-spacing: 7.2px;
	line-height: 1.7777777778;
	width: 351px;
	height: 190px;
	margin: 0 auto;
	padding: 60px 0 0px;
}
@media screen and (max-width: 1295px) {
	.subBusinessLower--ttl {
		font-size: 16px;
		width: auto;
		margin: 0 auto;
		padding: 30px 0px 0 24px;
		height: 140px;
	}
}
@media screen and (max-width: 832px) {
	.subBusinessLower--ttl {
		height: 120px;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessLower--ttl {
		letter-spacing: 1.6px;
		font-size: 20px;
		padding-right: 20px;
		line-height: 1.45;
		height: 140px;
	}
}

.subBusinessLower--txt {
	font-size: 14px;
	color: #F5F6F4;
	letter-spacing: 1.4px;
	line-height: 1.4285714286;
	width: 341px;
	margin: 0 auto;
	padding-bottom: 60px;
}
@media screen and (max-width: 1295px) {
	.subBusinessLower--txt {
		width: auto;
		padding: 0 18px 0 24px;
	}
}

.subBigName--wrap--business {
	bottom: -60px;
	z-index: 2;
}
@media screen and (max-width: 560px) {
	.subBigName--wrap--business {
		display: none;
	}
}

.subBusinessEx {
	background-color: #191A1C;
	padding-bottom: 40px;
}

.subBusinessEx--bcBlack {
	width: 87.5vw;
	margin: 0 auto;
	background-color: #0D0E0C;
	padding: 240px 0 100px;
}
@media screen and (max-width: 1295px) {
	.subBusinessEx--bcBlack {
		width: 100vw;
		padding-top: 120px;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessEx--bcBlack {
		background-color: #191A1C;
		padding-top: 40px;
		padding-bottom: 10px;
	}
}

.subBusinessEx__heading {
	display: flex;
	justify-content: space-between;
	width: 850px;
	margin: 0 auto;
	padding-bottom: 100px;
}
@media screen and (max-width: 1295px) {
	.subBusinessEx__heading {
		width: 832px;
		gap: 24px;
		padding-bottom: 0;
	}
}
@media screen and (max-width: 832px) {
	.subBusinessEx__heading {
		flex-direction: column;
		width: 540px;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessEx__heading {
		width: 296px;
	}
}

.subBusinessEx__section--ttl {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 0;
}

.subBusinessEx__heading--detail {
	width: 580px;
}
@media screen and (max-width: 1295px) {
	.subBusinessEx__heading--detail {
		flex: 1;
		width: auto;
	}
}

.subBusinessEx__heading--catch {
	color: #F5F6F4;
	font-size: 26px;
	letter-spacing: 2.6px;
	line-height: 1.5416666667;
	padding-bottom: 40px;
}
@media screen and (max-width: 560px) {
	.subBusinessEx__heading--catch {
		font-size: 20px;
		letter-spacing: 2px;
		line-height: 1.2;
	}
}

.subBusinessEx__heading--txt {
	color: #F5F6F4;
	letter-spacing: 1.6px;
	line-height: 1.5;
}
@media screen and (max-width: 560px) {
	.subBusinessEx__heading--txt {
		font-size: 14px;
		letter-spacing: 1.4px;
		line-height: 1.7142857143;
	}
}

.subBusinessEx__content {
	padding-top: 100px;
}
.subBusinessEx__content.pt0 {
	padding-top: 0;
}
@media screen and (max-width: 560px) {
	.subBusinessEx__content {
		padding-top: 40px;
	}
}
@media screen and (max-width: 1295px) {
	.subBusinessEx__content .business__title--name {
		letter-spacing: 4px;
	}
}

.subBusinessEx__content__section--ttl {
	flex-direction: row;
	gap: 24px;
	position: relative;
	justify-content: center;
	display: flex;
	padding-bottom: 0;
}
@media screen and (max-width: 1295px) {
	.subBusinessEx__content__section--ttl {
		padding-left: 0;
	}
}
@media screen and (max-width: 560px) {
	.subBusinessEx__content__section--ttl {
		flex-direction: column;
		gap: 0px;
		width: 335px;
		margin: 0 auto;
	}
}
.subBusinessEx__content__section--ttl .business__title--name {
	text-align: right;
	font-size: 20px;
	letter-spacing: 1.6px;
	transform: translateY(10px);
}
.subBusinessEx__content__section--ttl::before {
	content: "";
	width: 240px;
	height: 1px;
	background-color: #F5F6F4;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
}
@media screen and (max-width: 1295px) {
	.subBusinessEx__content__section--ttl::before {
		width: calc((100vw - 483px - 40px) / 2);
	}
}
.subBusinessEx__content__section--ttl::after {
	content: "";
	width: 240px;
	height: 1px;
	background-color: #F5F6F4;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
@media screen and (max-width: 1295px) {
	.subBusinessEx__content__section--ttl::after {
		width: calc((100vw - 483px - 40px) / 2);
	}
}
.subBusinessEx__content__section--ttl .business__title--subname {
	width: 284px;
}
@media screen and (max-width: 1295px) {
	.subBusinessEx__content__section--ttl .business__title--subname {
		width: 200px;
		height: 20px;
	}
}

.subBusinessEx__body {
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: relative;
}

/* .subBusinessEx__block {
display: flex;
flex-wrap: wrap;
gap: 10px;
max-width: 100%;
width: 1220px;
margin: 80px auto 0;
}
@media screen and (max-width: 832px) {
.subBusinessEx__block {
display: none;
}
} */

.subBusinessEx__block-swiper {
	display: block;
	width: 65%;
	margin-top: 60px;
	margin-bottom: 80px;
}

/* @media screen and (max-width: 832px) { */
.subBusinessEx__block-swiper {
	display: block;
	/* 		width: 540px; */
	/* 		margin-top: 40px; */
}
/* } */
@media screen and (max-width: 560px) {
	.subBusinessEx__block-swiper {
		width: 75%;
	}
}

.swiper-pagination {
	bottom: 40px !important;
	transform: translateY(50%);
}

.swiper-pagination-bullet {
	background: #ccc;
}

.swiper-button-prev,
.swiper-button-next {
	width: 24px;
	/* ボタンの幅 */
	height: 35px;
	/* ボタンの高さ */
	background-size: 24px 40px;
	/* 表示したいサイズ */
	transform: translateY(-50%);
	margin-top: 0;
}

/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url("https://teachschool.andrew0826.com/wp-content/themes/wp/image/swiper-arrow-right.webp");
	right: 10%;
}
@media screen and (max-width: 560px) {
	.swiper-button-next {
		right: 4%;
	}
}

/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url("https://teachschool.andrew0826.com/wp-content/themes/wp/image/swiper-arrow-right.webp");
	transform: translateY(-50%) scale(-1, 1);
	left: 10%;
	/* 左右反転 */
}
@media screen and (max-width: 560px) {
	.swiper-button-prev {
		left: 4%;
	}
}

.swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}

.subBusinessEx__block--img {
	width: calc(50% - 5px);
	aspect-ratio: 1/1;
}

.subBusinessEx__block--img {
    position: relative;
}

.subBusinessEx__block--img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}

.subBusinessEx__block--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.subBusinessEx__block--img img {
	vertical-align: top;
}

.subCsr {
	background-color: #191A1C;
	position: relative;
}

.subCsr__nav__list {
	display: flex;
	width: 50vw;
	justify-content: space-evenly;
	transform: translateY(-50px);
}
@media screen and (max-width: 560px) {
	.subCsr__nav__list {
		width: 100vw;
		transform: translateY(30px);
	}
}

.subCsr__body {
	display: flex;
	flex-direction: column;
	gap: 80px;
	padding-bottom: 200px;
}
@media screen and (max-width: 560px) {
	.subCsr__body {
		gap: 0;
		padding-bottom: 0;
	}
}

.subCsr__content--subttl {
	padding-right: 0;
}
.subCsr__content--subttl p {
	padding-bottom: 20px;
}
@media screen and (max-width: 560px) {
	.subCsr__content--subttl p {
		padding-bottom: 0;
	}
}
@media screen and (max-width: 832px) {
	.subCsr__content--subttl {
		padding-left: 44px;
	}
}
@media screen and (max-width: 560px) {
	.subCsr__content--subttl {
		padding-left: 28px;
	}
}

.subCsr__block {
	display: flex;
	background-color: #0D0E0C;
	padding: 80px 0 20px;
}
.subCsr__block:nth-of-type(2) {
	padding-bottom: 40px;
}
@media screen and (max-width: 560px) {
	.subCsr__block:nth-of-type(2) {
		padding-bottom: 60px;
	}
}
@media screen and (max-width: 832px) {
	.subCsr__block {
		flex-direction: column;
	}
}

.subCsr__content {
	aspect-ratio: 850/800;
}

.phi--img.subCsr--img::after {
	bottom: 160px;
}
@media screen and (max-width: 832px) {
	.phi--img.subCsr--img::after {
		bottom: -20px;
	}
}
@media screen and (max-width: 560px) {
	.phi--img.subCsr--img::after {
		bottom: 0;
	}
}

.subBigName--wrap--csr {
	bottom: 40px;
}
@media screen and (max-width: 560px) {
	.subBigName--wrap--csr {
		display: none;
	}
}

.subNews {
	background-color: #191A1C;
	padding-bottom: 226px;
	position: relative;
}
@media screen and (max-width: 560px) {
	.subNews {
		padding-bottom: 0;
		margin-top: 140px;
	}
}

.subNewsNav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50vw;
	z-index: 3;
}
@media screen and (max-width: 1295px) {
	.subNewsNav {
		width: 100vw;
		bottom: -60px;
	}
}
@media screen and (max-width: 560px) {
	.subNewsNav {
		bottom: -120px;
	}
}

.subNews__body {
	background-color: #0D0E0C;
	width: 61vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 20px;
	padding-bottom: 20px;
}
@media screen and (max-width: 1295px) {
	.subNews__body {
		width: 100%;
		padding-bottom: 60px;
	}
}
@media screen and (max-width: 832px) {
	.subNews__body {
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.subNews__body {
		padding-top: 0;
	}
}

.subNewsNav__list {
	display: flex;
	justify-content: space-evenly;
}
@media screen and (max-width: 560px) {
	.subNewsNav__list {
		flex-wrap: wrap;
		justify-content: space-evenly;
		width: 295px;
		margin: 0 auto;
		gap: 12px;
	}
}

.subNewsNav__list--item a {
	font-size: 14px;
	letter-spacing: 1.12px;
	line-height: 1.4285714286;
	background-color: #F5F6F4;
	display: flex;
	align-items: center;
	width: 150px;
	height: 40px;
	font-weight: 400;
	padding-left: 10px;
}
@media screen and (max-width: 832px) {
	.subNewsNav__list--item a {
		width: 120px;
		font-size: 12px;
		height: 32px;
	}
}
@media screen and (max-width: 560px) {
	.subNewsNav__list--item a {
		width: 139px;
	}
}
.subNewsNav__list--item a::before {
	content: "□";
	font-size: 14px;
	padding-right: 10px;
}
@media screen and (max-width: 832px) {
	.subNewsNav__list--item a::before {
		font-size: 12px;
	}
}
.subNewsNav__list--item.active a {
	background-color: #0D0E0C;
	color: #F5F6F4;
	border: 1px solid #F5F6F4;
}

.subNews__list {
	width: 100%;
	padding: 0 3em;
}

.subNews__list--item a {
	display: flex;
	justify-content: space-evenly;
	max-width: 100%;
	width: 880px;
	padding: 64px 0;
	border-bottom: 1px solid #F5F6F4;
}
@media screen and (max-width: 1295px) {
	.subNews__list--item a {
		width: 100%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.subNews__list--item a {
		flex-direction: column;
		width: 100%;
		padding: 3em 0;
	}
}
.subNews__list--item:nth-of-type(1) {
	padding-top: 0;
}
.subNews__list--item:nth-of-type(1) a {
	padding-top: 0;
	margin-top: 20px;
}

.subNews__content {
	width: 530px;
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
@media screen and (max-width: 1295px) {
	.subNews__content {
		width: 60%;
	}
}
@media screen and (max-width: 560px) {
	.subNews__content {
		width: 100%;
	}
}

.subNews--img {
	width: 150px;
	height: 80px;
}
@media screen and (max-width: 1295px) {
	.subNews--img {
		height: 100px;
	}
}
@media screen and (max-width: 560px) {
	.subNews--img {
		width: 335px;
		height: 178px;
	}
}
.subNews--img img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.subNews--wrap {
	display: flex;
	gap: 40px;
}

.subNews--date {
	font-size: 14px;
	letter-spacing: 5.6px;
	line-height: 1.2142857143;
	color: #F5F6F4;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 560px) {
	.subNews--date {
		letter-spacing: 1.68px;
	}
}

.subNews--category {
	background-color: #F5F6F4;
	width: 150px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	letter-spacing: 1.12px;
	line-height: 1.4285714286;
	color: #0D0E0C;
}
@media screen and (max-width: 560px) {
	.subNews--category {
		width: 120px;
		height: 24px;
	}
}

.subNews--txt {
	color: #F5F6F4;
	letter-spacing: 1.6px;
	line-height: 1.5;
}

.subNews--PCflex {
	display: flex;
	justify-content: space-evenly;
	align-items: flex-start;
	padding-top: 50px;
	position: relative;
	z-index: 3;
	max-width: 1400px;
	width: 88%;
	margin: 0 auto;
	gap: 5%;
}
@media screen and (max-width: 1295px) {
	.subNews--PCflex {
		padding-top: 120px;
	}
}
@media screen and (max-width: 832px) {
	.subNews--PCflex {
		flex-direction: column;
		gap: 60px;
		background-color: #0D0E0C;
	}
}
@media screen and (max-width: 560px) {
	.subNews--PCflex {
		padding-bottom: 120px;
		margin-top: 120px;
		padding-top: 0;
	}
}

.subNewsRec {
	width: 355px;
	flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
	.subNewsRec {
		width: 220px;
	}
}
@media screen and (max-width: 832px) {
	.subNewsRec {
		padding: 0 3em;
		width: 100%;
		margin: 0 auto;
	}
}

.subNewsRec--search {
	position: relative;
}
.subNewsRec--search input {
	width: 100% !important;
	background-color: #F5F6F4;
	height: 40px;
	border: none;
	padding-left: 20px;
	-webkit-appearance: none;
}
.subNewsRec--search button {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 24px;
	aspect-ratio: 1/1;
	transform: translateY(calc(-50% + 3px));
	border: none;
	background-color: #F5F6F4;
}

.subNewsRec__heading {
	display: flex;
	gap: 24px;
	margin: 48px 0 40px;
}
@media screen and (max-width: 1024px) {
	.subNewsRec__heading {
		flex-direction: column;
		gap: 0;
	}
}
@media screen and (max-width: 832px) {
	.subNewsRec__heading {
		flex-direction: row;
		justify-content: space-between;
		margin: 24px 0;
	}
}

.subNewsRec__heading--subttl {
	width: 165px;
	height: 48px;
}
@media screen and (max-width: 1024px) {
	.subNewsRec__heading--subttl {
		width: 120px;
		height: 30px;
	}
}

.subNewsRec__heading--ttl {
	font-size: 32px;
	color: #F5F6F4;
	letter-spacing: 8px;
	line-height: 1.4375;
}
@media screen and (max-width: 1024px) {
	.subNewsRec__heading--ttl {
		font-size: 28px;
	}
}

.subNewsRec__list {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.subNewsRec__list--item a {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.subNewsRec--img {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 53.5211267606%;
}
.subNewsRec--img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
}

.subNewsRec--date {
	color: #F5F6F4;
	font-size: 14px;
	letter-spacing: 6.4px;
	line-height: 1.2142857143;
	font-weight: 400;
	transform: translateY(-2px);
}
@media screen and (max-width: 560px) {
	.subNewsRec--date {
		letter-spacing: 1.68px;
	}
}

.subNewsRec--txt {
	color: #F5F6F4;
	letter-spacing: 1.6px;
	line-height: 1.5;
}

.subBigName--wrap--news {
	z-index: 3;
	bottom: 0;
	display: block;
}

.subBlog {
	background-color: #191A1C;
	padding-bottom: 120px;
	position: relative;
}
@media screen and (max-width: 560px) {
	.subBlog {
		padding-bottom: 60px;
	}
}

.subBlogCategory {
	position: absolute;
	bottom: 0%;
	left: calc((39vw - 355px) / 3);
	display: flex;
	gap: 40px;
}
@media screen and (max-width: 1295px) {
	.subBlogCategory {
		left: 40px;
	}
}
@media screen and (max-width: 832px) {
	.subBlogCategory {
		left: 50%;
		transform: translateX(-50%);
		bottom: -40px;
	}
}
@media screen and (max-width: 560px) {
	.subBlogCategory {
		left: calc((100vw - 335px) / 2);
		transform: translateX(0);
		bottom: -80px;
	}
}

.subBlog--PCflex {
	padding-top: 0;
	margin-top: 60px;
}
@media screen and (max-width: 832px) {
	.subBlog--PCflex {
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 560px) {
	.subBlog--PCflex {
		background-color: #191A1C;
		margin-top: 80px;
	}
}

.subBlogCategory--date {
	color: #F5F6F4;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	letter-spacing: 6.4px;
	line-height: 1.2142857143;
	font-weight: 400;
}
@media screen and (max-width: 560px) {
	.subBlogCategory--date {
		letter-spacing: 1.58px;
	}
}

.subBlogCategory--name {
	color: #0D0E0C;
	background-color: #F5F6F4;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 24px;
}

.subBlog__body {
	background-color: #0D0E0C;
	max-width: 100%;
	width: 61vw;
	display: flex;
	justify-content: center;
	padding-top: 80px;
	padding-bottom: 80px;
}
@media screen and (max-width: 832px) {
	.subBlog__body {
		width: 540px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.subBlog__body {
		background-color: #191A1C;
	}
}
@media screen and (max-width: 560px) {
	.subBlog__body {
		width: 335px;
		padding-top: 0;
		margin-top: 20px;
	}
}

.subBlog--wrap {
	max-width: 100%;
	width: 864px;
	display: flex;
	flex-direction: column;
	gap: 80px;
	padding-bottom: 140px;
	padding: 0 12px;
}

@media screen and (max-width: 1295px) {
	.subBlog--wrap {
		gap: 80px;
	}
}
@media screen and (max-width: 560px) {
	.subBlog--wrap {
		width: 335px;
		padding: 0;
		gap: 60px;
	}
}

.subBlog__content {
	display: flex;
	flex-direction: column;
}
.subBlog__content *+* {
	margin-top: 1em;
}

.subBlog__content h1 {
	font-size: 20px;
	letter-spacing: 8px;
	line-height: 2.2;
	position: relative;
	padding-bottom: 20px;
}
@media screen and (max-width: 1295px) {
	.subBlog__content h1 {
		font-size: 18px;
		padding: 0 12px;
		letter-spacing: 4px;
	}
}
@media screen and (max-width: 560px) {
	.subBlog__content h1 {
		font-size: 15.6px;
		letter-spacing: 0;
		line-height: 1.6875;
		padding: 0;
		padding-bottom: 24px;
	}
}
.subBlog__content h1::after {
	content: "";
	width: 620px;
	height: 1px;
	background-color: #F5F6F4;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 1295px) {
	.subBlog__content h1::after {
		width: 60vw;
		left: 0.5vw;
	}
}
@media screen and (max-width: 832px) {
	.subBlog__content h1::after {
		width: 516px;
		left: 0;
	}
}
@media screen and (max-width: 560px) {
	.subBlog__content h1::after {
		width: 335px;
	}
}

.subBlog__content p {
	letter-spacing: 1.28px;
	line-height: 2.125;
}
@media screen and (max-width: 1295px) {
	.subBlog__content p {
		padding: 0 12px;
		letter-spacing: 0.6px;
		line-height: 1.5;
	}
}
@media screen and (max-width: 832px) {
	.subBlog__content p {
		padding: 0;
	}
}
@media screen and (max-width: 560px) {
	.subBlog__content p {
		letter-spacing: 0;
		line-height: 1.6875;
	}
}

.subBlog__content strong {
	font-weight: bold;
}

.subBlog__subContent {
	display: flex;
	gap: 48px;
	height: 360px;
}
@media screen and (max-width: 1295px) {
	.subBlog__subContent {
		flex-direction: column;
		gap: 24px;
		height: auto;
	}
}
.subBlog__subContent:nth-of-type(2n - 1) {
	flex-direction: row-reverse;
}
@media screen and (max-width: 1295px) {
	.subBlog__subContent:nth-of-type(2n - 1) {
		flex-direction: column;
	}
}

.subBlog__subContent--img {
	position: relative;
	width: 432px;
}
@media screen and (max-width: 1295px) {
	.subBlog__subContent--img {
		width: 100%;
		padding: 0 12px;
	}
}
@media screen and (max-width: 560px) {
	.subBlog__subContent--img {
		padding: 0;
		width: 293px;
		height: 244px;
		margin: 0 auto;
	}
}
.subBlog__subContent--img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.subBlog__subContent--wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 40px;
	width: calc(50% - 40px);
}
@media screen and (max-width: 1295px) {
	.subBlog__subContent--wrap {
		width: 100%;
		padding: 0 12px;
		gap: 20px;
	}
}
@media screen and (max-width: 560px) {
	.subBlog__subContent--wrap {
		padding: 0;
	}
}

.subBlog__subContent--ttl {
	font-size: 18px;
	letter-spacing: 7.2px;
	line-height: 2.4444444444;
	padding-bottom: 20px;
	position: relative;
}
@media screen and (max-width: 1295px) {
	.subBlog__subContent--ttl {
		line-height: 1.5;
	}
}
@media screen and (max-width: 560px) {
	.subBlog__subContent--ttl {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1.6875;
	}
}
.subBlog__subContent--ttl::after {
	content: "";
	width: 310px;
	height: 1px;
	background-color: #F5F6F4;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 1295px) {
	.subBlog__subContent--ttl::after {
		width: 420px;
	}
}
@media screen and (max-width: 560px) {
	.subBlog__subContent--ttl::after {
		width: 335px;
	}
}

.subBlog__subContent--txt {
	letter-spacing: 1.28px;
	line-height: 2.125;
}
@media screen and (max-width: 560px) {
	.subBlog__subContent--txt {
		letter-spacing: 0;
		line-height: 1.6875;
	}
}

.subBlog__back a {
	display: block;
	color: #F5F6F4;
	text-align: center;
	text-decoration: underline;
}

.subBlog__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 24px 0;
}
@media screen and (max-width: 1295px) {
	.subBlog__list {
		padding-bottom: 40px;
	}
}

.subBlog__list--item {
	display: flex;
	gap: 24px;
	padding-bottom: 40px;
	width: 380px;
	position: relative;
}
@media screen and (max-width: 1295px) {
	.subBlog__list--item {
		padding-bottom: 24px;
	}
}
.subBlog__list--item::before {
	content: "";
	width: 380px;
	height: 1px;
	background-color: #F5F6F4;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 560px) {
	.subBlog__list--item::before {
		width: 335px;
	}
}

.subBlog--item--txt {
	line-height: 1.5;
	letter-spacing: 1.6px;
}

.subBlogMore {
	background-color: #191A1C;
	padding-bottom: 120px;
	padding-left: calc((39vw - 355px) / 3);
	position: relative;
}
@media screen and (max-width: 560px) {
	.subBlogMore {
		padding-bottom: 80px;
	}
}

.subBlogMore__body {
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: relative;
	z-index: 3;
}
@media screen and (max-width: 1295px) {
	.subBlogMore__body {
		width: 840px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 832px) {
	.subBlogMore__body {
		width: 540px;
	}
}
@media screen and (max-width: 560px) {
	.subBlogMore__body {
		width: 335px;
	}
}

.subBlogMore__block {
	width: 976px;
	height: 200px;
	background-image: url("../image/moreArticle-img.webp");
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	padding-left: 40px;
	position: relative;
}
@media screen and (max-width: 1295px) {
	.subBlogMore__block {
		width: 100%;
		height: 180px;
	}
}
@media screen and (max-width: 560px) {
	.subBlogMore__block {
		height: 120px;
		padding-left: 20px;
	}
}

.subBlogMore__wrap {
	display: flex;
	gap: 32px;
	padding-bottom: 24px;
}
@media screen and (max-width: 1295px) {
	.subBlogMore__wrap {
		padding-bottom: 12px;
	}
}
@media screen and (max-width: 560px) {
	.subBlogMore__wrap {
		gap: 12px;
	}
}

.subBlogMore--date {
	letter-spacing: 5.6px;
	font-size: 14px;
	line-height: 1.2142857143;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
}
@media screen and (max-width: 1295px) {
	.subBlogMore--date {
		letter-spacing: 3px;
	}
}
@media screen and (max-width: 560px) {
	.subBlogMore--date {
		letter-spacing: 1.68px;
	}
}

.subBlogMore--category {
	width: 150px;
	height: 24px;
	background-color: #F5F6F4;
	color: #0D0E0C;
	font-weight: 400;
	text-align: center;
}
@media screen and (max-width: 1295px) {
	.subBlogMore--category {
		width: 120px;
		height: 22px;
	}
}
@media screen and (max-width: 560px) {
	.subBlogMore--category {
		width: 80px;
		height: 20px;
	}
}

.subBlogMore--txt {
	font-size: 26px;
	letter-spacing: 8.32px;
	line-height: 1.4230769231;
}
@media screen and (max-width: 1295px) {
	.subBlogMore--txt {
		font-size: 20px;
		letter-spacing: 6px;
	}
}
@media screen and (max-width: 560px) {
	.subBlogMore--txt {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1.5;
	}
}

.subBlogMore--btn {
	border-radius: 50%;
	border: 1.5px solid #F5F6F4;
	width: 84px;
	aspect-ratio: 1/1;
	margin-right: 20px;
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 560px) {
	.subBlogMore--btn {
		width: 40px;
		right: 20px;
	}
}
.subBlogMore--btn a {
	display: block;
	position: relative;
	width: 84px;
	aspect-ratio: 1/1;
}
@media screen and (max-width: 560px) {
	.subBlogMore--btn a {
		width: 40px;
	}
}
.subBlogMore--btn a span {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #F5F6F4;
}
.subBlogMore--btn a span:nth-of-type(1) {
	width: 39px;
	height: 1.5px;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 560px) {
	.subBlogMore--btn a span:nth-of-type(1) {
		width: 22px;
	}
}
.subBlogMore--btn a span:nth-of-type(2) {
	width: 6px;
	height: 1.5px;
	transform: translate(calc(-50% + 11.7px), calc(-50% - 12px));
	rotate: 45deg;
}
@media screen and (max-width: 560px) {
	.subBlogMore--btn a span:nth-of-type(2) {
		transform: translate(calc(-50% + 4.7px), calc(-50% - 5px));
	}
}

.subBlogMore__heading {
	display: flex;
	gap: 24px;
	padding-bottom: 40px;
}
@media screen and (max-width: 1295px) {
	.subBlogMore__heading {
		width: 840px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 832px) {
	.subBlogMore__heading {
		width: 540px;
	}
}
@media screen and (max-width: 560px) {
	.subBlogMore__heading {
		width: 335px;
		justify-content: space-between;
	}
}

.subBlogMore__heading--subttl {
	width: 165px;
	height: 48px;
}
@media screen and (max-width: 560px) {
	.subBlogMore__heading--subttl {
		height: 32px;
		width: 120px;
	}
	.subBlogMore__heading--subttl img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

.subBlogMore__heading--ttl {
	font-size: 32px;
	color: #F5F6F4;
	letter-spacing: 8px;
	line-height: 1.4375;
}
@media screen and (max-width: 560px) {
	.subBlogMore__heading--ttl {
		font-size: 20px;
		letter-spacing: 1.6px;
		line-height: 1.45;
	}
}

.subBigName--wrap--blog {
	bottom: 20px;
}
@media screen and (max-width: 560px) {
	.subBigName--wrap--blog {
		bottom: 0;
	}
}

.contactNav {
	position: absolute;
	bottom: 6px;
	left: 3vw;
	width: 558px;
}
@media screen and (max-width: 1295px) {
	.contactNav {
		bottom: -60px;
		left: 50%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 560px) {
	.contactNav {
		width: 335px;
		bottom: -100px;
	}
}

.contactNav__list {
	display: flex;
	justify-content: space-between;
}

.contactNav__list--item {
	background-color: #F5F6F4;
	color: #0D0E0C;
	font-size: 14px;
	letter-spacing: 1.32px;
	line-height: 1.4285714286;
	width: 170px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
}
@media screen and (max-width: 560px) {
	.contactNav__list--item {
		width: 100px;
		font-size: 12px;
		left: 0.96px;
		line-height: 1.25;
	}
}

.subContact__subNews--PCflex {
	padding-top: 0;
	margin-top: 100px;
}
@media screen and (max-width: 832px) {
	.subContact__subNews--PCflex {
		gap: 0;
		margin-top: 140px;
	}
}
@media screen and (max-width: 560px) {
	.subContact__subNews--PCflex {
		padding-bottom: 0;
	}
}

.form {
	padding-bottom: 80px;
	position: relative;
}
@media screen and (max-width: 560px) {
	.form {
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 832px) {
	form {
		width: 100% !important;
		max-width: none !important;
	}
}

.form__section--ttl {
	position: relative;
	padding-bottom: 26px;
	margin-bottom: 40px;
}
.form__section--ttl::after {
	content: "";
	width: 620px;
	height: 1px;
	background-color: #F5F6F4;
	bottom: 0;
	left: 0;
	position: absolute;
}
@media screen and (max-width: 1295px) {
	.form__section--ttl::after {
		width: 457px;
	}
}
@media screen and (max-width: 832px) {
	.form__section--ttl::after {
		width: 490px;
	}
}
@media screen and (max-width: 560px) {
	.form__section--ttl::after {
		width: 335px;
	}
}

.form__body {
	background-color: #0D0E0C;
	width: 61vw;
	height: 1352px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 1295px) {
	.form__body {
		height: auto;
	}
}
@media screen and (max-width: 832px) {
	.form__body {
		width: 100%;
	}
}

.form__body__content {
	width: 710px;
}
@media screen and (max-width: 1295px) {
	.form__body__content {
		width: 86%;
		padding: 40px 0;
	}
}
@media screen and (max-width: 560px) {
	.form__body__content {
		width: 335px;
	}
}

.form--options {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
@media screen and (max-width: 560px) {
	.form--options {
		gap: 32px;
	}
}

.form--options--ttl {
	font-size: 20px;
	letter-spacing: 8px;
	line-height: 2.2;
}
@media screen and (max-width: 560px) {
	.form--options--ttl {
		font-size: 16px;
		text-align: center;
		letter-spacing: 1.6px;
		line-height: 1.5;
	}
}
.form--options--ttl.junlTtl {
	padding-top: 60px;
}
@media screen and (max-width: 560px) {
	.form--options--ttl.junlTtl {
		padding-top: 40px;
	}
}
.form--options--ttl.contactContent {
	padding-top: 20px;
}

.formTxt {
	letter-spacing: 6.4px;
	line-height: 1.625;
	display: flex;
	align-items: center;
	width: 100px;
	white-space: nowrap;
	position: relative;
}
@media screen and (max-width: 560px) {
	.formTxt.junlFormTxt {
		width: 40px;
	}
}
@media screen and (max-width: 1295px) {
	.formTxt {
		width: 80px;
	}
}

.must {
	position: absolute;
	right: -100px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #F6F4F4;
	color: #B12020;
	font-size: 14px;
	letter-spacing: 1.32px;
	line-height: 1.4285714286;
	display: block;
	width: 90px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 1295px) {
	.must {
		width: 50px;
		height: 18px;
		font-size: 12px;
		right: -60px;
	}
}

.label {
	display: flex;
	gap: 130px;
}
@media screen and (max-width: 1295px) {
	.label {
		gap: 80px;
	}
}
@media screen and (max-width: 560px) {
	.label {
		flex-direction: column;
		gap: 8px;
	}
}
@media screen and (max-width: 832px) {
	.label.junlLabel {
		flex-direction: column;
		gap: 20px;
	}
}

input[type=text] {
	width: 480px;
	height: 40px;
}
@media screen and (max-width: 1295px) {
	input[type=text] {
		flex: 1;
	}
}
@media screen and (max-width: 560px) {
	input[type=text] {
		width: 335px;
		height: 32px;
	}
}

input[placeholder] {
	font-size: 14px;
	padding-left: 12px;
	letter-spacing: 1.32px;
	line-height: 1.4285714286;
}

.radio--options {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	width: 480px;
}
@media screen and (max-width: 560px) {
	.radio--options {
		width: 298px;
		margin: 0 auto;
		gap: 8px;
	}
}

.radio--label {
	width: 228px;
	display: flex;
	font-size: 14px;
	letter-spacing: 1.32px;
	line-height: 1.7142857143;
	position: relative;
	padding-left: 28px;
}
@media screen and (max-width: 560px) {
	.radio--label {
		width: 100%;
	}
}

.radio--label::before,
.radio--label:has(:checked)::after {
	border-radius: 50%;
	position: absolute;
	content: "";
}

.radio--label::before {
	left: 0;
	top: 12px;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
	background-color: #dee5eb;
	box-sizing: border-box;
}

.radio--label:has(:checked)::before {
	background-color: #ffffff;
}

.radio--label:has(:checked)::after {
	left: 8px;
	top: 12px;
	transform: translate(-50%, -50%);
	width: 9px;
	height: 9px;
	background-color: #dee5eb;
}

.radio--label:has(:checked)::after {
	background-color: #000000;
	-webkit-animation: anim-radio-002 0.3s linear;
	animation: anim-radio-002 0.3s linear;
}

@-webkit-keyframes anim-radio-002 {
	0% {
		box-shadow: 0 0 0 1px transparent;
	}
	50% {
		box-shadow: 0 0 0 10px rgba(37, 137, 208, 0.2);
	}
	100% {
		box-shadow: 0 0 0 10px transparent;
	}
}

@keyframes anim-radio-002 {
	0% {
		box-shadow: 0 0 0 1px transparent;
	}
	50% {
		box-shadow: 0 0 0 10px rgba(37, 137, 208, 0.2);
	}
	100% {
		box-shadow: 0 0 0 10px transparent;
	}
}
.radio--label input {
	display: none;
}

input[type=radio] {
	margin-right: 12px;
}

input[type=radio]:checked {
	position: relative;
}

.label1 {
	position: relative;
}
.label1.label1::after {
	content: "";
	width: 5px;
	border-radius: 50%;
	aspect-ratio: 1/1;
	background-color: #0D0E0C;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.noMust {
	border: 1px solid #F5F6F4;
	position: absolute;
	right: -100px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	letter-spacing: 1.32px;
	line-height: 1.4285714286;
	display: block;
	width: 90px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.label--textarea {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

textarea {
	width: 100%;
	height: 240px;
	padding: 10px 0 0 12px;
	font-size: 14px;
	letter-spacing: 1.32px;
	line-height: 1.4285714286;
	color: #000000;
}
@media screen and (max-width: 560px) {
	textarea {
		height: 160px;
	}
}

.contactForm--txt {
	position: relative;
	display: inline-block;
	padding: 24px 0 32px;
}
.contactForm--txt::after {
	content: "";
	width: 10px;
	aspect-ratio: 1/1;
	background-image: url("../image/contact-agree.webp");
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -14px;
}

input[type=submit] {
	color: #0D0E0C;
	width: 180px;
	height: 39px;
	font-weight: 400;
	letter-spacing: 1.6px;
	line-height: 1.5;
	border-radius: 30px;
	border: none;
	background-color: #F5F6F4;
}

.tel {
	width: 30vw;
	height: 462px;
	background-color: #0D0E0C;
	padding: 20px;
}
@media screen and (max-width: 1295px) {
	.tel {
		height: 320px;
	}
}
@media screen and (max-width: 832px) {
	.tel {
		width: 440px;
		margin: 0 auto;
		height: 280px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 560px) {
	.tel {
		width: 100vw;
		padding: 0;
		height: auto;
		padding-top: 120px;
		padding-bottom: 20px;
		background-color: #191A1C;
		margin-bottom: 0;
	}
}

.telTxt {
	padding-top: 10px;
}

.tel__block {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 560px) {
	.tel__block {
		height: 293px;
		width: 355px;
	}
}

.content__block--wrap--tel {
	width: 375px;
}
@media screen and (max-width: 560px) {
	.content__block--wrap--tel {
		width: 293px;
		margin: 0 auto;
	}
}

.telNumber {
	text-align: center;
	position: relative;
	display: inline-block;
	margin-bottom: 36px;
}
@media screen and (max-width: 560px) {
	.telNumber {
		margin-bottom: 24px;
		margin-left: 12px;
	}
}
.telNumber .ddClass {
	color: #F5F6F4;
	text-decoration: none;
}
@media screen and (max-width: 1295px) {
	.telNumber .ddClass {
		font-size: 16px !important;
		letter-spacing: 2px !important;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 832px) {
	.telNumber .ddClass {
		font-size: 20px !important;
	}
}
@media screen and (max-width: 560px) {
	.telNumber .ddClass {
		font-size: 26px !important;
		letter-spacing: 4.16px;
		line-height: 1.4230769231;
	}
}
.telNumber::before {
	content: "";
	width: 28px;
	aspect-ratio: 1/1;
	background-image: url("../image/tel.webp");
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -32px;
}
@media screen and (max-width: 1295px) {
	.telNumber::before {
		width: 20px;
	}
}
@media screen and (max-width: 560px) {
	.telNumber::before {
		top: 54%;
	}
}

.tel__section--ttl {
	padding-bottom: 40px;
}
@media screen and (max-width: 1295px) {
	.tel__section--ttl h2 {
		font-size: 16px;
		letter-spacing: 1.6px;
	}
}
@media screen and (max-width: 832px) {
	.tel__section--ttl {
		padding-bottom: 20px;
	}
}

.subBigName--wrap--contact {
	bottom: 40%;
}
@media screen and (max-width: 560px) {
	.subBigName--wrap--contact {
		z-index: 3;
		bottom: 360px;
	}
}

.subPrivacyHead {
	height: 130px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
@media screen and (max-width: 560px) {
	.subPrivacyHead {
		height: 123px;
	}
}
.subPrivacyHead::before {
	content: "";
	width: 50%;
	height: 130px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #0D0E0C;
}
@media screen and (max-width: 560px) {
	.subPrivacyHead::before {
		height: 123px;
	}
}
.subPrivacyHead::after {
	content: "";
	width: 50%;
	height: 130px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url("../image/FV-shadow.webp");
	background-size: cover;
	background-position: center;
}
@media screen and (max-width: 560px) {
	.subPrivacyHead::after {
		height: 123px;
	}
}
.subPrivacyHead h1 {
	font-size: 26px;
	letter-spacing: 8.32px;
	line-height: 1.4230769231;
	position: relative;
	z-index: 3;
}
.subPrivacyHead h1::before {
	content: "";
	width: 16px;
	height: 30px;
	background-image: url("../image/section-logo.webp");
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 50%;
	left: -32px;
	transform: translateY(-50%);
}
@media screen and (max-width: 560px) {
	.subPrivacyHead h1 {
		font-size: 20px;
		letter-spacing: 6.4px;
		line-height: 1.45;
	}
}

.subPrivacy {
	padding: 120px 0 240px;
	max-width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 1295px) {
	.subPrivacy {
		max-width: 840px;
	}
}
@media screen and (max-width: 832px) {
	.subPrivacy {
		max-width: 540px;
	}
}
@media screen and (max-width: 560px) {
	.subPrivacy {
		max-width: 335px;
		padding-bottom: 80px;
		padding-top: 60px;
	}
}

.subPrivacy__block {
	padding-top: 48px;
}
@media screen and (max-width: 560px) {
	.subPrivacy__block {
		padding-top: 24px;
	}
}

.subPrivacy--txt {
	letter-spacing: 1.6px;
	line-height: 1.5;
	padding-bottom: 24px;
}
@media screen and (max-width: 560px) {
	.subPrivacy--txt {
		font-size: 14px;
		letter-spacing: 1.4px;
		line-height: 1.4285714286;
	}
}

.subPrivacy__ttl {
	font-size: 26px;
	letter-spacing: 3.12px;
	line-height: 1.4230769231;
	text-align: center;
	padding-bottom: 24px;
}
@media screen and (max-width: 560px) {
	.subPrivacy__ttl {
		font-size: 20px;
		letter-spacing: 2.4px;
		line-height: 1.45;
		text-align: left;
	}
}

.floating-banner{
    background-color: #fff;
    border-radius: 20px 20px 0 0;
    position: fixed;
    left: 100px;
    bottom: 0;
    z-index: 50;
    pointer-events: auto;
}

.floating-banner:hover{
    background: linear-gradient(to bottom, #F5F6F4, #CBCBCB);
}

.floating-banner.is-hidden{
    opacity: 0;
    pointer-events: none;
}

.floating-banner__link{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    padding: 10px 32px;
}

.floating-banner__head {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    background-color: #000;
    border-radius: 100vmax;
    padding: 7px 48px;
}

.floating-banner__text{
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.floating-banner__close {
    width: 32px;
    height: 32px;
    border-radius: 100vmax;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px;
}

.floating-banner__close:hover {
    cursor: pointer;
    background-color: #f4f4f4;
}

.floating-banner__close span{
    display: block;
    width: 14px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.floating-banner__close span:nth-of-type(1){
    transform: rotate(45deg);
}
.floating-banner__close span:nth-of-type(2){
    transform: rotate(-45deg);
}

.floating-banner__text br._adj-01{
    display: none;
}

@media screen and (max-width: 560px) {
    .floating-banner{
        border-radius: 20px;
        left: 0;
        right: 0;
        bottom: 10px;
        width: calc(100% - 38px);
        margin-inline: auto;
    }

    .floating-banner__link {
        padding: 12px 10px 10px;
        gap: 7px;
    }

    .floating-banner__text br{
        display: none;
    }

    .floating-banner__text br._adj-01{
        display: block;
    }
}