@charset "UTF-8";

body {
	background-color: var(--bg-color--primary);
}
.main_container {
	position: relative;
}
.main_container::before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	background-image: url(../images/talk/talk_over-bg.webp);
	background-repeat: repeat;
	background-position: center top;
	background-size: 1920px 1945px;
	opacity: 0.82;
	content: "";

	mix-blend-mode: overlay;
}
@media screen and (min-width: 768px) {
	/*.main_container {
		padding-bottom: 100px;
	}*/
	.common_page-text br {
		display: none;
	}
	.main_container::after {
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
		transform: translateX(-50%);
		width: 1920px;
		background-image: url(../images/talk/talk_over-decor.webp);
		background-repeat: repeat;
		background-position: center top;
		background-size: 1920px 4613px;
		content: "";

		aspect-ratio: 1920/4613;
	}
}
@media screen and (max-width: 767px) {
	/*.main_container {
		padding-bottom: 50px;
	}*/
}



/*******************************************************************************
	キービジュアル
*******************************************************************************/
.talk_visual-container {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 55px;
	padding-top: 180px;
}

.talk_visual-container::before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	background-color: #fee6cc;
	content: "";

	mask-size: 100%;
	mask-position: center top;
	mask-repeat: no-repeat;
}
.talk_visual-inner {
	display: flex;
	position: relative;
	z-index: 1;
	max-width: 1780px;
	width: 95%;
	margin: 0 auto;
	column-gap: clamp(1.25rem, -0.689rem + 4.04vw, 3.75rem);

	row-gap: 25px;
}
.talk_visual-img {
	position: relative;
	max-width: 905px;
	width: 100%;
	min-height: 310px;
}
.talk_visual-img img {
	height: auto;

	object-fit: cover;
}
.talk_visual-img img:not(.talk_visual-move) {
	max-width: 540px;
	min-width: 205px;
	width: 59.6686%;
	border-radius: 25px;
}
.talk_visual-img img.talk_visual-move {
	position: absolute;
	border-radius: 30px;
}
.talk_visual-bottom {
	bottom: 0;
	left: clamp(4.063rem, -1.271rem + 11.11vw, 10.938rem);
	max-width: 490px;
	width: 54.1437%;
	min-height: 140px;
}
.talk_visual-right {
	right: 0;
	bottom: clamp(2.813rem, 0.146rem + 5.56vw, 6.25rem);
	max-width: 330px;
	min-width: 120px;
	width: 36.4641%;
}
.talk_visual-content {
	display: flex;
	max-width: 705px;
	width: 100%;
	font-weight: bold;
	font-size: clamp(0.75em, -0.22em + 2.02vw, 2em);
	flex-direction: column;
	align-items: center;
}
.talk_visual-content h1 , .talk_visual-content h1 img {
	width: 100%;
}
@media screen and (min-width: 768px) {
	.talk_visual-container {
		padding-top: 180px;
	}
	.talk_visual-container::before {
		width: clamp(193.75rem, 64.78rem + 268.69vw, 360rem);

		mask-image: url(../images/talk/talk_visual-bg.webp);
		aspect-ratio: 1152/187;
	}
	.talk_visual-img {
		aspect-ratio: 181/134;
	}
	.talk_visual-content {
		padding-top: clamp(6.875rem, 4.693rem + 4.55vw, 9.688rem);

		row-gap: 40px;
	}
}
@media screen and (max-width: 767px) {
	.talk_visual-container {
		padding: 40px 20px 0;
	}
	.talk_visual-container::before {
		max-width: 860px;
		min-width: 767px;
		width: clamp(47.938rem, 3.762rem + 186vw, 53.75rem);

		mask-image: url(../images/talk/talk_visual-bgmb.webp);
		aspect-ratio: 59/42;
	}
	.talk_visual-inner {
		max-width: 390px;
		width: 100%;
		flex-direction: column;
	}
	.talk_visual-img {
		aspect-ratio: 67/62;
	}
	.talk_visual-img img:not(.talk_visual-move) {
		aspect-ratio: 40/41;
	}
	.talk_visual-bottom {
		aspect-ratio: 9/7;
	}
	.talk_visual-right {
		aspect-ratio: 24/41;
	}
	.talk_visual-content {
		row-gap: 15px;
	}
}
.talk_member-container , .talk_query-article , .talk_wide-img {
	position: relative;
	z-index: 2;
}

