@charset "utf-8";

/*PC用*/
@media print, screen {
	#header {
		top: 0;
	}
	#recruit {
		position: relative;
	}
	#recruit::after {
		content:'';
		position: absolute;
		left: 0;
		top: 60rem;
		width: 100%;
		height: 85%;
		background: #fff;
		z-index: -1;
	}
	#recruit .rec_top {
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		background: url(../../images/src/recruit/top/mv.webp) no-repeat center top / cover;
		z-index: -1;
	}
	#recruit .rec_top .top_block {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
	}
	#recruit .rec_top .top_block .ico_txt {
		position: absolute;
		left: -117px;
		top: -120px;
		z-index: -1;
	}
	#recruit .rec_top .top_block .txt {
		margin-top: 50px;
		text-shadow: 4px 4px 4px rgba(0, 112, 33, 0.40);
		font-size: 3.8rem;
		font-weight: 500;
		line-height: 1.47;
		text-align: center;
	}
	#recruit .rec_top .top_block ul {
		margin: 63px 0 107px;
		justify-content: center;
		gap: 0 30px;
	}
	#recruit .rec_top .top_block ul li.btn a {
		width: 300px;
		border-color: #fff;
	}
	#recruit .rec_top .top_block ul li.btn a span {
		font-size: 2.4rem;
	}
	#recruit .rec_top .top_block ul li.btn:last-of-type a span {
		padding-left: 70px;
		letter-spacing: 0.024em;
	}
	#recruit .rec_top .top_block .ico {
		position: absolute;
		bottom: 0;
		z-index: -1;
	}
	#recruit .rec_top .top_block .hito01 {
		left: -35rem;
		width: 38.9rem;
	}
	#recruit .rec_top .top_block .hito02 {
		right: -35rem;
		width: 40rem;
	}
	#recruit .rec_message {
		position: relative;
		z-index: 0;
		margin-top: 920px;
		padding: 284px 0 0;
		background: url(../../images/src/recruit/top/sec02_bg.webp) no-repeat center top / cover;
	}
	#recruit .rec_message h2 {
		color: #fff;
		font-size: 19rem;
		font-weight: 700;
		text-align: center;
		opacity: 0.17;
	}
	#recruit .rec_message .message_block {
		margin: -90px  12.8rem 0 11.8rem;
		padding-bottom: 147px;
		color: #fff;
	}
	
	#recruit .rec_message .message_block .left_col {
		width: calc(50% - 10rem);
	}
	#recruit .rec_message .message_block .right_col {
		width: calc(50% - 2rem);
	}
	#recruit .rec_message .message_block .ttl_jp {
		margin-bottom: 30px;
		font-size: 44px;
		font-weight: 700;
		text-shadow: 2px 2px 2px rgba(0, 112, 33, 0.14);
	}
	#recruit .rec_message .message_block .txt {
		font-size: 2.4rem;
		font-weight: 700;
		text-shadow: 2px 2px 2px rgba(0, 112, 33, 0.14);
		line-height: 2.33;
	}
	#recruit .rec_message .message_block .txt span {
		font-size: 3.6rem;
		font-weight: 700;
	}
	#recruit .rec_message .message_block .txt p + p {
		margin-top: 2rem;
	}
	
	#recruit .rec_message .message_block .left_col img {
		border-radius: 20px;
	}
	.message_img01,
	.message_img02,
	.message_img03 {
		will-change: transform;
	}	
	#recruit .rec_message .message_block .left_col .message_img01 {
		margin-top: 40rem;
		margin-bottom: 5.8rem;
		margin-left: auto;
		width: calc(10rem + 5vw);
	}
	#recruit .rec_message .message_block .left_col .message_img02 {
		margin-top: 17rem;
		width: calc(16rem + 6vw);
		position: relative;
		z-index: 1;
	}
	#recruit .rec_message .message_block .left_col .message_img03 {
		margin-top: 1.2rem;
		margin-left: 22rem;
		width: calc(22rem + 7vw);
	}
	.carousel {
		overflow: hidden;
		width: 100%;
		height: 48.2rem; 
		position: relative;
	  }
	  .carousel__track {
		display: flex;
		width: calc(8 * 54.6rem);
		animation: scroll-left 20s linear infinite;
	  }
	  
	  @keyframes scroll-left {
		0% {
		  transform: translateX(0);
		}
		100% {
		  transform: translateX(calc(-50%));
		}
	  }

	.carousel__track img {
		width: 54.6rem;
		height: 100%;
		object-fit: cover;
	}
	#recruit .rec_about {
		position: relative;
		z-index: 10; 
		margin-top: -86px;
		padding: 6rem 0 9rem;
		border-radius: 100px 100px 0 0;
		background: #DFF2E4;
	}
	#recruit .rec_about .rec_about_inner {
		margin: 0 auto;
		width: 1380px;
		max-width: 95%;
	}
	#recruit .rec_about .rec_about_inner h2 {
		color: rgba(80, 173, 107, .2);
		font-size: 26rem;
		font-weight: 700;
		text-align: center;
	}
	#recruit .rec_about .rec_about_inner .txt {
		margin: -11% 0 3.8rem;
		font-size: 3.8rem;
		font-weight: 700;
		line-height: 1.89;
		text-align: center;
	}
	#recruit .rec_about .rec_about_inner .txt span {
		font-size: 4.8rem;
		font-weight: 700;
	}
	#recruit .rec_about .rec_about_inner .txt02 {
		margin-bottom: 4rem;
		font-size: 2rem;
		font-weight: 400;
		line-height: 2.1;
		text-align: center;
	}
	#recruit .rec_about .about_number {
		margin-bottom: 6rem;
		border: 1px solid #C2D7C8;
	}
	#recruit .rec_about .about_number .parts {
		border-right: 1px solid #C2D7C8;
		flex: 1;
		padding: 3rem 0 5.8rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	#recruit .rec_about .about_number .parts:first-of-type {
		background: url(../../images/src/recruit/top/about_count_bg01.png) no-repeat left 5rem top 6.9rem;
	}
	#recruit .rec_about .about_number .parts:nth-of-type(2) {
		background: url(../../images/src/recruit/top/about_count_bg02.png) no-repeat right 3.9rem top 4.3rem;
	}
	#recruit .rec_about .about_number .parts:last-of-type {
		background: url(../../images/src/recruit/top/about_count_bg03.png) no-repeat center top 9rem / 100%;
		border: none;
	}
	#recruit .rec_about .about_number .parts .ttl {
		margin: 0 auto 4rem;
		width: 12rem;
		color: #fff;
		font-size: 2rem;
		font-weight: 700;
		text-align: center;
		border-radius: 180px;
		background: var(--text-color);
	}
	#recruit .rec_about .about_number .parts .countup {
		font-size: 3.4rem;
		font-weight: 700;
		text-align: center;
	}
	#recruit .rec_about .about_number .parts .countup span {
		color: var(--main-color);
		font-weight: 700;
	}
	#recruit .rec_about .about_number .parts .countup .js-count {
		font-size: 15rem;
	}
	#recruit .rec_about .about_number .parts .countup .js-count02 {
		font-size: 13rem;
	}
	#recruit .rec_about .about_number .parts .countup .js-count03 {
		font-size: 6.6rem;
	}
	#recruit .rec_about .about_number .parts .countup .js-count04 {
		font-size: 15rem;
	}
	#recruit .rec_about .about_number .parts .parts_ft {
		font-size: 2rem;
		font-weight: 700;
		text-align: center;
	}
	#recruit .rec_about .btn {
		margin: 0 auto;
		width: 41rem;
	}
	#recruit .rec_interview {
		position: relative;
		padding: 9rem 0 21rem;
		background: #fff;
	}
	#recruit .rec_interview h2 {
		color: var(--main-color);
		font-size: 11rem;
		font-weight: 700;
	}
	#recruit .rec_interview .ttl_jp {
		margin: 1rem 0 5rem;
		font-size: 3.6rem;
		font-weight: 700;
	}
	#recruit .rec_interview .txt {
		margin-bottom: 7.2rem;
		font-size: 2rem;
		font-weight: 400;
		line-height: 2.1;
	}
	#recruit .rec_interview .swiper-slide {
		/*width: 19.79%;*/
		width: 380px;
	}
	#recruit .rec_interview .parts {
		position: relative;
		padding: 2.4rem 0 1rem;
	}
	#recruit .rec_interview .parts a {
		display: block;
		position: relative;
		border-radius: 20px;
		box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
		overflow: hidden;
	}
	#recruit .rec_interview .parts .num01 {
		position: absolute;
		top: 0;
		left: -2.4rem;
		z-index: 1;
	}
	#recruit .rec_interview .parts a::after {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
		display: block;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(90deg, #20B14A, #fff0 20%, #fff0);
		background-repeat: no-repeat;
		background-position: 100% center;
		background-size: 200% 100%;
		opacity: 0.4;
		transition: background-position .3s ease;
		transform: translate(-50%);
	}
	
	#recruit .rec_interview .parts .img img {
		width: 100%;
	}
	
	#recruit .rec_interview .parts .parts_doc {
		position: absolute;
		bottom: 2.5rem;
		left: 2.4rem;
		right: 2rem;
	}
	#recruit .rec_interview .parts .parts_doc p {
		color: #fff;
		font-size: 3rem;
		font-weight: 700;
		line-height: 1.3;
	}
	#recruit .rec_interview .parts .parts_doc p .txt_spn { 
		font-size: 2.2rem;
		font-weight: 700;
	}
	#recruit .rec_interview .parts .parts_doc p .since {
		display: inline-block;
		font-size: 2.2rem;
		font-weight: 400;
		line-height: 1.45;
	}
	#recruit .rec_interview .parts .parts_doc .arrow {
		position: absolute;
		top: 70%;
		right: 0;
		transform: translateY(-50%);
		width: 50px;
		height: 50px;
		border-radius: 50%;
		box-shadow: 0 0 0 2px #fff inset;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
	#recruit .rec_interview .parts .parts_doc .arrow::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		z-index: 1;
	}
	#recruit .rec_interview .parts .parts_doc .arrow svg {
		position: relative;
		z-index: 2;
		width: 24px;
		height: 24px;
		stroke: #fff;
		transition: stroke 0.3s;
	}
	#recruit .rec_interview .more_area {
		position: absolute;
		top: 36rem;
		left: 50%;
		transform: translateX(-50%);
	}
	#recruit .rec_interview .morebtn {
		margin-left: auto;
		width: 385px;
	}
	#recruit .rec_interview .more_area .arrow {
		position: relative;
		width: 156px;
		border-radius: 42.318px;
		background: #DFF2E4;
	}
	#recruit .rec_interview .swiper-button-next,
	#recruit .rec_interview .swiper-button-prev {
		margin-top: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 5rem;
		height: 5rem;
	}
	#recruit .rec_interview .swiper-button-prev {
		left: 2.1rem;
	}
	#recruit .rec_interview .swiper-button-next {
		right: 2.1rem;
	}
	#recruit .rec_interview .swiper-button-prev:after,
	#recruit .rec_interview .swiper-rtl .swiper-button-next:after {
		content:'';
		width: 5rem;
		height: 5rem;
		background: url(../../images/src/top/sp/blog_left.svg) no-repeat left top / 100%;
	}
	#recruit .rec_interview .swiper-button-next:after,
	#recruit .rec_interview .swiper-rtl .swiper-button-prev:after {
		content:'';
		width: 5rem;
		height: 5rem;
		background: url(../../images/src/top/sp/blog_right.svg) no-repeat right top / 100%;
	}
	#recruit .rec_interview .btn {
		width: 22rem;
	}
	#recruit .rec_interview .btn .c-button-icon::before {
		top: 0;
	}
	#recruit .rec_culture {
		position: relative;
		background: #fff;
	}
	#recruit .rec_culture::before {
		content:'';
		position: absolute;
		top: 5.6rem;
		right: 0;
		width: 76.7494%;
		height: 1124px;
		border-radius: 20px 0 0 0;
		background: #DFF2E4;
	}
	#recruit .rec_culture .cluture_flex {
		padding-bottom: 17rem;
		position: relative;
		z-index: 1;
		align-items:flex-end;
		gap: 0 13rem;
	}
	#recruit .rec_culture .cluture_flex .left_img,
	#recruit .rec_culture .cluture_flex .right_text {
		flex: 1;
	}
	#recruit .rec_culture .cluture_flex .left_img img {
		border-radius: 0 20px 20px 0;
		transition: opacity 0.4s ease;
		opacity: 1;
	}
	#recruit .rec_culture .left_img img.fade-out {
		opacity: 0;
	 }
	#recruit .rec_culture .cluture_flex .right_text {
	}
	#recruit .rec_culture .cluture_flex .right_text h2 {
		color: var(--main-color);
		font-size: 11rem;
		font-weight: 700;
	}
	#recruit .rec_culture .cluture_flex .right_text .ttl_jp {
		margin-bottom: 6rem;
		font-size: 3.6rem;
		font-weight: 700;
	}
	#recruit .rec_culture .cluture_flex .right_text .ttl {
		font-size: 4.4rem;
		font-weight: 700;
		line-height: 1.5;
	}
	#recruit .rec_culture .cluture_flex .right_text .ttl span {
		color: var(--main-color);
		font-weight: 700;
	}
	#recruit .rec_culture .cluture_flex .right_text .txt {
		margin: 3.8rem 0 2rem;
		font-size: 2rem;
		font-weight: 400;
		line-height: 2.1;
	}
	#recruit .rec_culture .cluture_flex .right_text ul {
		margin-bottom: 5rem;
		width: 52.6rem;
	}
	#recruit .rec_culture .cluture_flex .right_text li {
		border-bottom: 1px solid #C2D7C8;
	}
	#recruit .rec_culture .cluture_flex .right_text li a {
		position: relative;
		display: block;
		padding: 4rem 0;
	}
	#recruit .rec_culture .cluture_flex .right_text li a::after {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 38px;
		height: 38px;
		background: url(../../images/src/top/news_arrow.svg) no-repeat right center / 100%;
	}
	#recruit .rec_culture .cluture_flex .right_text li a .title {
		font-size: 2.4rem;
		font-weight: 700;
	}
	#recruit .rec_culture .cluture_flex .right_text li a .title::before {
		display: none;
	}
	#recruit .rec_culture .cluture_flex .right_text .btn {
		width: 22rem;
	}
