@charset "UTF-8";
/* media query : mobile */
@media screen and (max-width:768px) {
}
/* media query : desktop */
@media screen and (min-width:769px) {
}
/* media query : tablet */
@media screen and (min-width:769px) and (max-width:1024px){
}
/*==============================================================
>>> COMMON CONTENTS 
----------------------------------------------------------------
1.0 Common
  1.1 Reset
  1.2 Layout
  1.3 Common
2.0 Header
  2.1 top
  2.2 nav
3.0 Contents
  3.1 Common
  3.2 Page
  3.3 Archive
  3.4 Single
4.0 Breadcrumb
  4.1
5.0 Footer
  5.1 nav
  5.2 copyright
==============================================================*/
/* 注意
  汎用classは単独で使わないように
  index, top, page, detail, inner
--------------------------------------------------------------*/
/*==============================================================
1.0 Common
--------------------------------------------------------------*/
/* 1.1 Reset
--------------------------------------------------------------*/
html {
	font-size: 14px;
	letter-spacing: 3px;
}
body {
	background-color:#FFFFFF;
	font-family: Noto Sans JP,poppins,Arial,sans-serif;
}
a {
	color:#000000;
	transition: 0.5s;
}
a:link {
	color:#000000;
}
a:visited {
	color:#000000;
}
a:hover {
	opacity: 0.7;
	transition: 0.5s;
}
::selection {
	background: #000000;
	color: #FFFFFF;
}
::-moz-selection {
	background: #000000;
	color: #FFFFFF;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* 1.2 Layout
--------------------------------------------------------------*/
.section {
	overflow: hidden;
}
.section.bgc {
	background: #F6F6F6;
	margin-top: 0;
	margin-bottom: 0;
}
.section.bgc-med {
	background: #d0d0d0;
}
.section.bgc-dark {
	background: #141414;
	color: #FFF;
}
/* media query : mobile */
@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}
	.container {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.section {
		margin-top: 5rem;
		margin-bottom: 5rem;
	}
	.section.bgc {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.sp {
		display: none; 
	}
	.container {
		max-width: 85rem;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		margin-left: auto;
		margin-right: auto;
	}
	.section {
		margin-top: 8rem;
		margin-bottom: 8rem;
	}
	.section.bgc {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	.container-65rem {
		width: 100%;
		max-width: 65rem;
		margin-left: auto;
	}
}
/*==============================================================
2.0 Header
--------------------------------------------------------------*/
.header.fixed {
	position: fixed;
	background: #FFF;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
}
/* 2.1 top
--------------------------------------------------------------*/
.header-top {
	box-shadow: 0px 0px 80px rgb(0 0 0 / 5%);
}
.header-top .container {
	display: flex;
	justify-content: space-between;
    align-items: center;
	max-width: 100%;
}
.header-logo a {
	display: flex;
	align-items: center;
	line-height: 0;
}
.header-logo a span {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 2.5rem;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.header-logo a span.header-logo__img {
	background: url(../img/header-logo__black.svg) no-repeat center/contain;
}
.header-logo a span.header-logo__recruit {
	background: url(../img/header-logo__recruit.svg) no-repeat center/contain;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.header-top {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.header-logo {
		width: 100%;
	}
	.header-logo a {
		gap: 0.8rem;
	}
	.header-logo a span.header-logo__img {
		width: 10rem;
	}
	.header-logo a span.header-logo__recruit {
		width: 4rem;
	}
	.header-logo.on {
		z-index: 200;
	}
	.header-logo.on .header-logo__img {
		background: url(../img/header-logo__white.svg) no-repeat center / contain;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.header-top {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.header-logo a {
		gap: 1.2rem;
	}
	.header-logo a span.header-logo__img {
		max-width: 12rem;
	}
	.header-logo a span.header-logo__recruit {
		max-width: 5rem;
	}
	
}
/* 2.2 nav
--------------------------------------------------------------*/
/* header-menu */
.header-menu ul {
	display: flex;
}
.header-menu a {
	display: block;
	font-family: 'Jost', sans-serif;
	font-weight: 500;
	font-size: 1rem;
}
.header-menu .link-blank a:after {
	content: "";
	display: inline-block;
	width: 0.7rem;
    height: 0.7rem;
    padding-left: 1rem;
	background: url(../img/arrow-blank__black.svg) no-repeat center/contain;
}
.header-entry a {
	transition: 0.3s;
	color: #fff;
    border-radius: 3rem;
	background: linear-gradient(90deg,#7f3bff 0,#3573ff 100%);
	background: -webkit-linear-gradient(0deg, #7f3bff 0,#3573ff 100%);
}
.header-entry a:hover {
	transform: scale(1.1);
	transition: 0.3s;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.header-nav {
        display: flex;
        flex-direction: row-reverse;
    }
	.header-menu {
		display: none;
	}
	.header-hamburger {
		content: "";
		display: block;
		width: 2rem;
		height: 2rem;
		background: url(../img/menu-off-blk.svg) no-repeat center/contain;
	}
	.header-hamburger.active {
		background: url(../img/menu-on-wht.svg) no-repeat center/contain;
		z-index: 999;
	}
	.header-menu.on {
		position: fixed;
        background: #0a1946;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
		z-index: 100;
	}
	.header-menu ul {
		flex-direction: column;
		padding: 5.5rem 1.5rem 2rem;
		gap: 1.5rem;
	}
	.header-menu li {
		display: flex;
		flex-direction: row-reverse;
	}
	.header-menu a {
		color: #fff;
        font-size: 1.5rem;
        line-height: 1.2;
	}
	.header-entry a {
		font-size: 1.2rem;
        padding: 0.7rem 2rem;
	}
	.header-sns a {
		font-size: 1rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.header-nav {
		width: 100%;
	}
	.header-hamburger {
		display: none;
	}
	.header-menu ul {
		justify-content: flex-end;
		align-items: center;
		gap: 2.5rem;
	}

	.header-menu a:hover:before {
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 2px;
		left: 0;
		bottom: -0.5rem;
		background: #000;
	}
	.header-menu .header-entry a:hover:before {
		display: none;
	}
	.header-entry a {
		padding: 0.5rem 1.5rem;
	}
	.header-sns {
		display: none;
	}
}

/*==============================================================
3.0 Contents
--------------------------------------------------------------*/
/* 3.1 Common
--------------------------------------------------------------*/
/* 見出し */
h1 {
	line-height: 1;
}
h2 {
	line-height: 1.2;
}
h3 {
	line-height: 1.5;
}
p {
	line-height: 1.8;
}
.recruit-h2 {
	text-align: center;
}
.recruit-h2 h2 {
    font-weight: 600;
    line-height: 1.5;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.recruit-h2 {
		margin-bottom: 3rem;
	}
	.recruit-h2 h2 {
		font-size: 2rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.recruit-h2 {
		margin-bottom: 5rem;
	}
	.recruit-h2 h2 {
		font-size: 3rem;
	}
}
/* button */
.button {
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	line-height: 1;
	width: 100%;
	max-width: 25.5rem;
    margin: 3rem auto;
}
.button a,
.button span {
	color: #FFF;
    background: linear-gradient(90deg, #7f3bff 0, #3573ff 100%);
    background: -webkit-linear-gradient(0deg, #7f3bff 0, #3573ff 100%);
    display: flex;
    width: 100%;
    height: 4rem;
    justify-content: center;
    align-items: center;
    border-radius: 3rem;
    font-family: 'Jost', sans-serif;
}
.button a:after,
.button span:after {
	content: "";
	position: absolute;
	width: 1rem;
	height: 1rem;
	right: 1rem;
	top: calc(50% - 0.5rem);
	background: url(../img/arrow-wht.svg) no-repeat center/contain;
}
.button a.white,
.button span.white {
    background: #FFF;
	color: #000;
}
.button a.white:after,
.button span.white:after  {
	background: url(../img/arrow-blk.svg) no-repeat center/contain;
}
.play-button {
	display: block;
}
.play-button:after {
    content: "";
    display: block;
    position: absolute;
    width: 3rem;
    height: 3rem;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem);
    background: url(../img/link-play__solid-circle.svg) no-repeat center / contain;
}
/* social */
.icon-sns a {
	display: flex;
    align-items: center;
    gap: 1rem;
	font-size: 0.825rem;
}
.icon-sns a:before {
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
}
.footer-sns {

}
.header-sns {

}
.x-official a:before {
	background: url(../img/social-x.svg) no-repeat center/contain;
}
.x-moriyama {

}
.yt-official a:before {
	background: url(../img/social-yt.svg) no-repeat center/contain;
}
.fb-official a:before {
	background: url(../img/social-fb.svg) no-repeat center/contain;
}
/* text */
.grad-txt {
	display: inline-block;
	background: linear-gradient(90deg,#7f3bff 0,#3573ff 100%);
	background: -webkit-linear-gradient(0deg, #7f3bff 0,#3573ff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bg-txt {
	color: #FFF;
	background: linear-gradient(90deg,#7f3bff 0,#3573ff 100%);
	background: -webkit-linear-gradient(0deg, #7f3bff 0,#3573ff 100%);
	display: inline-block;
    padding: 0 2rem 0.3rem;
    font-style: italic;
}
.under-txt {
	color: #FFF;
    display: inline-block;
	font-style: italic;
}
.under-txt:after {
	content: "";
    display: block;
    height: 4px;
    background: linear-gradient(90deg, #7f3bff 0, #3573ff 100%);
    background: -webkit-linear-gradient(0deg, #7f3bff 0, #3573ff 100%);
    margin-top: 0.5rem;
}
.box-txt {
	border: 2px solid #000;
	display: inline-block;
    padding: 0 2rem 0.3rem;
}
.box-shd {
	box-shadow: 10px 10px 30px rgb(0 0 0 / 10%);
}
/* acm */
.acm-sub {
	display: none;
	margin-top: 4rem;
}
.acm-btn {
	font-size: 1.2rem;
}
.acm-btn span.close {
	display: none;
}
.acm-btn.active span.open {
	display: none;
}
.acm-btn.active span.close {
	display: flex;
}
.acm-btn span:after {
	right: 1.5rem;
	background: url(../img/arrow-down-wht.svg) no-repeat center / contain;
}
.acm-btn.active span:after {
	background: url(../img/arrow-up-wht.svg) no-repeat center / contain;
}
/* fade */
.fadeUp {
    opacity: 0;
    transform: translate(0, 70px);
    transition: transform 800ms, opacity 1000ms;
}
.fadeLeft {
    opacity: 0;
    transform: translate(-70px, 0);
    transition: transform 800ms, opacity 1000ms;
}
.fadeRight {
    opacity: 0;
    transform: translate(70px, 0);
    transition: transform 800ms, opacity 1000ms;
}
.fadeUp.appear {
    opacity: 1;
    transform: translate(0, 0);
}
.fadeLeft.appear {
    opacity: 1;
    transform: translate(0, 0);
}
.fadeRight.appear {
    opacity: 1;
    transform: translate(0, 0);
}
/* 3.2 Recruit-top
--------------------------------------------------------------*/
/* recruit-mv ----------------------*/
.mv-recruit {
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
	height: 0;
	opacity: 0;
	margin: 0;
	padding: 0;
	animation-delay: 0s;
    animation: fade-in 2s ease-out forwards;
}
@keyframes fade-in {
    100% {  opacity: 1;}
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.mv-recruit {
		background: url(../img/header-mv__sp.jpg) no-repeat center/cover;
		padding-top: 155.12821%;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.mv-recruit {
		background: url(../img/header-mv__pc.jpg) no-repeat center/cover;
		padding-top: 56.25%;
	}
}
/* recruit-news ----------------------*/
.recruit-news {
	background: #141414;
	color: #FFF;
}
.new-list {
	display: flex;
}
.new-list h2 {
	font-weight: normal;
}
a.new-list__link {
	display: flex;
    color: #FFF;
	gap: 1rem;
}
.new-list__category {
    min-width: 10rem;
    border: 1px solid #fff;
    text-align: center;
}
.new-list__title {
	font-size: 1rem;
    font-weight: normal;
}
.new-list .slick-arrow {
	display: none !important;
}
.new-list button a {
	display: block;
	color: #FFF;
}
.new-list .slick-track {
	display: flex;
    align-items: center;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.recruit-news {
		padding: 1.5rem 0;
	}
	.new-list {
		flex-direction: column;
		gap: 1rem;
	}
	a.new-list__link {
		flex-wrap: wrap;
		row-gap: 0.5rem;
	}
	.new-list__title {
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.new-list button {
		border-top: 1px solid #FFF;
		padding-top: 1rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.recruit-news {
		padding: 2rem 0;
	}
	.new-list {
		align-items: center;
		gap: 2rem;
	}
	.new-list h2 {
		width: 5rem;
	}
	.new-list ul {
		width: calc(100% - 15rem);
	}
	a.new-list__link {
		align-items: center;
	}
	.new-list button {
		width: 6rem;
		border-left: 1px solid #FFF;
	}
	.new-list button a {
		text-align: right;
		padding: 0.2rem 0rem;
	}
}
/* recruit-cm ----------------------*/
.recruit-cm .container {
	max-width: 60rem;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.recruit-cm__title {
	width: 100%;
	max-width: 40rem;
}
.recruit-cm__video {

}
.recruit-cm__caption {
	text-align: center;
}
.recruit-cm__caption h3 {
	font-size: 1.8rem;
	font-style: italic;
}
.recruit-cm__caption p {

}
/* media query : mobile */
@media screen and (max-width:768px) {
	.section.recruit-cm {
		background: url(../img/recruit-cm__sp.jpg) no-repeat center/cover;
	}
	.recruit-cm__title p {
		margin-bottom: 2rem;
	}
	.recruit-cm__title h2 {
		margin-bottom: 2rem;
	}
	.recruit-cm__caption {
		margin-top: 1rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.section.recruit-cm {
		background: url(../img/recruit-cm.jpg) no-repeat center/cover;
	}
	.recruit-cm__title p {
		margin-bottom: 4rem;
	}
	.recruit-cm__title h2 {
		margin-bottom: 4rem;
	}
	.recruit-cm__caption {
		margin-top: 2rem;
	}
}
/* recruit-mejikara ----------------------*/
.section.recruit-mejikara {
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
	height: 0;
	padding: 0;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.section.recruit-mejikara {
		background: url(../img/recruit-mejikara__sp.jpg) no-repeat center/cover;
		padding-top: 35.128205%;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.section.recruit-mejikara {
		background: url(../img/recruit-mejikara__pc.jpg) no-repeat center/cover;
		padding-top: 35.15625%;
	}
}
/* recruit-joblist ----------------------*/
.joblist-list {
    display: flex;
}
.joblist-list li {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.joblist-list h4 {
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    border-bottom: 2px solid;
    width: 100%;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.joblist-list h4 br {
    display: none;
}
.joblist-list h3 {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: 500;
}
.joblist-list img {
    filter: invert(1);
    height: 7rem;
    width: auto;
    margin: 1rem 0 1.5rem;
}
.joblist-list p {
    margin-bottom: 1rem;
}
.joblist-list button {
    flex-direction: column;
    gap: 1rem;
    margin: 0;
}

/* media query : mobile */
@media screen and (max-width:768px) {
    .joblist-list {
        flex-direction: column;
        gap: 4rem;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .joblist-list {
        gap: 4rem;
    }
    .joblist-list h3 {
        min-height: 3rem;
    }
    .joblist-list p {
        min-height: 9rem;
    }
}
/* recruit-reason ----------------------*/
.reason-list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.reason-list h3 {
	display: flex;
    align-items: center;
	font-weight: 500;
	margin-bottom: 4rem;
	line-height: 1.2;
}
.reason-list h3 strong {
    display: inline-block;
    font-family: 'Jost';
    font-weight: 500;
    font-style: italic;
}
.reason-list h3:after {
	content: "";
	position: absolute;
	height: 4px;
	background: linear-gradient(90deg,#7f3bff 0,#3573ff 100%);
	background: -webkit-linear-gradient(0deg, #7f3bff 0,#3573ff 100%);
	left: 0;
	bottom: -1rem;
}
.reason-list p {
	line-height: 2;
}
.reason-list h4 {
	text-align: center;
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    font-weight: 500;
    display: block;
    background: -webkit-linear-gradient(0deg, #7f3bff 0, #3573ff 100%);
    color: #FFF;
}
.reason-list__illust {
	margin: 4rem auto 0;
    max-width: 65rem;
}
.reason-list__award {
    margin-top: 2rem;
    display: inline-block;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.reason-list h3 {
		font-size: 1.5rem;
		gap: 1.5rem;
	}
	.reason-list h3 strong {
		font-size: 3rem;
	}
	.reason-list h3:after {
		width: 4rem;
	}
	.reason-list p {
		font-size: 1rem;
	}
	.reason-list h4 {
		font-size: 1.1rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.reason-list h3 {
		font-size: 3rem;
		gap: 3rem;
	}
	.reason-list h3 strong {
		font-size: 5rem;
	}
	.reason-list h3:after {
		width: 6rem;
	}
	.reason-list p {
		font-size: 1.2rem;
	}
	.reason-list h4 {
		font-size: 1.5rem;
	}
}
.flex-col {
	display: flex;
}
.flex-sub div {
	display: flex;
	gap: 1rem;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.flex-col {
		flex-direction: column;
		gap: 2rem;
	}
	.flex-col.flex-reverse {
		flex-direction: column-reverse;
	}
	.reason-list li:nth-child(4) .flex-col.flex-reverse {
		flex-direction: column;
	}
	.flex-sub div {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.flex-col {
		gap: 4rem;
	}
	.flex-item {
		width: 50%;
	}
	.flex-col.flex-reverse {
		flex-direction: row-reverse;
	}
}
/* recruit-youtube ----------------------*/
.youtube-list {
    display: flex;
}
.youtube-list li {

}
.youtube-list a {
    display: block;
    position: relative;
}
.youtube-list a:before {
    display: block;
    content: "";
    padding-top: 56.25%;
}
.youtube-list a img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.youtube-list p {
    margin: 1rem 0;
    font-size: 0.925rem;
    color: #FFF;
}
.youtube-list h3 {
    color: #FFF;
	margin-top: 1rem;
}
.recruit-youtube .button {
	margin-bottom: 0;
}
/* media query : mobile */
@media screen and (max-width:768px) {
    .youtube-list {
        gap: 4rem;
        flex-direction: column;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .youtube-list {
        gap: 4rem;
        flex-wrap: wrap;
    }
    .youtube-list li {
        width: 30%;
    }
}
/* recruit-media ----------------------*/
.recruit-media {
	overflow: hidden;
}
.media-list figure {
	display: block;
    position: relative;
}
.media-list figure:before {
	display: block;
    content: "";
    padding-top: 52%;
}
.media-list figure img {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.media-list h3 {
	color: #FFF;
	text-align: center;
}
.media-list p {
	color: #FFF;
	text-align: center;
}
.media-list li.slick-current:nth-child(-1),
.media-list li.slick-current:nth-child(+1) {
	scale: 0.8;
}
.media-list li figure:before {
	padding-top: 40%;
}
.media-list li a {
	display: block;
	padding-top: 6%;
}
.media-list li.slick-center figure:before {
	padding-top: 52%;
	transition: 0.3s;
}
.media-list li.slick-center a {
	padding-top: 0;
	transition: 0.3s;
}
.media-list .slick-arrow {
	z-index: 10;
}
.media-list .slick-arrow:before {
	content: "";
    display: block;
    width: 3rem;
    height: 3rem;
    opacity: 1;
    position: absolute;
    top: calc(50% - 4rem);
}
.media-list .slick-prev:before {
    background: url(../img/link-left__solid-circle.svg) no-repeat center / contain;
	left: 0rem;
}
.media-list .slick-next:before {
    background: url(../img/link-right__solid-circle.svg) no-repeat center / contain;
	right: 0rem;
}
.media-list .slick-dots {
	bottom: -35px;
}
.media-list .slick-dots li button:before {
	font-size: 10px;
	opacity: 1;
	color: #FFF;
}
.media-list .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #0166ff;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.section.recruit-media,
	.section.recruit-data,
	.section.recruit-sns {
		margin-top: -5rem;
	}
	.media-list h3 {
		padding: 1rem 0rem 0.5rem;
		font-size: 1rem;
	}
	.media-list p {
		font-size: 80%;
	}
	.media-list .slick-prev:before {
		left: 0.3rem;
	}
	.media-list .slick-next:before {
		right: 0.3rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.section.recruit-media,
	.section.recruit-data,
	.section.recruit-sns {
		margin-top: -8rem;
	}
	.media-list h3 {
		padding: 2rem 2rem 0.5rem;
		font-size: 1.2rem;
	}
	.media-list .slick-prev:before {
		left: 0rem;
	}
	.media-list .slick-next:before {
		right: 0rem;
	}
}
/* recruit-data ----------------------*/
.recruit-data .container {
	max-width: 62rem;
}
/* recruit-sns ----------------------*/
.recruit-sns {
	overflow: hidden;
}
/*.recruit-sns .yt-official:after {
	content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 0;
    background: url(../img/sns-coment.svg) no-repeat center / contain;
}*/
.sns-list ul {
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 2rem;
}
.sns-list li {
	border: 1px solid #FFF;
}
.sns-list a {
	color: #FFF;	
}
/* media query : mobile */
@media screen and (max-width:768px) {
	/*.recruit-sns .yt-official:after {
		max-width: 12rem;
		padding-top: 15.9%;
		left: auto;
		right: -3rem;
		top: 1.2rem;
	}*/
	.sns-list ul {
		flex-direction: column;
	}
	.sns-list li {
		width: 100%;
	}
	.sns-list a {
		padding: 1rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	/*.recruit-sns .yt-official:after {
		max-width: 20rem;
		padding-top: 22.9%;
		top: 4.2rem;
		left: calc(50% - 10rem);
	}*/
	/*.sns-list ul {
		flex-wrap: wrap;
	}*/
	.sns-list li {
		width: 31.5%;
	}
	.sns-list a {
		padding: 1.5rem 2rem;
		font-size: 1.2rem;
	}
}
/* recruit-faq ----------------------*/
.section.recruit-faq {
	background: url(../img/recruit-faq.jpg) no-repeat bottom center / 100% auto;
}
.faq-list {
	display: flex;
    flex-direction: column;
    margin-top: -2rem;
}
.recruit-q {
	display: flex;
	align-items: center;
    gap: 1.5rem;
	cursor: pointer;
    background: #0a1946;
    color: #FFF;
    padding: 1rem 3.5rem 1rem 1.5rem;
	margin-top: 2rem;
}
.recruit-q:before {
	content: "Q";
    font-family: 'Jost', sans-serif;
    border: 2px solid #969696;
    color: #969696;
    line-height: 1;
    width: 2.8rem;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.8rem;
}
.recruit-q:after {
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background: url(../img/acm-plus.svg) no-repeat center/contain;
	position: absolute;
    right: 1.5rem;
    top: calc(50% - 1rem);
}
.recruit-a {
	display: none;
	border: 2px solid #0a1946;
    padding: 1rem 1.5rem;
	background: #FFF;
}
/* media query : mobile */
@media screen and (max-width:768px) {

}
/* media query : desktop */
@media screen and (min-width:769px) {
	.recruit-q {
		font-size: 1.3rem;
	}
}
/* recruit-cv ----------------------*/
.section.recruit-cv {
	background: linear-gradient(90deg, #7f3bff 0, #3573ff 100%);
    background: -webkit-linear-gradient(0deg, #7f3bff 0, #3573ff 100%);
    color: #FFF;
}
.recruit-cv .recruit-h2 {
	margin-bottom: 2rem;
}
.recruit-cv p {
	text-align: center;
}
.recruit-cv .button {
	margin-bottom: 0;
}
.recruit-cv .button a {
	background: #FFF;
	color: #000;
}
.recruit-cv .button a:after{
	background: url(../img/arrow-blk.svg) no-repeat center / contain;
}
/* media query : mobile */
@media screen and (max-width:768px) {

}
/* media query : desktop */
@media screen and (min-width:769px) {
	.section.recruit-cv {
		padding-top: 5rem;
    	padding-bottom: 5rem;
	}
	.recruit-cv p {
		font-size: 1.2rem;
	}
}
/* 3.3 Recruit-data
--------------------------------------------------------------*/
.mv-data {
    background: url(../img/recruit-data.jpg) no-repeat center / cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mv-data .container {
	position: static;
}
.mv-data p {
	position: absolute;
    right: 1.5rem;
    color: #FFF;
    bottom: 1rem;
	font-size: 1.5rem;
	font-weight: 500;
}
.data-list {
	display: flex;
    gap: 2rem;
    justify-content: space-between;
}
.data-list h3 {
	background: #0a1946;
    color: #FFF;
    text-align: center;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 500;
	padding: 1rem;
}
.data-list h3:before,
.data-list h3:after {
	content: "";
	position:absolute;
	width:0;
	height:0;
	border-style: solid;
}
.data-list h3:before {
	bottom:0;
	left:0;
	border-color: #0a1946 transparent transparent #fff;
    border-width: 20px 0 0px 20px;
}
.data-list h3:after {
	top:0;
	right:0;
	border-color: transparent #fff #0a1946 transparent;
    border-width: 0 20px 20px 0;
}
.data-list figure {
	margin: 0;
}
.data-list p {
	text-align: center;
    letter-spacing: 0;
    font-size: 80%;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.mv-data {
		min-height: 13rem;
	}
	.data-list {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.mv-data {
		min-height: 26rem;
	}
	.data-list {
		flex-wrap: wrap;
	}
	.data-list li {
		width: calc(34% - 2rem);
	}
	.data-list li.width-full {
		width: 100%;
	}
}
/* recruit-banner / recruit-event
--------------------------------------------------------------*/
/* recruit-banner ----------------------*/
.header-nav.deactive .banner-switch,
.footer-nav.deactive .banner-switch {
	display: none;
}
.header-nav .banner-switch a {
	border-radius: 3rem;
	border: 2px solid #7f3bff;
	padding: 0.5rem 1.5rem;
	background: #FFF;
	color: #7f3bff;
}
.section.recruit-banner {
	margin: 2rem 0;
}
.recruit-banner a {
	display: block;
    line-height: 0;
    text-align: center;
}
@media screen and (max-width: 768px) {
	
}
@media screen and (min-width: 769px) {
	.recruit-banner img {
		width: auto;
		max-width: 45rem;
	}
}
/* recruit-event ----------------------*/
.mv-recruit-event {
	background: linear-gradient(90deg, #7f3bff 0, #3573ff 100%);
    background: -webkit-linear-gradient(0deg, #7f3bff 0, #3573ff 100%);
	display: flex;
    align-items: center;
}
.mv-recruit-event .container {
	width: 100%;
}
.mv-recruit-event h1 {
	font-weight: 500;
    line-height: 1.5;
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
}
@media screen and (max-width: 768px) {
	.mv-recruit-event {
		min-height: 10rem;
	}
	.mv-recruit-event h1 {
		font-size: 2rem;
		letter-spacing: 5px;
	}
}
@media screen and (min-width: 769px) {
	.mv-recruit-event {
		min-height: 20rem;
	}
	.mv-recruit-event h1 {
		font-size: 4rem;
		letter-spacing: 20px;
	}
}
/* recruit-event-h2 */
.recruit-event-h2 {
    margin-bottom: 4rem;
    line-height: 1.5;
	z-index: 1;
}
.recruit-event-h2 strong {
	display: block;
	font-family: 'Jost', sans-serif;
    font-weight: 500;
	font-size: 2rem;
	margin-bottom: 0.5rem;
}
.recruit-event-h2 span {
	display: block;
	font-weight: normal;
	font-size: 0.925rem;
	margin-bottom: 1.2rem;
}
.recruit-event-h2:after {
	content: "";
	display: block;
	width: 2.6rem;
    height: 0.15rem;
	border-radius: 0.15rem;
	background: linear-gradient(90deg,#7f3bff 0,#3573ff 100%);
	background: -webkit-linear-gradient(0deg, #7f3bff 0,#3573ff 100%);
}
/* 3.4 Single-joblist
--------------------------------------------------------------*/
/* mv-joblist ----------------------*/
.mv-joblist {
    color: #FFF;
    background: #0a1946;
}
.mv-joblist .container {
    display: flex;
    justify-content: center;
}
.mv-title{
    font-family: 'Jost', sans-serif;
    line-height: 1;
    font-weight: 100;
}
.mv-title p {
    line-height: 1;
}
.mv-title h1 {
    font-weight: 400;
    line-height: 1.5;
}
/* media query : mobile */
@media screen and (max-width:768px) {
    .mv-joblist {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .mv-joblist .container {
        flex-direction: column;
        gap: 2rem;
    }
    .mv-title p {
        font-size: 5.5rem;
    }
    .mv-title h1 {
        font-size: 1rem;
        margin-top: 1rem;
    }
    .mv-img img {
        max-width: 10rem;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .mv-joblist {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .mv-joblist .container {
        gap: 4rem;
    }
    .mv-title p {
        font-size: 10rem;
    }
    .mv-title h1 {
        font-size: 1.4rem;
        margin-top: 2rem;
    }
    .mv-img img {
        max-width: 32rem;
    }
}
/* media query : tablet */
@media screen and (min-width:769px) and (max-width:1024px){
    .mv-title p {
        font-size: 13.6vw;
    }
    .mv-title h1 {
        font-size: 1.9vw;
    }
}
/* joblist-detail ----------------------*/
.joblist-detail {
    display: flex;
    flex-direction: column;
}
.joblist-detail li {
    border-top: 2px solid #000;
}
.joblist-detail__block {
    display: flex;
    border-left: 2px solid #000;
}
.joblist-detail__h3 {
    font-size: 1.2rem;
}
.joblist-flow {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}
.joblist-flow dt {
	background: #000;
    color: #FFF;
    display: flex;
    width: 4rem;
    height: 4rem;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: 0;
}
.joblist-flow dt:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 1rem;
	left: 2rem;
	bottom: -1rem;
	background: #000;
}
.joblist-flow:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 1rem;
	left: 2rem;
	bottom: -1rem;
	background: #FFF;
}
.joblist-flow dd {
	width: calc(100% - 5rem);
	font-size: 1.2rem;
}
.joblist-flow br {
	display: none;
}
.joblist-entry {

}
.joblist-entry a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: linear-gradient(90deg, #7f3bff 0, #3573ff 100%);
    background: -webkit-linear-gradient(0deg, #7f3bff 0, #3573ff 100%);
    max-width: 32rem;
    height: 7rem;
    margin: 0 auto;
    color: #FFF;
    line-height: 1;
}
.joblist-entry a strong {
    font-family: 'Jost', sans-serif;
	font-weight: 500;
    font-size: 3rem;
}
.joblist-entry a span {

}
/* media query : mobile */
@media screen and (max-width:768px) {
    .joblist-detail {
        gap: 2rem;
        margin-bottom: 5rem;
    }
    .joblist-detail li {
        padding-top: 2rem;
    }
    .joblist-detail__block {
        padding-left: 2rem;
        flex-direction: column;
        gap: 1rem;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .joblist-detail {
        gap: 3rem;
        margin-bottom: 8rem;
    }
    .joblist-detail li {
        padding-top: 3rem;
    }
    .joblist-detail__block {
        padding-left: 3rem;
        gap: 2rem;
    }
    .joblist-detail__h3 {
        width: 18rem;
    }
    .joblist-detail__desc {
        width: calc(100% - 22rem);
    }
}
/* 3.4 Single-award
--------------------------------------------------------------*/
.mv-award {

}
.mv-award:before {
	display: block;
    content: "";
    padding-top: 30.308333%;
}
.mv-award img {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
/* single-post*/
.single-h1 h1{
    font-weight: 600;
    line-height: 1.5;
}
.single-edit h2 {
    font-weight: 500;
    line-height: 2;
    margin-bottom: 3rem;
    display: inline-block;
	background: linear-gradient(90deg,#7f3bff 0,#3573ff 100%);
	background: -webkit-linear-gradient(0deg, #7f3bff 0,#3573ff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.single-edit h2 span {
    background: linear-gradient(90deg,#7f3bff 0,#3573ff 100%);
	background: -webkit-linear-gradient(0deg, #7f3bff 0,#3573ff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.single-edit h3 {
    font-weight: 500;
    line-height: 2;
    margin-bottom: 2rem;
}
.single-edit h4 {
    font-weight: 500;
    line-height: 2;
    margin-bottom: 1rem;
}
.single-edit p {
    line-height: 2;
    margin: 0 auto 3rem;
}
.single-edit strong {
    font-weight: 600;
}
.single-edit small {
    font-size: 80%;
}
.single-edit figure {
	margin-bottom: 3rem;
}
.single-edit a,
.single-edit a:link {
    color: #0166ff;
    text-decoration: underline;
}
.single-edit figcaption {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.single-h1 {
		margin-bottom: 4rem;
	}
	.single-h1 h1{
		font-size: 1.5rem;
	}
    .single-edit h2 {
        font-size: 1.6rem;
        letter-spacing: 2px;
    }
    .single-edit h3 {
        font-size: 1.3rem;
        letter-spacing: 2px;
    }
    .single-edit h4 {
        font-size: 1.1rem;
        letter-spacing: 2px;
    }
    
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.single-h1 {
		margin-bottom: 8rem;
	}
	.single-h1 h1{
		font-size: 2.5rem;
	}
    .single-edit h2 {
        font-size: 2.1rem;
        letter-spacing: 6px;
    }
    .single-edit h3 {
        font-size: 1.6rem;
        letter-spacing: 3px;
    }
    .single-edit h4 {
        font-size: 1.3rem;
        letter-spacing: 1px;
    }
}
/*==============================================================
4.0 Breadcrumbs
--------------------------------------------------------------*/
/* 4.1 
--------------------------------------------------------------*/
.breadcrumbs {
	color: #000;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	font-size: 0.825rem;
	line-height: 2;
}
.breadcrumbs a {
	color: #000;
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.breadcrumbs .container {
		max-width: 100%;
	}
}
/*==============================================================
5.0 Footer
--------------------------------------------------------------*/
.footer {
	background: #282828;
	padding-top: 5rem;
	padding-bottom: 5rem;
	color: #FFF;
}
.footer a {
	color: #FFF;
}
/* 5.1 nav
--------------------------------------------------------------*/
/* footer-nav */
.footer-nav {
	display: flex;
}
.footer-logo {
	display: flex;
	align-items: center;
	line-height: 0;
	gap: 1.2rem;
}
.footer-logo span {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 2.5rem;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.footer-logo span.footer-logo__img {
	max-width: 12rem;
	background: url(../img/header-logo__white.svg) no-repeat center/contain;
}
.footer-logo span.footer-logo__recruit {
	max-width: 5rem;
	background: url(../img/header-logo__recruit.svg) no-repeat center/contain;
}
.footer-menu ul {
	width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.footer-nav {
		flex-direction: column-reverse;
		align-items: center;
		gap: 2rem;
		margin-bottom: 2rem;
	}
	.footer-menu ul {
		gap: 2rem 3rem;
        flex-wrap: wrap;
        justify-content: center;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.footer-nav {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 5rem;
	}
	.footer-menu {
		width: 45%;
	}
	.footer-menu ul {
		justify-content: space-between;
	}
}
/* footer-socail */

.footer-social ul {
	display: flex;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.footer-social {
		margin-bottom: 2.5rem;
	}
	.footer-social ul {
		flex-direction: column;
		align-items: center;
		gap: 1.5rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.footer-social {
		margin-bottom: 5rem;
	}
	.footer-social ul {
		gap: 2rem;
		flex-wrap: wrap;
		justify-content: center;
	}
}
/* 5.2 copyright
--------------------------------------------------------------*/
.footer-terms {
	text-align: center;
}


/* 追加：2025年1月28日グループ会社ロゴ
--------------------------------------------------------------*/
.home-groupcompany__title {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.home-groupcompany__title img {
	width: 3rem;
}
.home-groupcompany__title p {
	line-height: 1.4;
}
.home-groupcompany {
	background: #EFEFEF;
}
.home-groupcompany li {
    overflow: hidden;
	box-shadow: 0px 0px 0.5rem rgb(0 0 0 / 10%);
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-groupcompany__title {
		padding-top: 1rem;
	}
	.home-groupcompany__title p {
		font-size: 0.825rem;
	}
	.home-groupcompany ul {
		padding-top: 1rem;
	}
	.home-groupcompany li {
		margin: 0 0.5rem 1rem;
		border-radius: 0.2rem;
	}	
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.home-groupcompany__title {
		padding-top: 2rem;
	}
	.home-groupcompany ul {
		padding-top: 2rem;
	}
	.home-groupcompany li {
		margin: 0 1rem 2rem;
		border-radius: 0.5rem;
	}
}

/* 追加：2025年10月27日モデル削除
--------------------------------------------------------------*/
/* media query : mobile */
@media screen and (max-width:768px) {
	.mv-recruit {
		background: url(../img/header-mv__sp3.png) no-repeat center/cover;
		padding-top: 155.12821%;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.mv-recruit {
		background: url(../img/header-mv__pc3.png) no-repeat center/cover;
		padding-top: 35.25%;
	}
}
.recruit-sns .yt-official:after {
	display: none;
}
.recruit-award {
	margin-top: 4rem
}
.recruit-award h4 {
    text-align: center;
    font-weight: 600;
    font-style: italic;
    color: #7f3bff;
}
.recruit-award a {
	display: block;
}
.recruit-award a img {
	width: 100%;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.recruit-award h4 {
		font-size: 1.3rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.recruit-award h4 {
		font-size: 2.6rem;
	}
	.joblist-list p {
		height: 100% !important;
	}
}