/*******************************************************************************
	メンバー
*******************************************************************************/
.talk_member-container {
	display: flex;
	max-width: 1080px;
	margin: 0 auto;
	flex-direction: column;
}
.talk_member-title {
	font-weight: bold;
	font-size: clamp(1.563em, 0.912em + 1.36vw, 1.875em);
	text-align: center;
}
.talk_member-list {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.talk_member-item {
	max-width: 330px;
}
.talk_member-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.talk_member-img {
	display: flex;
	overflow: hidden;
	max-width: 130px;
	width: 100%;
	border: 4px solid var(--member);
	border-radius: 100%;
	justify-content: center;
	align-items: center;

	aspect-ratio: 1/1;
}
.talk_member-img img {
	width: 100%;
	height: 100%;
	background-color: #ffffff;

	object-fit: cover;
}
.talk_member-profile {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;

	row-gap: 5px;
}
.talk_member-profile span {
	font-size: clamp(0.813em, 0.422em + 0.81vw, 1em);
}
.talk_member-profile strong {
	font-size: clamp(1.188em, -0.243em + 2.98vw, 1.875em);
}
@media screen and (min-width: 768px) {
	.talk_member-container {
		width: 95%;
		margin-bottom: 85px;

		row-gap: 20px;
	}
	.talk_member-item {
		width: 30.5556%;
	}
	.talk_member-profile {
		position: relative;
		margin-top: -65px;
		padding: calc(65px + 15px) 0 25px;

		row-gap: 5px;
	}
	.talk_member-profile::before {
		display: block;
		display: flex;
		position: absolute;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background-color: var(--member);
		opacity: 0.1;
		flex-direction: column;
		align-items: center;
		content: "";
	}
}
@media screen and (max-width: 767px) {
	.talk_member-container {
		width: 100%;
		margin-bottom: 50px;
		padding: 0 30px;

		row-gap: 20px;
	}
	.talk_member-item {
		width: 28.5715%;
	}
	.talk_member-content {
		row-gap: 5px;
	}
	.talk_member-profile {
		row-gap: 5px;
	}
}


/*******************************************************************************
	座談会
*******************************************************************************/
.talk_query-list {
	display: flex;
	width: 100%;
	flex-direction: column;
}
.talk_query-item {
	display: flex;
	position: relative;
	width: 100%;
}
.talk_query-wide {
	position: relative;
	padding-top: 80px;
	padding-bottom: 115px;
}
.talk_query-wide::before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	background-color: #fee6cc;
	content: "";
}
.talk_query-wide::before {
	background-color: #fee6cc;
}
/*.talk_query-wide::after {
	background-image: url(../images/talk/talk_over-bg.webp);
	background-repeat: repeat;
	background-position: center top;
	background-size: 1920px 2673px;
	opacity: 0.82;

	mix-blend-mode: overlay;
}*/
.talk_query-article {
	display: flex;
	max-width: 1035px;
	width: 95%;
	margin: 0 auto;
	flex-direction: column;
}
.talk_query-head {
	display: flex;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 35px;
	font-size: clamp(1.188em, -0.452em + 3.42vw, 1.875em);
	line-height: clamp(2.125rem, -0.856rem + 6.21vw, 3.375rem);
	justify-content: center;
}
.talk_query-head::before {
	content: "Q.";
}
.talk_argument-list {
	display: flex;
	flex-direction: column;
}
.talk_argument-item {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
.talk_argument-person {
	display: flex;
	max-width: 120px;
	min-width: 55px;
	width: clamp(3.438rem, -6.252rem + 20.19vw, 7.5rem);
	font-weight: bold;
	font-size: 0.875em;
	flex-direction: column;
	align-items: center;

	row-gap: 3px;
}
.talk_argument-img {
	display: flex;
	overflow: hidden;
	width: 100%;
	border: clamp(0.125rem, -0.173rem + 0.62vw, 0.25rem) solid var(--person);
	border-radius: 100%;

	aspect-ratio: 1/1;
}
.talk_argument-img img {
	width: 100%;
	height: auto;
}
.talk_argument-content {
	display: flex;
	position: relative;
	max-width: 905px;
	width: calc(100% - clamp(3.438rem, -6.252rem + 20.19vw, 7.5rem) - clamp(0rem, -1.491rem + 3.11vw, 0.625rem));
	padding-left: clamp(0.625rem, -2.356rem + 6.21vw, 1.875rem);
	filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.26));
}
.talk_argument-content::before {
	display: inline-block;
	position: absolute;
	top: 68%;
	left: 0;
	transform: translateY(-68%);
	min-width: clamp(0.688rem, -2.294rem + 6.21vw, 1.938rem);
	background-color: var(--content);
	content: "";

	clip-path: polygon(0 0, 100% 100%, 100% calc(100% - 20px));
	aspect-ratio: 31/25;
}
.talk_argument-content p {
	display: flex;
	padding: 20px clamp(0.938rem, -2.044rem + 6.21vw, 2.188rem);
	background-color: var(--content);
	font-weight: 500;
	font-size: clamp(0.875em, 0.13em + 1.55vw, 1.188em);
	line-height: clamp(1.563rem, 0.519rem + 2.17vw, 2rem);
	text-align: justify;
}
.talk_query-img {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
	margin-top: 60px;
}
.talk_query-img img {
	width: 100%;
	height: auto;
}
.talk_wide-img {
	display: block;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}