/*--------------------------------------------------
	recruit用下層汎用
--------------------------------------------------*/
	.hd_main {
		display: block;
		height: 464px;
	}
	.hd_main::before {
		display: none;
	}
	.hd_main .mv_img {
		width: 100%;
	}
	.hd_main .mv_img img {
		border-radius: 0 0 100px 0;
		min-height: 464px;
	}
	.hd_main .ttl_block {
		position: absolute;
		top: 70%;
		transform: translateY(-50%);
		width: auto;
		padding-top: 0;
	}
	.hd_main .ttl_block h1,
	.hd_main .ttl_block .ttl_jp {
		color: #fff;
	}
	.breadcrumbs {
		margin: 2.4rem 0 0 7rem;
	}





/*--------------------------------------------------
	Job description	募集要項
--------------------------------------------------*/
	#job .ft_flex {
		margin-top: 0;
		padding-top: 8rem;
		border-top: 1px solid var(--bdr-color);
	}
	#job .job_list {
		margin: 11.4rem 0 0;
		padding-bottom: 12rem;
	}
	#job .category_list {
		width: calc(20% + 20px);
	}
	#job .category_list h2 {
		margin-bottom: 2.8rem;
		padding-left: 1.7rem;
		font-size: 2.4rem;
		font-weight: 700;
		border-left: 4px solid var(--main-color);
	}
	#job .category_list ul {
		margin-bottom: 5rem;
	}
	#job .category_list ul li a {
		display: block;
		position: relative;
		padding: 2rem 0;
		font-size: 1.8rem;
		font-weight: 500;
		border-top: 1px solid var(--bdr-color);
	}
	#job .category_list ul li:last-of-type a {
		border-bottom: 1px solid var(--bdr-color);
	}
	#job .category_list ul li a::before {
		content:'';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		width: 3rem;
		height: 3rem;
		background: url(../../images/src/common/arrow_green01.svg) no-repeat right center / 100%;
	}
	#job .job_list .right_col {
		width: calc(80% - 110px);
	}
	#job .right_col .parts {
		border-top: 1px solid var(--bdr-color);
	}
	#job .right_col .parts:last-of-type {
		border-bottom: 1px solid var(--bdr-color);
	}
	#job .right_col .parts a {
		padding: 3.6rem 2rem;
		width: 100%;
		transition: .7s;
	}
	#job .right_col .parts a .img {
		width: calc(50% - 89px);
		display: flex;
	    justify-content: center;
    	align-items: center;
	}
	#job .right_col .parts a .img img {
		border-radius: 14px;
		max-height: 250px;
	}
	#job .right_col .parts a .txtarea {
		width: calc(50% + 62px);
	}
	#job .right_col .parts a .txtarea ul,
	#job .right_col .job_detail ul {
		margin-bottom: 2.3rem;
		justify-content: left;
		gap: 1.4rem;
	}
	#job .right_col .parts a .txtarea ul li,
	#job .right_col .job_detail ul li {
		padding: 0.2rem 2rem;
		color: var(--main-color);
		font-size: 1.8rem;
		font-weight: 700;
		border-radius: 180px;
		background: #DFF2E4;
	}
	#job .right_col .parts a .txtarea h3 {
		margin-bottom: 2.6rem;
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 1.61;
	}
	#job .right_col .parts a dl {
		padding: 2.2rem 2rem;
		justify-content: left;
		align-items: baseline;
		gap: 0 1.4rem;
		font-size: 1.8rem;
		background: #EFEFEF;
	}
	#job .right_col .parts a dl.pc {
		display: flex !important;
	}
	#job .right_col .parts a dl dt {
		font-weight: 700;
	}
	#job .right_col .parts a dl dt i {
		margin-right: 0.7rem;
		vertical-align: sub;
	}
	#job .right_col .parts a dl dd {
		font-weight: 400;
		line-height: 1.77;
	}
	#job .wp-pagenavi {
		margin-top: 9rem;
		width: 100%;
	}

	#job .job_detail {
		
	}
	#job .job_detail h2 {
		margin-bottom: 3.6rem;
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 1.61;
	}
	#job .job_detail .eyecatch {
		margin-bottom: 8rem;
	}
	#job .job_detail .eyecatch img {
		width: 100%;
		border-radius: 14px;
	}
	#job .job_detail table tr {
		border-top: 1px solid var(--bdr-color);
	}
	#job .job_detail table tr:last-of-type {
		border-bottom: 1px solid var(--bdr-color);
	}
	
	#job .job_detail table th,
	#job .job_detail table td {
		padding: 2.2rem 0;
		font-size: 1.8rem;
		vertical-align: middle;
	}
	#job .job_detail table th {
		width: 20.8rem;
		font-weight: 700;
	}
	#job .job_detail table td p {
		font-weight: 400;
		line-height: 2;
	}
	#job .job_detail table iframe {
		margin-top: 2rem;
		width: 100%;
		height: 15.3rem;
	}
	#job .job_step {
		margin-top: 12rem;
		padding: 10rem 0 50rem;
		background: #EFEFEF;
	}
	#job .job_step h3 {
		color: var(--main-color);
		font-size: 2.8rem;
		font-weight: 700;
		text-align: center;
	}
	#job .job_step .ttl_jp {
		margin: 2rem 0 8.1rem;
		font-size: 4.8rem;
		font-weight: 700;
		text-align: center;
	}
	#job #footer {
		margin-top: -150px;
	}





