/*------------------------------------------
  Key Visual Page
------------------------------------------*/
.page-key-visual {
	margin-bottom: 10rem;
	padding-top: 5rem;
}

.page-key-visual .inner {
	max-width: 1708px;
	width: 95%;
	margin: auto;
}

.page-key-visual .title {
	border-bottom: 1px solid #D9D9D9;
	color: #444;
	line-height: 1;
	margin-bottom: 2rem;
}

.page-key-visual .title .en {
	font-size: 30px;
}

.page-key-visual .title .jp {
	display: block;
	font-size: 40px;
	padding: 1rem 0;
}

.page-key-visual .thumb {
	width: 100%;
	height: 377px;
	background-size: cover;
	background-position: center;
	border-bottom-left-radius: 185px;
}

@media only screen and (max-width: 1024px) {
	.page-key-visual .thumb {
		height: 200px;
	}
}

@media only screen and (max-width: 600px) {
	.page-key-visual {
		margin-bottom: 5rem;
	}

	.page-key-visual .title .en {
		font-size: 16px;
	}

	.page-key-visual .title .jp {
		font-size: 24px;
	}

	.page-key-visual .thumb {
		height: 125px;
		border-bottom-left-radius: 45px;
	}
}

/*------------------------------------------
	Page
------------------------------------------*/
/* Common */
.page-content {
	line-height: 1.5;
}

.page-content .page-inner {
	max-width: 1280px;
	width: 95%;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 10rem;
}

.page-content .overview {
	text-align: center;
	font-size: 22px;
}

.page-content .overview p {
	display: inline-block;
	padding-bottom: 3rem;
}

@media only screen and (max-width: 1024px) {
	.page-content .overview {
		font-size: 16px;
	}
}

@media only screen and (max-width: 600px) {
	.page-content .page-inner {
		gap: 5rem;
	}
}

/* Business */
.business-content .page-section01 .title {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 2rem;
}

.business-content .page-section02 {
	display: flex;
	flex-direction: column;
	gap: 5rem;
}

