@charset "utf-8";
body {
		background: #f5f5f5;
}
.loading_base {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #141414;
		z-index: 9999
}
.loading_base.loadEnd {
		animation: loadEnd 0.8s linear forwards;
}
#kv_movie {
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		overflow: hidden;
}
@keyframes loadEnd {
		0% {
				opacity: 1;
		}
		99% {
				opacity: 0;
		}
		100% {
				opacity: 0;
				display: none;
		}
}
#youtubeBgPC {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 178vh;
		height: 80vw;
		min-height: 100%;
		min-width: 100%;
		pointer-events: none;
}
#youtubeBgTAB {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 178vh;
		height: 80vw;
		min-height: 100%;
		min-width: 100%;
		pointer-events: none;
}
#youtubeBgSP {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(1.15);
		width: 100%;
		height: 100vh;
		min-height: 100%;
		min-width: 100%;
		pointer-events: none;
}
.forTablet {
		display: none;
}
@media(max-width: 840px) {
		.forDesktop {
				display: none
		}
		.forTablet {
				display: block
		}
}
@media(min-width: 768px) {
		.forSP {
				display: none;
		}
}
@media(max-width: 767px) {
		.forTablet {
				display: none;
		}
}
/* ===================== */
.kv {
		height: 100vh;
		position: relative;
		z-index: 11;
		background: #1e1e1e;
}
.mouthStalker {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		position: fixed;
		top: 0;
		left: 0;
		transform: translate(-50%, -50%);
		z-index: 12;
		pointer-events: none;
		background: #ddd;
		opacity: 1;
		mix-blend-mode: difference;
		display: flex;
		justify-content: center;
		align-items: center;
}
.mouthStalker.isHidden {
		opacity: 0 !important;
		transform: scale(0.5) !important;
		pointer-events: none;
}
.mouthStalker.isOutKv {
		transform: scale(0.3) !important;
}
.mouthStalker span {
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: 16px;
		font-weight: 500;
		color: #000;
		mix-blend-mode: darken;
}
@media(max-width: 767px) {
		.kv {
				background-image: url("../images/Jetus_web_KV_SP1.png");
				background-attachment: inherit;
				width: 100%;
				background-color: #1e1e1e
		}
		.mouthStalker {
				display: none !important
		}
}
/* ============== */
.top_bg_logo {
		position: fixed;
		width: 800px;
		height: 355px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		top: calc(50% - 200px);
		left: calc(50% - 400px);
		z-index: 5;
		pointer-events: none;
		mix-blend-mode: lighten;
}
.top_bg_logo.isDark {
		mix-blend-mode: darken;
		opacity: 0.05;
		z-index: 10
}
.top_bg_logo div {
		position: absolute;
}
.top_bg_logo img {
		width: 100%;
		height: auto;
}
.top_bg_logo .top_bg_logo_je {
		top: 0;
		left: 0;
		width: 480px;
		height: 355px;
		transform: scale(0.5)
}
.top_bg_logo .top_bg_logo_plus {
		bottom: 0;
		left: 544px;
		width: 256px;
		height: 256px;
		transform: scale(1.8)
}
@media(max-width: 1500px) {
		.top_bg_logo {
				width: 640px;
				height: 286px;
				top: calc(50% - 157px);
				left: calc(50% - 320px);
		}
		.top_bg_logo .top_bg_logo_je {
				width: 383px;
				height: 284px;
		}
		.top_bg_logo .top_bg_logo_plus {
				left: 435px;
				width: 206px;
				height: 206px;
		}
}
@media(max-width: 767px) {
		.top_bg_logo {
				width: 300px;
				height: 134px;
				top: calc(50% - 67px);
				left: calc(50% - 150px);
		}
		.top_bg_logo .top_bg_logo_je {
				width: 180px;
				height: 134px;
		}
		.top_bg_logo .top_bg_logo_plus {
				left: 203px;
				width: 98px;
				height: 98px;
		}
}
@media(max-width: 390px) {
		.top_bg_logo {
				width: 250px;
				height: 110px;
				top: calc(50% - 55px);
				left: calc(50% - 125px);
		}
		.top_bg_logo .top_bg_logo_je {
				width: 150px;
				height: 110px;
		}
		.top_bg_logo .top_bg_logo_plus {
				left: 170px;
				width: 80px;
				height: 80px;
		}
}
/* ========= */
.section_name {
		display: flex;
		align-items: center;
		margin: 0 0 80px;
		padding: 80px 40px 0;
		position: relative;
		z-index: 10;
}
.section_name:not(.none)::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		transform-origin: left center;
		background: #3C3C3C;
		transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(0)
}
.section_name.isActive::before {
		transform: scaleX(1)
}
.section_name div {
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: 18px;
		font-weight: 300;
		color: #787878;
}
.section_name .section_no {
		width: 120px;
}
@media(max-width: 960px) {
		.section_name .section_no {
				width: 80px;
		}
}
.service_section .section_name {
		padding-left: 0;
		padding-top: 0;
}
.service_section .section_name .section_no {
		left: 0;
		top: 0;
}
@media(min-width: 2001px) {
		.section_name div {
				font-size: 26px;
		}
}
@media(max-width: 840px) {
		.section_hd {
				width: calc(100vw - 280px);
				padding: 0;
		}
}
@media(max-width: 767px) {
		.section_name {
				display: flex;
				align-items: center;
				margin: 0 0 80px;
				margin-bottom: 60px;
				padding: 80px 20px 0;
		}
		.service_statement_section .section_name {
				padding-left: 0;
		}
		.section_name:not(.none)::before {
				transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
		}
		.section_name .section_no {
				width: 60px;
		}
		.section_name div {
				font-size: 12px;
				font-size: 10px;
		}
}
.section_hd_wrap {
		display: flex;
		margin: 0 0 35px
}
section:not(.service_statement_section):not(.studio_section) .section_hd_wrap {
		padding-left: 40px;
}
.section_title {
		position: relative;
}
.section_title a {
		color: #ddd;
		text-decoration: none;
		position: relative;
}
.section_title a span {
		position: relative;
}
.section_title a span::before, .section_title a span::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 4px;
		left: 0.1em;
		width: calc(100% + 15px);
		height: 1px;
		background: #ddd;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		transform-origin: left center;
}
.section_title a span::before {
		opacity: 0.8;
}
.section_title a span::after {
		height: 2px;
		transform: scaleX(0);
}
@media (hover: hover) {
		.section_title a:hover span::after {
				transform: scaleX(1);
		}
}
.section_title h3 {
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: clamp(4.0rem, 6.25vw + 0.625rem, 8.125rem);
		font-weight: 300;
		line-height: 0.75;
		letter-spacing: 0;
		position: relative;
		padding-bottom: 8px;
}
.section_title h3::after {
		content: '';
		display: block;
		position: absolute;
		top: -10px;
		left: 0;
		width: calc(100% + 100px);
		height: calc(100% + 20px);
		background: #1e1e1e;
		opacity: 0.8;
		transition: transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
		transform-origin: right center;
}
@media(max-width: 767px) {
		.service_section_wrap .section_title h3::after {
				display: none
		}
}
.section_title.blk h3 {
		color: #1e1e1e;
}
.section_title.blk h3::after {
		background: #f5f5f5;
		display: none;
}
.section_title.blk h3 {
		display: inline-block;
		background-image: linear-gradient(90deg, #1e1e1e 50%, #cacaca 50%);
		background-size: 200%;
		background-position: 100% 0%;
		color: #1e1e1e;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}
section .section_title.blk.isActive h3 {
		animation: textSlideCover 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes textSlideCover {
		0% {
				background-position: 100% 0%;
		}
		100% {
				background-position: 0% 0%;
		}
}
section .section_title.isActive h3::after {
		transform: scaleX(0);
}
.isActive .section_title.isActive h3::after {
		transform: scaleX(0);
}
.section_title .icon_plus {
		display: block;
		position: absolute;
		top: 0px;
		right: -25px;
		width: 20px;
		height: 20px;
}
.icon_plus .icon_plus_bar {
		position: absolute;
		top: 8px;
		left: 0;
		width: 20px;
		height: 4px;
}
.icon_plus .icon_plus_bar:nth-child(2) {
		transform: rotate(90deg)
}
.icon_plus .icon_plus_bar::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #ddd;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s, left 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.blk .icon_plus .icon_plus_bar::after {
		background: #1e1e1e;
}
.icon_plus .icon_plus_bar:nth-child(1)::after {
		transform-origin: right center;
		transform: scaleX(24);
		opacity: 0;
		background: linear-gradient(90deg, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 60%);
}
.icon_plus .icon_plus_bar:nth-child(2) {
		transform: rotate(90deg);
}
.icon_plus .icon_plus_bar:nth-child(2)::after {
		transform-origin: left center;
		transform: scaleX(8);
		opacity: 0;
		transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s, top 0.6s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.18s;
		background: linear-gradient(-90deg, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 60%);
}
section:not(.service_section) .section_title.isActive .icon_plus .icon_plus_bar:nth-child(1)::after, section:not(.service_section) .section_title.isActive .icon_plus .icon_plus_bar:nth-child(2)::after {
		transform: scaleX(1);
		opacity: 1;
		background: #ddd;
		left: 0;
}
section:not(.service_section) .section_title.isActive .icon_plus.blk .icon_plus_bar:nth-child(1)::after, section:not(.service_section) .section_title.isActive .icon_plus.blk .icon_plus_bar:nth-child(2)::after {
		background: #1e1e1e;
}
section:not(.service_section) .isActive .section_title.isActive .icon_plus .icon_plus_bar:nth-child(1)::after, section:not(.service_section) .isActive .section_title.isActive .icon_plus .icon_plus_bar:nth-child(2)::after {
		transform: scaleX(1);
		opacity: 1;
		background: #ddd;
		left: 0;
}
section:not(.service_section) .isActive .section_title.isActive .icon_plus.blk .icon_plus_bar:nth-child(1)::after, section:not(.service_section) .isActive .section_title.isActive .icon_plus.blk .icon_plus_bar:nth-child(2)::after {
		background: #1e1e1e;
}
@media(max-width: 767px) {
		.section_title h3 {
				font-size: 64px;
				font-size: 56px;
		}
		section:not(.studio_section) .section_hd_wrap {
				padding-left: 20px;
		}
		.section_title .icon_plus {
				top: 5px;
				right: -15px;
				width: 10px;
				height: 10px;
		}
		.icon_plus::before, .icon_plus::after {
				top: 4px;
				width: 10px;
				height: 2px;
		}
		.icon_plus .icon_plus_bar {
				top: 4px;
				width: 10px;
				height: 2px;
		}
		.icon_plus .icon_plus_bar:nth-child(1)::after {
				transform: scaleX(20);
		}
		.icon_plus .icon_plus_bar:nth-child(2)::after {
				transform: scaleX(6);
		}
}
/* ============= */
.statement_section {
		padding-top: 1000px;
		padding-bottom: 360px;
		padding-bottom: 0;
}
@media(max-width: 767px) {
		.statement_section {
				padding-top: 0;
				padding-bottom: 200px;
				padding-bottom: 0;
		}
}
/* ============= */
.studio_section {
		position: relative;
		z-index: 10;
		padding-bottom: 160px;
		color: #1e1e1e;
		/* background: #f5f5f5; */
}
.studio_flex {
		display: flex;
		align-items: flex-start;
		padding: 0 40px;
}
.studio_figure {
		width: 46%;
		margin-right: 5%;
}
.studio_figure img {
		width: 100%;
		height: auto;
		mask-image: url("../images/top_studio_mask.jpg");
		mask-repeat: no-repeat;
		mask-position: -60vw center;
		mask-size: 60vw;
		-webkit-mask-image: url("../images/top_studio_mask.jpg");
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: -60vw center;
		-webkit-mask-size: 60vw;
		transition: -webkit-mask-position 1.7s cubic-bezier(0.16, 1, 0.3, 1), mask-position 1.7s cubic-bezier(0.16, 1, 0.3, 1), left 1s cubic-bezier(0.16, 1, 0.3, 1);
		position: relative;
		left: -50px;
}
.studio_figure.fadeInNmlActive img {
		mask-position: 0vw center;
		-webkit-mask-position: 0vw center;
		left: 0px;
}
.studio_caption {
		flex: 1;
		padding-right: 20px;
}
.studio_caption_col h4 {
		font-size: 28px;
		font-weight: 500;
		margin: 40px 0 25px;
		line-height: 1.7;
}
@media(max-width: 840px) {
		.studio_caption_col h4 {
				font-size: 24px;
		}
}
@media(max-width: 767px) {
		.studio_caption_col h4 {
				font-size: 20px;
		}
}
.studio_caption_col p {
		line-height: 2.2;
		text-align: justify;
		margin-bottom: 80px;
}
@media(min-width: 2001px) {
		.studio_caption_col p {
				font-size: 18px;
		}
}
@media(max-width: 1440px) {
		.studio_flex {
				display: flex;
				align-items: flex-start;
		}
		.studio_caption_col p {
				font-size: 14px;
		}
}
@media(max-width: 840px) {
		.studio_flex {
				padding: 0 30px;
		}
		.studio_figure {
				width: 48%;
				margin-right: 45px;
		}
		.studio_figure img {
				mask-image: url("../images/top_studio_mask_sp.jpg");
				mask-position: -100vw center;
				mask-size: 100vw;
				-webkit-mask-image: url("../images/top_studio_mask_sp.jpg");
				-webkit-mask-position: -100vw center;
				-webkit-mask-size: 100vw;
				transition: -webkit-mask-position 1s cubic-bezier(0.16, 1, 0.3, 1), mask-position 1s cubic-bezier(0.16, 1, 0.3, 1), left 1s cubic-bezier(0.16, 1, 0.3, 1);
		}
}
@media(max-width: 767px) {
		.studio_section {
				padding-bottom: 120px;
		}
		.studio_flex {
				display: block;
				padding: 0 20px;
		}
		.studio_figure {
				width: 100%;
				margin: 0 0 40px;
		}
		.studio_caption_col p {
				line-height: 2.0;
				text-align: justify;
				margin-bottom: 30px;
				font-size: 13px;
		}
}
/* ============= */
.recruit_section_upper {
		background: #1e1e1e;
		height: 140px;
}
.recruit_section, .contact_section {
		padding-bottom: 80px;
		overflow: hidden;
		background: #1e1e1e;
		position: relative;
		z-index: 10
}
.section_wrap {
		padding: 0 40px;
}
.section_wrap_inner {
		margin-left: 120px;
		display: flex;
		align-items: center;
		justify-content: space-between;
}
.section_wrap_inner_right {
		padding-right: 80px;
}
@media(max-width: 1680px) {
		.section_wrap_inner_right {
				padding-right: 40px;
		}
}
.section_lead {
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: 24px;
		font-weight: 400;
		line-height: 1.8;
		color: #ddd;
		letter-spacing: 0;
		margin: 0 0 25px;
}
.section_ul_flex {
		display: flex;
}
.section_ul_flex ul {
		list-style: none;
		color: #787878;
}
.section_ul_flex ul:first-child {
		width: 250px;
}
.section_ul_flex ul li {
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: 14px;
		font-weight: 300;
		color: #787878;
		letter-spacing: 0;
		margin: 0 0 18px;
}
@media(min-width: 2001px) {
		.section_lead {
				font-size: 28px;
		}
		.section_ul_flex ul li {
				font-size: 16px;
		}
}
.section_ul_flex ul li:last-child {
		margin-bottom: 0;
}
.section_ul_flex li a {
		color: #ddd;
		text-decoration: none;
		transition: color 0.1s;
		position: relative;
		padding-left: 15px;
}
.section_ul_flex li a::before, .section_ul_flex li a::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 8px;
		height: 2px;
		background: #ddd;
}
.section_ul_flex li a::after {
		transform: rotate(90deg)
}
.section_ul_flex li a span {
		position: relative;
}
.section_ul_flex li span::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -4px;
		left: 0;
		width: 100%;
		height: 1px;
		background: #ddd;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(0);
		transform-origin: left center;
}
@media (hover: hover) {
		.section_ul_flex li a:hover {
				color: #ddd;
		}
		.section_ul_flex li a:hover span::after {
				transform: scaleX(01);
		}
}
@media(max-width: 1024px) {
		.section_wrap_inner {
				box-sizing: border-box;
				padding-right: 20px;
		}
}
@media(max-width: 960px) {
		.recruit_section, .contact_section {
				padding-bottom: 120px;
		}
		.section_wrap_inner {
				margin-left: 0;
		}
}
@media(max-width: 1100px) {
		.section_ul_flex ul:first-child {
				width: 200px;
		}
}
@media(max-width: 767px) {
		.recruit_section_upper {
				height: 80px;
		}
		.recruit_section, .contact_section {
				padding-bottom: 80px;
		}
		.section_wrap {
				padding: 0 20px;
		}
		.section_wrap_inner {
				width: auto;
				display: block;
		}
		.section_lead {
				font-size: 24px;
				margin: 0 0 25px;
				line-height: 1.6;
		}
		.section_ul_flex {
				display: flex;
				justify-content: space-between;
				width: 100%;
				padding-bottom: 80px;
		}
		.section_ul_flex ul {
				list-style: none;
				color: #787878;
		}
		.section_ul_flex ul:first-child {
				width: auto;
		}
		.section_ul_flex ul li {
				font-size: 12px;
				margin: 0 0 15px;
		}
		.section_wrap_inner_right {
				display: flex;
				/* justify-content: flex-end; */
				position: relative;
				left: -2px;
		}
}