/*--------------------------------------------------
	ABOUT	未来運輸を知る
--------------------------------------------------*/
	#recruit.about_ft::after {
		display: none;
	}
	#footer.about_ft {
		margin-top: 0;
		background: transparent;
	}
	#about .green {
		color: var(--main-color);
	}
	#about .sec01 {
		margin: 7rem auto 10.9rem;
	}
	#about .sec01 .block,
	#about .sec01 .block02,
	#about .sec01 .block03 {
		padding: 4rem 2rem 6.2rem;
		border-radius: 20px;
	}
	#about .sec01 .block {
		margin-bottom: 4rem;
		background: #0E8E33;
	}
	#about .sec01 .block02 {
		margin-bottom: 4rem;
		background: var(--main-color);
	}
	#about .sec01 .block03 {
		background: #DFF2E4;
	}
	#about .sec01 .whitebox {
		margin: 0 auto 4rem;
		padding: 1rem;
		width: 20.3rem;
		color: #0E8E33;
		font-size: 1.8rem;
		font-weight: 700;
		text-align: center;
		border-radius: 180px;
		background: #fff;
	}
	#about .sec01 .block03 .whitebox {
		border: 2px solid var(--main-color);
		color: var(--main-color);
		width: 32rem;
	}
	#about .sec01 .ttl {
		color: #fff;
		font-size: 3.6rem;
		font-weight: 700;
		line-height: 1.77;
		text-align: center;
	}
	
	#about .sec01 ol {
		margin: 0 auto;
		width: 980px;
		max-width: 95%;
	}
	#about .sec01 ol li {
		position: relative;
		padding: 2rem 0 2rem 12rem;
		border-bottom: 1px solid #fff;
		counter-increment: number;
		color: #fff;
		font-size: 2.6rem;
		font-weight: 700;
	}
	#about .sec01 ol li::before {
		content: counter(number, decimal-leading-zero);
		position: absolute;
		left: 5rem;
		top: 3rem;
		font-family: "Archivo", sans-serif;
		color: #fff;
		font-size: 3rem;
		font-weight: 700;
	}
	
	#about .sec01 dl {
		margin: 0 auto;
		width: 980px;
		max-width: 95%;
		padding-bottom: 3rem;
		border-bottom: 1px solid #CECECE;
	}
	#about .sec01 dl + dl {
		margin-top: 3rem;
	}
	#about .sec01 dl dt {
		color: var(--main-color);
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 1.61;
	}
	#about .sec01 dl dd {
		font-size: 2rem;
		font-weight: 500;
		line-height: 2;
	}


	#about .slidearea {
		position: sticky;
		top: 0;
		z-index: -1;
	}
	#about .ticker-container {
		margin-top: 0;
	}
	#about .ticker-wrap {
		display: inline-block;
		width: max-content;
		animation: ticker 60s linear infinite; /* 時間調整 */
		will-change: transform;
		
	}
	#about .ticker-move {
		display: flex; /* 横並び */
		font-size: 0; /* 隙間をなくす */
	}
	#about .ticker-item {
		flex: 0 0 auto;
		padding: 0;
		font-size: initial;
		height: 56.6rem;
	}
	#about .ticker-item img {
		height: 100%;
		width: auto;
		display: block;
		object-fit: cover;
	}
	#about .sec02 {
		position: relative;
		top: 0;
		margin-top: -8.5rem;
		padding: 6rem 0 12rem;
		border-radius: 100px 100px 0 0;
		background: #DFF2E4;
		z-index: 100;
	}
	#about .sec02 h2 {
		color: #50AD6B;
		font-size: 26rem;
		font-weight: 700;
		text-align: center;
		opacity: 0.2;
	}
	#about .sec02 .ttl_jp {
		position: relative;
		margin-top: -10.4rem;
		margin-bottom: 4rem;
		font-size: 4.8rem;
		font-weight: 700;
		text-align: center;
	}
	#about .sec02 .ttl {
		margin-bottom: 4rem;
		font-size: 5.4rem;
		font-weight: 700;
		line-height: 1.55;
		text-align: center;
	}
	#about .sec02 .ttl span {
		font-weight: 700;
	}
	#about .sec02 .txt {
		font-size: 2rem;
		font-weight: 500;
		line-height: 2.2;
		text-align: center;
	}
	#about .sec02 ul {
		margin: 6rem;
		justify-content: center;
		gap: 0 3rem;
	}
	#about .sec02 ul li {
		flex: 1;
	}
	#about .sec02 ul li a {
		display: block;
		position: relative;
		padding: 2.3rem 0 2.3rem 5rem;
		font-size: 2.2rem;
		font-weight: 700;
		border-radius: 180px;
		border: 2px solid var(--main-color);
		background: #fff;
	}
	#about .sec02 ul li:nth-of-type(2) a {
		padding-left: 3rem;
	}
	#about .sec02 ul li a::after {
		content: '';
		position: absolute;
		right: 2rem;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 5rem;
		height: 5rem;
		background: url(../../images/src/common/arrow_green01_btm.svg) no-repeat right center / 100%;
		transition: 0.8s;
	}
	#about .sec02 ul li a span {
		font-weight: 700;
	}
	#about .ttl_area {
		color: #fff;
		text-align: center;
	}
	#about .ttl_area .num {
		font-size: 5rem;
	}
	#about .ttl_area h3 {
		font-size: 5.2rem;
	}
	#about .ttl_area .year {
		margin-bottom: 5rem;
		font-size: 2rem;
		font-weight: 500;
		line-height: 1;
	}
	#about .grid {
		display: grid;
		position: relative;
		gap: 2rem;
	}
	#about .grid .parts {
		display: flex;
		flex-direction: column;
		padding: 3rem 0 4.8rem;
		border-radius: 20px;
		text-align: center;
		align-items: center;
		background: #fff;
	}
	#about .grid .parts .ttl {
		display: inline-block;
		margin-bottom: 2rem;
		padding: 0.9rem 1.8rem;
		min-width: 120px;
		color: #fff;
		font-size: 2rem;
		font-weight: 700;
		text-align: center;
		line-height: 1;
		border-radius: 180px;
		background: #505050;
	}
	#about .grid .parts .flex {
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}
	#about .grid .parts .number {
		font-size: 3.4rem;
		font-weight: 700;
	}
	#about .grid .parts .number .green {
		font-size: 12rem;
		font-weight: 700;
	}
	#about .grid .parts .txt {
		font-size: 2rem;
		font-weight: 700;
	}
	#about #data01,
	#about #data02,
	#about #data03 {
		position: relative;
		padding: 8rem 0 12rem;
		overflow-x: hidden;
		z-index: 100;
	}
	#about #data01 {
		background: var(--main-color);
	}
	#about #data02 {
		background: #0E8E33;
	}
	#about #data03 {
		padding-bottom: 41rem;
		background: #DFF2E4;
	}
	#about #data03 .ttl_area {
		color: var(--text-color);
	}
	#about #data03 .ttl_area .num {
		color: var(--main-color);
	}
	#about #data01 .grid {
		grid-template-columns: repeat(3, 1fr);
	}
	
	#about #data01 .grid .parts.data01_01 { grid-column: 1; background: url(../../images/src/about/data_bg01.svg) no-repeat #fff left 4.2rem top 6.9rem; }
	#about #data01 .grid .parts.data01_02 { grid-column: 2; background: url(../../images/src/about/data_bg02.svg) no-repeat #fff center top 9rem / 100%; }
	#about #data01 .grid .parts.data01_03 { grid-column: 3; background: url(../../images/src/about/data_bg03.svg) no-repeat #fff left 3rem top 4.2rem; }
	#about #data01 .grid .parts.data01_05 { background: url(../../images/src/about/data_bg05.svg) no-repeat #fff left 3rem top 4.6rem; }

	/* --- 2段目 --- */
	#about #data01 .grid .parts.data01_04 { grid-column: 1 / span 2; } /* 1+2 */
	#about #data01 .grid .parts.data01_05 { padding: 3rem 0; grid-column: 3; }          /* 3だけ */
	
	/* --- 3段目 --- */
	#about #data01 .grid .bottom-row {
		grid-column: 1 / -1;   /* 全幅ぶち抜き */
		display: flex;
		gap: 2rem;
		flex-wrap: wrap;  
	}
	#about #data01 .grid .bottom-row .parts {
		width: calc(25% - 15.99px);
	}
	#about #data02 .grid {
		grid-template-columns: repeat(3, 1fr);
	}
	#about #data02 .grid .parts {
		padding-bottom: 4rem;
	}
	#about #data02 .grid .parts .ttl {
		margin-bottom: 4rem;
	}


	#about #data01 .grid .bottom-row .parts.data01_06 { display: flex !important; background: url(../../images/src/about/data_bg06.svg) no-repeat #fff left 1.1rem top 6.1rem; }
	#about #data01 .grid .bottom-row .parts.data01_07 { display: flex !important; background: url(../../images/src/about/data_bg07.svg) no-repeat #fff left 1.8rem top 7.6rem; }
	#about #data01 .grid .bottom-row .parts.data01_08 { display: flex !important; background: url(../../images/src/about/data_bg08.svg) no-repeat #fff right 1.9rem top 4.7rem; }
	#about #data01 .grid .bottom-row .parts.data01_09 { display: flex !important; grid-column: 4; background: url(../../images/src/about/data_bg09.svg) no-repeat #fff left 2rem top 7.5rem; }

	#about #data01 .grid .parts:nth-child(1) .number {
		margin-top: auto;
	}
	
	#about #data01 .grid .bottom-row .parts {
		padding-bottom: 1.5rem;
	}
	#about #data01 .grid .bottom-row .parts .flex {
		justify-content: end;
	}
	#about #data01 .grid .bottom-row .parts.data01_01 .number {
		margin-top: 0;
	}
	#about #data01 .grid .bottom-row .parts .ttl {
		margin-bottom: 4rem;
	}
	#about #data01 .grid .parts.data01_02 .number02 {
		font-size: 2.4rem;
		font-weight: 700;
	}
	#about #data01 .grid .parts.data01_02 .number02 .green {
		font-size: 5.3rem;
		font-weight: 700;
	}
	#about #data01 .grid .parts.data01_03 .number .green,
	#about #data01 .grid .parts.data01_08 .number .green {
		font-size: 10rem;
	}
	#about #data01 .grid .parts.data01_05 .number {
		margin-bottom: 4rem;
	}
	#about #data01 .grid .parts.data01_05 .txt {
		position: relative;
		padding-left: 6rem;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1;
		text-align: left;
	}
	#about #data01 .grid .parts.data01_05 .txt .green {
		font-size: 6rem;
		font-weight: 700;
	}
	#about #data01 .grid .part.data01_05 .txt .st {
		font-size: 3.2rem;
	}
	#about #data01 .grid .parts.data01_05 .txt::before {
		content: '';
		position: absolute;
		top: -2.5rem;
		left: 0;
		right: 0;
		margin: auto;
		width: 63.6%;
		height: 1px;
		background: var(--bdr-color);
	}


	#about #data02 .grid .parts:nth-child(1) { background: url(../../images/src/about/data02_bg01.svg) no-repeat #fff left 3.4rem top 7.8rem; }
	#about #data02 .grid .parts:nth-child(2) { background: url(../../images/src/about/data02_bg02.svg) no-repeat #fff left 2.3rem top 6.9rem; }
	#about #data02 .grid .parts:nth-child(3) { background: url(../../images/src/about/data02_bg03.svg) no-repeat #fff left 4.4rem top 6.7rem; }
	#about #data02 .grid .parts:nth-child(4) { background: url(../../images/src/about/data02_bg04.svg) no-repeat #fff left 5.2rem top 7.7rem; }
	#about #data02 .grid .parts:nth-child(5) { background: url(../../images/src/about/data02_bg05.svg) no-repeat #fff left 6.1rem top 8.3rem; }
	#about #data02 .grid .parts:nth-child(6) { background: url(../../images/src/about/data02_bg06.svg) no-repeat #fff left 8.4rem top 8.6rem; }

	#about #data03 .grid {
		display: flex;
		gap: 2rem 0;
	}
	#about #data03 .grid .parts {
		padding: 3rem 2.6rem 4.8rem;
	}
	#about #data03 .grid .parts:nth-child(1) { width: 61%; }
	#about #data03 .grid .parts:nth-child(2) { width: 37.3%; }
	#about #data03 .grid .parts:nth-child(3),
	#about #data03 .grid .right_col .parts:nth-child(1) { width: 100%; }
	#about #data03 .grid .flex { gap:2em 0; width: 100%; }
	#about #data03 .grid .flex .right_col,
	#about #data03 .grid .flex .data03_06 { width: 49.17%; }
	
	#about #data03 .grid .flex .right_col .parts:nth-child(2) { width: auto; }
	#about #data03 .grid .flex .parts + .parts { margin-top: 2rem; }
	#about #data03 .tar {
		margin-left: auto;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 3.14;
	}
	#about #data03  .flex .data03_06 {
		padding-bottom: 0;
	}
	#about #data03  .flex .data03_06 .img {
		margin-top: auto;
	}

	#about .ico_box {
		position: relative;
	}
	#about .ico_box .ico01,
	#about .ico_box .ico02,
	#about .ico_box .ico03 {
		position: absolute;
	}
	
	#about #data01 .ico_box .ico01 { top: -13.7rem;  left: -29.7rem; }
	#about #data01 .ico_box .ico02 { top: -9.6rem;  right: -16.4rem; }
	#about #data01 .ico_box .ico03 { top: 82.9rem;  right: -16.1rem; }

	#about #data02 .ico_box .ico01 { top: -19.6rem;  left: -29.2rem; }
	#about #data02 .ico_box .ico02 { top: 39.8rem;  right: -16rem; }
	
	#about #data03 .ico_box .ico01 { top: -13.6rem;  left: -21.2rem; }
	#about #data03 .ico_box .ico02 { top: 91.2rem;  left: -28.1rem; }
	#about #data03 .ico_box .ico03 { top: 89.4rem;  right: -29.4rem; }

	
	#about #data02 .ico_box .ico01 img { mix-blend-mode: multiply; }

