/* =========================================================
Responsive (basic)
========================================================= */
@media (max-width: 768px) {

	/* =========================================================
	header
	========================================================= */
	.l_header {
		height:12.8vw;
		z-index: 999;
		
		.l_header__inner {
			.l_header__logo {
			padding-left: 4.8vw;
		
			.l_logo {
		
				.u_logo {
				width: 39.037vw;
				}
		
				.c_divider {
					width: 0.267vw;
					height: 7.179vw;
					margin: 0 4.797vw;
				}
		
				.u_logo_note {
				font-size: 2.387vw;
				/* padding: 3.2vw 0; */
		
				.u_logo_note_en {
					font-size: 1.789vw;
				}
		
				}
		
			}
		
			}
		
			.u_entry_button {
			width: 25.067vw;
			position: relative;
			/* height: 14.667vw; */
			z-index: 100;
			}
		
		}
		
		}
		
		/* =========================================================
		footer
		========================================================= */
		.l_footer {
		padding: 0 2.667vw;
		
		.l_footer_inner {
			padding: 24vw 0;
			.l_footer__logo {
		
			.l_logo {
		
				.u_logo {
				max-width: 74.933vw;
				}
		
				.u_logo_note {
					margin-top: 11.507vw;
					font-size: 5.811vw;
			
					.u_logo_note_en {
						font-size: 4.533vw;
					}
		
				}
		
			}
		
			}
		
			.copy_right {
				margin-top: 19.467vw;
				font-size: 3.2vw;
			}
		
		}
		
		}
		
		/* =========================================================
		top page
		========================================================= */
		.l_bg_group {
			padding-top:12.8vw;
			padding-bottom: 29.333vw;
			background-image: url('https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/top_page_bg_sp_v2.png');
			background-position: top center;
		}
		
		.p_mv {
			padding:0;
		
			.p_mv_bg {
				/* height: 136.267vw;
				background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/top_mv_img_sp.png");
				background-size: cover;
				background-position: left top; */
		
				.p_mv_text {
					display: flex;
					flex-direction: column-reverse;
					bottom: 8.267vw;
					left: 8.267vw;
		
					.p_mv_catch_small {
						font-size: 4vw;
						line-height: 3.611vw;
						margin: 6.125vw 0 0;
					}
		
					.p_mv_catch_large {
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						gap: 1.067vw;
						font-size: 12.725vw;
		
						span {
						margin-left: 0;
						border-bottom: 0.533vw solid var(--color-d_red);
						}
		
					}
		
				}
				img{
					width: 100%;
				}
		
			}
		
		}
		
		.p_intro {
		margin-top: 12vw;
		
		.p_intro_bg {
			margin-left: 0;
			padding: 20.533vw 8vw 24vw;
			height: unset;
		
			.p_intro_text {
			position: relative;
			top: unset;
			left: unset;
			transform: unset;
			font-size: 4.8vw;
			line-height: 2;
			}
		
		}
		
		}
		
		.p_movie {
			margin-top: 13.333vw;
			padding:0 5.333vw;
			
			.p_movie_title {
				margin-bottom: 5.067vw;
				padding-bottom: 1.867vw;
				font-size: 20vw;
				line-height: 1;
			}
			
			.p_movie_frame {
				margin-top: 7.733vw;
			
				iframe {
					height: 56.267vw;
					border-radius: 4.267vw;
				}
			
			}
			
			.p_movie_caption {
				margin-top: 7.733vw;
				text-align: center;
				font-size: 4.8vw;
			}
		}
	
		.p_special{
			padding-top:32vw;
		}
		.p_special_inner{
			padding:0 5.333vw;
	
			.title{
				margin-bottom:10.667vw;
		
				h2{
					padding-bottom:0;
					font-size: 20vw;
					line-height: 110%;
				}
			}
			.container{
				grid-template-columns:1fr;
				gap:8vw;
				
				.img{
					.tag{
						top:auto;
						bottom:-3.467vw;
						right:-2.133vw;
						width:19.467vw;
					}
				}
				.text{
					position:relative;
					padding:0 5.333vw;
		
					h2{
						margin-bottom:4.267vw;
						font-size: 5.067vw;
					}
					.name{
						margin-bottom:9.867vw;
		
						.jp{
							margin-bottom:2.933vw;
							font-size:3.733vw;
							
							span{
								margin-left:2.933vw;
								font-size:4.8vw;
							}
						}
						.en{
							font-size:3.733vw;
						}
					}
					.cursor{
						position:absolute;
						bottom:0;
						right:0;
	
						img{
							width:16vw;
						}
					}
				}
			}
			.link{
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
			}
		}
		
		.p_people {
			margin-top:18.667vw;
			padding:0 5.333vw;
			
			.p_people_inner {
				.p_people_title {
					flex-direction: column;
					gap: 9.067vw;
					padding-bottom: 1.867vw;
					font-size: 20vw;
					
					.p_people_title_sub {
						margin-top: 0;
						font-size: 6.667vw;
						display: block;
						margin-left: 0;
					}
				}
			
				.p_people_lead {
					text-align: left;
					font-size: 4vw;
					margin-top: 8vw;
					padding: 0 2.667vw;
					letter-spacing: 0.04em;
				}
			
				.p_people_list {
					grid-template-columns:1fr;
					gap:8vw;
					margin-top:9.067vw;
				
					.p_people_item {
						padding-bottom:9.867vw;
	
						.p_people_item_img {
	
						}
				
						.p_people_item_title {
							margin-top: 8vw;
							padding:0 5.333vw;
							font-size: 5.067vw;
							line-height: 150%;
						}
				
						.p_people_item_text {
							margin-top: 4.267vw;
							padding-left:5.333vw;
							font-size:3.733vw;
						}
				
						.p_people_item_author {
							margin-left: 7.552vw;
							margin-top: 2.667vw;
							line-height: 100%;
						}
				
						.p_people_item_arrow {
							position:absolute;
							bottom:0;
							right:0;
							margin:0;
							padding:0;
	
							img{
								width:16vw;
							}
						}
				
						.p_people_item_tag {
							width: 19.587vw;
							height: 16.016vw;
							right: -1.72vw;
							top: 48.493vw;
						}
					}
				}
			}
		}
		
		.p_crosstalk {
		background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_bg_img_sp.png");
		
		.p_crosstalk_inner {
			padding: 18.667vw 0 21.333vw;
		
			.p_crosstalk_title {
				flex-direction: column;
				gap: 8vw;
				padding: 0;
				font-size: 20vw;
				line-height: 14.4vw;
			
				.p_crosstalk_title_sub {
					margin-top: 0;
					font-size: 6.667vw;
					margin-left: 0;
					line-height: 1;
				}
		
			}
		
			.p_crosstalk_lead {
			margin-top: 6.933vw;
			padding: 0 5.333vw;
			font-size: 3.733vw;
			}
		
			.p_crosstalk_list {
			gap: 26.667vw;
			margin-top: 13.333vw;
			padding: 0 2.667vw;
		
			.p_crosstalk_item {
				height: 90.667vw;
		
				&.is_left {
				background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_item_img_1_sp.png");
				}
		
				&.is_right {
				margin-left: 0;
				background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_item_img_2_sp.png");
				}
		
				.p_crosstalk_tag {
				width: 21.333vw;
				height: 14.933vw;
				top: -7.429vw;
				right: 0;
				}
		
				.p_crosstalk_content {
					text-align: center;
					top: 47%;
					left: 50%;
					right:auto;
					transform: translateX(-50%);
					width: 100%;
		
					.p_crosstalk_item_title {
						font-size: 10.667vw;
					}
			
					.p_crosstalk_item_sub {
						margin-top: 8.267vw;
						font-size: 3.733vw;
					}
		
				}
		
				.p_crosstalk_number {
				left: 0;
				bottom: -8.8vw;
				font-size: 18.667vw;
				}
		
				.p_crosstalk_arrow {
				width: 16vw;
				height: 16vw;
				right: 0;
				bottom: -8.723vw;
				}
		
			}
		
			}
		
		}
		
		}
		
		.p_entry {
			padding: 0 8vw;
			background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/entry_bg_img_sp.png");
		
			.p_entry_inner {
				padding: 18.667vw 0;
				flex-direction: column;
			}
			
			/* left */
			.p_entry_left {
				text-align: center;
			}
			
			.p_entry_title {
				font-size: 21.333vw;
				line-height: 1;
			}
			
			.p_entry_lead {
				font-size: 6.4vw;
				margin-top: 9.867vw;
			}
			
			.p_entry_text {
				font-size: 4.267vw;
				text-align: start;
				margin-top: 9.867vw;
				line-height: 220%;
				letter-spacing: 0.04em;
			}
			
			/* right */
			.p_entry_right {
				gap:4.267vw;
				margin-top: 8vw;
				width: 100%;
			}
			
			.p_entry_button {
				display: flex;
				width: 100%;
				padding: 2.667vw;
				align-items: center;
				justify-content: center;
				height: 29.333vw;
			
				.p_entry_button_text {
				font-size: 5.333vw;
				}
			
				.p_entry_button_icon {
					right: 3.221vw;
					bottom: 3.221vw;
					width: 2.349vw;
					height: 2.349vw;
					border-left: 3.221vw solid transparent;
					border-bottom: 3.221vw solid red;
				}
			
			}
		
		}
		
		/* =========================================================
		People page
		========================================================= */
		.l_poeple_page_bg{
		padding-top: 12.8vw;
		padding-bottom: 26.667vw;
		}
		.p_people_mv_vector{
			width: auto;
		}
		.p_people_mv {
		padding-top: 8vw;
		
		.p_people_mv_inner {
			display: block;
			padding: 0 8vw;
		
			/* left */
			.p_people_mv_left {
		
			.p_people_mv_title {
				font-size: 3.733vw;
				line-height: 4vw;
		
				.p_people_mv_number {
				font-size: 5.333vw;
				}
		
			}
		
			.p_people_mv_line {
				width: 8vw;
				height: 0.267vw;
				margin-top: 4.533vw;
			}
		
			.p_people_mv_lead {
				margin-top: 7.467vw;
				font-size: 5.333vw;
				line-height: 160%;
				letter-spacing: 0.04em;
			}
		
			.p_people_mv_sub {
			}
		
			.p_people_mv_profile {
				margin-top: 7.467vw;
	
				.jp_name{
					display:flex;
					align-items:center;
					gap:2.667vw;
				}
				.p_people_mv_position {
					font-size: 3.733vw;
				}
		
				.p_people_mv_name_jp {
					margin:0;
					font-size: 5.867vw;
				}
		
				.p_people_mv_name_en {
					margin-top: 2.667vw;
					font-size: 3.733vw;
				}
	
				.p_people_mv_text {
					margin-top:5.6vw;
					padding:0;
					font-size: 3.2vw;
				}
			}
		
			}
		
			/* right */
			.p_people_mv_right {
		
				.p_people_mv_tag {
					display: none;
				}
			
				.p_people_mv_image {
					height:auto;
					border-top-left-radius: 20.253vw;
					margin-top: 7.467vw;
				}
		
			}
		
		}
		
		}
		
		.p_legacy {
		margin-top: 17.333vw;
		
		.p_legacy_inner {
			margin: 0 auto;
			padding: 2.667vw;
			flex-direction: column;
		
			/* left */
			.p_legacy_left {
			width: 100%;
			padding: 5.333vw 12.8vw;
			background: var(--color-bg_gray);
		
			.p_legacy_en {
				font-size: 4.267vw;
			}
		
			.p_legacy_title {
				font-size: 5.333vw;
				line-height: 1.4;
			}
		
			}
		
			/* right */
			.p_legacy_right {
			margin-top: 5.6vw;
			padding: 0 8vw 8vw;
		
			.p_legacy_heading {
				font-size: 5.6vw;
				line-height: 160%;
			}
		
			.p_legacy_text {
				margin-top: 4.533vw;
				font-size: 3.733vw;
				line-height: 2.2;
			}
		
			}
		
		}
		
		}
		
		.p_people_body_text{
		margin-top: 17.333vw;
		
		.p_people_body_inner{
			font-size:4.267vw;
		}
		}
		
		.p_people_section {
		margin-top: 17.333vw;
		
		.p_people_section_inner {
			margin-top: 20vw;
		}
		
		.p_people_block {
			margin-top: 20vw;
		
			.p_people_block_title {
			font-size: 5.333vw;
			padding: 0 8vw;
			margin-top: 17.333vw;
			line-height: 170%;
			}
		
			.p_people_block_image {
			margin: 7.467vw 0;
		
			img {
			}
		
			}
		
			.p_people_block_heading {
				margin-top: 7.467vw;
				padding: 0 8vw;
				font-size: 3.733vw;
			}
		
			.p_people_block_text {
				font-size: 3.733vw;
				margin: 2.667vw 0;
				padding: 0 8vw;
			}
		
			.text_d_red {
			}
		
			&:first-child{
			margin-top: 17.333vw;
			}
			.img_container{
				gap:5.333vw;
				margin-top: 7.467vw;
				/* padding: 0 8vw; */
		
				&.col2{
					grid-template-columns:1fr;
				}
			}
			.note{
				padding: 0 8vw;
			}
		}
		
		}
		
		.p_people_related {
			padding: 2.667vw;
			background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/people_related_gb_img_sp.png");
		}
		.p_people_related_inner {
			padding: 8vw 5.333vw;
			
			.title{
				flex-direction:column;
				margin-bottom:6.667vw;
		
				h2{
					position:relative;
					padding:0 0 3.467vw;
					font-size:4.8vw;
					border-right:none;
	
					&:before{
						content:'';
						position:absolute;
						bottom:0;
						left:0;
						width:20.267vw;
						height:0.267vw;
						background-color:#000000;
					}
				}
				.box{
					padding:3.467vw 0 0;
		
					.en{
						font-size:3.733vw;
					}
					.jp{
						font-size:5.333vw;
						line-height:160%;
					}
				}
			}
			.container{
				grid-template-columns:1fr;
				gap:8vw;
		
				.box{
					padding-bottom: 24.8vw;
	
					.img{
						margin-bottom:8vw;
		
						.tag{
							top:auto;
							bottom:-6.4vw;
							right:-7.467vw;
		
							img{
								width:19.467vw;
							}
						}
					}
					h3{
						margin-bottom:4.267vw;
						padding:0 5.333vw;
						font-size:5.067vw;
					}
					p{
						gap:2.933vw;
						margin-bottom:9.867vw;
						padding-left:5.333vw;
						font-size:3.733vw;
					}
					.cursor{
						position:absolute;
						bottom:0;
						right:0;
		
						img{
							width:16vw;
						}
					}
				}
			}
		}
	
		
		.p_vector{
		width: 106.4vw;
		height: 76.8vw;
		position: absolute;
		top: 99%;
		left: -28vw;
		}
		
		.p_Frame49{
		display: none;
		}
		
		.p_Frame49_sp{
		display: block;
		position: absolute;
		top: 0;
		right:0;
		}
		
		.p_Vector2{
		display: block;
		height: 127.467vw;
		position: absolute;
		top: -49.2%;
		left: 56.533vw;
		}
		
		.p_Frame49_crossTalk{
		display: none;
		}
		
		.p_Line_sp{
		display: block;
		position: absolute;
		top: 0;
		right:0;
		}
		
		.p_Talk1{
			position: absolute;
			top: -37.333vw;
			left: -6.667vw;
			width: 46.667vw;
			height: 34.4vw;
		}
		
		.p_Talk2{
			position: absolute;
			top: -18.667vw;
			right: -5.333vw;
			width: 39.467vw;
			bottom:auto;
		}
		
		/* =========================================================
		Cross Talk page
		========================================================= */
		.l_crosstalk_page_bg_group{
			padding-top: 12.8vw;
			padding-bottom:42.667vw;
		}
		.p_crosstalk_mv {
			/* background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_mv_img_sp.png"); */
			height: 98.933vw;
			padding: 0;
		
			&.img5{
				background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/people05_mv_sp.png");
			}
			&.img6{
				background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/people06_mv_sp.png");
			}
			.p_crosstalk_mv_inner {
		
				.p_crosstalk_mv_tag {
					position: absolute;
					height: 14.933vw;
					width: 21.333vw;
					top: -5.067vw;
					right: -2.667vw;
				}
		
			}
		
			.p_crosstalk_mv_content {
				width: 89.333vw;
				max-width:none;
				padding: 10.667vw 0 10.667vw 8vw;
				position: absolute;
				top: 49.6vw;
				left: 50%;
				transform: translateX(-50%);
		
				.p_crosstalk_mv_title {
					font-size: 5.333vw;
		
					.p_crosstalk_mv_number {
						font-size: 8vw;
						margin-left: 4.533vw;
					}
		
				}
		
				.p_crosstalk_mv_line {
					width: 8vw;
					height: 0.267vw;
					margin-top: 7.2vw;
				}
		
				.p_crosstalk_mv_jp {
					margin-top: 5.067vw;
					font-size: 10.133vw;
				}
		
				.p_crosstalk_mv_text {
					margin-top: 5.333vw;
					font-size: 3.733vw;
				}
		
			}
		
		}
		
		.p_crosstalk_profile {
			margin-top: 57.333vw;
			padding: 0 5.333vw;
		
			.p_crosstalk_profile_inner {
				padding: 5.333vw 6.667vw;
				border-radius: 2.667vw;
			}
			
			.p_crosstalk_profile_wrap {
				flex-direction: column;
				gap: 6.667vw;
			}
			
			.p_crosstalk_profile_item {
				width: 100%;
				gap:9.867vw;
			}
			
			.p_crosstalk_profile_avatar {
				width: 21.333vw;
				height: 21.333vw;
			
				img {
				}
			
			}
			
			.p_crosstalk_profile_body {
				max-width: unset;
				font-size: 3.2vw;
			
				.p_crosstalk_profile_meta {
					font-size: 3.2vw;
				}
			
				.p_crosstalk_profile_text {
					margin-top: 1.867vw;
					font-size: 3.2vw;
				}
			
			}
			
			.p_crosstalk_profile_divider {
				width: 100%;
				height: 0.267vw;
			}
			.p_crosstalk_profile_title{
				display: grid;
				grid-template-columns: 21.333vw 1fr;
				gap: 6.667vw;
				align-items: center;
			}
		
		}
		
		.p_crosstalk_lead {
			margin-top: 17.333vw;
			padding: 0 8vw;
		}
		.p_crosstalk_lead{
			.p_crosstalk_lead_text{
				font-size: 4.267vw;
			}
		}
		
		.p_crosstalk_blocks {
			margin-top: 17.333vw;
			padding:0;
	
			.p_crosstalk_block {
				margin-top: 17.333vw;
				flex-direction: column;
				gap: 12.8vw;
			
				&.is_left,
				&.is_right{
					grid-template-columns:1fr;
	
					.p_crosstalk_block_image{
						order:1;
					}
					.p_crosstalk_block_content{
						order:2;
					}
				}
		
				.p_crosstalk_block_image {
					width: 100%;
					height: 100vw;
				}
		
				.p_crosstalk_block_content {
					padding:0 5.333vw;
	
					.p_crosstalk_block_title {
						font-size: 6.4vw;
						line-height: 170%;
					}
					h3{
						margin-top:8vw;
						font-size:4.267vw;
					}
					.p_crosstalk_talk_list {
						margin-top:8vw;
	
						.p_crosstalk_talk_item {
							grid-template-columns: 16vw 1fr;
							gap:6.667vw;
							margin-top: 10.667vw;
				
							.p_crosstalk_talk_avatar {
								width: 16vw;
								height: 16vw;
								
								img {
									width: 100%;
								}
							}
							.p_crosstalk_talk_text{
								font-size:3.733vw;
							}
						}
					}
				}
			}
		}
		
		.p_crosstalk_related {
		background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_related_bg_img.png");
			padding: 0;
		
		.p_crosstalk_related_inner {
			padding: 13.333vw 2.667vw 18.667vw;
			background-image: url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_related_item_bg_img_sp.png");
			background-repeat: no-repeat;
			background-size: cover;
		}
		
		.p_crosstalk_related_header {
			gap: 6.667vw;
			flex-direction: column;
			padding-left: 10.667vw;
		
			.p_crosstalk_related_label {
			flex-direction: column;
			gap: 6.4vw;
			align-items: flex-start;
		
			.p_crosstalk_related_label_text {
				font-size: 4.8vw;
			}
		
			.p_crosstalk_related_label_line {
				width: 20.256vw;
				margin-left: 0;
			}
		
			}
		
			.p_crosstalk_related_titles {
		
			.p_crosstalk_related_en {
				font-size: 3.733vw;
			}
		
			.p_crosstalk_related_jp {
				margin-top: 2.667vw;
				font-size: 5.333vw;
			}
		
			}
		
		}
		
		.p_crosstalk_related_link {
			margin-top: 13.333vw;
			height: 90.667vw;
		
			&.img1{
				background-image:url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_item_img_1_sp.png");
			}
			&.img2{
				background-image:url("https://www.hanatani.co.jp/wp-content/themes/recruit/assets/img/special/crosstalk_item_img_2_sp.png");
			}
			.p_crosstalk_related_bg {
	
			}
		
			.p_crosstalk_related_tag {
			height: 14.933vw;
			width: 21.333vw;
			position: absolute;
			top: -7.115vw;
			right: 0;
			}
		
			.p_crosstalk_related_content {
				top: 47%;
				left: 50%;
				right:auto;
				transform: translateX(-50%);
				text-align: center;
				width: 100%;
			
				.p_crosstalk_related_theme {
					font-size: 10.667vw;
				}
			
				.p_crosstalk_related_meta {
					margin-top: 8.267vw;
					font-size: 3.733vw;
				}
		
			}
		
			.p_crosstalk_related_number {
				font-size: 18.667vw;
				bottom: -8.533vw;
				left: 0;
				line-height: 1;
			}
		
			.p_crosstalk_related_arrow {
			height: 16vw;
			width: 16vw;
			position: absolute;
			bottom: -8vw;
			right: 1.067vw;
			}
		
		}
		
		}
	
	
	
}