@charset "utf-8";

/* ////////////////////////////////////////////////////////////
	File Name	meet.css
*/

/*============================================================
	genbalove
*/
.c-genbalove {
	padding: 60px 0 120px 0;
	background-color: #e8f8fa;
}
.c-genbalove .main {
	text-align: center;
}
.c-genbalove .main .detail {
	margin: 30px 0 0 0;
}
.c-genbalove .main .detail h3 {
	font-size: 55px;
	line-height: 1.41;
}
.c-genbalove .main .detail .lead {
	margin: 20px 0 0 0;
	font-size: 17px;
	line-height: 1.88;
}
.c-genbalove .menu {
	margin: 60px 0 0 0;
}
.c-genbalove .menu .list {
	display: flex;
}
.c-genbalove .menu .block {
	flex-basis: 50%;
	padding: 0 10px;
}
.c-genbalove .menu .block .frame {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 15px;
	background-color: #fff;
}
.c-genbalove .menu .block .thumb {
	display: block;
	position: relative;
	padding: 0 0 70px 0;
}
.c-genbalove .menu .block .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin: 0 0 0 -70px;
	width: 140px;
	height: 42px;
	border: 1px solid #000;
	border-radius: 999px;
	font-size: 13px;
}
/**/
.c-genbalove .main .detail .lead {
	transition-delay: 0.9s;
}
/* HOVER */
.os-pc .c-genbalove .menu .block .btn {
	transition: all 0.3s ease;
}
.os-pc .c-genbalove .menu .block .btn:hover {
	background-color: #000;
	color: #fff;
}
/* TB */
@media screen and (max-width: 979px) {
	.c-genbalove .menu .list {
		display: block;
		margin: 0 auto;
		max-width: 480px;
	}
	.c-genbalove .menu .block {
		margin: 0 0 40px 0;
		padding: 0;
	}
	.c-genbalove .menu .block:last-child {
		margin: 0;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.c-genbalove {
		padding: 50px 0 50px 0;
	}
	.c-genbalove .main .detail h3 {
		font-size: 30px;
	}
	.c-genbalove .main .detail .lead {
		margin: 15px 0 0 0;
		text-align: left;
		font-size: 15px;
		line-height: 1.8;
	}
	.c-genbalove .main .detail .lead br {
		display: none;
	}
	.c-genbalove .menu {
		margin: 30px 0 0 0;
	}
	.c-genbalove .menu .block {
		margin: 0 0 10px 0;
	}
}

/*============================================================
	fave
*/
.c-fave {
	padding: 70px 0 100px 0;
	background-color: #e8f8fa;
}
.c-fave .main {
	text-align: center;
}
.c-fave .main .heading {
	position: relative;
}
.c-fave .main .heading::before,
.c-fave .main .heading::after {
	content: '';
	display: block;
	position: absolute;
	width: 180px;
	height: calc(0.888 * 180px);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.c-fave .main .heading::before {
	top: 80px;
	right: 50%;
	margin: 0 250px 0 0;
	background-image: url('/recruit/fresh/assets/img/meet/fave-title-ornament01.svg');
}
.c-fave .main .heading::after {
	top: 96px;
	left: 50%;
	margin: 0 0 0 250px;
	background-image: url('/recruit/fresh/assets/img/meet/fave-title-ornament02.svg');
}
.c-fave .main .heading .in {
	position: relative;
	margin: 0 auto;
	max-width: 560px;
}
.c-fave .main .heading .in h2,
.c-fave .main .heading .in h3 {
	position: relative;
}
.c-fave .main .heading .in::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/recruit/fresh/assets/img/meet/fave-title-point.png');
	background-size: cover;
}
.c-fave .main .detail .lead {
	margin: 20px 0 0 0;
	font-size: 17px;
	line-height: 1.88;
}
.c-fave .section {
	margin: 80px 0 0 0;
}
.c-fave .section .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.c-fave .section .block {
	flex-basis: 250px;
	margin: 0 0 24px 0;
	padding: 0 12px;
}
.c-fave .section .block .frame {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 20px;
	border-radius: 15px;
	background-color: #fff;
}
.c-fave .section .block h2 {
	position: relative;
	padding: 0 0 55px 0;
	min-height: 194px;
	font-size: 21px;
	line-height: 1.38;
}
.c-fave .section .block h2 .color {
	color: #e94829;
}
.c-fave .section .block .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin: 0 0 0 -70px;
	width: 140px;
	height: 42px;
	border: 1px solid #000;
	border-radius: 999px;
	font-size: 13px;
}
/**/
.c-fave .main .heading .in h2 {
	transform: scale(0.4);
	opacity: 0;
	transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0s, opacity 0.8s ease 0s;
}
.c-fave .main.active .heading .in h2 {
	transform: scale(1);
	opacity: 1;
}
.c-fave .main .heading .in h3 > span > span {
	transform: translateY(100%);
}
.c-fave .main .heading .in::before {
	transform: translate(-20px, 40px);
	opacity: 0;
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s;
}
.c-fave .main.active .heading .in::before {
	transform: translate(0px, 0px);
	opacity: 1;
}
.c-fave .main .detail .lead {
	transition-delay: 0.5s;
}
.c-fave .main .heading::before,
.c-fave .main .heading::after {
	opacity: 0;
	transition: opacity 0.8s ease 0.8s;
}
.c-fave .main.active .heading::before,
.c-fave .main.active .heading::after {
	opacity: 1;
}
/* HOVER */
.os-pc .c-fave .section .block .btn {
	transition: all 0.3s ease;
}
.os-pc .c-fave .section .block .btn:hover {
	background-color: #000;
	color: #fff;
}
/* TB */
@media screen and (max-width: 979px) {
	.c-fave .main .heading {
		padding: 0 0 160px 0;
	}
	.c-fave .main .heading::before {
		top: auto;
		bottom: 0;
		margin: 0;
	}
	.c-fave .main .heading::after {
		top: auto;
		bottom: 0;
		margin: 0;
	}
	.c-fave .section .block {
		flex-basis: 50%;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.c-fave {
		padding: 50px 0 40px 0;
	}
	.c-fave .main .heading {
		padding: 0 0 90px 0;
	}
	.c-fave .main .heading::before,
	.c-fave .main .heading::after {
		width: 94px;
		height: calc(0.888 * 94px);
	}
	.c-fave .main .heading .in {
		max-width: 286px;
	}
	.c-fave .main .detail .lead {
		margin: 15px 0 0 0;
		text-align: left;
		font-size: 15px;
		line-height: 1.8;
	}
	.c-fave .main .detail .lead br {
		display: none;
	}
	.c-fave .section {
		margin: 30px 0 0 0;
	}
	.c-fave .section .list {
		display: block;
	}
	.c-fave .section .block {
		margin: 0 0 10px 0;
		padding: 0;
	}
	.c-fave .section .block h2 {
		min-height: initial;
	}
}

/*============================================================
	fave modal
*/
.modal-fave-window .block .row {
	display: flex;
	align-items: center;
}
.modal-fave-window .block .head {
	flex: 1;
	line-height: 1.5;
}
.modal-fave-window .block .head h2 {
	margin: 0 0 15px 0;
	width: 140px;
}
.modal-fave-window .block .head .area {
	font-size: 15px;
	text-indent: -0.5em;
}
.modal-fave-window .block .head h3 {
	font-size: 32px;
	line-height: 1.3;
}
.modal-fave-window .block .head h3 .small {
	display: block;
	font-size: 19px;
}
.modal-fave-window .block .head p {
	margin: 2px 0 0 0;
	font-size: 13px;
}
.modal-fave-window .block .image {
	flex-basis: 50%;
}
.modal-fave-window .block .image .caption {
	margin: 5px 0 0 0;
	text-align: right;
	font-size: 12px;
}
.modal-fave-window .block .detail {
	margin: 30px 0 0 0;
}
.modal-fave-window .block .detail h3 {
	font-size: 25px;
	line-height: 1.48;
}
.modal-fave-window .block .detail h3 .color {
	color: #e94829;
}
.modal-fave-window .block .detail .lead {
	margin: 10px 0 0 0;
	font-size: 15px;
	line-height: 1.8;
}
.modal-fave-window .block .detail .lead .info {
	text-indent: -0.5em;
}
/* TB */
@media screen and (max-width: 880px) {
	.modal-fave-window .block .row {
		display: block;
	}
	.modal-fave-window .block .head h3 br {
		display: none;
	}
	.modal-fave-window .block .image {
		margin: 20px 0 0 0;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.modal-fave-window .block .head {
		padding: 0 20px;
	}
	.modal-fave-window .block .head h2 {
		margin: 0 auto 15px auto;
	}
	.modal-fave-window .block .head h3 {
		font-size: 26px;
	}
	.modal-fave-window .block .head h3 .small {
		font-size: 19px;
	}
	.modal-fave-window .block .image .caption {
		padding: 0 20px;
	}
	.modal-fave-window .block .detail {
		margin: 20px 0 0 0;
		padding: 0 20px;
	}
	.modal-fave-window .block .detail h3 {
		font-size: 20px;
	}
	.modal-fave-window .block .detail .lead {
		margin: 5px 0 0 0;
		font-size: 14px;
	}
}

/*============================================================
	famous
*/
.c-famous {
	padding: 0 0 100px 0;
	background-color: #fff;
}
.c-famous .main {
	padding: 70px 0 80px 0;
	background-color: #e8f8fa;
	text-align: center;
}
.c-famous .main .heading {
	position: relative;
}
.c-famous .main .heading::before,
.c-famous .main .heading::after {
	content: '';
	display: block;
	position: absolute;
	width: 270px;
	height: 270px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.c-famous .main .heading::before {
	top: -10px;
	right: 50%;
	margin: 0 240px 0 0;
	background-image: url('/recruit/fresh/assets/img/meet/famous-title-ornament01.svg');
}
.c-famous .main .heading::after {
	top: -10px;
	left: 50%;
	margin: 0 0 0 230px;
	background-image: url('/recruit/fresh/assets/img/meet/famous-title-ornament02.svg');
}
.c-famous .main .heading h2,
.c-famous .main .heading h3 {
	margin: 0 auto;
	max-width: 420px;
}
.c-famous .main .detail .lead {
	margin: 20px 0 0 0;
	font-size: 17px;
	line-height: 1.88;
}
.c-famous .section {
	padding: 80px 0 0 0;
}
.c-famous .section .grid-row {
	display: flex;
}
.c-famous .section .grid {
	position: relative;
}
.c-famous .section .grid::before {
	content: '';
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
.c-famous .section .grid .block {
	position: absolute;
}
.c-famous .section .grid .block a {
	display: block;
}
/* grid01 w = 508 h = 374 */
.c-famous .section .grid01 {
	flex-basis: calc(508 / 1000 * 100%);
}
.c-famous .section .grid01::before {
	padding-top: calc(374 / 508 * 100%);
	background-image: url('/recruit/fresh/assets/img/meet/famous-grid01.svg');
}
.c-famous .section .grid01 .b01 {
	top: 0;
	left: 0;
	width: calc(150 / 508 * 100%);
}
.c-famous .section .grid01 .b02 {
	top: 0;
	right: 0;
	width: calc(358 / 508 * 100%);
}
.c-famous .section .grid01 .b03 {
	bottom: 0;
	right: 0;
	width: calc(358 / 508 * 100%);
}
/* grid02 w = 492 h = 374 */
.c-famous .section .grid02 {
	flex-basis: calc(492 / 1000 * 100%);
}
.c-famous .section .grid02::before {
	padding-top: calc(374 / 492 * 100%);
	background-image: url('/recruit/fresh/assets/img/meet/famous-grid02.svg');
}
.c-famous .section .grid02 .b01 {
	top: 0;
	left: 0;
	width: calc(326 / 492 * 100%);
}
.c-famous .section .grid02 .b02 {
	top: calc(148 / 374 * 100%);
	left: 0;
	width: calc(326 / 492 * 100%);
}
.c-famous .section .grid02 .b03 {
	top: 0;
	right: 0;
	width: calc(166 / 492 * 100%);
}
.c-famous .section .grid02 .b04 {
	bottom: 0;
	left: 0;
	width: 100%;
}
/* grid03 w = 530 h = 304 */
.c-famous .section .grid03 {
	flex-basis: calc(530 / 1000 * 100%);
}
.c-famous .section .grid03::before {
	padding-top: calc(304 / 530 * 100%);
	background-image: url('/recruit/fresh/assets/img/meet/famous-grid03.svg');
}
.c-famous .section .grid03 .b01 {
	top: 0;
	left: 0;
	width: calc(228 / 530 * 100%);
}
.c-famous .section .grid03 .b02 {
	top: 0;
	right: 0;
	width: calc(302 / 530 * 100%);
}
.c-famous .section .grid03 .b03 {
	bottom: 0;
	right: 0;
	width: 100%;
}
/* grid04 w = 470 h = 304 */
.c-famous .section .grid04 {
	flex-basis: calc(470 / 1000 * 100%);
}
.c-famous .section .grid04::before {
	padding-top: calc(304 / 470 * 100%);
	background-image: url('/recruit/fresh/assets/img/meet/famous-grid04.svg');
}
.c-famous .section .grid04 .b01 {
	top: 0;
	left: 0;
	width: calc(130 / 470 * 100%);
}
.c-famous .section .grid04 .b02 {
	top: calc(22 / 304 * 100%);
	right: 0;
	width: calc(340 / 470 * 100%);
}
.c-famous .section .grid04 .b03 {
	bottom: calc(14 / 304 * 100%);
	right: 0;
	width: calc(340 / 470 * 100%);
}
/* grid05 w = 422 h = 256 */
.c-famous .section .grid05 {
	flex-basis: calc(422 / 1000 * 100%);
}
.c-famous .section .grid05::before {
	padding-top: calc(256 / 422 * 100%);
	background-image: url('/recruit/fresh/assets/img/meet/famous-grid05.svg');
}
.c-famous .section .grid05 .b01 {
	top: 0;
	left: 0;
	width: calc(240 / 422 * 100%);
}
.c-famous .section .grid05 .b02 {
	top: 0;
	right: 0;
	width: calc(182 / 422 * 100%);
}
/* grid06 w = 578 h = 256 */
.c-famous .section .grid06 {
	flex-basis: calc(578 / 1000 * 100%);
}
.c-famous .section .grid06::before {
	padding-top: calc(256 / 578 * 100%);
}
.c-famous .section .grid06 .b01 {
	top: 0;
	left: 0;
	width: calc(430 / 578 * 100%);
}
.c-famous .section .grid06 .b02 {
	top: 0;
	right: calc(18 / 578 * 100%);
	width: calc(130 / 578 * 100%);
}
.c-famous .section .grid06 .b03 {
	bottom: 0;
	left: 0;
	width: 100%;
}
/* grid07 w = 640 h = 266 */
.c-famous .section .grid07 {
	flex-basis: calc(640 / 1000 * 100%);
}
.c-famous .section .grid07::before {
	padding-top: calc(266 / 640 * 100%);
	background-image: url('/recruit/fresh/assets/img/meet/famous-grid07.svg');
}
.c-famous .section .grid07 .b01 {
	top: 0;
	left: 0;
	width: calc(328 / 640 * 100%);
}
.c-famous .section .grid07 .b02 {
	top: 0;
	left: calc(328 / 640 * 100%);
	width: calc(138 / 640 * 100%);
}
.c-famous .section .grid07 .b03 {
	top: 0;
	right: 0;
	width: calc(174 / 640 * 100%);
}
.c-famous .section .grid07 .b04 {
	bottom: 0;
	right: 0;
	width: calc(246 / 640 * 100%);
}
/* grid08 w = 360 h = 266 */
.c-famous .section .grid08 {
	flex-basis: calc(360 / 1000 * 100%);
}
.c-famous .section .grid08::before {
	padding-top: calc(266 / 360 * 100%);
	background-image: url('/recruit/fresh/assets/img/meet/famous-grid08.svg');
}
.c-famous .section .grid08 .b01 {
	top: 0;
	left: 0;
	width: 100%;
}
.c-famous .section .grid08 .b02 {
	bottom: 0;
	left: 0;
	width: 100%;
}
/**/
.c-famous .main .heading::before,
.c-famous .main .heading::after {
	opacity: 0;
	transition: opacity 0.8s linear 0.6s;
}
.c-famous .main.active .heading::before,
.c-famous .main.active .heading::after {
	opacity: 1;
}
.c-famous .main .detail .lead {
	transition-delay: 0.6s;
}
.c-famous .section .grid::before {
	opacity: 0;
	transition: opacity 1s linear;
}
.c-famous .section .grid.active::before {
	opacity: 1;
}
.c-famous .section .grid .block {
	transform: scale(0.8);
	opacity: 0;
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.6s linear;
}
.c-famous .section .grid .block.active {
	transform: scale(1);
	opacity: 1;
}
/* HOVER */
.os-pc .c-famous .section .grid .block a {
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.os-pc .c-famous .section .grid .block a:hover {
	transform: scale(1.1);
}
/* TB */
@media screen and (max-width: 979px) {
	.c-famous .main .heading::before,
	.c-famous .main .heading::after {
		width: 200px;
		height: 200px;
	}
	.c-famous .main .heading::before {
		top: -20px;
		margin: 0 220px 0 0;
	}
	.c-famous .main .heading::after {
		top: -20px;
		margin: 0 0 0 210px;
	}
	.c-famous .section .grid-row {
		display: block;
		margin: 0 auto;
		max-width: 680px;
	}
	.c-famous .section .grid02 {
		margin: 0 0 0 10px;
	}
	.c-famous .section .grid08 {
		margin: 0 -20px;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.c-famous {
		padding: 0 0 30px 0;
	}
	.c-famous .main {
		padding: 50px 0 30px 0;
	}
	.c-famous .main .heading::before,
	.c-famous .main .heading::after {
		width: 130px;
		height: 130px;
	}
	.c-famous .main .heading::before {
		top: -24px;
		margin: 0 116px 0 0;
	}
	.c-famous .main .heading::after {
		top: -24px;
		margin: 0 0 0 110px;
	}
	.c-famous .main .heading h2,
	.c-famous .main .heading h3 {
		max-width: 220px;
	}
	.c-famous .main .detail .lead {
		margin: 30px 0 0 0;
		text-align: left;
		font-size: 15px;
		line-height: 1.8;
	}
	.c-famous .main .detail .lead br {
		display: none;
	}
	.c-famous .section {
		padding: 30px 0 0 0;
	}
	.c-famous .section .container {
		padding: 0 1vw 0 0;
	}
	.c-famous .section .grid-row {
		max-width: 100%;
	}
	.c-famous .section .grid02 {
		margin: 0 0 0 1.2vw;
	}
	.c-famous .section .grid08 {
		margin: 0 -2vw;
	}
}

/*============================================================
	famous modal
*/
.modal-famous-window .frame {
	box-shadow: 10px 10px 0px 0px #494948;
}
.modal-famous-window .block h2 {
	font-size: 25px;
	line-height: 1.48;
}
.modal-famous-window .block .lead {
	margin: 10px 0 0 0;
	font-size: 15px;
	line-height: 1.8;
}
.modal-famous-window .block .lead .info {
	text-indent: -0.5em;
}
/* SP */
@media screen and (max-width: 767px) {
	.modal-famous-window .frame {
		box-shadow: 5px 5px 0px 0px #494948;
	}
	.modal-famous-window .block {
		padding: 0 20px;
	}
	.modal-famous-window .block h2 {
		font-size: 20px;
	}
	.modal-famous-window .block .lead {
		margin: 10px 0 0 0;
		font-size: 14px;
	}
}

/*============================================================
	job
*/
.c-job {
	padding: 0 0 100px 0;
}
.c-job .cmn-hero::before {
	background-image: url('/recruit/fresh/assets/img/meet/job-kv.jpg');
}
.c-job .cmn-hero .headline::before {
	background-image: url('/recruit/fresh/assets/img/meet/job-main-base.svg');
}
.c-job .swipe-msg {
	display: none;
	text-align: center;
	font-size: 12px;
}
/* category */
.c-job .category {
	padding: 100px 0 0 0;
}
.c-job .category .cmn-nav-tab {
	margin: 50px 0 25px 0;
}
.c-job .category .cmn-nav-tab ul {
	margin: 0 auto;
	max-width: 680px;
}
.c-job .category .cmn-nav-tab ul li {
	flex-basis: 50%;
}
.c-job .category .matrix {
}
.c-job .category .tab-block {
	display: none;
}
.c-job .category .matrix01 img {
	margin: 0 auto;
	width: 100%;
	max-width: 970px;
}
.c-job .category .matrix02 img {
	margin: 0 auto;
	width: 74.23%;
	max-width: 720px;
}
.c-job .category .note {
	margin-top: 30px;
	text-align: center;
}
/* flow */
.c-job .flow {
	padding: 100px 0 0 0;
}
.c-job .flow .caption {
	margin: 45px 0 10px 0;
	text-align: center;
}
.c-job .flow .table {
}
.c-job .flow .table-body {
	position: relative;
	margin: 0 auto;
	max-width: 922px;
}
.c-job .flow .table-body a {
	display: block;
}
.c-job .flow .table-body .base {
	position: relative;
	width: 100%;
}
.c-job .flow .table-body ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.c-job .flow .table-body ul li {
	position: absolute;
	width: calc(290 / 1844 * 100%);
}
/* w = 1844 h = 1800 */
.c-job .flow .table-body .b01 {
	top: calc(495 / 1800 * 100%);
	left: calc(263 / 1844 * 100%);
}
.c-job .flow .table-body .b02 {
	top: calc(734 / 1800 * 100%);
	left: calc(263 / 1844 * 100%);
}
.c-job .flow .table-body .b03 {
	top: calc(855 / 1800 * 100%);
	left: calc(263 / 1844 * 100%);
}
.c-job .flow .table-body .b04 {
	top: calc(975 / 1800 * 100%);
	left: calc(263 / 1844 * 100%);
}
.c-job .flow .table-body .b05 {
	top: calc(1095 / 1800 * 100%);
	left: calc(263 / 1844 * 100%);
}
.c-job .flow .table-body .b06 {
	top: calc(1215 / 1800 * 100%);
	left: calc(263 / 1844 * 100%);
}
.c-job .flow .table-body .b07 {
	top: calc(1335 / 1800 * 100%);
	left: calc(263 / 1844 * 100%);
}
.c-job .flow .table-body .b08 {
	top: calc(1455 / 1800 * 100%);
	left: calc(263 / 1844 * 100%);
}
.c-job .flow .table-body .b09 {
	top: calc(1575 / 1800 * 100%);
	left: calc(263 / 1844 * 100%);
}
.c-job .flow .table-body .b10 {
	top: calc(1695 / 1800 * 100%);
	left: calc(263 / 1844 * 100%);
}
.c-job .flow .table-body .b11 {
	top: calc(495 / 1800 * 100%);
	left: calc(794 / 1844 * 100%);
}
.c-job .flow .table-body .b12 {
	top: calc(1215 / 1800 * 100%);
	left: calc(794 / 1844 * 100%);
}
.c-job .flow .table-body .b13 {
	top: calc(1335 / 1800 * 100%);
	left: calc(794 / 1844 * 100%);
}
.c-job .flow .table-body .b14 {
	top: calc(135 / 1800 * 100%);
	left: calc(1219 / 1844 * 100%);
}
.c-job .flow .table-body .b15 {
	top: calc(255 / 1800 * 100%);
	left: calc(1219 / 1844 * 100%);
}
.c-job .flow .table-body .b16 {
	top: calc(375 / 1800 * 100%);
	left: calc(1219 / 1844 * 100%);
}
.c-job .flow .table-body .b17 {
	top: calc(495 / 1800 * 100%);
	left: calc(1219 / 1844 * 100%);
}
.c-job .flow .table-body .b18 {
	top: calc(1215 / 1800 * 100%);
	left: calc(1219 / 1844 * 100%);
}
.c-job .flow .table-body .b19 {
	top: calc(135 / 1800 * 100%);
	left: calc(1539 / 1844 * 100%);
}
.c-job .flow .table-body .b20 {
	top: calc(255 / 1800 * 100%);
	left: calc(1539 / 1844 * 100%);
}
.c-job .flow .table-body .b21 {
	top: calc(735 / 1800 * 100%);
	left: calc(569 / 1844 * 100%);
	width: calc(90 / 1844 * 100%);
}
.c-job .flow .table-body .b22 {
	top: calc(495 / 1800 * 100%);
	left: calc(674 / 1844 * 100%);
	width: calc(90 / 1844 * 100%);
}
.c-job .flow .table-body .b23 {
	top: calc(735 / 1800 * 100%);
	left: calc(1099 / 1844 * 100%);
	width: calc(90 / 1844 * 100%);
}
/* movie */
.c-job .movie {
	margin: 100px 0 0 0;
	text-align: center;
}
.c-job .movie .frame {
	padding: 50px 35px 20px 35px;
	background-color: #ebdcc3;
}
.c-job .movie .heading {
	margin: 0 0 35px 0;
	font-size: 35px;
	line-height: 1.2;
}
.c-job .movie ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -15px;
}
.c-job .movie ul li {
	flex-basis: 310px;
	margin: 0 0 30px 0;
	padding: 0 15px;
}
.c-job .movie ul li a {
	display: block;
	position: relative;
	background-color: #fff;
}
.c-job .movie ul li a::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/recruit/fresh/assets/img/common/icon-play.svg');
	background-size: contain;
}
.c-job .movie ul li p {
	margin: 10px 0 0 0;
	font-size: 18px;
	line-height: 1.5;
}
/* section */
.c-job .section {
	padding: 100px 0 0 0;
}
.c-job .section .cmn-heading-frontline {
	margin: 0 0 35px 0;
}
.c-job .section .block {
	position: relative;
}
.c-job .section .block-inner {
	display: flex;
	padding: 30px 0;
}
.c-job .section .block::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
}
.c-job .section .line {
	width: 100%;
	height: 1px;
	background-color: #000;
}
.c-job .section .head {
	flex-basis: 320px;
	padding: 0 30px 0 0;
	line-height: 1.5;
}
.c-job .section .head h3 {
	font-size: 15px;
}
.c-job .section .head h4 {
	font-size: 29px;
	line-height: 1.3;
}
.c-job .section .head h4 span {
	display: inline-block;
	font-size: 75%;
	text-indent: -0.5em;
}
.c-job .section .head h4 em {
	display: block;
	margin: 0 -0.5em;
	font-size: 75%;
}
.c-job .section .head dl {
	margin: 5px 0 0 0;
	font-size: 15px;
}
.c-job .section .head dt {
	text-indent: -0.5em;
}
.c-job .section .detail {
	flex: 1;
	padding: 0 0 0 30px;
	border-left: 1px solid rgba(0,0,0,0.2);
}
.c-job .section .detail h3 {
	margin: -0.2em 0 10px 0;
	font-size: 25px;
	line-height: 1.5;
}
.c-job .section .detail .lead {
	font-size: 15px;
	line-height: 1.8;
}
.c-job .section .interview {
	display: flex;
	margin: 20px 0 0 0;
	line-height: 1.4;
}
.c-job .section .interview h4 {
	display: flex;
	align-items: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 14px;
}
.c-job .section .interview .link {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 0 15px;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
}
.c-job .section .interview .link .portrait {
	overflow: hidden;
	width: 80px;
}
.c-job .section .interview .link .initial {
	width: 120px;
	font-size: 12px;
}
.c-job .section .interview .link .initial i {
	display: block;
	font-size: 34px;
	line-height: 1.2;
}
/* HOVER */
.os-pc .c-job .flow .table-body a {
	transition: opacity 0.3s ease;
}
.os-pc .c-job .flow .table-body a:hover {
	opacity: 0.6;
}
.os-pc .c-job .movie ul li a img {
	transition: opacity 0.3s ease;
}
.os-pc .c-job .movie ul li a:hover img {
	opacity: 0.7;
}
.os-pc .c-job .movie ul li a::after {
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.os-pc .c-job .movie ul li a:hover::after {
	transform: scale(1.15);
}
.os-pc .c-job .section .interview .link .portrait img {
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.os-pc .c-job .section .interview .link:hover .portrait img {
	transform: scale(1.15);
}
.os-pc .c-job .section .interview .link .arrow {
	transition: transform 0.3s ease;
}
.os-pc .c-job .section .interview .link:hover .arrow {
	transform: translateX(5px);
}
/* SP */
@media screen and (max-width: 767px) {
	.c-job .swipe-msg {
		display: block;
	}
	/* category */
	.c-job .category {
		padding: 50px 0 0 0;
	}
	.c-job .category .container {
		padding: 0;
	}
	.c-job .category .cmn-nav-tab {
		margin: 30px 0 15px 0;
		padding: 0 15px;
	}
	.c-job .category .cmn-nav-tab ul {
		max-width: 100%;
		font-size: 13px;
	}
	.c-job .category .cmn-nav-tab ul li a {
		min-height: 40px;
	}
	.c-job .category .matrix {
		margin: 10px 0 0 0;
		max-width: 100%;
	}
	.c-job .category .tab-block {
		overflow-x: auto;
	}
	.c-job .category .tab-block span {
		display: flex;
		align-items: flex-start;
		padding: 0 0 0 20px;
	}
	.c-job .category .tab-block span::after {
		content: '　';
		display: block;
		width: 20px;
		font-size: 20px;
	}
	.c-job .category .matrix01 img {
		width: 150vw;
	}
	.c-job .category .matrix02 img {
		width: calc(150 * 0.74227 * 1vw);
	}
	.c-job .category .note {
		margin-top: 20px;
		font-size: 12px;
	}
	/* flow */
	.c-job .flow {
		padding: 50px 0 0 0;
	}
	.c-job .flow .container {
		padding: 0;
	}
	.c-job .flow .swipe-msg {
		margin: 30px 0 0 0;
	}
	.c-job .flow .caption {
		margin: 5px 0 20px 0;
		text-align: center;
	}
	.c-job .flow .table {
		overflow-x: auto;
	}
	.c-job .flow .table-wrap {
		display: flex;
		align-items: flex-start;
		padding: 0 0 0 20px;
	}
	.c-job .flow .table-wrap::after {
		content: '　';
		display: block;
		width: 20px;
		font-size: 20px;
	}
	.c-job .flow .table-body {
		margin: 0;
		min-width: 170vw;
	}
	/* movie */
	.c-job .movie {
		margin: 50px 0 0 0;
	}
	.c-job .movie .container {
		padding: 0;
	}
	.c-job .movie .frame {
		padding: 50px 20px 20px 20px;
	}
	.c-job .movie .heading {
		margin: 0 0 20px 0;
		font-size: 23px;
	}
	.c-job .movie ul {
		display: block;
		margin: 0;
	}
	.c-job .movie ul li {
		margin: 0 0 30px 0;
		padding: 0;
	}
	.c-job .movie ul li p {
		margin: 5px 0 0 0;
		font-size: 16px;
	}
	/* section */
	.c-job .section {
		padding: 50px 0 0 0;
	}
	.c-job .section .cmn-heading-frontline {
		margin: 0 0 20px 0;
	}
	.c-job .section .block-inner {
		display: block;
		padding: 20px 0 30px 0;
	}
	.c-job .section .head {
		padding: 0 0 10px 0;
	}
	.c-job .section .head h4 {
		font-size: 25px;
	}
	.c-job .section .head dl {
		font-size: 14px;
	}
	.c-job .section .detail {
		padding: 15px 0 0 0;
		border-left: 0;
		border-top: 1px solid rgba(0,0,0,0.2);
	}
	.c-job .section .detail h3 {
		margin: 0 0 5px 0;
		font-size: 20px;
	}
	.c-job .section .detail .lead {
		font-size: 14px;
	}
	.c-job .section .interview .link {
		flex: 1;
	}
	.c-job .section .interview .link .initial {
		flex: 1;
		width: auto;
	}
}

/*============================================================
	interviews
*/
.c-interviews {
	padding: 0 0 60px 0;
}
.c-interviews .cmn-hero::before {
	background-image: url('/recruit/fresh/assets/img/meet/interviews-kv.jpg');
}
.c-interviews .cmn-hero .headline::before {
	background-image: url('/recruit/fresh/assets/img/meet/interviews-main-base.svg');
}
/* index */
.c-interviews .index {
	padding: 60px 0 0 0;
}
.c-interviews .index .block {
	padding: 30px 0;
}
.c-interviews .index .list {
	margin: 30px 0 0 0;
}
.c-interviews .index .list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.c-interviews .index .list li {
	flex-basis: 33.333%;
	margin: 0 0 20px 0;
	padding: 0 10px;
}
.c-interviews .index .list a {
	display: block;
	overflow: hidden;
	background-color: #fff;
	border-radius: 15px;
	line-height: 1.5;
}
.c-interviews .index .list .portrait {
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 15px 15px 0 0;
}
.c-interviews .index .list .head {
	display: block;
	padding: 15px 20px;
}
.c-interviews .index .list .job {
	display: block;
	font-size: 23px;
}
.c-interviews .index .list .initial {
	display: block;
	font-size: 12px;
}
.c-interviews .index .list .initial i {
	padding: 0 10px 0 0;
	font-size: 20px;
}
/* HOVER */
.os-pc .c-interviews .index .list .portrait img {
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.os-pc .c-interviews .index .list a:hover .portrait img {
	transform: scale(1.1);
}
/* TB */
@media screen and (max-width: 979px) {
	.c-interviews .index .list li {
		flex-basis: 50%;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.c-interviews {
		padding: 0 0 35px 0;
	}
	/* index */
	.c-interviews .index {
		padding: 10px 0 0 0;
	}
	.c-interviews .index .block {
		padding: 40px 0 0 0;
	}
	.c-interviews .index .list {
		margin: 20px 0 0 0;
	}
	.c-interviews .index .list .head {
		padding: 12px 15px;
	}
	.c-interviews .index .list .job {
		font-size: 23px;
	}
}
@media screen and (max-width: 540px) {
	.c-interviews .index .list ul {
		display: block;
		margin: 0;
	}
	.c-interviews .index .list li {
		margin: 0 0 15px 0;
		padding: 0;
	}
}

/*============================================================
	interviews detail
*/
@media screen and (min-width: 768px) {
	.body-interviews-detail {
		padding: 0;
	}
	.body-interviews-detail .cmn-breadcrumbs {
		top: 100px;
	}
}
.c-interviews-detail {
	background-color: #fff;
}
.c-interviews-detail .container {
	max-width: 1220px;
}
/* main */
.c-interviews-detail .main {
	position: relative;
	margin: 0 0 100px 0;
	padding: 100px 0 0 0;
	height: 800px;
}
.c-interviews-detail .main .container {
	display: flex;
	padding-top: 80px;
}
.c-interviews-detail .main .portrait {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}
.c-interviews-detail .main .portrait span {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.c-interviews-detail .main .heading {
	position: relative;
	padding: 66px 0 0 66px;
	width: 520px;
	height: 370px;
	color: #fff;
}
.c-interviews-detail .main .heading .base {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}
.c-interviews-detail .main .heading h2 {
	min-height: 160px;
	font-size: 32px;
	line-height: 1.56;
}
.c-interviews-detail .main .heading dl {
	position: relative;
	display: flex;
	align-items: center;
}
.c-interviews-detail .main .heading dt {
	margin: 0 30px 0 0;
	font-size: 27px;
	line-height: 1.2;
}
.c-interviews-detail .main .heading dd {
	font-size: 12px;
	line-height: 1.5;
}
.c-interviews-detail .main .heading h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	font-size: 25px;
	line-height: 1.2;
}
.c-interviews-detail .main .heading h3 span {
	display: flex;
	align-items: center;
	padding: 0 50px;
	height: 96px;
	background-size: 100% 100%;
}
.c-interview01 .main .container,
.c-interview03 .main .container,
.c-interview05 .main .container,
.c-interview07 .main .container,
.c-interview08 .main .container,
.c-interview09 .main .container,
.c-interview12 .main .container,
.c-interview13 .main .container,
.c-interview14 .main .container {
	flex-direction: row-reverse;
}
.c-interview01 .main .portrait span {
	background-position: 40% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p01-main.jpg');
}
.c-interview02 .main .portrait span {
	background-position: 70% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p02-main.jpg');
}
.c-interview03 .main .portrait span {
	background-position: 40% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p03-main.jpg');
}
.c-interview04 .main .portrait span {
	background-position: 40% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p04-main.jpg?v=202412');
}
.c-interview05 .main .portrait span {
	background-position: 40% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p05-main.jpg');
}
.c-interview06 .main .portrait span {
	background-position: 70% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p06-main.jpg');
}
.c-interview07 .main .portrait span {
	background-position: 40% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p07-main.jpg');
}
.c-interview08 .main .portrait span {
	background-position: 40% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p08-main.jpg');
}
.c-interview09 .main .portrait span {
	background-position: 40% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p09-main.jpg');
}
.c-interview10 .main .portrait span {
	background-position: 60% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p10-main.jpg');
}
.c-interview11 .main .portrait span {
	background-position: 60% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p11-main.jpg');
}
.c-interview12 .main .portrait span {
	background-position: 50% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p12-main.jpg');
}
.c-interview13 .main .portrait span {
	background-position: 40% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p13-main.jpg');
}
.c-interview14 .main .portrait span {
	background-position: 40% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p14-main.jpg');
}
.c-interview15 .main .portrait span {
	background-position: 60% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p15-main.jpg');
}
.c-interview16 .main .portrait span {
	background-position: 60% 20%;
	background-image: url('/recruit/fresh/assets/img/interview/p16-main.jpg');
}
/* why */
.c-interviews-detail .why .row {
	display: flex;
	align-items: center;
}
.c-interviews-detail .why .container::before,
.c-interviews-detail .why .container::after {
	content: '';
	display: block;
	height: 40px;
}
.c-interviews-detail .why .container::before {
	border-top: 2px solid #1bb8ce;
	transform-origin: 0 0;
}
.c-interviews-detail .why .container::after {
	border-bottom: 2px solid #e94829;
	transform-origin: 100% 0;
}
.c-interviews-detail .why h2 {
	flex-basis: 320px;
	text-align: center;
	font-size: 32px;
	line-height: 1.2;
}
.c-interviews-detail .why .lead {
	flex: 1;
	padding: 0 50px 0 0;
	font-size: 15px;
	line-height: 2;
}
/* section */
.c-interviews-detail .section .head {
	margin: 0 0 15px 0;
	font-size: 21px;
	line-height: 1.57;
}
.c-interviews-detail .section .head h2 {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0 0 0 1.2em;
	color: #e94829;
}
.c-interviews-detail .section .head h2::before {
	content: 'Q.';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.c-interviews-detail .section .head h3 {
	position: relative;
	padding: 0 0 0 1.2em;
	color: #1bb8ce;
}
.c-interviews-detail .section .head h3::before {
	content: 'A.';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.c-interviews-detail .section .lead {
	font-size: 15px;
	line-height: 2;
}
/* section01 */
.c-interviews-detail .section01 {
	position: relative;
	min-height: 530px;
	margin: 120px 0 0 0;
}
.c-interviews-detail .section01 .container {
	max-width: 1260px;
}
.c-interviews-detail .section01 .detail {
	width: 530px;
	padding: 0 0 0 20px;
}
.c-interviews-detail .section01 .image {
	position: absolute;
	top: 0;
	left: 50%;
	right: 0;
	padding: 0 0 0 50px;
}
.c-interviews-detail .section01 .image .image-in {
	overflow: hidden;
	max-width: 795px;
	width: 100%;
	height: 530px;
}
.c-interviews-detail .section01 .image span {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
}
.c-interviews-detail .section01 .image span img {
	display: none;
}
/* section02 */
.c-interviews-detail .section02 {
	margin: 120px 0 0 0;
}
.c-interviews-detail .section02 .container {
	max-width: 1260px;
}
.c-interviews-detail .section02 .row {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.c-interviews-detail .section02 .detail {
	flex-basis: 530px;
	padding: 0 20px 0 0;
}
.c-interviews-detail .section02 .image {
	flex-basis: 530px;
}
.c-interviews-detail .section02 .image .image-in {
	overflow: hidden;
	width: 100%;
	height: 530px;
}
.c-interviews-detail .section02 .image span {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
}
.c-interviews-detail .section02 .image span img {
	display: none;
}
/* section03 */
.c-interviews-detail .section03 {
	margin: 90px 0 0 0;
}
.c-interviews-detail .section03 .row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -50px;
}
.c-interviews-detail .section03 .block {
	flex-basis: 50%;
	padding: 0 50px;
}
.c-interviews-detail .section03 .block-full {
	display: flex;
	margin: 80px 0 0 0;
	padding: 0 50px;
}
.c-interviews-detail .section03 .block-full .head {
	flex-basis: 42.8%;
	padding: 0 10px 0 0;
}
.c-interviews-detail .section03 .block-full .lead {
	flex: 1;
}
/* images */
.c-interviews-detail .images {
	display: flex;
	margin: 100px 0 0 0;
}
.c-interviews-detail .images > div {
	overflow: hidden;
	position: relative;
	flex-basis: 50%;
}
.c-interviews-detail .images > div img {
	display: block;
}
/* story */
.c-interviews-detail .story {
	margin: 120px 0 0 0;
	padding: 100px 0 90px 0;
	background-color: #f5ebdd;
}
.c-interviews-detail .story h2 {
	position: relative;
	margin: 0 0 25px 0;
	font-size: 24px;
	line-height: 1.2;
}
.c-interviews-detail .story h2::before {
	content: '';
	display: block;
	position: absolute;
	top: -50px;
	left: -32px;
	width: 100px;
	height: 100px;
	background-image: url('/recruit/fresh/assets/img/interview/icon-story.svg');
	background-size: cover;
}
.c-interviews-detail .story h2 > span {
	position: relative;
}
.c-interviews-detail .story .row {
	display: flex;
	flex-direction: row-reverse;
}
.c-interviews-detail .story .detail {
	flex: 1;
}
.c-interviews-detail .story .detail .lead {
	font-size: 15px;
	line-height: 2;
}
.c-interviews-detail .story .detail .lead p {
	margin: 0 0 2em 0;
}
.c-interviews-detail .story .detail .lead p:last-child {
	margin: 0;
}
.c-interviews-detail .story .image {
	flex-basis: 35.7%;
}
/* schedule */
.c-interviews-detail .schedule {
	margin: 100px 0 0 0;
	padding: 100px 0;
	background-color: #f5ebdd;
}
.c-interviews-detail .schedule .head {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0 0 40px 0;
}
.c-interviews-detail .schedule .head h2 {
	position: relative;
	padding: 0 0 0 82px;
	font-size: 24px;
	line-height: 1.2;
}
.c-interviews-detail .schedule .head h2::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -35px 0 0 0;
	width: 70px;
	height: 70px;
	background-image: url('/recruit/fresh/assets/img/interview/icon-schedule.svg');
	background-size: cover;
}
.c-interviews-detail .schedule .head .note {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	line-height: 1.5;
}
.c-interviews-detail .schedule .list {
	margin: 0 120px 0 0;
}
.c-interviews-detail .schedule .list .slick-list {
	overflow: visible;
}
.c-interviews-detail .schedule .list .frame {
	margin: 0 15px 0 0;
	padding: 25px;
	background-color: #fff;
	border-radius: 15px;
}
.c-interviews-detail .schedule .list .frame dl dt {
	margin: 0 0 5px 0;
	font-size: 19px;
	line-height: 1.2;
	color: #e94829;
}
.c-interviews-detail .schedule .list .frame dl dd {
	min-height: 3em;
	font-size: 17px;
	line-height: 1.2;
	color: #1bb8ce;
}
.c-interviews-detail .schedule .list .frame dl dd span {
	display: inline-block;
}
.c-interviews-detail .schedule .list .frame .lead {
	font-size: 13px;
	line-height: 1.6;
}
.c-interviews-detail .schedule .ctr {
	display: flex;
	position: absolute;
	top: -14px;
	right: 50px;
}
.c-interviews-detail .schedule .ctr > div {
	padding: 0 0 0 20px;
}
.c-interviews-detail .schedule .ctr a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border: 1px solid #000;
	border-radius: 50%;
	background-color: #fff;
	font-size: 18px;
	transition: all 0.3s ease;
}
.os-pc .c-interviews-detail .schedule .ctr a:hover {
	background-color: #000;
	color: #fff;
}
.c-interviews-detail .schedule .ctr a.disabled {
	opacity: 0.3;
	cursor: default;
}
.os-pc .c-interviews-detail .schedule .ctr a.disabled:hover {
	background-color: #fff;
	color: #000;
}
.c-interviews-detail .pager {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 80px 0 100px 0;
	line-height: 1.2;
}
.c-interviews-detail .pager .prev a,
.c-interviews-detail .pager .next a {
	display: flex;
	align-items: center;
	padding: 5px;
	font-size: 24px;
	transition: all 0.3s ease;
}
.c-interviews-detail .pager .next a {
	flex-direction: row-reverse;
}
.c-interviews-detail .pager .prev a i,
.c-interviews-detail .pager .next a i {
	display: block;
	padding: 0 8px;
	font-size: 20px;
	transition: all 0.3s ease;
}
.c-interviews-detail .pager .top {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 50px;
}
.c-interviews-detail .pager .top a {
	display: block;
	padding: 5px;
	text-align: center;
	font-size: 14px;
	transition: all 0.3s ease;
}
.c-interviews-detail .pager .top a::before {
	content: '';
	display: block;
	margin: 0 auto 8px auto;
	width: 32px;
	height: 32px;
	background-image: url('/recruit/fresh/assets/img/interview/pager-index.svg');
	background-size: cover;
}
.os-pc .c-interviews-detail .pager .prev a:hover,
.os-pc .c-interviews-detail .pager .next a:hover,
.os-pc .c-interviews-detail .pager .top a:hover {
	opacity: 0.5;
}
.os-pc .c-interviews-detail .pager .prev a:hover i {
	transform: translateX(-5px);
}
.os-pc .c-interviews-detail .pager .next a:hover i {
	transform: translateX(5px);
}
/**/
.c-interviews-detail .main .portrait span {
	opacity: 0;
	transform: scale(1.1);
	transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1) 0s, opacity 1s linear 0s;
}
.c-interviews-detail .main.active .portrait span {
	opacity: 1;
	transform: scale(1);
}
.c-interviews-detail .main .heading .base {
	opacity: 0;
	transform: scale(0.2);
	transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s, opacity 0.8s ease 0.3s;
}
.c-interviews-detail .main.active .heading .base {
	opacity: 1;
	transform: scale(1);
}
.c-interviews-detail .main .heading dl {
	transition-delay: 1s, 1s;
}
.c-interviews-detail .main .heading h3 {
	opacity: 0;
	transform: scale(0.2);
	transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1.5s, opacity 0.8s ease 1.5s;
}
.c-interviews-detail .main.active .heading h3 {
	opacity: 1;
	transform: scale(1);
}
@media screen and (max-width: 1260px) {
	.c-interviews-detail .section01 .image {
		left: auto;
		width: 580px;
		padding: 0;
	}
}
@media screen and (max-width: 1210px) {
	.c-interviews-detail .section01 .detail {
		width: 50%;
		padding: 0 25px 0 20px;
	}
	.c-interviews-detail .section01 .image {
		width: 50%;
		padding: 0 0 0 25px;
	}
	.c-interviews-detail .section02 .detail {
		flex-basis: 50%;
		padding: 0 20px 0 25px;
	}
	.c-interviews-detail .section02 .image {
		flex-basis: 50%;
		padding: 0 25px 0 0;
	}
}
@media screen and (max-width: 1120px) {
	.c-interviews-detail .schedule .list .frame dl dd span {
		display: inline;
	}
}
/* TB */
@media screen and (max-width: 979px) {
	/* main */
	.c-interviews-detail .main {
		height: 700px;
	}
	.c-interviews-detail .main .container {
		position: absolute;
		left: 0;
		bottom: -40px;
		padding: 0;
		width: 100%;
	}
	.c-interview01 .main .portrait {
		background-position: 30% 0%;
	}
	/* why */
	.c-interviews-detail .why .row {
		display: block;
	}
	.c-interviews-detail .why .lead {
		margin: 20px 0 0 0;
		padding: 0;
	}
	/* section01 */
	.c-interviews-detail .section01 {
		min-height: initial;
		margin: 80px 0 0 0;
	}
	.c-interviews-detail .section01 .detail {
		margin: 0 0 40px 0;
		width: auto;
		padding: 0;
	}
	.c-interviews-detail .section01 .image {
		position: static;
		margin: 0 auto;
		padding: 0 50px;
		width: 100%;
		max-width: 795px;
	}
	.c-interviews-detail .section01 .image .image-in {
		max-width: 100%;
		height: auto;
	}
	.c-interviews-detail .section01 .image span {
		height: auto;
		background-image: none !important;
	}
	.c-interviews-detail .section01 .image span img {
		display: block;
	}
	/* section02 */
	.c-interviews-detail .section02 {
		margin: 80px 0 0 0;
	}
	.c-interviews-detail .section02 .row {
		display: block;
	}
	.c-interviews-detail .section02 .detail {
		margin: 0 0 40px 0;
		padding: 0;
	}
	.c-interviews-detail .section02 .image {
		margin: 0 auto;
		width: 100%;
		max-width: 530px;
		padding: 0;
	}
	.c-interviews-detail .section02 .image .image-in {
		height: auto;
	}
	.c-interviews-detail .section02 .image span {
		height: auto;
		background-image: none !important;
	}
	.c-interviews-detail .section02 .image span img {
		display: block;
	}
	/* section03 */
	.c-interviews-detail .section03 {
		margin: 0;
	}
	.c-interviews-detail .section03 .row {
		display: block;
		margin: 0;
	}
	.c-interviews-detail .section03 .block {
		margin: 50px 0 0 0;
		padding: 0;
	}
	.c-interviews-detail .section03 .block-full {
		display: block;
		margin: 50px 0 0 0;
		padding: 0;
	}
	.c-interviews-detail .section03 .block-full .head {
		padding: 0;
	}
	/* images */
	.c-interviews-detail .images {
		margin: 60px 0 0 0;
	}
	/* story */
	.c-interviews-detail .story {
		margin: 80px 0 0 0;
		padding: 80px 0 60px 0;
	}
	.c-interviews-detail .story h2 {
		margin: 0 0 25px 0;
	}
	.c-interviews-detail .story .row {
		display: block;
	}
	.c-interviews-detail .story .image {
		margin: 10px auto 30px auto;
		max-width: 260px;
	}
	/* schedule */
	.c-interviews-detail .schedule {
		margin: 80px 0 0 0;
		padding: 80px 0;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.c-interviews-detail .container {
		padding: 0 25px;
	}
	/* main */
	.c-interviews-detail .main {
		margin: 0 0 30px 0;
		padding: 0;
		height: auto;
	}
	.c-interviews-detail .main .container {
		display: block;
		position: relative;
		bottom: 0;
	}
	.c-interviews-detail .main .portrait {
		position: relative;
		top: 0;
		bottom: auto;
		margin: 0 0 0 0;
		height: 100vw;
		background-position: 50% 50% !important;
	}
	.c-interviews-detail .main .heading {
		margin: -18.66vw 0 0 0;
		padding: 12.7vw 0 0 11.7vw;
		width: 100%;
		height: 71.15vw;
	}
	.c-interviews-detail .main .heading h2 {
		min-height: 30.8vw;
		font-size: 6.15vw;
	}
	.c-interviews-detail .main .heading dt {
		margin: 0 5.7vw 0 0;
		font-size: 5.19vw;
	}
	.c-interviews-detail .main .heading dd {
		font-size: 2.3vw;
	}
	.c-interviews-detail .main .heading h3 {
		font-size: 4.8vw;
	}
	.c-interviews-detail .main .heading h3 span {
		padding: 0 9.62vw;
		height: 18.46vw;
	}
	.c-interview01 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p01-main-sp.jpg');
	}
	.c-interview02 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p02-main-sp.jpg');
	}
	.c-interview03 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p03-main-sp.jpg');
	}
	.c-interview04 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p04-main-sp.jpg?v=202412');
	}
	.c-interview05 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p05-main-sp.jpg');
	}
	.c-interview06 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p06-main-sp.jpg');
	}
	.c-interview07 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p07-main-sp.jpg');
	}
	.c-interview08 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p08-main-sp.jpg');
	}
	.c-interview09 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p09-main-sp.jpg');
	}
	.c-interview10 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p10-main-sp.jpg');
	}
	.c-interview11 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p11-main-sp.jpg');
	}
	.c-interview12 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p12-main-sp.jpg');
	}
	.c-interview13 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p13-main-sp.jpg');
	}
	.c-interview14 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p14-main-sp.jpg');
	}
	.c-interview15 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p15-main-sp.jpg');
	}
	.c-interview16 .main .portrait span {
		background-image: url('/recruit/fresh/assets/img/interview/p16-main-sp.jpg');
	}
	/* why */
	.c-interviews-detail .why .container::before,
	.c-interviews-detail .why .container::after {
		height: 30px;
	}
	.c-interviews-detail .why .container::before {
		border-top-width: 1px;
	}
	.c-interviews-detail .why .container::after {
		border-bottom-width: 1px;
	}
	.c-interviews-detail .why h2 {
		font-size: 18px;
	}
	.c-interviews-detail .why .lead {
		margin: 20px 0 0 0;
		font-size: 14px;
		line-height: 1.78;
	}
	/* section */
	.c-interviews-detail .section .head {
		margin: 0 0 10px 0;
		font-size: 18px;
	}
	.c-interviews-detail .section .lead {
		font-size: 14px;
		line-height: 1.78;
	}
	/* section01 */
	.c-interviews-detail .section01 {
		margin: 40px 0 0 0;
	}
	.c-interviews-detail .section01 .container {
		padding: 0;
	}
	.c-interviews-detail .section01 .detail {
		margin: 0 0 30px 0;
		padding: 0 25px;
	}
	.c-interviews-detail .section01 .image {
		padding: 0;
		max-width: 100%;
	}
	/* section02 */
	.c-interviews-detail .section02 {
		margin: 40px 0 0 0;
	}
	.c-interviews-detail .section02 .container {
		padding: 0;
	}
	.c-interviews-detail .section02 .detail {
		margin: 0 0 30px 0;
		padding: 0 25px;
	}
	.c-interviews-detail .section02 .image {
		max-width: 100%;
	}
	/* section03 */
	.c-interviews-detail .section03 {
		margin: 0;
		padding: 10px 0 0 0;
	}
	.c-interviews-detail .section03 .block {
		margin: 30px 0 0 0;
	}
	.c-interviews-detail .section03 .block-full {
		margin: 30px 0 0 0;
	}
	/* images */
	.c-interviews-detail .images {
		display: block;
		margin: 40px 0 0 0;
	}
	/* story */
	.c-interviews-detail .story {
		margin: 40px 0 0 0;
		padding: 35px 0 40px 0;
	}
	.c-interviews-detail .story h2 {
		margin: 0 0 10px 0;
		font-size: 18px;
	}
	.c-interviews-detail .story h2::before {
		top: -28px;
		left: -26px;
		width: 66px;
		height: 66px;
	}
	.c-interviews-detail .story .row {
		display: block;
	}
	.c-interviews-detail .story .image {
		margin: 20px auto 20px auto;
	}
	.c-interviews-detail .story .detail .lead {
		font-size: 14px;
		line-height: 1.78;
	}
	/* schedule */
	.c-interviews-detail .schedule {
		margin: 40px 0 0 0;
		padding: 40px 0;
	}
	.c-interviews-detail .schedule .head {
		padding: 0 0 30px 0;
	}
	.c-interviews-detail .schedule .head h2 {
		padding: 0 0 0 52px;
		font-size: 18px;
	}
	.c-interviews-detail .schedule .head h2::before {
		margin: -23px 0 0 0;
		width: 46px;
		height: 46px;
	}
	.c-interviews-detail .schedule .list {
		margin: 0 -25px;
	}
	.c-interviews-detail .schedule .list .slick-list {
		overflow: hidden;
	}
	.c-interviews-detail .schedule .list .frame {
		margin: 0 25px;
	}
	.c-interviews-detail .schedule .ctr {
		position: static;
		justify-content: center;
		margin: 20px 0 0 0;
	}
	.c-interviews-detail .schedule .ctr > div {
		padding: 0 10px;
	}
	/**/
	.c-interviews-detail .pager {
		padding: 35px 10px 40px 10px;
		width: 100%;
	}
	.c-interviews-detail .pager .prev a,
	.c-interviews-detail .pager .next a {
	padding: 5px;
		font-size: 17px;
	}
	.c-interviews-detail .pager .prev a i,
	.c-interviews-detail .pager .next a i {
		padding: 0 8px;
		font-size: 16px;
	}
	.c-interviews-detail .pager .top {
		flex: 1;
		padding: 5px 0 0 0;
	}
	.c-interviews-detail .pager .top a {
		padding: 5px;
		font-size: 11px;
	}
	.c-interviews-detail .pager .top a::before {
	margin: 0 auto 8px auto;
		width: 30px;
		height: 30px;
		background-image: url('/recruit/fresh/assets/img/interview/pager-index-sp.svg');
	}
}