/*--------------------------------------------------
	CULUTURE 環境・福利厚生
--------------------------------------------------*/
	#culture .green {
		color: var(--main-color);
		font-weight: 700;
	}
	#culture .sec01 {
		position: relative;
		margin: 9rem 0 25rem;
		justify-content: left;
		gap: 0 9rem;
	}
	#culture .sec01::after {
		content:'';
		position: absolute;
		top: 33.5rem;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 356px;
		background: #EFEFEF;
		z-index: -1;
	}
	#culture .sec01 .img {
		width: calc(50% - 41px);
	}
	#culture .sec01 .img img {
		border-radius: 0 30px 30px 0;
	}
	#culture .sec01 .right_col .ttl {
		margin-bottom: 3rem;
	}
	#culture .sec01 .right_col .ttl p {
		font-size: 2.8rem;
		font-weight: 700;
		line-height: 2.14;
	}
	#culture .sec01 .right_col ul li {
		border-bottom: 1px solid var(--bdr-color);
	}
	#culture .sec01 .right_col ul li a {
		position: relative;
		display: block;
		padding: 4rem 0;
		font-size: 2.4rem;
		font-weight: 700;
	}
	#culture .sec01 .right_col ul li a::after {
		content:'';
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 38px;
		height: 38px;
		background: url(../../images/src/common/arrow_green01_btm.svg) no-repeat left top / 100%;
	}
	#culture h2 {
		margin-bottom: 2.8rem;
		color: var(--main-color);
		font-size: 2.8rem;
		font-weight: 700;
		text-align: center;
	}
	#culture .ttl_jp {
		margin-bottom: 6rem;
		font-size: 4.8rem;
		font-weight: 700;
		text-align: center;
		line-height: 1;
	}
	#culture .sec02 {
		margin-bottom: 13rem;
	}
	#culture .sec02 .parts {
		padding: 3rem;
		border-radius: 20px;
		border: 3px solid #EAEAEA;
		background: #fff;
		align-items: center;
	}
	#culture .sec02 .parts + .parts {
		margin-top: 4rem;
	}
	#culture .sec02 .parts .img {
		width: calc(35% - 5px);
	}
	#culture .sec02 .parts .right_col {
		width: calc(63% - 10px);
	}
	#culture .sec02 .parts .right_col .en {
		display: inline-block;
		margin-bottom: 2rem;
		padding: 1rem 1.3rem;
		color: #fff;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1;
		border-radius: 180px;
		background: var(--main-color);
	}
	#culture .sec02 .parts .right_col h3 {
		color: var(--main-color);
		font-size: 3.2rem;
		font-weight: 700;
	}
	#culture .sec02 .parts .right_col .txt {
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 2.11;
	}

	#culture .sec03 {
		padding: 12rem 0 45.5rem;
		background: #EFEFEF;
	}
	#culture .sec03 .empl_block {
		gap: 5.8rem 0;
	}
	#culture .sec03 .empl_block .parts {
		width: 570px;
		border-radius: 20px;
		overflow: hidden;
	}
	#culture .sec03 .empl_block .parts .left_en {
		width: 36px;
		background: var(--main-color);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#culture .sec03 .empl_block .parts .left_en p {
		color: #fff;
		font-size: 1.6rem;
		font-weight: 700;
		letter-spacing: 0.16em;
		writing-mode: vertical-rl;
		text-orientation: mixed;
	}
	#culture .sec03 .empl_block .parts .box {
		padding: 3rem 3rem 6rem;
		width: 534px;
		background: #fff;
	}
	#culture .sec03 .empl_block .parts .box .flex {
		padding-bottom: 3rem;
		align-items: center;
		border-bottom: 1px solid var(--bdr-color);
	}
	#culture .sec03 .empl_block .parts .box .flex h3 {
		color: var(--main-color);
		font-size: 3rem;
		font-weight: 700;
	}
	#culture .sec03 .empl_block .parts .box .flex .img {
		width: 224px;
	}
	#culture .sec03 .empl_block .parts .box .txt {
		margin-top: 2rem;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 2.11;
	}



/*--------------------------------------------------
	INTERVIEW インタビュー
--------------------------------------------------*/	
	#interview .sec01 {
		margin: 5.4rem 0 10.2rem;
	}
	#interview .sec01 p {
		font-size: 2.8rem;
		font-weight: 700;
		line-height: 2.07;
		text-align: center;
	}
	#interview .sec02 {
		position: relative;
		margin: 0 auto 46.9rem;
	}
	#interview .sec02::after {
		content:'';
		position: absolute;
		right: 0;
		top: 14rem;
		width: 76.77%;
		height: 2047px;
		background-color: #DFF2E4;
	}
	#interview .sec02 .rec_interview {
		position: relative;
		padding: 0;
		background: transparent;
		gap: 7rem 3.7rem;
		z-index: 1;
	}
	#interview .sec02 .parts {
		width: calc(33% - 34px);
	}
	#interview .sec02 .parts.hiring::before {
		content: '';
		position: absolute;
		top: 2.4rem;
		right: 0;
		width: 10.6rem;
		height: 10.6rem;
		background: var(--main-color);
		border-radius: 0 20px 0 0;
		clip-path: polygon(100% 0, 0 0, 100% 100%);
		z-index: 10;
	  }
	  
	  #interview .sec02 .parts.hiring::after {
		content: '募集中';
		position: absolute;
		top: 3.6rem;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 2.2rem;
		font-weight: 700;
		transform: rotate(45deg); /* テキストだけ回転 */
		z-index: 11; /* 背景より上に表示 */
	  }
	  
	#interview .rec_interview .parts .parts_doc p .since {
		display: block;
	}
	#recruit #interview .rec_interview .parts .parts_doc .arrow {
		width: 4.7rem;
		height: 4.7rem;
		transform: none;
		top: auto;
		bottom: 0;
	}
/*--------------------------------------------------
	INTERVIEW インタビュー下層
--------------------------------------------------*/	
	.interview_mv {
		display: flex;
		height: 770px;
	}
	.interview_bread .breadcrumbs {
		margin-top: -7.6rem;
		margin-bottom: 12.1rem;
	}
	.interview_mv::before {
		display: block;
		height: 663px;
		background: linear-gradient(to bottom, #DFF2E4 0%, #DFF2E4 77%, #20B14A 77%, #20B14A 100%);
	}
	.interview_mv .ttl_block {
		position: relative;
		top: 0;
		transform: none;
	}
	.interview_mv .ttl_block h1 {
		margin: 0 0 -1.5vw -2rem;
		font-size: initial;
	}
	.interview_mv .ttl_block .ttl_jp {
		color: var(--text-color);
		font-size: 5.4rem;
		font-weight: 700;
		line-height: 1.48;
	}
	.interview_mv .ttl_block.interview03 .ttl_jp {
		margin-bottom: 5rem;
		font-size: 4.8rem;

	}
	.interview_mv .ttl_block .ttl_jp .green {
		color: var(--main-color);
		font-weight: 700;
	}
	.interview_mv .works_ttl {
		position: relative;
	}
	.interview_mv .works_ttl p {
		color: #fff;
		font-size: 2.2rem;
		font-weight: 400;
	}
	.interview_mv .works_ttl .ttl {
		font-size: 3rem;
		font-weight: 700;
	}
	.interview_mv .mv_img {
		width: clamp(643px,
		calc(643px + (1176 - 643) * ((100vw - 1280px) / (1920 - 1280))),
		1176px);
	}
	.interview_mv .mv_img img {
		border-radius: 0 0 0 100px;
		min-height: 770px;
	}
	#interview00 .sec01 {
		margin-bottom: 12rem;
		justify-content: left;
		align-items: center;
		gap: 0 8rem;
	}
	#interview00 .sec01 .img { 
		width: clamp(560px,calc(560px + (880 - 560) * ((100vw - 1280px) / (1920 - 1280))),880px);
	}
	#interview00 .sec01 .img img {
		border-radius: 0 30px 30px 0;
		height: 1096px;
	}
	
	#interview00 .text_area {
		width: 600px;
	}
	#interview00 .text_area .box + .box {
		margin-top: 6rem;
	}
	#interview00 .text_area .ques {
		position: relative;
		margin-bottom: 3rem;
		padding-left: 3.7rem;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1;
	}
	#interview00 .text_area .ques::before {
		content:'';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 1.95rem;
		height: 1.95rem;
		border-radius: 50%;
		background: var(--main-color);
	}
	#interview00 .text_area .ttl {
		margin-bottom: 3rem;
		color: var(--main-color);
		font-size: 3.6rem;
		font-weight: 700;
		line-height: 1.44;
	}
	#interview00 .text_area .txt {
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 2.11;
	}
	#interview00 .sec02 {
		padding: 10rem 0 9rem;
		background: #EFEFEF;
	}
	#interview00 .sec02 .ttlarea {
		margin-bottom: 7rem;
		text-align: center;
	}
	#interview00 .sec02 h2 {
		color: var(--main-color);
		font-size: 2.2rem;
		font-weight: 700;
	}
	#interview00 .sec02 .ttl_jp {
		font-size: 4rem;
		font-weight: 700;
	}
	#interview00 .sec02 .time_line {
	}
	#interview00 .sec02 .time_line .timeblock {
		position: relative;
		width: calc(50% - 4.2rem);
	}
	#interview00 .sec02 .time_line .timeblock::before {
		content:'';
		position: absolute;
		left: 9.45rem;
		top: 2rem;
		width: 1px;
		height: 100%;
		background: var(--bdr-color);
	}
	#interview00.interview01 .sec02 .time_line .timeblock:last-of-type::before {
		height: 81%;
	}
	#interview00.interview02 .sec02 .time_line .timeblock:last-of-type::before {
		height: 89%;
	}
	#interview00.interview03 .sec02 .time_line .timeblock:last-of-type::before {
		height: 67%;
	}
	#interview00.interview04 .sec02 .time_line .timeblock::before,
	#interview00.interview05 .sec02 .time_line .timeblock::before {
		top: 9rem;
		height: 88rem;
	}
	#interview00.interview04 .sec02 .time_line .timeblock:last-of-type::before {
		height: 66%;
	}
	#interview00.interview05 .sec02 .time_line .timeblock::before {
		height: 79rem;
	}
	#interview00.interview05 .sec02 .time_line .timeblock:last-of-type::before {
		height: 80%;
	}
	#interview00.interview06 .sec02 .time_line .timeblock:last-of-type::before {
		height: 47%;
	}
	#interview00.interview07 .sec02 .time_line .timeblock::before {
		height: 77%;
	}
	#interview00.interview07 .sec02 .time_line .timeblock:last-of-type::before {
		height: 85%;
	}
	#interview00.interview08 .sec02 .time_line .timeblock:last-of-type::before {
		height: 63%;
	}
	#interview00.interview09 .sec02 .time_line .timeblock:last-of-type::before {
		height: 61%;
	}
	#interview00 .sec02 .time_line .timeblock .day_box {
		display: inline-block;
		margin-bottom: 3.6rem;
		padding: 0.5rem 4.7rem;
		color: #fff;
		font-size: 2.2rem;
		font-weight: 700;
		line-height: 1;
		border-radius: 180px;
		background: var(--main-color);
	}
	#interview00 .sec02 .time_line .timeblock .box {
		margin-bottom: 5rem;
		justify-content: left;
		gap: 0 6.2rem;
	}
	#interview00 .sec02 .time_line .timeblock .box .time {
		position: relative;
		color: var(--main-color);
		font-size: 2.4rem;
		font-weight: 600;
	}
	#interview00 .sec02 .time_line .timeblock .box .time::after {
		content:'';
		position: absolute;
		left: 8.45rem;
		top: 1.3rem;
		width: 2.1rem;
		height: 2.1rem;
		border-radius: 50%;
		background: var(--main-color);
	}
	#interview00 .sec02 .time_line .timeblock .box .right_col {
		width: 432px;
	}
	#interview00 .sec02 .time_line .timeblock .box .right_col .ttl {
		font-size: 2.2rem;
		font-weight: 700;
	}
	#interview00 .sec02 .time_line .timeblock .box .right_col .txt {
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 2.11;
	}
	#interview00 .sec02 .time_line .timeblock .box .right_col .img {
		margin-top: 2rem;
	}
	#interview00 .sec03 {
		margin-top: 12rem;
		justify-content: right;
	}
	
	#interview00 .sec03 .img img {
		border-radius: 30px 0 0 30px;
	}
	
	#interview00 .sec04 {
		padding: 11rem 0;
		border-radius: 100px 100px 0 0;
		background: var(--main-color);
	}
	#interview00 .sec04 .img {
		width: calc(50% - 32px);
	}
	#interview00 .sec04 .inner_1200 {
		align-items: center;
	}
	#interview00 .sec04 .img img {
		border-radius: 30px;
		height: 482px;
	}
	#interview00 .sec04 .message {
		position: relative;
		margin-top: 10rem;
		padding-left: 4.5rem;
		width: calc(50% + 7px);
		color: #fff;
	}
	#interview00 .sec04 .message .ico {
		position: absolute;
		top: -8rem;
		left: 0;
	}
	#interview00 .sec04 .message .ttl {
		position: relative;
		margin-bottom: 4rem;
		font-size: 5.2rem;
		font-weight: 700;
		line-height: 1;
	}
	#interview00 .sec04 .message .txt {
		font-size: 2rem;
		font-weight: 500;
		line-height: 2.3;
	}





	#recruit .inner_interview {
		position: relative;
		padding-bottom: 44rem;
		background: #DFF2E4;
	}
	#recruit .inner_interview h2 {
		font-size: 2.8rem;
	}
	#recruit .inner_interview .ttl_jp {
		font-size: 4.8rem;
	}
	#recruit .inner_interview .more_area {
		top: 12.6rem;
	}




}