.talk_wide-img img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 768px) {
	.talk_query-list {
		padding-bottom: 100px;
	}
	.talk_query-item:not(.talk_query-wide):not(:nth-of-type(1)) {
		margin-top: 80px;
	}
	.talk_query-item:not(.talk_query-wide):not(:nth-last-of-type(1)) {
		margin-bottom: 180px;
	}
	.talk_query-wide {
		padding-top: 80px;
		padding-bottom: 115px;
	}
	.talk_query-article {
		width: 95%;
	}
	.talk_query-head {
		margin-bottom: 35px;
	}
	.talk_argument-list {
		row-gap: 40px;
	}
	.talk_query-img {
		margin-top: 60px;
	}
}
@media screen and (max-width: 767px) {
	.talk_query-list {
		padding-bottom: 50px;
	}
	.talk_query-item:not(.talk_query-wide):not(:nth-of-type(1)) {
		margin-top: 40px;
	}
	.talk_query-item:not(.talk_query-wide):not(:nth-last-of-type(1)) {
		margin-bottom: 40px;
	}
	.talk_query-wide {
		padding-top: 35px;
		padding-bottom: 40px;
	}
	.talk_query-article {
		width: 100%;
	}
	.talk_query-head {
		margin-bottom: 20px;
	}
	.talk_query-head {
		max-width: calc(100% - 40px);
		width: fit-content;
		word-break: auto-phrase;
	}
	.talk_argument-list {
		padding: 0 20px 0 10px;

		row-gap: 10px;
	}
	.talk_query-img {
		margin-top: 40px;
	}
	.talk_wide-img {
		aspect-ratio: 75/37;
	}
	.talk_wide-img img {
		height: 100%;

		object-fit: cover;
	}
}

@media screen and (min-width: 768px) {
	.talk_argument-content p {
		min-height: 135px;
		align-items: center;
	}
}


