@charset "UTF-8";

@media screen and (min-width:769px) and (max-width:1439px) {

	/* =========================================================
	Font Variables
	========================================================= */
	:root {
		/* --font-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
		--font-jp-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif;
		--font-en-serif: "Judson", serif;
		--font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; */
		--font-jp: "Noto Sans JP", sans-serif;
		--font-jp-serif: "Noto Serif JP", serif;
		--font-en-serif: "Judson", serif;
		--font-ui: "Inter", sans-serif;

		--color-text: #202427;
		--color-text_red: #651600;
		--color-text_gray: #838383;
		--color-bg: #fff;
		--color-bg_gray: #F2F2F2;
		--color-gray: #989A9B;
		--color-l_gray: #CECECE;
		--color-black: #231815;
		--color-d_red: #810000;
		--color-d_pink: #E86874;
		--color-primary: #0b5c2d;
		--color-border: #e5e5e5;
	}
	/* =========================================================
	default: PC
	========================================================= */
	.pc {
		display: block;
	}

	.sp {
		display: none;
	}

	/* SP */
	@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
	}
	/* =========================================================
	Reset (minimum – Japanese project friendly)
	========================================================= */
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	html {
		margin:0;
		padding:0;
		width:100%;
		font-size: 100%;
		-webkit-text-size-adjust: 100%;
	}

	body {
		position:relative;
		margin: 0;
		padding:0;
		width:100%;
		font-family: var(--font-jp);
		font-size: 1.111vw;
		line-height: 1.75;
		color: var(--color-text);
		background-color: var(--color-bg);
	}

	/* =========================================================
	Typography
	========================================================= */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
	}

	p {
		margin: 0;
	}

	/* =========================================================
	Link
	========================================================= */
	a {
		color: inherit;
		text-decoration: none;
	}

	/* =========================================================
	List
	========================================================= */
	ul,
	ol {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	/* =========================================================
	Image
	========================================================= */
	img,
	iframe {
		max-width: 100%;
		height: auto;
		display: block;
		vertical-align: bottom;
	}

	/* =========================================================
	Form / UI (Inter)
	========================================================= */
	button {
		cursor: pointer;
		border: none;
		background: none;
	}

	/* =========================================================
	header
	========================================================= */
	.l_header {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:6.667vw;
		z-index:1;

		.l_header__inner {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height:100%;

		.l_header__logo {
			padding-left: 2.431vw;

			.l_logo {
				display: flex;
				align-items: center;

			.u_logo {
				width: 18.182vw;
			}
			.c_divider{
				display: inline-block;
				width: 0.069vw;
				height: 3.333vw;
				background-color: var(--color-gray);
				margin: 0 2.014vw;
			}
			.u_logo_note {
				font-size: 1.111vw;
				font-family: var(--font-ui);
				font-weight: 500;
				letter-spacing: 0.05em;

				.u_logo_note_en {
					font-size: 0.833vw;
					font-family: var(--font-en-serif);
					font-weight: 400;
					letter-spacing:0.14em;
					color: var(--color-text_red);
				}
			}
			}
		}

		.u_entry_button {
			width: 22.708vw;
		}
		.u_entry_button_index {
			width: 22.708vw;
		}
		}
	}

	/* =========================================================
	footer
	========================================================= */
	.l_footer {
	background-color: #F2F2F2;

		.l_footer_inner {
			text-align: center;
			padding: 7.93vw 0;

		.l_footer__logo {

			.l_logo {

			.u_logo {
				max-width: 26.15vw;
				margin: 0 auto;
			}
			.u_logo_note {
				font-size: 1.514vw;
				font-family: var(--font-ui);
				font-weight: 500;
				margin-top: 2.997vw;
				letter-spacing: 0.06em;

				.u_logo_note_en {
					font-size: 1.181vw;
					font-family: var(--font-en-serif);
					font-weight: 400;
					letter-spacing: 0.14em;
					color: var(--color-text_red);
				}
			}
			}
		}

		.copy_right {
			font-size: 0.833vw;
			font-family: var(--font-ui);
			font-weight: 400;
			letter-spacing: 0.1em;
			margin-top: 5.069vw;
		}
		}
	}

	/* =========================================================
	top page
	========================================================= */
	.l_bg_group{
		padding-top:6.667vw;
		padding-bottom: 17.361vw;
		background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/top_page_bg_v2.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
	}
	.p_mv{
		position: relative;
		width: 100%;
		padding-left:5.903vw;
		overflow: hidden;

		.p_mv_bg{
			position: relative;
			/* height: 49.236vw;
			background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/top_mv_img.png");
			background-repeat: no-repeat;
			background-size: contain;
			background-position: right center; */

			.p_mv_text{
				position: absolute;
				bottom: 4.236vw;
				left: 4.375vw;
				text-align: left;
				color: var(--color-bg);

				.p_mv_catch_small{
					margin-bottom:0.417vw;
					font-size: 2.778vw;
					font-family: var(--font-jp-serif);
					font-weight: 900;
					line-height: 1;
					letter-spacing: 0.14em;
				}
				.p_mv_catch_large{
					display:flex;
					gap:1.389vw;
					font-size: 8.225vw;
					font-family: var(--font-en-serif);
					font-weight: 700;
					line-height:1;

					span{
						/* margin-left: 0.694vw; */
						border-bottom: 0.278vw solid var(--color-d_red);
						/* line-height: 8.177vw; */

						&:first-child{
							/* margin-left: 0; */
						}
					}
				}
			}
		}
	}
	.p_intro{
		position: relative;
		width: 100%;
		margin-top: 7.361vw;

		.p_intro_bg{
			position: relative;
			max-width: 82.639vw;
			height: 51.354vw;
			margin-left: 2.292vw;
			background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/top_intro_bg_img.png");
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;

			.p_intro_text{
				font-size: 1.667vw;
				font-family: var(--font-ui);
				font-weight: 700;
				line-height: 200%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				text-align: left;
				margin: 0;
				letter-spacing:0.03em;
			}
		}
	}

	.p_movie{
		text-align: center;
		max-width: 77.333vw;
		margin: 0 auto;
		margin-top: 2.813vw;
		padding: 0 1.389vw;
		box-sizing: content-box;

		.p_movie_title{
			margin-bottom:1.319vw;
			padding-bottom: 0.486vw;
			font-family: var(--font-en-serif);
			font-size: 7.986vw;
			font-weight: 400;
			line-height: 4.167vw;
			color: var(--color-d_red);
		}
		.p_movie_frame{
			width: 100%;
			aspect-ratio: 16 / 9;
			border-radius: 1.111vw;
			overflow: hidden;

			iframe{
				width: 100%;
				height: 43.533vw;
			}
		}
		.p_movie_caption{
			margin-top: 1.319vw;
			text-align: right;
			font-size: 1.25vw;
			font-family: var(--font-ui);
			font-weight: 700;
			line-height:100%;
		}
	}

	.p_special{
		padding-top:11.111vw;
	}
	.p_special_inner{
		max-width:69.444vw;
		margin:0 auto;

		.title{
			margin-bottom:4.167vw;

			h2{
				padding-bottom:0.417vw;
				font-family: var(--font-en-serif);
				font-weight: 400;
				font-size: 7.986vw;
				line-height: 4.236vw;
				text-align:center;
				color: var(--color-d_red);
			}
		}
		.container{
			display:grid;
			grid-template-columns:39.167vw 1fr;
			align-items:flex-start;
			gap:4.861vw;
			position:relative;

			.img{
				position:relative;

				.back{
					width:100%;
				}
				.tag{
					position:absolute;
					top:-0.833vw;
					right:-1.111vw;
					width:6.736vw;
				}
			}
			.text{
				padding-top:3.333vw;

				h2{
					margin-bottom:1.389vw;
					font-family: var(--font-ui);
					font-weight: 700;
					font-size: 2.153vw;
					letter-spacing: 0.04em;
					line-height: 150%;
				}
				.name{
					margin-bottom:0.694vw;

					.jp{
						margin-bottom:0.764vw;
						font-family: var(--font-ui);
						font-weight: 400;
						font-size: 0.972vw;
						letter-spacing: 0.04em;
						line-height: 1;
						
						span{
							display:inline-block;
							margin-left:0.764vw;
							font-weight: 700;
							font-size: 1.25vw;
						}
					}
					.en{
						font-family: var(--font-en-serif);
						font-size: 0.972vw;
						letter-spacing: 0.08em;
						color: var(--color-d_red);
					}
				}
				.cursor{
					display:flex;
					justify-content:flex-end;

					img{
						width:5.278vw;
					}
				}
			}
		}
		.link{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
	}

	.p_people {
		margin-top: 11.111vw;
		padding: 0 1.389vw;

		.p_people_inner {
			max-width: 86.597vw;
			margin: 0 auto;
			text-align: center;

			.p_people_title {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 2.361vw;
				padding-bottom:0.486vw;
				font-size: 7.986vw;
				font-weight: 400;
				font-family: var(--font-en-serif);
				color: var(--color-d_red);
				line-height: 4.167vw;

				.p_people_title_sub {
					margin-top:1.736vw;
					font-size: 2.431vw;
					font-family: var(--font-jp-serif);
					font-weight: 900;
					letter-spacing: 0.04em;
					line-height: 100%;
					color: var(--color-text);
				}
			}

			.p_people_lead {
				margin-top: 3.472vw;
				font-size: 1.25vw;
				font-family: var(--font-ui);
				font-weight: 700;
				line-height: 170%;
			}

			.p_people_list {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 1.538vw;
				justify-content: center;
				margin-top: 4.444vw;

				.p_people_item {
					position: relative;
					text-align: left;

				.p_people_item_img {
					border-top-left-radius: 6.944vw;
					overflow: hidden;
				}

				.p_people_item_title {
					padding-right:2.778vw;
					font-size: 1.597vw;
					font-family: var(--font-ui);
					font-weight: 700;
					letter-spacing: 0.04em;
					line-height: 150%;
					margin-top: 2.083vw;
				}

				.p_people_item_text {
					margin-top: 1.111vw;
					font-size: 0.972vw;
					font-family: var(--font-ui);
					font-weight: 400;
					letter-spacing: 0.04em;
				}

				.p_people_item_author {
					font-size: 1.35vw;
					font-family: var(--font-en-serif);
					font-weight: 400;
					color: var(--color-d_red);
					letter-spacing: 0.14em;
				}

				.p_people_item_arrow {
					display: flex;
					justify-content: flex-end;
					margin-top:1.181vw;
					padding-right:1.389vw;

					img{
						width:5.278vw;
					}
				}
				.p_people_item_tag{
					position: absolute;
					width: 6.744vw;
					height: 5.617vw;
					right: -0.764vw;
					top: -1.667vw;
				}
			}
		}
		}
	}

	.p_crosstalk {
		width: 100%;
		background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_bg_ing.png");
		background-size: cover;
		background-repeat: no-repeat;
		/* padding: 0 0.694vw; */

		.p_crosstalk_inner {
			width: 100%;
			max-width: 76.389vw;
			margin: 0 auto;
			position: relative;
			color: var(--color-bg);
			padding: 6.701vw 0 9.028vw;
			text-align: center;

			.p_crosstalk_title {
				display: flex;
				justify-content: center;
				align-items: center;
				gap:2.708vw;
				padding-right:9.375vw;
				font-size: 7.986vw;
				font-weight: 400;
				font-family: var(--font-en-serif);
				line-height: 1;

				.p_crosstalk_title_sub {
					margin-top:2.917vw;
					font-size: 2.431vw;
					font-family: var(--font-jp-serif);
					font-weight: 900;
					/* margin-left: 2.361vw; */
				}
			}

			.p_crosstalk_lead {
				margin-top: 1.806vw;
				font-size: 1.25vw;
				font-family: var(--font-ui);
				font-weight: 700;
				line-height: 170%;
			}

			.p_crosstalk_list {
				display: flex;
				flex-direction: column;
				gap: 4.167vw;
				margin-top: 5.556vw;

				.p_crosstalk_item {
					position: relative;
					max-width: 70.833vw;
					height: 21.528vw;
					background-size: cover;
					background-repeat: no-repeat;

					&.is_left {
						background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_item_img_1.png");
					}

					&.is_right {
						margin-left: 5.556vw;
						background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_item_img_2.png");
					}

					.p_crosstalk_tag {
						position: absolute;
						width: 8.958vw;
						height: 6.806vw;
						top: -1.89vw;
						right: -2.014vw;
					}

					.p_crosstalk_content {
						position: absolute;
						right: 8.333vw;
						top: 50%;
						transform: translateY(-50%);
						text-align: right;

						.p_crosstalk_item_title {
							font-family: var(--font-jp-serif);
							font-size: 4.986vw;
							font-weight: 900;
							letter-spacing: 0.04em;
							line-height: 100%;
						}

						.p_crosstalk_item_sub {
							margin-top:2.153vw;
							font-family: var(--font-jp);
							font-size: 0.972vw;
							font-weight: 400;
							letter-spacing: 0.04em;
							line-height: 170%;
							text-align:center;
						}
					}

					.p_crosstalk_number {
						position: absolute;
						left: -2.083vw;
						bottom: -1.389vw;
						font-size: 8.421vw;
						font-family: var(--font-en-serif);
						font-weight: 400;
						line-height: 100%;
					}

					.p_crosstalk_arrow {
						position: absolute;
						width: 5.322vw;
						height: 5.322vw;
						right: -0.588vw;
						bottom: -0.867vw;
					}
				}
			}
		}
	}

	.p_entry {
	width: 100%;
	background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/entry_bg_ing.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 2.083vw;

	.p_entry_inner {
		max-width: 76.901vw;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 11.111vw 0;
	}

	/* left */
	.p_entry_left {
	}

	.p_entry_title {
		color: var(--color-d_pink);
		font-size: 9.028vw;
		font-family: var(--font-en-serif);
		font-weight: 400;
		line-height: 100%;
	}

	.p_entry_lead {
		margin-top:2.569vw;
		color: var(--color-bg);
		font-size: 2.778vw;
		font-weight: 700;
		font-family: var(--font-jp);
		line-height: 100%;
	}

	.p_entry_text {
		color: var(--color-bg);
		font-size: 1.25vw;
		font-weight: 600;
		font-family: var(--font-jp);
		margin-top: 2.569vw;
		line-height: 2.569vw;
	}

	/* right */
	.p_entry_right {
		display: flex;
		flex-direction: column;
		gap: 1.111vw;
	}

	.p_entry_button {
		position: relative;
		width: 26.276vw;
		height: 10.363vw;
		display: flex;
		align-items: center;
		padding-left: 2.222vw;
		background: var(--color-bg);
		padding-left: 6.647vw;

		.p_entry_button_text {
		font-size: 1.667vw;
		font-weight: 700;
		font-family: var(--font-ui);
		}

		.p_entry_button_icon {
		position: absolute;
		right: 0.839vw;
		bottom: 0.839vw;
		width: 0.612vw;
		height: 0.612vw;
		border-left: 0.839vw solid transparent;
		border-bottom: 0.839vw solid red;
		}
	}
	}

	/* =========================================================
	People page
	========================================================= */
	.l_poeple_page_bg{
		background: #F7F0F1;
		padding-top: 6.458vw;
		padding-bottom: 11.111vw;
		overflow: hidden;
	}
	.p_people_mv_vector{
		position:absolute;
		top: 0;
		right: 0;
		width:62.153vw;
	}
	.p_people_mv {
		max-width: 80.556vw;
		margin: 0 auto;
		padding-top: 2.844vw;

		.p_people_mv_inner {
			display:grid;
			grid-template-columns:1fr 54.861vw;
			gap: 1.111vw;

			/* left */
			.p_people_mv_left {
				.p_people_mv_title {
					font-size: 1.389vw;
					font-family: var(--font-en-serif);
					font-weight: 400;
					color: var(--color-d_red);
					line-height: 1.389vw;

					.p_people_mv_number {
						margin-left: 1.181vw;
						font-size: 2.083vw;
					}
				}

				.p_people_mv_line {
					display: block;
					width: 2.083vw;
					height: 0.069vw;
					background-color: var(--color-d_red);
					margin-top: 1.181vw;
				}

				.p_people_mv_lead {
					margin-top: 2.639vw;
					font-size: 2.292vw;
					font-family: var(--font-ui);
					line-height: 160%;
					font-weight: 700;
				}

				.p_people_mv_sub {
					margin-top: 1.389vw;
					font-size: 0.972vw;
					font-family: var(--font-ui);
					font-weight: 600;
					line-height: 100%;
				}

				.p_people_mv_profile {
					margin-top: 2.639vw;
					font-family: var(--font-jp);

					.p_people_mv_position {
						font-size: 0.972vw;
						font-weight: 700;
						line-height: 100%;
						letter-spacing: 0.04em;
					}

					.p_people_mv_name_jp {
						margin-top:0.694vw;
						font-size: 1.736vw;
						font-weight: 700;
						line-height: 100%;
						letter-spacing: 0.04em;
					}

					.p_people_mv_name_en {
						margin-top:0.694vw;
						font-size: 0.972vw;
						font-family: var(--font-en-serif);
						font-weight: 400;
						line-height: 100%;
						letter-spacing: 0.08em;
						color: var(--color-d_red);
					}

					.p_people_mv_text {
						margin-top:0.764vw;
						padding-right:2.222vw;
						font-size: 0.903vw;
						font-family: var(--font-jp);
						font-weight: 400;
						line-height: 150%;
						letter-spacing: 0.04em;
					}
				}
			}

			/* right */
			.p_people_mv_right {
				position: relative;

				.p_people_mv_tag {
					position: absolute;
					width: 9.722vw;
					height: 6.944vw;
					top: -3.611vw;
					right: -3.681vw;
				}

				.p_people_mv_image {
					display: block;
					width: 100%;
					height: 35.069vw;
					border-top-left-radius: 11.111vw;
					overflow: hidden;

					img {
						width:100%;
						height:100%;
						object-fit:cover
					}
				}
			}
		}
	}

	.p_legacy {
		margin-top: 8.681vw;
		padding: 0 0.694vw;
		position: relative;
		z-index: 1;

		.p_legacy_inner {
			max-width: 70.139vw;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 3.472vw 5.556vw;
			background: var(--color-bg);
			position: relative;
			
			/* left */
			.p_legacy_left {

				.p_legacy_en {
					margin-bottom:0.556vw;
					font-size: 1.25vw;
					color: var(--color-d_red);
					font-family: var(--font-en-serif);
					line-height: 100%;
					letter-spacing: 0.1em;
				}

				.p_legacy_title {
					font-size: 2.361vw;
					font-family: var(--font-jp);
					font-weight: 700;
					line-height: 140%;
				}
			}

			/* right */
			.p_legacy_right {
				max-width: 36.597vw;
				font-family: var(--font-jp);

				.p_legacy_heading {
					font-size: 1.25vw;
					font-weight: 700;
					line-height: 220%;
				}

				.p_legacy_text {
					margin-top: 1.181vw;
					font-size: 0.972vw;
					font-weight: 500;
					line-height: 220%;
				}
			}
		}
	}
	.p_people_body_text{
	margin-top: 8.681vw;
	padding: 0 2.083vw;

	.p_people_body_inner{
		max-width: 55.556vw;
		margin: 0 auto;
		font-size: 1.25vw;
		font-family: var(--font-jp);
		font-weight: 700;
		line-height: 180%;
		letter-spacing: 0.04em;
	}
	}

	.p_people_section {
		position: relative;
		margin-top: 8.681vw;
		z-index: 2;

		.p_people_section_inner {
			margin-top: 8.681vw;
		}

		.p_people_block {
			max-width: 62.5vw;
			margin: 0 auto;
			font-family: var(--font-jp);

			.p_people_block_title {
				margin-top: 8.681vw;
				font-size: 1.944vw;
				color: var(--color-d_red);
				font-weight: 700;
				line-height: 100%;
			}

			.p_people_block_image {
				width: 100%;
				height: auto;
				display: block;
				overflow: hidden;
				margin: 3.333vw 0;

				img {

				}
			}

			.p_people_block_heading {
				color: var(--color-text_gray);
				font-size: 0.972vw;
				font-weight: 700;
				margin-top: 2.778vw;
				line-height: 220%;
			}

			.p_people_block_text {
				font-size: 0.972vw;
				font-weight: 600;
				margin: 0.694vw 0;
				line-height: 220%;
			}
			.text_d_red{
				color: var(--color-d_red);
			}
			.img_container{
				display:grid;
				gap:1.389vw;
				margin-top:2.778vw;

				&.col2{
					grid-template-columns:repeat(2, 1fr);
				}
			}
			.note{
				margin-top:0.694vw;
				font-size:0.972vw;
			}
		}
	}

	.p_people_related {
		width: 100%;
		background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/people_related_gb_img.png");
		background-repeat: no-repeat;
		background-size: cover;
		padding: 9.722vw 0.694vw;
		overflow: hidden;
	}
	.p_people_related_inner {
		max-width: 86.111vw;
		margin: 0 auto;
		padding: 4.861vw;
		background: var(--color-bg_gray);

		.title{
			display:flex;
			justify-content:center;
			margin-bottom:3.819vw;

			h2{
				padding:0.868vw 3.264vw 0.868vw 0;
				font-family:var(--font-jp);
				font-size:1.667vw;
				border-right:0.069vw solid #000000;
			}
			.box{
				padding-left:3.264vw;

				.en{
					font-family: var(--font-en-serif);
					font-size:1.319vw;
					letter-spacing:0.04em;
					color:var(--color-d_red);
				}
				.jp{
					font-family:var(--font-jp);
					font-weight:800;
					font-size:1.528vw;
				}
			}
		}
		.container{
			display:grid;
			grid-template-columns:repeat(3, 1fr);
			gap:1.736vw;

			.box{
				position:relative;
				padding-bottom:6.458vw;

				.img{
					position:relative;
					margin-bottom:2.083vw;

					> img{
						width:100%;
					}
					.tag{
						position:absolute;
						top:-1.667vw;
						right:-0.833vw;

						img{
							width:6.736vw;
						}
					}
				}
				h3{
					margin-bottom:1.111vw;
					padding-right:2.778vw;
					font-family:var(--font-ui);
					font-size:1.25vw;
					line-height:150%;
					letter-spacing:0.04em;
				}
				> p{
					display:flex;
					justify-content:flex-start;
					align-items:baseline;
					gap:0.764vw;
					font-family:var(--font-ui);
					font-size:0.972vw;
					letter-spacing:0.04em;
					line-height:150%;

					span{
						font-size:1.25vw;
						font-weight:700;
						line-height:1;
					}
				}
				.en{
					margin-top:0.764vw;
					font-size:0.972vw;
					font-family: var(--font-en-serif);
					letter-spacing: 0.08em;
					color:#810000;
				}
				.cursor{
					position:absolute;
					bottom:0;
					right:0;

					img{
						width:5.278vw;
					}
				}
				.link{
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
				}
			}
		}
	}

	/* =========================================================
	Cross Talk page
	========================================================= */
	.l_crosstalk_page_bg_group{
		padding-top: 6.667vw;
		background: #F7F0F1;
		padding-bottom: 11.111vw;
		overflow: hidden;
	}
	.p_crosstalk_mv {
		width: 100%;
		/* height: 24.653vw; */
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding: 2.083vw 0;

		&.img5{
			background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/people05_mv.png");
		}
		&.img6{
			background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/people06_mv.png");
		}
		.p_crosstalk_mv_inner {
			max-width: 86.389vw;
			margin: 0 auto;
			position: relative;

			.p_crosstalk_mv_tag{
				position: absolute;
				height: 6.806vw;
				width: 9.722vw;
				top: -4.722vw;
				right: 0;
			}
		}

		.p_crosstalk_mv_content {
			background: var(--color-bg);
			max-width: 27.083vw;
			padding: 2.604vw 3.403vw 2.604vw 4.167vw;

			.p_crosstalk_mv_title {
				color: var(--color-d_red);
				font-family: var(--font-en-serif);
				font-size: 1.389vw;
				line-height: 100%;
				font-weight: 500;
				
				.p_crosstalk_mv_number {
					font-size: 2.083vw;
					margin-left: 1.181vw;
				}
			}

			.p_crosstalk_mv_line {
				display: block;
				width: 2.083vw;
				height: 0.069vw;
				background: var(--color-d_red);
				margin-top: 1.875vw;
			}

			.p_crosstalk_mv_jp {
				margin-top: 1.319vw;
				font-size: 2.639vw;
				font-family: var(--font-ui);
				font-weight: 700;
				line-height: 160%;
				letter-spacing: 0.04em;
			}

			.p_crosstalk_mv_text {
				margin-top: 1.389vw;
				font-size: 0.972vw;
				font-family: var(--font-ui);
				font-weight: 600;
				letter-spacing: 0.04em;
				line-height: 180%;
			}
		}
	}

	.p_crosstalk_profile {
		position:relative;
		margin-top: 8.681vw;
		padding: 0 1.389vw;


		.p_crosstalk_profile_inner {
			max-width: 72.5vw;
			margin: 0 auto;
			background: var(--color-bg);
			padding: 3.264vw 3.819vw 2.569vw;
			border-radius: 0.694vw;
			position: relative;
		}

		.p_crosstalk_profile_wrap {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.p_crosstalk_profile_item {
			display: flex;
			justify-content: space-between;
			gap: 2.569vw;
		}

		.p_crosstalk_profile_avatar {
			width: 8.333vw;
			height: 8.333vw;
			border-radius: 50%;
			display: block;

			img {
			}
		}

		.p_crosstalk_profile_body {
			max-width: 17.708vw;
			font-family: var(--font-jp);
			font-size: 0.833vw;

			.p_crosstalk_profile_meta {
				font-weight: 500;
				line-height: 180%;
			}

			.p_crosstalk_profile_text {
				margin-top: 0.486vw;
				line-height: 180%;
			}
		}

		.p_crosstalk_profile_divider {
			width: 0.069vw;
			align-self: stretch;
			background: var(--color-l_gray);
		}
	}

	.p_crosstalk_lead {
		margin-top: 8.681vw;
		padding: 0 2.083vw;

		.p_crosstalk_lead_inner {
			max-width: 55.556vw;
			margin: 0 auto;
		}

		.p_crosstalk_lead_text {
			font-family: var(--font-jp);
			font-size: 1.25vw;
			font-weight: 700;
			line-height: 180%;
			letter-spacing: 0.04em;
		}
	}

	.p_crosstalk_blocks {
		margin-top: 8.681vw;
		padding: 0 1.389vw;

		.p_crosstalk_blocks_inner {
			max-width: 83.333vw;
			margin: 0 auto;
		}

		.p_crosstalk_block {
			display: grid;
			align-items: flex-start;
			gap: 3.333vw;
			margin-top: 8.681vw;

			&.is_left {
				grid-template-columns: 34.722vw 1fr;
			}
			&.is_right {
				grid-template-columns: 1fr 34.722vw;

				.p_crosstalk_block_image{
					order:2;
				}
				.p_crosstalk_block_content{
					order:1;
				}
			}

			.p_crosstalk_block_image {
				height: 34.722vw;
				overflow:hidden;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			.p_crosstalk_block_content {
			font-family: var(--font-jp);

			.p_crosstalk_block_title {
				font-size: 1.667vw;
				font-weight: 700;
				line-height: 100%;
			}
			h3{
				margin-top:2.083vw;
				font-size:1.111vw;
				line-height:200%;
				letter-spacing:0.02em;
				color:#810000;
			}

			.p_crosstalk_talk_list {
				margin-top: 2.083vw;

				.p_crosstalk_talk_item {
					display: grid;
					grid-template-columns:6.25vw 1fr;
					align-items: flex-start;
					gap: 1.736vw;
					margin-top: 2.778vw;

					.p_crosstalk_talk_avatar {
						width: 6.25vw;
						height: 6.25vw;
						border-radius: 50%;

						img {

						}
					}

					.p_crosstalk_talk_text {
						font-size: 0.972vw;
						font-weight: 500;
						line-height: 200%;
						letter-spacing: 0.02em;
					}
				}
			}
			}
		}
	}

	.p_vector{
		width: 46.389vw;
		height: 38.542vw;
		position: absolute;
		top: -31%;
		left: -17.014vw;
	}

	.p_Frame49{
		position: absolute;
		top: 0;
		right: 0;
	}

	.p_Frame49_crossTalk{
		position: absolute;
		top: 0;
		right: 0;
	}

	.p_Line_sp{
	display: none;
	}

	.p_Frame49_sp{
	display: none;
	}

	.p_Vector2{
	display: none;
	}

	.p_Talk1{
		position: absolute;
		top: -4.861vw;
		left: 5.556vw;
	}

	.p_Talk2{
		position: absolute;
		bottom: -9.028vw;
		right: 7.292vw;
	}

	.p_crosstalk_related {
	width: 100%;
	background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_related_bg_img.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 9.722vw 0;
	overflow: hidden;

	.p_crosstalk_related_inner {
		max-width: 86.111vw;
		margin: 0 auto;
		background: var(--color-d_red);
		padding: 4.861vw 0;
		text-align: center;
		color: var(--color-bg);
		font-family: var(--font-jp);
	}

	.p_crosstalk_related_header {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 5.903vw;

		.p_crosstalk_related_label {
		display: flex;
		align-items: flex-end;

		.p_crosstalk_related_label_text {
			font-size: 1.806vw;
			font-weight: 800;
			line-height: 100%;
		}

		.p_crosstalk_related_label_line {
			width: 5.275vw;
			height: 0.069vw;
			background: var(--color-bg);
			margin-left: 1.667vw;
		}
		}

		.p_crosstalk_related_titles {
		text-align: start;

		.p_crosstalk_related_en {
			font-family: var(--font-en-serif);
			font-size: 1.35vw;
			line-height: 100%;
			letter-spacing: 0.04em;
		}

		.p_crosstalk_related_jp {
			margin-top: 0.694vw;
			font-size: 2.083vw;
			font-weight: 800;
			line-height: 160%;
		}
		}
	}

	.p_crosstalk_related_link {
		position: relative;
		display: block;
		max-width: 69.444vw;
		height: 21.528vw;
		margin: 0 auto;
		margin-top: 3.819vw;
		background-size: cover;
		background-repeat: no-repeat;
		
		&.img1{
			background-image:url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_item_img_1.png");
		}
		&.img2{
			background-image:url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_item_img_2.png");
		}
		.p_crosstalk_related_tag {
			position: absolute;
			width: 8.958vw;
			height: 6.806vw;
			top: -1.89vw;
			right: -3.403vw;
		}

		.p_crosstalk_related_content {
			position: absolute;
			top: 50%;
			right: 8.333vw;
			transform: translateY(-50%);
			text-align: right;

			.p_crosstalk_related_theme {
				font-family: var(--font-jp-serif);
				font-size: 4.986vw;
				font-weight: 900;
				letter-spacing: 0.04em;
				line-height: 100%;
			}

			.p_crosstalk_related_meta {
				margin-top: 2.153vw;
				font-family: var(--font-jp);
				font-size: 0.972vw;
				font-weight: 400;
				letter-spacing: 0.04em;
				line-height: 170%;
				text-align: center;
			}
		}

		.p_crosstalk_related_number {
			position: absolute;
			left: -2.083vw;
			bottom: -1.389vw;
			font-size: 8.421vw;
			font-family: var(--font-en-serif);
			font-weight: 400;
			line-height: 100%;
		}

		.p_crosstalk_related_arrow {
			position: absolute;
			width: 5.322vw;
			height: 5.322vw;
			right: -0.588vw;
			bottom: -0.867vw;
		}
	}
	}









}