@media screen and (max-width:1280px) {
	#recruit .rec_message .message_block {
		margin: -90px 1rem 0 1rem;
	}
}
@media screen and (max-width:1279px) {
	.interview_mv .mv_img {
		width: 45%;
	}
	.interview_mv .mv_img img {
		object-position: 34% top;
	}
	#interview00 .sec01 .img {
		width: 43.59%;
	}
	#interview00 .text_area {
		width: calc(45% - 10px);
	}
	#interview00 .sec02 .time_line .timeblock .box .time {
		width: calc(15% - 22px);
	}
	#interview00 .sec02 .time_line .timeblock .box .right_col {
		width: calc(80% - 15px);
	}
}

@media screen and (max-width:1279px) {
	#interview00.interview01 .sec02 .time_line .timeblock:last-of-type::before {
		height: 78%;
	}
}

@media screen and (max-width:1240px) {
	#culture .sec03 .empl_block .parts {
		width: 57rem;
	}
	#culture .sec03 .empl_block .parts .left_en {
		width: 6.315%;
	}
	#culture .sec03 .empl_block .parts .box .flex h3 {
		font-size: 2.6rem;
	}
	#culture .sec03 .empl_block .parts .box {
		width: 93.684%;
	}
}
@media screen and (max-width:1181px) {
	#recruit .rec_culture .cluture_flex {
		gap: 0 7rem;
		align-items: flex-start;
	}
	#recruit .rec_culture .cluture_flex .left_img {
		margin-top: 26rem;
	}
	#recruit .rec_top .top_block ul li.btn a {
		width: 27rem;
	}
	#culture .sec03 .empl_block .parts {
		width: 54rem;
	}
	#culture .sec03 .empl_block .parts .box .flex .img {
		width: 22.4rem;
	}
	ew00.interview03 .sec02 .time_line .timeblock:last-of-type::before {
		height: 64%;
	}
	#interview00.interview08 .sec02 .time_line .timeblock:last-of-type::before {
		height: 58%;
	}
	#interview00.interview09 .sec02 .time_line .timeblock:last-of-type::before {
		height: 59%;
	}
	
}

@media screen and (max-width: 1024px) {
	#recruit .rec_top .top_block {
		position: static;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
		transform: none;
	}
	#recruit .rec_top .top_block .ico_txt {
		left: 4rem;
		top: 29rem;
	}
	#recruit .rec_top .top_block .ico {
		bottom: 50rem;
	}
	#recruit .rec_top .top_block .hito01 {
		left: -1.5rem;
	}
	#recruit .rec_top .top_block .hito02 {
		right: -1.5rem;
	}
	#recruit .rec_message .message_block .txt {
		font-size: 1.8rem;
	}
	#recruit .rec_message .message_block .txt span {
		font-size: 3rem;
	}
}

/*SP用*/
@media screen and (max-width:828px) {
	#recruit .rec_top {
		position: fixed;
		width: 100%;
		height: 100vh;
		/*height: 158.213vw;*/
		top: 0;
		left: 0;
		background: url(../../images/src/recruit/top/sp/mv.webp) no-repeat center top / cover;
		z-index: 0;
	}
	#recruit .rec_top .top_block {
		position: absolute;
		left: 0;
		bottom: 0;
		transform:none;
		margin: 0 9.3vw;
		height: auto;
	}
	#recruit .rec_top .top_block .ico_txt {
		width: 43.72vw;
		left: 0;
		top: -16.908vw;
		z-index: -1;
	}
	#recruit .rec_top .top_block .txt {
		margin-top: 3.28vw;
		text-shadow: 0.483vw 0.483vw 0.483vw rgba(0, 112, 33, 0.40);
		font-size: 4.979vw;
		font-weight: 700;
	}
	#recruit .rec_top .top_block ul {
		margin: 7.367vw 0 38.527vw;
		justify-content: center;
		gap: 0 3.623vw;
	}
	#recruit .rec_top .top_block ul li.btn a {
		width: 38.647vw;
	}
	#recruit .rec_top .top_block ul li.btn a span {
		font-size: 3.865vw;
	}
	#recruit .c-button-icon::before {
		top: -4px;
	}
	#recruit .rec_top .top_block ul li.btn:last-of-type a span {
		padding-left: 8.454vw;
	}
	#recruit .rec_top .top_block .ico {
		position: absolute;
		bottom: 0;
		z-index: -1;
	}
	#recruit .rec_top .top_block .hito01 {
		left: -9.918vw;
		width: 49.758vw;
	}
	#recruit .rec_top .top_block .hito02 {
		right: -10.635vw;
		width: 51.449vw;
	}

	#recruit .rec_message {
		position: relative;
		z-index: 1;
		margin-top: 135.179vw;
		padding: 27.657vw 0 0;
		background: url(../../images/src/recruit/top/sp/sec02_bg.webp) no-repeat center top / cover;
	}
	#recruit .rec_message h2 {
		font-size: 18.116vw;
	}
	#recruit .rec_message .message_block {
		margin: -10.164vw 4.831vw 0;
		padding-bottom: 17.754vw;
		display: block;
	}
	
	#recruit .rec_message .message_block .left_col {
		width: auto;
		display: none;
	}
	#recruit .rec_message .message_block .right_col {
		width: auto;
	}
	#recruit .rec_message .message_block .ttl_jp {
		margin-bottom: 8.454vw;
		font-size: 6.522vw;
		text-align: center;
		text-shadow: 2px 2px 2px rgba(0, 112, 33, 0.14);
	}
	#recruit .rec_message .message_block .txt {
		font-size: 3.865vw;
		text-shadow: 2px 2px 2px rgba(0, 112, 33, 0.14);
		line-height: 2.06;
	}
	#recruit .rec_message .message_block .txt span {
		font-size: 5.072vw;
	}
	#recruit .rec_message .message_block .txt p + p {
		margin-top: 4rem;
	}
	
	#recruit .rec_message .message_block img {
		border-radius: 2.415vw;
	}
	.message_img01_sp {
		margin: 4.831vw 11.232vw 0 auto;
		width: 24.638vw;
	}
	.message_img02_sp{
		margin: -10.507vw  0 0 4.469vw;
		width: 38.889vw;
	}
	.message_img03_sp {
		position: relative;
		z-index: -1;
		margin: -6.28vw 5.072vw 9.662vw auto;
		width: 54.227vw;
	}	
	.carousel {
		height: 55.797vw; 
	  }
	  .carousel__track {
		width: calc(8 * 53.865vw);
	  }
	.carousel__track img {
		width: 53.865vw;
	}

	#recruit .rec_about {
		margin-top: -10.609vw;
		padding: 7.246vw 4.831vw 14.493vw;
		border-radius: 12.077vw 12.077vw 0 0;
	}
	#recruit .rec_about .rec_about_inner {
		margin: 0 auto;
		width: auto;
		max-width: initial;
	}
	#recruit .rec_about .rec_about_inner h2 {
		font-size: 22.947vw;
	}
	#recruit .rec_about .rec_about_inner .txt {
		margin: -11.459vw 0 4.589vw;
		font-size: 4.589vw;
		line-height: 1.68;
	}
	#recruit .rec_about .rec_about_inner .txt span {
		font-size: 5.797vw;
	}
	#recruit .rec_about .rec_about_inner .txt02 {
		margin-bottom: 6.039vw;
		font-size: 3.623vw;
		line-height: 1.86;
		text-align: center;
	}
	#recruit .rec_about .about_number {
		margin-bottom: 6rem;
		border: 1px solid #C2D7C8;
		display: block;
	}
	#recruit .rec_about .about_number .parts {
		border-right: 0;
		border-bottom: 1px solid #C2D7C8;
		flex: 1;
		padding: 3rem 0 5.8rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	#recruit .rec_about .about_number .parts:first-of-type {
		background: url(../../images/src/recruit/top/about_count_bg01.png) no-repeat left 9.783vw top 9.42vw / 24.034vw;
	}
	#recruit .rec_about .about_number .parts:nth-of-type(2) {
		background: url(../../images/src/recruit/top/about_count_bg02.png) no-repeat right 4.643vw top 7.609vw / 41.546vw;
	}
	#recruit .rec_about .about_number .parts:last-of-type {
		background: url(../../images/src/recruit/top/about_count_bg03.png) no-repeat center top 16.908vw / 74.275vw;
		border: none;
	}
	#recruit .rec_about .about_number .parts .ttl {
		margin: 0 auto 8.643vw;
		width: 22.705vw;
		font-size: 3.865vw;
		border-radius: 21.739vw;
	}
	#recruit .rec_about .about_number .parts .countup {
		font-size: 6.28vw;
	}
	#recruit .rec_about .about_number .parts .countup .js-count {
		font-size: 28.019vw;
	}
	#recruit .rec_about .about_number .parts .countup .js-count02 {
		font-size: 24.155vw;
	}
	#recruit .rec_about .about_number .parts .countup .js-count03 {
		font-size: 12.077vw;
	}
	#recruit .rec_about .about_number .parts .countup .js-count04 {
		font-size: 28.019vw;
	}
	#recruit .rec_about .about_number .parts .parts_ft {
		font-size: 3.623vw;
	}
	#recruit .rec_about .btn {
		margin: 0 auto;
		width: 69.082vw;
	}
	
	#recruit .rec_interview {
		padding: 12.077vw 0 24.879vw;
	}
	#recruit .rec_interview h2 {
		font-size: 14.493vw;
	}
	#recruit .rec_interview .ttl_jp {
		margin: 2.174vw 0 7.246vw;
		font-size: 5.556vw;
	}
	#recruit .rec_interview .txt {
		margin-bottom: 9.3vw;
		font-size: 3.623vw;
		line-height: 1.86;
	}
	#recruit .rec_interview .swiper-slide {
		width: 65.7vw;
	}
	#recruit .rec_interview .parts {
		position: relative;
		padding: 4.831vw 0;
	}
	#recruit .rec_interview .parts a {
		border-radius: 2.415vw;
		box-shadow: 0.483vw 0.483vw 0.966vw 0 rgba(0, 0, 0, 0.25);
	}
	#recruit .rec_interview .parts .num01 {
		left: -4.227vw;
		width: 36.836vw;
	}
	
	#recruit .rec_interview .parts .parts_doc {
		bottom: 7.415vw;
		left: 4.831vw;
		right: 3.382vw;
	}
	#recruit .rec_interview .parts .parts_doc p {
		font-size: 5.314vw;
	}
	#recruit .rec_interview .parts .parts_doc p .txt_spn { 
		font-size: 3.865vw;
	}
	#recruit .rec_interview .parts .parts_doc p .since {
		font-size: 3.865vw;
	}
	#recruit .rec_interview .parts .parts_doc .arrow {
		width: 8.816vw;
		height: 8.816vw;
		border-width: 0.242vw;
	}
	#recruit .rec_interview .parts .parts_doc .arrow svg {
		width: 3.502vw;
		height: 3.502vw;
	}
	#recruit .rec_interview .more_area {
		margin-top: 6vw;
		position: static;
		transform: none;
	}
	#recruit .rec_interview .morebtn {
		margin-left: auto;
		width: auto;
	}
	#recruit .rec_interview .more_area .arrow {
		width: 28.986vw;
		border-radius: 21.739vw;
	}
	#recruit .rec_interview .swiper-button-next,
	#recruit .rec_interview .swiper-button-prev {
		top: 7.5vw;
		width: 8.984vw;
		height: 8.984vw;
	}
	#recruit .rec_interview .swiper-button-prev {
		left: 4vw;
	}
	#recruit .rec_interview .swiper-button-next {
		right: 4vw;
	}
	#recruit .rec_interview .swiper-button-prev:after,
	#recruit .rec_interview .swiper-rtl .swiper-button-next:after {
		width: 8.984vw;
		height: 8.984vw;
	}
	#recruit .rec_interview .swiper-button-next:after,
	#recruit .rec_interview .swiper-rtl .swiper-button-prev:after {
		width: 8.984vw;
		height: 8.984vw;
	}
	#recruit .rec_interview .btn {
		width: 57.609vw;
	}
	
	#recruit .rec_interview .btn a {
		padding: 4.797vw 2.899vw;
	}
	#recruit .rec_interview .btn a span {
		padding-left: 16vw;
	}
	#recruit .rec_interview .btn a svg {
		top: 2px;
	}

	#recruit .rec_culture {
		position: relative;
	}
	#recruit .rec_culture::before {
		top: 7vw;
		right: 0;
		width: 100%;
		height: 243.43vw;
		border-radius: 0;
	}
	#recruit .rec_culture .cluture_flex {
		padding-bottom: 55.435vw;
		position: relative;
		display: block;
	}
	#recruit .rec_culture .cluture_flex .right_text {
		margin: 0 4.831vw;
	}
	#recruit .rec_culture .cluture_flex .right_text h2 {
		margin: 0;
		font-size: 14.493vw;
	}
	#recruit .rec_culture .cluture_flex .right_text .ttl_jp {
		margin: 0 0 8.454vw 0;
		font-size: 5.556vw;
	}
	#recruit .rec_culture .cluture_flex .right_text .sp_img {
		margin: 0 0 8.454vw -4.831vw;
		width: 95.169vw;
	}
	#recruit .rec_culture .cluture_flex .right_text .sp_img img {
		border-radius: 0 2.415vw 2.415vw 0;
	}
	#recruit .rec_culture .cluture_flex .right_text .ttl {
		font-size: 6.522vw;
		line-height: 1.48;
	}
	#recruit .rec_culture .cluture_flex .right_text .txt {
		margin: 4.831vw 0 2.415vw;
		font-size: 3.623vw;
		line-height: 1.86;
	}
	#recruit .rec_culture .cluture_flex .right_text ul {
		margin-bottom: 5rem;
		width: auto;
	}
	#recruit .rec_culture .cluture_flex .right_text li {
		border-bottom: 1px solid #C2D7C8;
	}
	#recruit .rec_culture .cluture_flex .right_text li a {
		padding: 6.039vw 0;
	}
	#recruit .rec_culture .cluture_flex .right_text li a::after {
		width: 7.005vw;
		height: 7.005vw;
	}
	#recruit .rec_culture .cluture_flex .right_text li a .title {
		font-size: 4.589vw;
	}
	#recruit .rec_culture .cluture_flex .right_text .btn {
		margin:  0 auto 7vw;
		width: 37.382vw;
	}
	#recruit .rec_culture .cluture_flex .right_text .btn a {
		padding: 4vw 2.899vw;
	}