/*******************************************************************************
	募集要項
 *******************************************************************************/
.recruit_requirements-container {
	display: flex;
	position: relative;
	z-index: 5;
	width: 100%;
	padding: 40px 0;
	background-color: #006252;
	justify-content: center;
	align-items: center;
}

.recruit_requirements-container::before {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	width: 1920px;
	height: 249px;
	background-image: url(../images/recruit/recruit_requirements-bg.webp);
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0.2;
	content: "";
}
.recruit_requirements-inner {
	display: flex;
	position: relative;
	z-index: 1;
	max-width: 815px;
	width: 95%;
	margin: 0 auto;
	padding: 37px 0;
	border-radius: 20px;
	background-color: #ffffff;
	flex-direction: column;
	align-items: center;

	row-gap: 20px;
}
.recruit_requirements-inner p {
	display: block;
	font-weight: 500;
	font-size: clamp(0.938em, 0.264em + 1.4vw, 1.188em);
	line-height: clamp(1.688rem, -0.165rem + 3.86vw, 2.375rem);
	text-align: center;
}
.recruit_requirements-inner p span:not(.recruit_requirements-hide) {
	position: relative;
	z-index: 1;
}
.recruit_requirements-inner p span:not(.recruit_requirements-hide)::before {
	display: block;
	position: absolute;
	bottom: calc(0px - clamp(0rem, -0.842rem + 1.75vw, 0.313rem));
	left: 0;
	z-index: -1;
	width: calc(100%);
	height: 20px;
	background-color: #ffeb00;
	content: "";
}

.recruit_requirements-link {
	display: flex;
	max-width: 525px;
	min-width: 275px;
	width: 82.5%;
	padding: 30.5px 0;
	border: 5px solid #ff9300;
	border-radius: 10px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	background-color: #ff9300;
	color: #ffffff;
	font-weight: bold;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}
.recruit_requirements-link:hover {
	background-color: #ffffff;
	color: #ff9300 !important;
}
.recruit_requirements-link i {
	transition: all 0.3s;
}
.recruit_requirements-link:hover i::before {
	color: #ff9300 !important;
}
.recruit_requirements-link dt {
	display: flex;
	font-size: clamp(1.625em, -0.059em + 3.51vw, 2.25em);
	letter-spacing: 0.2em;
	column-gap: clamp(0.938rem, 0.095rem + 1.75vw, 1.25rem);
	align-items: center;
}
/* .recruit_requirements-link dt i {
	font-size: clamp(1.5em, -1.363em + 5.96vw, 2.563em);
} */
.recruit_requirements-link dd {
	font-weight: bold;
	font-size: 1.1875em;
	text-align: center;
	letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
	.recruit_requirements-container {
		padding: 40px 0;
	}
	.recruit_requirements-inner {
		width: 95%;
		padding: 37px 0;

		row-gap: 20px;
	}
	.recruit_requirements-hide {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.recruit_requirements-container {
		padding: 25px 0;
	}
	.recruit_requirements-inner {
		width: calc(100% - 40px);
		padding: 25.5px 0;

		row-gap: 10px;
	}
	.recruit_requirements-inner p {
		max-width: 255px;
	}
	.recruit_requirements-link dd {
		display: none;
	}
	.recruit_requirements-link {
		position: relative;
		overflow: hidden;
		background-color: rgba(255, 98, 0, 0.85);
	}
	.recruit_requirements-link::before , .recruit_requirements-link::after {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		align-self: 0;
		content: "";
	}
	.recruit_requirements-link:hover::before {
		transform: scale(1.1);
	}
	.recruit_requirements-link::before {
		background-image: url(../images/recruit/recruit_requirements-link.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		transition: all 0.4s;
	}
	.recruit_requirements-link::after {
		background-color: rgba(255, 98, 0, 0.85);
	}
	.recruit_requirements-link dl {
		position: relative;
		z-index: 1;
	}
}