.business-content .page-section02 .flex {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.business-content .page-section02 .col-text {
	width: 60%;
	padding-top: 3rem;
}

.business-content .page-section02 .title {
	font-size: 34px;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.business-content .page-section02 .title .num {
	font-size: 54px;
	font-weight: 400;
	padding: 20px 18px;
	line-height: 1;
	background: rgb(215, 204, 200, .35);
	position: relative;
}

.business-content .page-section02 .title .num::after {
	content: "";
	width: 56px;
	height: 56px;
	display: block;
	background: rgb(68, 68, 68, .35);
	position: absolute;
	right: -35px;
	bottom: -35px;
}

.business-content .page-section02 .col-video {
	width: 441px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
	filter: drop-shadow(5px 5px 0 #BEBEBE);
	display: inline-block;
	background: #000;
}

.business-content .page-section02 .col-video>video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.business-content .page-section02 .txt {
	padding: 4rem 0 0 105px;
	box-sizing: border-box;
}

.business-content .page-section02 .flex.even .col-text {
	order: 2;
}

.business-content .page-section02 .flex.even .col-img {
	order: 1;
}

.business-content .page-section02 .flex.even1 .col-text {
	order: 2;
}

.business-content .page-section02 .flex.even1 .col-img {
	order: 1;
}

.business-content .page-section02 .flex.even1 .col-text .title span {
	position: relative;
	z-index: 0;
	display: inline-block;
	padding-top: 50px;
}

.business-content .page-section02 .flex.even1 .col-text .title span::before {
	content: "";
	position: absolute;
	width: 57px;
	height: 57px;
	left: 22px;
	top: calc(60% + 28px);
	transform: translateX(28px) rotate(0deg);
	background: rgb(241, 237, 236, .8);
	z-index: -1;
}

.business-content .page-section02 .flex.even1 .col-text .title span::after {
	content: "";
	position: absolute;
	width: 96px;
	height: 96px;
	left: -22px;
	top: 60%;
	transform: translateY(-50%);
	background: rgb(190, 190, 190, .35);
	z-index: -1;
}



.business-content .page-section02 .flex.even1 .col-text .txt {
	position: relative;
	z-index: 0;
	display: inline-block;
}

.business-content .page-section02 .flex.even1 .col-text .txt::after {
	content: "";
	position: absolute;
	width: 96px;
	height: 96px;
	right: 0;
	bottom: -18px;
	background: rgb(241, 237, 236, .8);
	z-index: -1;
}

.business-content .page-section02 .flex.even1 .col-text .txt::before {
	content: "";
	position: absolute;
	width: 57px;
	height: 57px;
	right: 22px;
	bottom: calc(48px);
	transform: translateX(-48px) rotate(0deg);
	background: rgb(190, 190, 190, .35);
	z-index: -1;
}

.business-content .page-section02 .flex.even1 .col-text .txt .accent {
	font-weight: bold;
}

@media only screen and (max-width: 1024px) {
	.business-content .page-section01 .title {
		font-size: 24px;
		margin-bottom: 1rem;
	}

	.business-content .page-section02 {
		gap: 0;
	}

	.business-content .page-section02 .flex {
		flex-wrap: nowrap;
		margin-bottom: 5rem;
	}

	.business-content .page-section02 .title {
		font-size: 18px;
	}

	.business-content .page-section02 .title .num {
		font-size: 34px;
	}

	.business-content .page-section02 .txt {
		padding: 0 0 0 85px;
	}

	.business-content .page-section02 .col-text {
		width: 100%;
		position: relative;
		z-index: 2;
		padding-top: 0;
	}

	.business-content .page-section02 .col-video {
		position: relative;
		width: 220px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.business-content .page-section02 .col-img {
		position: relative;
		width: 220px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.business-content .page-section02 .flex.even .col-text {
		order: 2;
	}

	.business-content .page-section02 .flex.even .col-img {
		order: 1;
		margin-left: 20px;
	}

	.business-content .page-section02 .flex.even1 .col-text {
		order: 2;
	}

	.business-content .page-section02 .flex.even1 .col-img {
		order: 1;
		margin-left: 20px;
	}
}

@media only screen and (max-width: 600px) {
	.business-content .page-section01 p {
		font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.business-content .page-section02 {
		gap: 0;
	}

	.business-content .page-section02 .flex {
		flex-direction: column;
		margin-bottom: 5rem;
	}

	.business-content .page-section02 .col-text {
		order: 3;
	}

	.business-content .page-section02 .col-video {
		order: 2;
		left: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.business-content .page-section02 .col-text span {
		align-items: baseline;
		padding-top: 20px;
	}

	.business-content .page-section02 .title {
		font-size: 18px;
		justify-content: left;
		gap: 0;
		align-items: start;
	}

	.business-content .page-section02 .title .num {
		font-size: 34px;
	}

	.business-content .page-section02 .flex .txt {
		padding: 0;
		padding-top: 0;
		padding-left: 62px;
		padding-right: 10px;
		margin-bottom: 30px;
	}

	.business-content .page-section02 .col-img {
		left: auto;
		margin-top: 3rem;
		margin-left: auto;
		margin-right: auto;
		order: 2;
	}

	.business-content .page-section02 .flex.even .col-text {
		order: 3;
	}

	.business-content .page-section02 .flex.even .txt {
		padding: 0;
		padding-top: 0;
		padding-left: 62px;
		padding-right: 10px;
		margin-bottom: 30px;
	}

	.business-content .page-section02 .flex.even .col-img {
		right: auto;
		margin-left: auto;
		margin-right: auto;
		order: 2;
	}

	.business-content .page-section02 .flex.even1 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.business-content .page-section02 .flex.even1 .col-text {
		margin-top: 1rem;
	}

	.business-content .page-section02 .flex.even1 .col-text .title span::after {
		left: 1px;
	}

	.business-content .page-section02 .flex.even1 .col-img {
		margin-left: auto;
		margin-right: auto;
	}

	.business-content .page-section02 .flex.even1 .txt {
		padding: 0;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
	}

}

/* Recruit */
.recruit-content .page-section {
	max-width: 1000px;
	width: 100%;
	margin: auto;
	position: relative;
}

.recruit-content .page-section01 {
	text-align: center;
}

.recruit-content .page-section01 h3 {
	display: inline-block;
	position: relative;
	font-size: 45px;
	font-weight: bold;
	margin-bottom: 5rem;
	color: #444;
}

.recruit-content .page-section01 h3:before {
	content: "";
	width: 90%;
	height: 1px;
	display: block;
	background: #D9D9D9;
	position: absolute;
	bottom: -20px;
	left: 5%;
}

.recruit-content .page-section01 p {
	font-size: 22px;
	color: #444;
}

@media only screen and (max-width: 1024px) {
	.recruit-content .page-section01 h3 {
		font-size: 32px;
	}

	.recruit-content .page-section01 p {
		font-size: 16px;
	}
}

@media only screen and (max-width: 600px) {
	.recruit-content .page-section01 h3 {
		font-size: 24px;
		line-height: 1.2;
		display: block;
	}
}

/* Contact */
.contact-content .flex-content {
	max-width: 650px;
	width: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 10rem;
}

.contact-content .line-title {
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 1rem;
}

.contact-content .page-section02 .tel {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 5px;
}

.contact-content .page-section02 .tel span:nth-of-type(1) {
	font-size: 34px;
	font-weight: bold;
	color: #FBC02D;
	line-height: 1;
}

.contact-content .page-section02 .tel span:nth-of-type(2) {
	font-size: 50px;
	font-weight: 500;
	line-height: 1;
	color: #444;
}

.contact-content .complete-section {
	text-align: center;
}

.contact-content .complete-section .text01 {
	font-size: 44px;
	font-weight: bold;
	margin-bottom: 5rem;
}

.contact-content .complete-section .text01 {
	font-size: 22px;
	margin-bottom: 5rem;
}

.contact-content .complete-section .text02 {
	margin-bottom: 3rem;
}

@media only screen and (max-width: 1024px) {
	.contact-content .complete-section .text01 {
		font-size: 20px;
		margin-bottom: 3rem;
	}

	.contact-content .complete-section .text01 {
		font-size: 20px;
		margin-bottom: 3rem;
	}
}

@media only screen and (max-width: 600px) {
	.contact-content .flex-content {
		gap: 7rem 0;
	}

	.contact-content .page-section02 .tel {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: baseline;
		gap: 5px;
	}

	.contact-content .page-section02 .tel span:nth-of-type(1) {
		font-size: 35px;
	}

	.contact-content .page-section02 .tel span:nth-of-type(2) {
		font-size: 34px;
	}
}

/* Privacy Policy */
.privacy-content h3 {
	font-weight: bold;
	font-size: 16px;
	margin: 3rem 0 1rem;
}

.privacy-content .ul01 {
	margin-top: 1rem;
}

.privacy-content .ul01 li {
	list-style: decimal;
	margin-left: 2rem;
	padding: 0.3rem 0;
}

.privacy-content .ul02 {
	margin: 1rem 0;
}

.privacy-content .ul02 li {
	margin-left: 6rem;
}

.privacy-content .ul03 li {
	margin-left: 10rem;
}

.privacy-content .ul03 {
	margin: 1rem 0;
}

/*------------------------------------------
	Archive Single
------------------------------------------*/
.single-content .box {
	max-width: 1100px;
	width: 100%;
	margin: auto;
}

.single-content .box .title {
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #D9D9D9;
	padding: 1rem 0;
	margin-bottom: 5rem;
}