/*--------------------------------------------------
	recruit用下層汎用
--------------------------------------------------*/
	.hd_main {
		height: 56.039vw;
	}
	.hd_main .mv_img img {
		border-radius: 0 0 12.077vw 0;
		height: 56.039vw;
		min-height: initial;
	}
	.hd_main .ttl_block {
		top: 21.981vw;
		transform: none;
	}
	.hd_main .ttl_block .ttl_jp {
		margin-bottom: 0;
	}
	.breadcrumbs {
		margin: 2.899vw 0 0 4.831vw;
	}





/*--------------------------------------------------
	Job description	募集要項
--------------------------------------------------*/
	#job .ft_flex {
		padding-top: 0;
		border: 0;
	}
	#job .job_list {
		margin: 9.662vw 0 0;
		padding-bottom: 14.493vw;
	}
	#job .category_list {
		order: 3;
		width: 100%;
	}
	#job .category_list h2 {
		position: relative;
		margin-bottom: 5vw;
		padding-left: 2.174vw;
		font-size: 4.106vw;
		border-left-width: 0.483vw;
	}
	#job .category_list h2::after {
		content:'+';
		position: absolute;
		right: 0;
		top: 1vw;
		font-size: 6vw;
		line-height: 1;
		color: var(--main-color);
	}
	#job .category_list .acd_sp.active h2::after {
		content:'ー';
		font-size: 5vw;
	}
	#job .category_list ul {
		margin-bottom: 8.454vw;
	}
	#job .category_list ul li a {
		padding: 5.314vw 0;
		font-size: 3.382vw;
	}
	#job .category_list ul li a::before {
		width: 4.831vw;
		height: 4.831vw;
	}
	.acd_sp ul {
		display: none;
	  }
	  .acd_sp.open ul {
		display: block;
	  }
	  .acd_sp h2 {
		cursor: pointer;
	  }
	#job .job_list .right_col {
		order: 1;
		width: 100%;
	}
	#job .right_col .parts a {
		padding: 4.831vw 2.415vw;
	}
	#job .right_col .parts a .img {
		width: 37.923vw;
	}
	#job .right_col .parts a .img img {
		max-height: 30.193vw;
	}
	#job .right_col .parts a .txtarea {
		width: 44.444vw;
	}
	#job .right_col .parts a .txtarea ul,
	#job .right_col .job_detail ul {
		margin-bottom: 3.261vw;
		gap: 1.208vw;
	}
	#job .right_col .parts a .txtarea ul li,
	#job .right_col .job_detail ul li {
		padding: 0 2.53vw;
		font-size: 2.899vw;
		border-radius: 21.739vw;
	}
	#job .right_col .parts a .txtarea h3 {
		margin-bottom: 0;
		font-size: 3.865vw;
		line-height: 1.5;
	}
	#job .right_col .parts a .txtarea dl {
		padding: 3.623vw;
		width: 85.507vw;
		gap: 0 2.295vw;
		font-size: 3.382vw;
	}
	#job .right_col .parts a dl.sp {
		display: flex !important;
		width: 100%;
		margin-top: 4.227vw;
		padding: 3.623vw;
		gap: 0 2vw;
		font-size: 3.382vw;
	}
	#job .right_col .parts a dl.pc {
		display: none !important;
	}
	#job .right_col .parts a dl dt {
		font-weight: 700;
		line-height: 1;
	}
	#job .right_col .parts a dl dt i {
		margin-right: 1vw;
		vertical-align: middle;
	}
	#job .right_col .parts a dl dt i svg {
		width: 2.899vw;
	}
	#job .right_col .parts a dl dd {
		width: 59.179vw;
		font-weight: 400;
		line-height: 1.77;
	}
	#job .wp-pagenavi {
		margin: 11.594vw 0;
		order: 2;
	}

	#job .job_detail h2 {
		margin-bottom: 6.039vw;
		font-size: 5.072vw;
		line-height: 1.57;
	}
	#job .job_detail .eyecatch {
		margin-bottom: 6.039vw;
		text-align: center;	
	}
	#job .job_detail .eyecatch img {
		width: auto;
	}
	
	#job .job_detail table {
		margin-bottom: 10vw;
	}
	#job .job_detail table th,
	#job .job_detail table td {
		display: block;
		padding: 0;
		font-size: 3.382vw;
	}
	#job .job_detail table th {
		padding: 6.039vw 0 0;
		width: 100%;
	}
	#job .job_detail table td {
		padding-bottom: 6.039vw;
	}
	#job .job_detail table td p {
		line-height: 1.71;
	}
	#job .job_detail table iframe {
		margin-top: 2.415vw;
		width: 100%;
		height: 24.155vw;
	}
	#job .job_step {
		margin-top: 12rem;
		padding: 10rem 0 41rem;
		background: #EFEFEF;
	}
	#job .job_step h3 {
		font-size: 4.589vw;
	}
	#job .job_step .ttl_jp {
		margin: 3.623vw 0 8.454vw;
		font-size: 7.005vw;
	}
	#job #footer {
		margin-top: -48.116vw;
		background: transparent;
	}