/*============================================================
	career
*/
.c-career {
	padding: 0 0 100px 0;
}
.c-career .cmn-hero .portrait {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: scale(1.1);
	transition: all 1s ease 0s;
}
.dom-loaded .c-career .cmn-hero .portrait {
	opacity: 1;
	transform: scale(1);
}
.c-career .cmn-hero .portrait span {
	display: block;
	flex-basis: 25%;
	height: 100%;
	background-position: 50% 0%;
	background-size: cover;
}
.c-career .cmn-hero .headline {
	letter-spacing: -0.08em;
}
.c-career .cmn-hero .headline::before {
	background-image: url('/recruit/fresh/assets/img/meet/career-main-base.svg');
}
/* section */
.c-career .section {
	padding: 90px 0 20px 0;
}
.c-career .section .frame {
	position: relative;
	margin: 0 0 50px 0;
	padding: 40px 40px;
	background-color: #fff;
	border-radius: 15px;
}
.c-career .section .heading {
	position: absolute;
	top: -25px;
	left: 0;
	display: flex;
	justify-content: center;
	width: 100%;
}
.c-career .section .heading h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 300px;
	height: 50px;
	background-color: #000;
	border-radius: 999px;
	font-size: 22px;
	line-height: 1.3;
	text-indent: 0.5em;
	color: #fff;
}
.c-career .section .person {
	display: flex;
	align-items: center;
	margin: 0 0 30px 0;
}
.c-career .section .person .portrait {
	flex-basis: 220px;
}
.c-career .section .person .head {
	flex: 1;
	padding: 0 0 0 40px;
}
.c-career .section .person .head h3 {
	margin: 0 0 10px 0;
	font-size: 25px;
	line-height: 1.48;
}
.c-career .section .person .head p {
	font-size: 15px;
	line-height: 1.6;
}
/**/
.c-career .section .more-btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	border: 1px solid #000;
	font-size: 15px;
}
.c-career .section .more-btn a i {
	position: absolute;
	top: 50%;
	right: 20px;
	font-size: 19px;
	transform: translateY(-50%);
}
.c-career .section .more-btn .more-closer {
	display: none;
}
.c-career .section .opened .more-btn .more-opener {
	display: none;
}
.c-career .section .opened .more-btn .more-closer {
	display: flex;
}
/**/
.c-career .section .more {
	overflow: hidden;
	height: 0;
}
.c-career .section .more-wrap {
	padding: 40px 0 10px 0;
}
/**/
.c-career .section .more .info {
	display: flex;
	margin: 0 0 20px 0;
	padding: 25px 10px 30px 10px;
	background-color: #ebebeb;
	font-size: 14px;
	line-height: 1.7;
}
.c-career .section .more .info > div {
	flex-basis: 50%;
	padding: 0 20px;
}
.c-career .section .more .info h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 1.3;
}
/**/
.c-career .section .more .block {
	display: flex;
	padding: 30px 0 0 0;
}
.c-career .section .more .step {
	flex-basis: 270px;
	padding: 3px 0 0 0;
}
.c-career .section .more .step .head {
	display: flex;
	align-items: center;
	margin: 0 0 15px 0;
}
.c-career .section .more .step .head .label {
	display: flex;
	margin: 0 8px 0 0;
}
.c-career .section .more .step .head .label span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 85px;
	height: 28px;
	background-color: #000;
	border-radius: 999px;
	font-size: 18px;
	color: #fff;
}
.c-career .section .more .step .head h3 {
	font-size: 23px;
	line-height: 1.3;
}
.c-career .section .more .step .head h3 span {
	display: inline-block;
	margin: 0 -0.5em;
	font-size: 16px;
}
.c-career .section .more .step dl {
	line-height: 1.4;
}
.c-career .section .more .step dt {
	padding: 2px;
	background-color: #ebebeb;
	text-align: center;
	font-size: 13px;
}
.c-career .section .more .step dd {
	padding: 5px 0;
	font-size: 14px;
}
.c-career .section .more .detail {
	flex: 1;
	padding: 0 0 0 40px;
	font-size: 15px;
	line-height: 1.8;
}
.c-career .section .more .detail h3 {
	margin: 0 0 10px 0;
	font-size: 22px;
	line-height: 1.5;
}
.c-career .section .more .detail h4 {
	margin: 20px 0 10px 0;
	font-size: 19px;
	line-height: 1.5;
	text-indent: -0.5em;
}
.c-career .section .more .detail .image {
	display: flex;
	margin: 10px -10px 0 -10px;
}
.c-career .section .more .detail .image > div {
	flex-basis: 50%;
	padding: 0 10px;
}
/* HOVER */
.os-pc .c-career .section .more-btn a {
	transition: all 0.3s ease;
}
.os-pc .c-career .section .more-btn a:hover {
	background-color: #000;
	color: #fff;
}
/* TB */
@media screen and (max-width: 979px) {
	/**/
	.c-career .section .more .info {
		display: block;
		padding: 25px 30px 5px 30px;
	}
	.c-career .section .more .info > div {
		padding: 0 0 20px 0;
	}
	.c-career .section .more .info h3 {
		margin: 0 0 5px 0;
	}
	.c-career .section .more .step {
		flex-basis: 190px;
	}
	.c-career .section .more .step .head {
		display: block;
	}
	.c-career .section .more .step .head h3 {
		margin: 10px 0 0 0;
	}
	.c-career .section .more .detail .image {
		display: block;
		margin: 0;
	}
	.c-career .section .more .detail .image > div {
		margin: 10px 0 0 0;
		padding: 0;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.c-career {
		padding: 0 0 50px 0;
	}
	/* section */
	.c-career .section {
		padding: 50px 0 0 0;
	}
	.c-career .section .frame {
		margin: 0 0 50px 0;
		padding: 40px 20px 20px 20px;
	}
	.c-career .section .heading {
		top: -25px;
	}
	.c-career .section .heading h2 {
		min-width: 240px;
		height: 40px;
		font-size: 18px;
	}
	.c-career .section .person {
		display: block;
		margin: 0 0 20px 0;
	}
	.c-career .section .person .portrait {
		margin: 0 auto;
		max-width: 220px;
	}
	.c-career .section .person .head {
		padding: 0;
	}
	.c-career .section .person .head h3 {
		margin: 15px 0 5px 0;
		font-size: 20px;
	}
	.c-career .section .person .head p {
		font-size: 14px;
		line-height: 1.5;
	}
	/**/
	.c-career .section .more-btn a {
		height: 50px;
		font-size: 13px;
	}
	.c-career .section .more-btn a i {
		right: 10px;
		font-size: 16px;
	}
	/**/
	.c-career .section .more-wrap {
		padding: 30px 0 10px 0;
	}
	/**/
	.c-career .section .more .info {
		margin: 0;
		padding: 15px 10px 0 10px;
		font-size: 13px;
		line-height: 1.5;
	}
	.c-career .section .more .info > div {
		padding: 0 0 15px 0;
	}
	.c-career .section .more .info h3 {
		font-size: 17px;
	}
	/**/
	.c-career .section .more .block {
		display: block;
		padding: 30px 0 0 0;
	}
	.c-career .section .more .step {
		padding: 0 0 15px 0;
	}
	.c-career .section .more .step .head {
		display: flex;
		margin: 0 0 10px 0;
	}
	.c-career .section .more .step .head h3 {
		margin: 0;
	}
	.c-career .section .more .detail {
		padding: 0;
		font-size: 14px;
	}
	.c-career .section .more .detail h3 {
		margin: 0 0 10px 0;
		font-size: 19px;
	}
	.c-career .section .more .detail h4 {
		margin: 15px 0 5px 0;
		font-size: 17px;
	}
}
@media screen and (max-width: 520px) {
	.c-career .cmn-hero .portrait span {
		flex-basis: 50%;
		height: 50%;
		background-position: 50% 10%;
	}
}