.scene_h1 {
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	font-size: 11px;
	color: #999;
	z-index: 101;
}
a.btn_scene_main {
	height: 70px;
	border: none;
	border-radius: 35px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	margin: 0;
	span {
		font-size: 20px;
	}
}
/*--
.scene_cta {
	background: url(/scene/img/common/bg_contact.webp) 50% 50% no-repeat;
	padding: 60px 0;
	& h3 {
		font-size: 32px;
		font-weight: 600;
		line-height: 1.5;
		color: #fff;
		text-align: center;
		margin-bottom: 40px;
	}
}
.scene_cta_btn_wrap {
	display: flex;
	justify-content: center;
	gap: 60px;
}
.scene_cta_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 500px;
	height: 120px;
	border-radius: 60px;
	padding: 0 30px;
	color: #fff;
	font-weight: 600;
	line-height: 1.4;
}
.t_cat_txt {
	flex-grow: 2;
	margin-left: 15px;
	& span {
		font-size: 22px;
	}
	& p {
		font-size: 32px;
	}
}
.scene_cta_online {
	background: var(--main-color);
	&:hover {
		background: var(--main-dark-color);
	}
}
.scene_cta_contact {
	background: var(--red-color);
	&:hover {
		background: var(--red-dark-color);
	}
}
--*/
/* 埋め込みフォーム form
---------------------------------------- */
.scene_form {
	width: 1000px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	padding: 60px 80px;
	margin: 0 auto;
	box-sizing: border-box;
	& table {
		width: 100%;
		& th, & td {
			padding: 5px 10px;
			vertical-align: middle;
			box-sizing: border-box;
		}
		& th {
			display: flex;
			margin-top: 5px;
		}
		& td {
			width: 80%;
		}
	}
}
.scene_form th span {
	color: #ff4a32;
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
	&.form_any {
		border: 1px solid #237dc0;
		color: #237dc0 !important;
		background: #dfebf5 !important;
	}
}
.scene_form td p {
	font-size: 12px;
	background: #FFE5E5;
	display: inline-block;
	color: #ff0000;
	font-weight: bold;
}
.scene_form td input {
	font-size: 15px;
	padding: 5px 10px;
	border: 1px solid #ccdae4;
	background: #f5f9fc;
	font-family: "Noto Sans JP", sans-serif;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.scene_form td label {
	border: 1px solid #ccdae4;
	background: #f5f9fc;
	cursor: pointer;
	border-radius: 3px;
	padding: 6px 10px;
	display: inline-block;
	margin: 0 10px 10px 0;
	font-size: 14px;
}
.scene_form td label span {
	display: inherit;
	color: #999;
	font-size: 12px;
	padding-left: 5px;
}
.scene_form td label input {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
.scene_form td label input[type="checkbox"],
.scene_form td label input[type="radio"] {
	vertical-align: middle;
	margin-top: 0;
	margin-left: 0;
}
.scene_form textarea {
	font-size: 16px;
	background: #f5f9fc;
	font-family: "Noto Sans JP", sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 20px;
	border: 1px solid #ccdae4;
	height: 100px;
}
.scene_form select {
	cursor: pointer;
	padding: 5px 10px;
	border: 1px solid #ccdae4;
	font-size: 15px;
	background: #f5f9fc;
	font-family: "Noto Sans JP", sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.scene_form td input[type="text"]:hover,
.scene_form td input[type="tel"]:hover,
.scene_form td textarea:hover,
.scene_form td select:hover,
.scene_form td label:hover {
	background: #f9fcf5;
	border: 1px solid #d6eaba;
}
.scene_form #jc_btn_submit {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0 auto;
	width: 350px;
	height: 60px;
	border-radius: 30px;
	background: var(--red-color);
	border: none;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	&:hover {
		background: var(--red-dark-color);
	}
}
.scene_form_privacy {
	text-align: center;
	padding: 20px 0;
	font-size: 12px;
	& a {
		color: #111;
		text-decoration: underline;
	}
}
.scene_form_note {
	border: 5px solid #eee;
	padding: 15px !important;
	margin-bottom: 40px;
	padding: 10px 0;
	color: #ff0000;
	font-size: 12px;
	line-height: 1.5;
}
/* 博士コムってどんな会社？ company ※topより
---------------------------------------- */
.scene_company {
	margin: 100px 0 180px;
	padding-bottom: 40px;
	position: relative;
	background: var(--main-pale-color);
	&:before, &:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 150px;
	}
	&:before {
		background: url(/img/top/company_bg_top.webp) 50% 0 no-repeat;
		top: -150px;
		left: 0;
	}
	&:after {
		background: url(/img/top/company_bg_bottom.webp) 50% 0 no-repeat;
		bottom: -150px;
		left: 0;
	}
}
.scene_company_accent01, .scene_company_accent02 {
	position: absolute;
	top: 50px;
}
.scene_company_accent01 {
	left: calc(50% - 540px);
}
.scene_company_accent02 {
	right: calc(50% - 540px);
}
.scene_company_inner {
	width: 1260px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.scene_company_main {
	position: relative;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	width: 480px;
	border-radius: 30px;
	box-sizing: border-box;
	padding: 30px 0;
}
.scene_company_main_ttl {
	padding: 0 30px;
}
.scene_company_main_chara {
	position: absolute;
	top: -30px;
	right: 20px;
}
.scene_company .swiper {
	padding: 0 30px;
	margin-bottom: 30px;
}
.company-Swiper .swiper-slide {
	width: 100%;
	padding: 30px 0;
	& a {
		padding: 10px 0;
		display: block;
	}
	& .thumbnail {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		margin-bottom: 10px;
		position: relative;
		&:before {
			content: "";
			background: url(/img/common/icon_play.webp) no-repeat;
			background-size: 60px;
			width: 60px;
			height: 60px;
			position: absolute;
			top: calc(50% - 30px);
			left: calc(50% - 30px);
			opacity: 0.85;
		}
	}
	& .txt {
		font-size: 18px;
		font-weight: 600;
		color: #111;
		height: 60px;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		display: -webkit-box;
	}
	&:hover {
		& .thumbnail:before {
			opacity: 1;
		}
		& .txt {
			color: var(--main-color);
		}
	}
}
.company-Swiper .swiper-button-prev,
.company-Swiper .swiper-button-next {
	background: #fff;
	border: 2px solid var(--main-color);
	border-radius: 999px;
	svg {
		width: 20px;
		height: 20px;
		stroke: var(--main-color);
	}
	&:hover {
		background: var(--main-pale-color);
	}
}
.company-Swiper .swiper-button-prev {
	left: 10px !important;
}
.company-Swiper .swiper-button-next {
	right: 10px !important;
}
.scene_company_left, .scene_company_right {
	padding-top: 30px;
	width: 360px;
	position: relative;
}
.random-set {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	perspective: 800px;
}
/* 1枚分の枠 */
.flip-card {
	width: 160px;
	height: 160px;
	position: relative;
}
/* 中身：これを回転させる */
.flip-card-inner {
	width: 100%;
	height: 100%;
	position: relative;
	transition: transform 0.25s ease;
	/* ← 回転スピード（0.25秒） */
	transform-style: preserve-3d;
}
/* is-flipped が付いたときに180度回転 */
.flip-card-inner.is-flipped {
	transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
	position: absolute;
	inset: 0;
	backface-visibility: hidden;
}
.flip-card-front img,
.flip-card-back img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 裏面は最初から180度回しておく */
.flip-card-back {
	transform: rotateY(180deg);
}
.scene_company_speech {
	position: absolute;
}
.scene_company_speech01 {
	top: 0;
	left: 0;
}
.scene_company_speech02 {
	top: 0;
	right: 0;
}
.scene_company_speech03 {
	bottom: 60px;
	left: 70px;
}
.scene_company_speech04 {
	top: 0;
	left: 0;
}
.scene_company_speech05 {
	top: 0;
	right: 0;
}
.scene_company_more {
	margin-top: 40px;
}
/* 導入会社様インタビュー interview ※topより
---------------------------------------- */
.scene_interview {
	padding: 80px 0;
}
.scene_interview .t_h2 {
	margin-bottom: 40px;
}
.scene_interview .swiper {
	padding: 20px 0;
	margin-bottom: 40px;
}
.scene_interview .swiper-slide {
	width: 400px;
	background: #fff;
	border-radius: 40px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	&:hover {
		outline: 2px solid var(--main-color);
	}
	& a {
		color: #111;
		display: block;
		margin-bottom: 20px;
		height: 100%;
		& img {
			border-radius: 40px 40px 0 0;
		}
	}
}
.scene_interview_name {
	padding: 10px 20px;
	font-size: 18px;
	font-weight: 600;
}
.scene_interview_catch {
	padding: 0 20px;
	height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
}
.scene_interview .swiper-button-prev,
.scene_interview .swiper-button-next {
	background: #fff;
	border: 2px solid var(--main-color);
	border-radius: 999px;
	svg {
		width: 20px;
		height: 20px;
		stroke: var(--main-color);
	}
	&:hover {
		background: var(--main-pale-color);
	}
}
.scene_interview .swiper-button-prev {
	left: 3% !important;
}
.scene_interview .swiper-button-next {
	right: 3% !important;
}