/*--------------------------------------------------
	ABOUT	未来運輸を知る
--------------------------------------------------*/
	#about .sec01 {
		margin: 9.662vw 4.831vw 12.077vw;
	}
	#about .sec01 .block,
	#about .sec01 .block02,
	#about .sec01 .block03 {
		padding: 5.797vw 3.865vw 7.488vw;
		border-radius: 2.415vw;
	}
	#about .sec01 .block {
		margin-bottom: 4.831vw;
	}
	#about .sec01 .block02 {
		margin-bottom: 4.831vw;
	}
	#about .sec01 .block03 {

	}
	#about .sec01 .whitebox {
		margin: 0 auto 4.589vw;
		padding: 1vw 1.57vw;
		width: 34.3vw;
		font-size: 3.382vw;
		border-radius: 21.739vw;
	}
	#about .sec01 .block03 .whitebox {
		width: 62vw;
	}
	#about .sec01 .ttl {
		font-size: 4.589vw;
		line-height: 1.68;
	}

	#about .sec01 ol {
		margin: 0 auto;
		width: auto;
		max-width: initial;
	}
	#about .sec01 ol li {
		position: relative;
		padding: 4.469vw 0 3.865vw 8.937vw;
		font-size: 3.865vw;
	}
	#about .sec01 ol li::before {
		position: absolute;
		padding: 0;
		top: 43%;
		left: 0;
		font-size: 4.589vw;
	}

	#about .sec01 dl {
		width: auto;
		max-width: initial;
		padding-bottom: 4.831vw;
	}
	#about .sec01 dl + dl {
		margin-top: 4.831vw;
	}
	#about .sec01 dl dt {
		font-size: 4.348vw;
	}
	#about .sec01 dl dd {
		font-size: 3.623vw;
	}


	#about .slidearea {
		position: sticky;
		top: 0;
	}
	

	#about .ticker-item {
		height: 51.812vw;
	}
	#about .sec02 {
		margin-top: -12.923vw;
		padding: 6.039vw 0 12.077vw;
		border-radius: 12.077vw 12.077vw 0 0;
	}
	#about .sec02 h2 {
		font-size: 31.401vw;
	}
	#about .sec02 .ttl_jp {
		margin-top: -14.208vw;
		margin-bottom: 9.662vw;
		font-size: 6.28vw;
	}
	#about .sec02 .ttl {
		margin-bottom: 4.71vw;
		font-size: 6.763vw;
		line-height: 1.53;
	}
	#about .sec02 .txt {
		font-size: 3.623vw;
		line-height: 1.93;
		text-align: left;
	}
	#about .sec02 ul {
		margin: 6.763vw 0 0;
		gap: 2.415vw 0;
	}
	#about .sec02 ul li {
		flex: none;
		width: 61.957vw;
	}
	#about .sec02 ul li a {
		padding: 3.556vw 0 3.556vw 6.522vw;
		font-size: 3.865vw;
		border-radius: 32.263vw;
		border-width: 0.358vw;
	}
	#about .sec02 ul li:nth-of-type(2) a {
		padding-left: 6.522vw;
	}
	#about .sec02 ul li a::after {
		right: 3.12vw;
		width: 8.937vw;
		height: 8.937vw;
	}
	#about .ttl_area .num {
		font-size: 7.246vw;
	}
	#about .ttl_area h3 {
		margin-top: 3vw;
		font-size: 7.488vw;
		line-height: 1;
	}
	#about .ttl_area .year {
		margin: 4.831vw 0 7.246vw;
		font-size: 3.623vw;
	}
	#about .grid {
		display: flex;
		flex-wrap: wrap;
		gap: 2.899vw;
	}
	#about .grid .parts {
		padding: 3.623vw 0 4.589vw;
		border-radius: 2.415vw;
		width: 43.72vw;
	}
	#about .grid .parts .ttl {
		margin-bottom: 4.106vw;
		padding: 1.329vw 2.415vw;
		min-width: initial;
		font-size: 3.14vw;
		border-radius: 21.739vw;
	}
	#about .grid .parts .number {
		font-size: 4.106vw;
	}
	#about .grid .parts .number .green {
		font-size: 14.493vw;
	}
	#about .grid .parts .txt {
		font-size: 3.382vw;
	}
	#about #data01,
	#about #data02,
	#about #data03 {
		padding: 6.522vw 0 10.87vw;
	}
	#about #data03 {
		padding-bottom: 44.444vw;
	}

	#about #data01 .grid .parts.data01_01 { background: url(../../images/src/about/data_bg01.svg) no-repeat #fff left 4.469vw top 9.541vw / 15.468vw; }
	#about #data01 .grid .parts.data01_02 { background: url(../../images/src/about/data_bg02.svg) no-repeat #fff center top 11.105vw / 38.202vw; }
	#about #data01 .grid .parts.data01_03 { background: url(../../images/src/about/data_bg03.svg) no-repeat #fff left 2.899vw top 7.246vw / 15.338vw; }
	#about #data01 .grid .parts.data01_05_sp { background: url(../../images/src/about/data_bg05.svg) no-repeat #fff left 2.591vw top 12.738vw / 13.141vw; }
	#about #data01 .grid .parts.data01_06_sp { background: url(../../images/src/about/data_bg06.svg) no-repeat #fff left 2.536vw top 12.681vw / 13.043vw; }

	#about #data01 .grid .parts.data01_06 {
		display: none !important;
	}
	#about #data01 .grid .parts.data01_05_sp {
		display: flex !important;
		width: 42.995vw;
	}
	#about #data01 .grid .parts:nth-child(5) { width: 100%; padding: 3.623vw 3.623vw 4.952vw 2.415vw; }
	#about #data01 .grid .parts:nth-child(5) .number { margin-bottom: 0;}

	/* --- 3段目 --- */
	#about #data01 .grid .bottom-row {
		display: flex;
		flex-wrap: wrap;
		gap: 2.899vw;
	}
	#about #data02 .grid .parts {
		padding-bottom: 4rem;
	}
	#about #data02 .grid .parts .ttl {
		margin-bottom: 4rem;
	}
	#about #data01 .grid .bottom-row .parts.data01_06.pc,
	#about #data01 .grid .bottom-row .parts.data01_07.pc,
	#about #data01 .grid .bottom-row .parts.data01_08.pc,
	#about #data01 .grid .bottom-row .parts.data01_09.pc {
		display: none !important;
	}
	#about #data01 .grid .bottom-row .listsp {
		display: flex !important;
		flex-direction: column;
		width: 42.995vw;
	}
	#about #data01 .grid .bottom-row .listsp .parts {
		width: 100%;
		flex: 1;
	}
	#about #data01 .grid .bottom-row .listsp .parts + .parts {
		margin-top: 2.899vw;
	}
	#about #data01 .grid .bottom-row .listsp .parts .ttl {
		margin-bottom: 0;
	}
	#about #data01 .grid .bottom-row .parts.data01_07 { padding-bottom: 2.415vw; flex: 1; background: url(../../images/src/about/data_bg07.svg) no-repeat #fff left 7.609vw top 9.3vw / 8.692vw; }
	#about #data01 .grid .bottom-row .parts.data01_08 { flex: 2; background: url(../../images/src/about/data_bg08.svg) no-repeat #fff right 2.778vw top 3.14vw / 16.908vw; }
	#about #data01 .grid .bottom-row .parts.data01_09 { flex: 2; background: url(../../images/src/about/data_bg09.svg) no-repeat #fff left 5.193vw top 10.87vw / 10.411vw; }
	#about #data01 .grid .parts.data01_01 .number {
		margin-top: auto;
	}
	#about #data01 .grid .parts.data01_05_sp .number {
		margin-top: 0;
	}

	#about #data01 .grid .bottom-row .parts {
		padding-bottom: 0;
	}
	#about #data01 .grid .parts.data01_02 .number02 {
		font-size: 3.382vw;
	}
	#about #data01 .grid .parts.data01_02 .number02 .green {
		font-size: 6.763vw;
	}
	#about #data01 .grid .parts.data01_03 .number .green {
		font-size: 12.077vw;
	}
	#about #data01 .grid .parts.data01_05_sp .number {
		margin-bottom: 6.039vw;
	}
	#about #data01 .grid .parts.data01_05_sp ul li {
		padding: 3vw 0;
		border-bottom: 1px solid var(--bdr-color);
		font-size: 3.623vw;
		font-weight: 700;
	}
	#about #data01 .grid .parts.data01_05_sp ul li:first-of-type {
		padding-top: 0;
	}
	#about #data01 .grid .parts.data01_05_sp ul li:last-of-type {
		border-bottom: 0;
	}
	#about #data01 .grid .parts.data01_05_sp ul li .green {
		font-size: 8.937vw;
		font-weight: 700;
	}
	#about #data01 .grid .parts.data01_05_sp ul li .fs34 {
		font-size: 4.106vw;
		font-weight: 700;
	}
	#about #data01 .grid .parts.data01_05_sp .txt::before {
		display: none;
	}


	#about #data02 .grid .parts:nth-child(1) { background: url(../../images/src/about/data02_bg01.svg) no-repeat #fff left 3.865vw top 7.609vw / 11.836vw; }
	#about #data02 .grid .parts:nth-child(2) { background: url(../../images/src/about/data02_bg02.svg) no-repeat #fff left 3.261vw top 8.213vw / 13.043vw; }
	#about #data02 .grid .parts:nth-child(3) { background: url(../../images/src/about/data02_bg03.svg) no-repeat #fff left 3.261vw top 9.179vw / 11.836vw; }
	#about #data02 .grid .parts:nth-child(4) { background: url(../../images/src/about/data02_bg04.svg) no-repeat #fff left 4.952vw top 9.541vw / 10.145vw; }
	#about #data02 .grid .parts:nth-child(5) { background: url(../../images/src/about/data02_bg05.svg) no-repeat #fff left 1.208vw top 7.367vw / 11.739vw; }
	#about #data02 .grid .parts:nth-child(6) { background: url(../../images/src/about/data02_bg06.svg) no-repeat #fff left 4.952vw top 6.763vw / 11.836vw; }

	#about #data03 .grid {
		gap: 2.899vw 0;
	}
	#about #data03 .grid .parts {
		width: 100%;
		padding: 3.623vw;
	}
	#about #data03 .grid .parts:nth-child(1),
	#about #data03 .grid .parts:nth-child(2) { width: 100%; }
	#about #data03 .grid .parts:nth-child(3),
	#about #data03 .grid .right_col .parts:nth-child(1) { width: 100%; }
	#about #data03 .grid .flex { gap:2em 0; width: 100%; }
	#about #data03 .grid .flex .right_col,
	#about #data03 .grid .flex .data03_06 { width: 100%; }
	#about #data03 .grid .flex .parts + .parts { margin-top: 2rem; }
	#about #data03 .tar {
		margin-top: 4.589vw;
		margin-left: auto;
		font-size: 2.899vw;
		line-height: 1.83;
	}
	#about .ttl_area {
		position: relative;
		z-index: 1;
	}
	#about #data01 .ico_box .ico01 { width: 47.222vw; top: -24.155vw; left: -23.43vw; }
	#about #data01 .ico_box .ico02 { width: 23.671vw; top: -10.786vw; right: -6.13vw; }
	#about #data01 .ico_box .ico03 { width: 42.977vw; top: 228.159vw; right: -12.761vw; }

	#about #data02 .ico_box .ico01 { width: 60.471vw; top: -34.058vw; left: -30.738vw; }
	#about #data02 .ico_box .ico02 { width: 34.67vw; top: 86.809vw; right: -19.091vw; }

	#about #data03 .ico_box .ico01 { width: 25.121vw; top: -32.729vw; left: -10.891vw; }
	#about #data03 .ico_box .ico02 { width: 31.322vw; top: -22.149vw; left: auto; right: -10.155vw; }
	#about #data03 .ico_box .ico03 { display: none; }

	#footer.about_ft {
		margin-top: 24vw;
	}

/*--------------------------------------------------
	CULUTURE 環境・福利厚生
--------------------------------------------------*/
	#culture .sec01 {
		position: relative;
		margin: 9.662vw 0 19.324vw;
		gap: 0;
	}
	#culture .sec01::after {
		top: 99.396vw;
		height: 62.56vw;
	}
	#culture .sec01 .img {
		width: 95.169vw;
	}
	#culture .sec01 .img img {
		border-radius: 0 3.623vw 3.623vw 0;
	}
	#culture .sec01 .ttl {
		margin-left: 4.952vw;
		margin-bottom: 5.556vw;
	}
	#culture .sec01 .ttl p {
		font-size: 4.589vw;
		line-height: 1.84;
	}
	#culture .sec01 .right_col {
		width: 100%;
	}
	#culture .sec01 .right_col ul {
		margin: 0 4.831vw;
	}
	#culture .sec01 .right_col ul li a {
		padding: 6.005vw 0;
		font-size: 4.348vw;
	}
	#culture .sec01 .right_col ul li a::after {
		width: 7.005vw;
		height: 7.005vw;
	}
	#culture h2 {
		margin-bottom: 3.744vw;
		font-size: 4.589vw;
	}
	#culture .ttl_jp {
		margin-bottom: 8.454vw;
		font-size: 7.005vw;
	}
	#culture .sec02 {
		margin-bottom: 12.077vw;
	}
	#culture .sec02 .parts {
		padding: 4.831vw;
		border-radius: 2.415vw;
		border-width: 0.483vw;
	}
	#culture .sec02 .parts + .parts {
		margin-top: 4.831vw;
	}
	#culture .sec02 .parts .img {
		order: 2;
		width: 43.72vw;
	}
	#culture .sec02 .parts .right_col {
		order: 1;
		width: 32.85vw;
	}
	#culture .sec02 .parts .right_col .en {
		margin-bottom: 3.14vw;
		padding: 0.725vw 2.174vw;
		font-size: 3.14vw;
	}
	#culture .sec02 .parts .right_col h3 {
		font-size: 5.072vw;
	}
	#culture .sec02 .parts .right_col .txt {
		display: none;
	}
	#culture .sec02 .parts .txt {
		order: 3;
		margin-top: 3.382vw;
		font-size: 3.382vw;
		font-weight: 400;
		line-height: 1.85;
	}

	#culture .sec03 {
		padding: 12.077vw 0 39.614vw;
	}
	#culture .sec03 .empl_block {
		gap: 4.831vw 0;
	}
	#culture .sec03 .empl_block .parts {
		width: auto;
		border-radius: 2.415vw;
		overflow: hidden;
	}
	#culture .sec03 .empl_block .parts .left_en {
		width: 5.683vw;
	}
	#culture .sec03 .empl_block .parts .left_en p {
		font-size: 2.899vw;
	}
	#culture .sec03 .empl_block .parts .box {
		padding: 4.831vw;
		width: 84.541vw;
	}
	#culture .sec03 .empl_block .parts .box .flex {
		padding-bottom: 3.623vw;
	}
	#culture .sec03 .empl_block .parts .box .flex h3 {
		font-size: 5.072vw;
	}
	#culture .sec03 .empl_block .parts .box .flex .img {
		width: 27.053vw;
	}
	#culture .sec03 .empl_block .parts .box .txt {
		margin-top: 3.14vw;
		font-size: 3.382vw;
		line-height: 1.85;
	}

