@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
採用 - 若手社員座談会
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.breadcrumb {
	display: none;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ページヘッダー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.talk-header {
	position: relative;
	z-index: 0;
	color: #fff;
}

.talk-header .img {
	position: absolute;
	inset: 0 auto auto 0;
	z-index: -1;
	width: 100%;
	height: 302px;
	object-fit: cover;
	object-position: center 35%;
}

.talk-header .heading {
	margin-bottom: 0.5em;
	font-size: 35px;
	letter-spacing: var(--letter-spacing);
}

@media (min-width: 768px) {
.talk-header {
	overflow: hidden;
	height: 650px;
}

.talk-header .img {
	height: 100%;
}

.talk-header .inner {
	display: grid;
	height: 100%;
	align-items: end;
}

.talk-header .text {
	position: relative;
	z-index: 0;
	padding-bottom: 50px;
}

.talk-header .text::before {
	position: absolute;
	inset: -100px auto -100px 50%;
	z-index: -1;
	width: 100vw;
	background: radial-gradient(ellipse, rgb(93, 124, 137, 0.5), rgb(93, 124, 137, 0) 70%);
	content: "";
	transform: translateX(-50%);
}

.talk-header .heading {
	font-size: 44px;
}

.talk-header .description {
	font-size: 16px;
}
}

@media (max-width: 767.9px) {
.talk-header .text {
	padding-top: 195px;
}

.talk-header .heading {
	position: relative;
	z-index: 0;
}

.talk-header .heading::before {
	position: absolute;
	inset: -50px auto -50px 50%;
	z-index: -1;
	width: 100vw;
	background: radial-gradient(ellipse, rgb(93, 124, 137, 0.5), rgb(93, 124, 137, 0) 70%);
	content: "";
	transform: translateX(-50%);
}

.talk-header .description {
	position: relative;
	z-index: 0;
	padding: 25px 20px 25px 0;
}

.talk-header .description::before {
	opacity: 0.5;
	position: absolute;
	inset: 0 0 0 var(--padding-inline_negative);
	z-index: -1;
	background: linear-gradient(45deg, var(--color_sub), var(--color_green));
	content: "";
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 社員
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.talk-staff {
	padding-bottom: 0;
}

.talk-staff-ul {
	display: flex;
	text-align: center;
	gap: 25px 5%;
	flex-flow: wrap;
	justify-content: center;
}

.talk-staff-li .img {
	border-radius: 50%;
}

.talk-staff-li .department {
	width: 9em;
	margin: 0.7em auto 0.4em;
	background: linear-gradient(45deg, var(--color_sub), var(--color_green));
	color: #fff;
	font-weight: 600;
	font-size: 15px;
}

.talk-staff-li .heading {
	font-weight: inherit;
	font-size: 16px;
	letter-spacing: var(--letter-spacing);
}

.talk-staff-li .startdate {
	color: var(--color_main);
	font-weight: 500;
	letter-spacing: var(--letter-spacing);
}

@media (min-width: 768px) {
.talk-staff-li .department {
	font-size: 18px;
}

.talk-staff-li .heading {
	font-size: 20px;
}

.talk-staff-li .startdate {
	font-size: 16px;
}
}

@media (max-width: 767.9px) {
.talk-staff-li .img {
	width: 116px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- テーマ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.talk-theme {
	padding-bottom: 0;
}

.talk-theme-header {
	margin-bottom: -25px;
	padding-block: 36px 60px;
	background: var(--background_45deg);
	color: #fff;
	text-align: center;
}

.talk-theme-heading-en {
	display: block;
	margin-bottom: 0.5em;
	font-weight: 600;
}

.talk-theme-heading-ja {
	display: block;
	font-weight: 700;
	font-size: 22px;
}

.talk-theme-content {
	padding-top: 25px;
	background: #fff;
}

.talk-theme-content .wrapper {
	display: grid;
	margin-block: 30px;
	gap: 30px 40px;
}

.talk-theme-question {
	position: relative;
	margin-block: 2em 1.4em;
	padding-left: 1.7em;
	color: var(--color_main);
	font-weight: 700;
	font-size: 18px;
}

.talk-theme-question:first-child {
	margin-top: 0;
}

.talk-theme-question::before {
	position: absolute;
	inset: 0.8em auto auto 0;
	width: 1.2em;
	margin-right: 0.5em;
	border-top: 1px solid;
	content: "";
}

.talk-theme-li {
	display: grid;
	row-gap: 0.4em;
}

.talk-theme-li:not(:last-child) {
	margin-bottom: 1em;
}

.talk-theme-li::before {
	font-weight: 700;
	font-size: 13px;
	letter-spacing: var(--letter-spacing);
}

.talk-theme-li._staff01::before {
	color: #907a00;
	content: "（板）溝口さん";
}

.talk-theme-li._staff02::before {
	color: #bc0000;
	content: "（設）山口さん";
}

.talk-theme-li._staff03::before {
	color: #740090;
	content: "（設）許斐さん";
}

.talk-theme-li._staff04::before {
	color: var(--color_main);
	content: "（組）宇保さん";
}

/* 同名の連続発言は名前を非表示に */
.talk-theme-li._staff01 + .talk-theme-li._staff01::before,
.talk-theme-li._staff02 + .talk-theme-li._staff02::before,
.talk-theme-li._staff03 + .talk-theme-li._staff03::before,
.talk-theme-li._staff04 + .talk-theme-li._staff04::before,
.talk-theme-li._name_hide::before {
	opacity: 0;
}

.talk-theme-img {
	display: block;
	margin-block: 30px;
}

.talk-theme-img:last-child {
	margin-bottom: 0;
}

.talk-theme-image {
	justify-self: end;
}

@media (min-width: 560px) {
.talk-theme-content {
	padding-inline: 6%;
}
}

@media (min-width: 768px) {
.talk-theme-header {
	margin-bottom: -50px;
	padding-block: 60px 80px;
}

.talk-theme-heading-en {
	font-size: 16px;
}

.talk-theme-heading-ja {
	font-size: 24px;
}

.talk-theme-content {
	padding-top: 50px;
}

.talk-theme-question {
	font-size: 20px;
}

.talk-theme-li {
	grid-template-columns: 133px 1fr;
}

.talk-theme-img {
	height: 390px;
	object-fit: cover;
}

.talk-theme01 .talk-theme-img {
	object-position: center 10%;
}

.talk-theme05 .talk-theme-img {
	object-position: center 20%;
}
}

@media (min-width: 880px) {
.talk-theme-content .wrapper {
	grid-template-columns: 1fr 319px;
}

.talk-theme-image {
	grid-row: 1;
	grid-column: 2;
}
}

@media (max-width: 559.9px) {
.talk-theme-ul {
	padding-inline: 3vw;
}

.talk-theme-image {
	max-width: 81%;
	margin-right: var(--padding-inline_negative);
}
}