/*--------------------------------------------------
	INTERVIEW インタビュー
--------------------------------------------------*/	
	#interview .sec01 {
		margin: 9.662vw 4.831vw 9.3vw;
	}
	#interview .sec01 p {
		font-size: 4.589vw;
		line-height: 1.84;
		text-align: left;
	}
	#interview .sec02 {
		margin: 0 auto 58vw;
	}
	#interview .sec02::after {
		top: 17.391vw;
		width: 85.08%;
		height: 420.831vw;
	}
	#interview .sec02 .rec_interview {
		position: relative;
		padding: 0;
		background: transparent;
		gap: 4.831vw 0;
		z-index: 1;
	}
	#interview .sec02 .parts {
		width: 42.271vw;
	}
	
	#interview .sec02 .parts.hiring::before {
		top: 4.6vw;
		right: -0.1vw;
		width: 14.01vw;
		height: 14.01vw;
		border-radius: 0 2.415vw 0 0;
	  }
	  
	  #interview .sec02 .parts.hiring::after {
		top: 6.348vw;
		font-size: 3.14vw;
	  }
	
	#recruit #interview .rec_interview .parts .num01 {
		width: 33.092vw;
	}
	#recruit #interview .rec_interview .parts .parts_doc {
		left: 2.657vw;
		right: 2.421vw;
	}
	#recruit #interview .rec_interview .parts .parts_doc p {
		font-size: 4.589vw;
	}
	#recruit #interview .rec_interview .parts .parts_doc .arrow svg {
		width: 2.223vw;
		height: 1.945vw;
	}
	#recruit #interview .rec_interview .parts .parts_doc p .txt_spn {
		display: block;
		font-size: 3.382vw;
	}
	#recruit #interview .rec_interview .parts .parts_doc .arrow {
		width: 5.556vw;
		height: 5.556vw;
	}

/*--------------------------------------------------
	INTERVIEW インタビュー下層
--------------------------------------------------*/	
	.interview_mv {
		display: block;
		height: 100%;
		background: #DFF2E4;
	}
	.interview_bread .breadcrumbs {
		margin: 2.899vw 4.831vw 9.662vw;
	}
	.interview_mv::before {
		display: none;
	}
	.interview_mv .ttl_block {
		top: 0;
		padding-top: 21.196vw;
		margin-left: 0;
		width: 100%;
	}
	.interview_mv .ttl_block h1 {
		margin: 0 0 -1.208vw 1.449vw;
		width: 39.251vw;
	}
	.interview_mv .ttl_block .ttl_jp {
		margin-left: 8.454vw;
		margin-bottom: 7.488vw;
		font-size: 7.488vw;
		line-height: 1.45;
	}
	.interview_mv .works_ttl {
		padding: 4.106vw 4.831vw;
		background: var(--main-color);
	}
	.interview_mv .works_ttl p {
		font-size: 3.623vw;
	}
	.interview_mv .works_ttl .ttl {
		font-size: 4.831vw;
	}
	.interview_mv .mv_img {
		width: 100%;
	}
	.interview_mv .mv_img img {
		border-radius: 0;
		height: auto;
		min-height: initial;
	}
	#interview00 .sec01 {
		margin-bottom: 14.493vw;
		gap: 0;
	}
	#interview00 .sec01 .img { 
		order: 2;
		width: 95.169vw;
	}
	#interview00 .sec01 .img img {
		border-radius: 0 3.623vw 3.623vw 0;
		height: auto;
	}

	#interview00 .text_area {
		order: 1;
		margin-bottom: 6.039vw;
		padding: 0 4.831vw;
		width: 100%;
	}
	#interview00 .text_area .box + .box {
		margin-top: 6.039vw;
	}
	#interview00 .text_area .ques {
		margin-bottom: 2.4vw;
		padding-left: 4.227vw;
		font-size: 3.865vw;
	}
	#interview00 .text_area .ques::before {
		width: 2.355vw;
		height: 2.355vw;
	}
	#interview00 .text_area .ttl {
		margin-bottom: 3.623vw;
		font-size: 6.039vw;
		line-height: 1.36;
	}
	#interview00 .text_area .txt {
		font-size: 3.382vw;
		line-height: 2;
	}
	#interview00 .sec02 {
		padding: 9.662vw 0 10.87vw;
	}
	#interview00 .sec02 .ttlarea {
		margin-bottom: 10.628vw;
	}
	#interview00 .sec02 h2 {
		font-size: 3.865vw;
	}
	#interview00 .sec02 .ttl_jp {
		font-size: 6.039vw;
	}
	#interview00 .sec02 .time_line {
	}
	#interview00 .sec02 .time_line .timeblock {
		width: 100%
	}
	#interview00 .sec02 .time_line .timeblock::before {
		top: 4vw;
		left: 15.278vw;
	}
	#interview00.interview04 .sec02 .time_line .timeblock::before,
	#interview00.interview05 .sec02 .time_line .timeblock::before {
		top: 10rem;
		height: 78%;
	}
	#interview00.interview05 .sec02 .time_line .timeblock::before {
		height: 79%;
	}
	#interview00.interview07 .sec02 .time_line .timeblock::before {
		height: 86%;
	}
	#interview00.interview03 .sec02 .time_line .timeblock:last-of-type::before {
		height: 78%;
	}
	#interview00.interview04 .sec02 .time_line .timeblock:last-of-type::before {
		height: 80%;
	}
	#interview00.interview05 .sec02 .time_line .timeblock:last-of-type::before {
		height: 81%;
	}
	#interview00.interview06 .sec02 .time_line .timeblock:last-of-type::before {
		height: 51%;
	}
	#interview00.interview08 .sec02 .time_line .timeblock:last-of-type::before {
		height: 84%;
	}
	#interview00.interview09 .sec02 .time_line .timeblock:last-of-type::before {
		height: 84%;
	}
	#interview00 .sec02 .time_line .timeblock .box {
		margin-bottom: 5.616vw;
		gap: 0;
		justify-content: space-between;
	}
	#interview00 .sec02 .time_line .timeblock .box .time {
		font-size: 4.106vw;
	}
	#interview00 .sec02 .time_line .timeblock .box .time::after {
		left: 14.07vw;
		top: 2.8vw;
		width: 2.536vw;
		height: 2.536vw;
	}
	#interview00 .sec02 .time_line .timeblock .box .right_col {
		width: 71.256vw;
	}
	#interview00 .sec02 .time_line .timeblock .box .right_col .ttl {
		font-size: 3.865vw;
	}
	#interview00 .sec02 .time_line .timeblock .box .right_col .txt {
		font-size: 3.382vw;
		line-height: 1.78;
	}
	#interview00 .sec02 .time_line .timeblock .box .right_col .img {
		margin-top: 2rem;
	}
	#interview00 .sec02 .time_line .kome {
		font-size: 2.899vw;
		white-space: nowrap;
	}
	#interview00 .sec03 {
		margin-top: 14.493vw;
	}

	#interview00 .sec03 .img img {
		border-radius: 3.623vw 0 0 3.623vw;
	}

	#interview00 .sec04 {
		padding: 24.638vw 0 12.802vw;
		border-radius: 12.077vw 12.077vw 0 0;
	}
	#interview00 .sec04 .img {
		order: 2;
		width: 100%;
	}
	#interview00 .sec04 .img img {
		border-radius: 4.752vw;
		height: auto;
	}
	#interview00 .sec04 .message {
		order: 1;
		margin-top: 0;
		margin-bottom: 7.246vw;
		padding-left: 0;
		width: 100%;
	}
	#interview00 .sec04 .message .ico {
		position: absolute;
		top: -8rem;
		left: -4.831vw;
		width: 30.797vw;
	}
	#interview00 .sec04 .message .ttl {
		margin-bottom: 4.831vw;
		font-size: 8.696vw;
		line-height: 1.33;
	}
	#interview00 .sec04 .message .txt {
		font-size: 3.865vw;
		line-height: 1.87;
	}

	#recruit .inner_interview {
		position: relative;
		padding-bottom: 44.193vw;
	}
	#recruit .inner_interview h2 {
		font-size: 13.043vw;
	}
	#recruit .inner_interview .ttl_jp {
		font-size: 5.556vw;
	}
	#recruit .inner_interview .more_area {
		top: 12.6rem;
	}


}


/* pcのみのhoverアクションはここ */
@media (hover: hover) and (pointer: fine) {
	.btn .c-button:hover .c-button-icon {
		left: 86%;
	}
	.cluture_flex .btn .c-button:hover .c-button-icon {
		left: 76%;
	}
	#recruit .rec_interview .parts a:hover img {
		opacity: 1;
	}
	#recruit .rec_interview .parts a:hover::after {
		background-position: 0% center;
	}
	
	#recruit .rec_interview .parts:hover .parts_doc .arrow::before {
		transform: translateX(0);
	}
	#recruit .rec_interview .parts:hover .parts_doc .arrow svg {
		stroke: var(--main-color);
	}
	#recruit .rec_interview .btn .c-button:hover .c-button-icon {
		left: 75%;
	}
	#job .category_list ul li a:hover {
		background-color: #EFEFEF;
	}
	
	#job .right_col .parts a:hover {
		background: #EFEFEF;
	}
	#job .right_col .parts a:hover img {
		opacity: 1;
	}
	#job .right_col .parts a:hover dl {
		background: #fff;
	}
	#about .sec02 ul li a:hover {
		color: #fff;
		background-color: var(--main-color);
	}
	#about .sec02 ul li a:hover span {
		color: #fff;
	}
	#about .sec02 ul li a:hover::after {
		background-image: url(../../images/src/common/arrow_white01_btm.svg);
	}
}
  
 /*IE11用に以下のコードも追加*/
  @media (-ms-high-contrast: none), (-ms-high-contrast: active) {
}



/* 印刷用 */
@media print {
	body { zoom: 0.6; -webkit-print-color-adjust: exact; }
}

/* 印刷用 IE10以上 */
@media print and (-ms-high-contrast:none) {
	@page { size: A4; margin: 12.7mm 9.7mm; }
	body { zoom: 1.8; width: 1200px; transform: scale(0.5); transform-origin: 0 0; }
}