@charset "UTF-8";

.bg {
	position: relative;
}
.bg::before,
.bg::after {
	content: "";
	position: absolute;
	inset: 0;
}
.bg--earth {
	z-index: 1;
  --mask-height: calc(53 / 1366 * 100vw);
  mask-image:
    linear-gradient(#000, #000),
    url("../../images/index/bg_pattern_02.svg");
  mask-size: 100% calc(100% - var(--mask-height)), contain;
	mask-position: top, bottom;
  mask-repeat: no-repeat;
}
.bg--earth::before {
	content: "";
	z-index: 1;
	background: url("../../images/index/bg_pattern_03.svg") no-repeat center top / cover;
	background-attachment: fixed;
  /* 初期状態 */
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s ease, visibility 0s linear .6s;
}
/* 表示 */
.bg--earth.is-visible::before {
  opacity: var(--earth-opacity, 1);
  visibility: visible;
  transition: opacity .1s linear, visibility 0s;
}
.bg--earth::after {
	z-index: 0;
	background-color: var(--color-green);
}
.bg--space {
	z-index: 0;
	margin-top: min(-128 / 1366 * 100vw);
}
.bg--space::before {
	display: none;
}
.bg--space::after {
	z-index: 0;
	background: url("../../images/index/bg_pattern_04.svg") no-repeat center top / cover;
	background-color: #2a2738;
	background-attachment: fixed;
}
@media (max-width: 767px) {
  .bg--earth::before {
		background: url("../../images/index/bg_pattern_03_sp.svg") no-repeat center top / cover;
		background-attachment: fixed;
	}
  .bg--space {
		margin-top: calc((-53 / 1366 * 100vw) + (min(73 / 750 * 100vw, -3.65rem)));
	}
	.bg--space::after {
		background: url("../../images/index/bg_pattern_04_sp.svg") no-repeat center top / cover;
		background-color: #2a2738;
		background-attachment: fixed;
	}
}

.decoration__item--exception.symbol--08 {
	display: block;
	position: relative !important;
	top: min(-69 / 1366 * 100vw, -6.9rem);
	left: calc(50% - 38.36%);
	transform: rotate(45deg) scale(0);
	z-index: 1;
	width: min(82 / 1366 * 100vw, 8.2rem);
	background-color: #aaa1ff;
}
.decoration__item--exception.is-visible.symbol--08 {
  transform: translateX(-50%) scale(1);
}
@media (max-width: 767px) {
	.decoration__item--exception.symbol--08 {
		top: min(-40 / 750 * 100vw, -2rem);
		left: calc(50% - 28.78%);
		transform: rotate(45deg) scale(0);
		width: min(82 / 750 * 100vw, 4.1rem);
	}
}

/* ----------------------------------------------------------------------------------------------------
*  KV
* --------------------------------------------------------------------------------------------------*/
.kv {
	display: grid;
	grid-template-columns: 1.757% 1fr 1.757%;
	width: 100%;
	overflow: hidden;
}
.kv::after {
	content: "";
	grid-row: 2 / 3;
	grid-column: 1 / 4;
	background-color: var(--color-green);
	margin-top: calc((max(-300 / 1366 * 100vw, -30rem)) - (calc(-53 / 1366 * 100vw)));
}
.kv__catchphrase {
	display: grid;
	justify-items: center;
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	z-index: 4;
	padding-top: min(305 / 1366 * 100vw, 30.5rem);
	animation: popUp 1s cubic-bezier(.22, 1, .36, 1) forwards;
}
.kv__catchphrase img {
	width: min(779 / 1366 * 100vw, 77.9rem);
	filter: drop-shadow(0 0 6rem #969590);
	transform: translateZ(0);
}
.kv__image {
	display: grid;
	justify-items: center;
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	z-index: 3;
	padding-top: min(22 / 1366 * 100vw, 2.2rem);
	padding-left: min(43 / 1366 * 100vw, 4.3rem);
	animation: popUp 1s cubic-bezier(.22, 1, .36, 1) forwards;
}
.kv__image img {
	width: min(100%, 121.5rem);
}
@keyframes popUp {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.0);
  }
}
.kv__read {
	grid-row: 2 / 3;
	grid-column: 1 / 4;
	margin-top: max(-300 / 1366 * 100vw, -30rem);
	padding-top: min(170 / 1366 * 100vw, 17rem);
	background: url("../../images/index/bg_pattern_01.svg") no-repeat center top / contain;
}
.kv__read p {
	text-align: center;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: var(--lineHeight-specialText);
	color: #FFF;
	margin-bottom: 10rem;
}
.kv__read p .byWindowSize {
	display: none;
}
@media (max-width: 1023px) {
	.kv__read p .byWindowSize {
		display: inline;
	}
}
@media (max-width: 767px) {
	.kv {
		grid-template-rows: max-content;
		grid-template-columns: 100%;
	}
	.kv::after {
		grid-row: 2 / 3;
		grid-column: 1 / 2;
		margin-top: calc((max(-458 / 750 * 100vw, -22.8rem)) - (calc(-53 / 1366 * 100vw)));
	}
	.kv__catchphrase {
		grid-row: 1 / 2;
		grid-column: 1 / 2;
		padding-top: min(906 / 750 * 100vw, 45.3rem);
	}
	.kv__catchphrase img {
		width: min(613 / 750 * 100vw, 30.65rem);
		filter: none;
	}
	.kv__image {
		justify-self: center;
		grid-row: 1 / 2;
		grid-column: 1 / 2;
		padding-top: min(104 / 750 * 100vw, 5.2rem);
		padding-left: min(35 / 750 * 100vw, 1.75rem);
	}
	.kv__image img {
		width: min(1443 / 750 * 100vw, 72.15rem);
		max-width: max-content;
	}
	.kv__read {
		grid-row: 2 / 3;
		grid-column: 1 / 2;
		margin-top: max(-458 / 750 * 100vw, -22.8rem);
		padding-top: min(540 / 750 * 100vw, 27rem);
	}
	.kv__read p {
		font-size: 1.6rem;
		margin-bottom: min(100 / 750 * 100vw, 5rem);
	}
}

/* マーキー設定 */
.marquee__outer--kv {
	width: 100%;
	aspect-ratio: 1366 / 87;
}
.marquee--kv {
	top: calc(50% + 26%);
	transform: translateY(-50%);
}
.marquee__text--kv {
	font-size: 11rem;
	fill: #01c273;
}
@media (max-width: 767px) {
	.marquee__outer--kv {
		aspect-ratio: 750 / 83;
	}
	.marquee--kv {
		top: calc(50% + 29.7%);
	}
	.marquee__text--kv {
		font-size: 18.86rem;
	}
}

/* 飾り設定 */
.decoration__item--kv.symbol--01 {
	top: min(240.6 / 1366 * 100vw, 24.06rem);
	left: calc(50% + 40.95%);
	transform: rotate(-30deg) scale(0);
	width: min(116 / 1366 * 100vw, 11.6rem);
	background-color: var(--color-blue);
}
.decoration__item--kv.symbol--02 {
	top: min(97 / 1366 * 100vw, 9.7rem);
	left: calc(50% - 25.3%);
	width: min(85 / 1366 * 100vw, 8.5rem);
	background-color: var(--color-pink);
}
.decoration__item--kv.symbol--03 {
	top: min(360 / 1366 * 100vw, 36rem);
	left: calc(50% + 38.4%);
	width: min(80 / 1366 * 100vw, 8rem);
	background-color: var(--color-red);
}
.decoration__item--kv.symbol--04 {
	top: min(1151 / 1366 * 100vw, 115.1rem);
	left: calc(50% + 30.4%);
	width: min(99 / 1366 * 100vw, 9.9rem);
	background-color: var(--color-pink);
}
.decoration__item--kv.symbol--05 {
	top: min(131 / 1366 * 100vw, 13.1rem);
	left: calc(50% + 34.3%);
	width: min(62 / 1366 * 100vw, 6.2rem);
	background-color: var(--color-yellow);
}
.decoration__item--kv.symbol--06 {
	top: min(774 / 1366 * 100vw, 77.4rem);
	left: calc(50% + 38.5%);
	width: min(51 / 1366 * 100vw, 5.1rem);
	background-color: #efebe4;
}
.decoration__item--kv.symbol--07 {
	top: min(352 / 1366 * 100vw, 35.2rem);
	left: calc(50% - 32%);
	width: min(70 / 1366 * 100vw, 7rem);
	background-color: var(--color-purple);
}
.decoration__item--kv.symbol--08 {
	top: min(212.5 / 1366 * 100vw, 21.25rem);
	left: calc(50% - 46.6%);
	transform: rotate(45deg) scale(0);
	width: min(82 / 1366 * 100vw, 8.2rem);
	background-color: var(--color-blueGreen);
}
.decoration__item--kv.symbol--09 {
	top: min(221.5 / 1366 * 100vw, 22.15rem);
	left: calc(50% - 33.75%);
	transform: rotate(9.5deg) scale(0);
	width: min(102 / 1366 * 100vw, 10.2rem);
	background-color: var(--color-black);
}
.decoration__item--kv.symbol--10 {
	top: min(93.5 / 1366 * 100vw, 9.35rem);
	left: calc(50% + 22.55%);
	width: min(61 / 1366 * 100vw, 6.1rem);
	background-color: var(--color-skyBlue);
}
.decoration__item--kv.symbol--11 {
	top: min(444 / 1366 * 100vw, 44.4rem);
	left: calc(50% - 44.75%);
	width: min(94 / 1366 * 100vw, 9.4rem);
}
.decoration__item--kv.symbol--01.symbol--01_2 {
	top: min(864 / 1366 * 100vw, 86.4rem);
	left: calc(50% - 45.4%);
	transform: rotate(0deg) scale(0);
	width: min(159 / 1366 * 100vw, 15.9rem);
	background-color: #33b9fc;
}
.decoration__item--kv.symbol--02.symbol--02_2 {
	top: min(1052 / 1366 * 100vw, 105.2rem);
	left: calc(50% - 37.55%);
	width: min(80 / 1366 * 100vw, 8rem);
	background-color: var(--color-blue);
}
.decoration__item--kv.symbol--07.symbol--07_2 {
	top: min(946 / 1366 * 100vw, 94.6rem);
	left: calc(50% + 25.8%);
	width: min(70 / 1366 * 100vw, 7rem);
	background-color: var(--color-yellow);
}
.decoration__item--kv.symbol--08.symbol--08_2 {
	top: min(889 / 1366 * 100vw, 88.9rem);
	left: calc(50% + 40.1%);
}
.decoration__item--kv.symbol--09.symbol--09_2 {
	top: min(1059 / 1366 * 100vw, 105.9rem);
	left: calc(50% + 36.74%);
	transform: rotate(18.2deg) scale(0);
	width: min(100.5 / 1366 * 100vw, 10.05rem);
}
.decoration__item--kv.symbol--10.symbol--10_2 {
	top: min(1137 / 1366 * 100vw, 113.7rem);
	left: calc(50% - 27%);
	width: min(88.5 / 1366 * 100vw, 8.85rem);
	background-color: #aaa1ff;
}
.decoration__item--kv.symbol--11.symbol--11_2 {
	top: min(979 / 1366 * 100vw, 97.9rem);
	left: calc(50% - 28.25%);
}
.decoration__item--kv.is-visible.symbol--01,
.decoration__item--kv.is-visible.symbol--08,
.decoration__item--kv.is-visible.symbol--09,
.decoration__item--kv.is-visible.symbol--01.symbol--01_2,
.decoration__item--kv.is-visible.symbol--09.symbol--09_2 {
  transform: translateX(-50%) scale(1);
}
@media (max-width: 767px) {
	.decoration__item--kv.symbol--01 {
		top: min(1161 / 750 * 100vh, 116.1rem);
		left: calc(50% + 40.2%);
		width: min(92 / 750 * 100vw, 4.6rem);
	}
	.decoration__item--kv.symbol--02 {
		top: min(61 / 750 * 100vh, 6.1rem);
		left: calc(50% - 35.5%);
		width: min(68 / 750 * 100vw, 3.4rem);
	}
	.decoration__item--kv.symbol--03 {
		top: min(131 / 750 * 100vh, 13.1rem);
		left: calc(50% + 49.4%);
		width: min(64 / 750 * 100vw, 3.2rem);
	}
	.decoration__item--kv.symbol--04 {
		top: min(1104 / 750 * 100vh, 110.4rem);
		left: calc(50% + 40%);
		width: min(79 / 750 * 100vw, 3.95rem);
	}
	.decoration__item--kv.symbol--05 {
		top: min(62 / 750 * 100vh, 6.2rem);
		left: calc(50% + 38.26%);
		width: min(49 / 750 * 100vw, 2.45rem);
	}
	.decoration__item--kv.symbol--06 {
		top: min(833 / 750 * 100vh, 83.3rem);
		left: calc(50% + 35.9%);
		width: min(41 / 750 * 100vw, 2.05rem);
	}
	.decoration__item--kv.symbol--07 {
		top: min(149 / 750 * 100vh, 14.9rem);
		left: calc(50% - 49.7%);
		width: min(56 / 750 * 100vw, 2.8rem);
	}
	.decoration__item--kv.symbol--08 {
		top: min(694 / 750 * 100vh, 69.4rem);
		left: calc(50% + 36.7%);
		width: min(66 / 750 * 100vw, 3.3rem);
	}
	.decoration__item--kv.symbol--09 {
		top: min(122 / 750 * 100vh, 12.2rem);
		left: calc(50% - 43.55%);
		width: min(80.8 / 750 * 100vw, 4.04rem);
	}
	.decoration__item--kv.symbol--10 {
		top: min(68 / 750 * 100vh, 6.8rem);
		left: calc(50% + 22.55%);
		width: min(48.2 / 750 * 100vw, 2.41rem);
	}
	.decoration__item--kv.symbol--11 {
		top: min(166 / 750 * 100vh, 16.6rem);
		left: calc(50% + 11.2%);
		width: min(77.4 / 750 * 100vw, 3.87rem);
	}
	.decoration__item--kv.symbol--01.symbol--01_2 {
		top: min(1089 / 750 * 100vh, 108.9rem);
    left: calc(50% - 59.4%);
		width: min(127 / 750 * 100vw, 6.35rem);
	}
	.decoration__item--kv.symbol--02.symbol--02_2 {
		top: min(639 / 750 * 100vh, 63.9rem);
		left: calc(50% - 38.4%);
		width: min(64 / 750 * 100vw, 3.2rem);
	}
	.decoration__item--kv.symbol--07.symbol--07_2 {
		top: min(942 / 750 * 100vh, 94.2rem);
		left: calc(50% - 42.7%);
		width: min(56 / 750 * 100vw, 2.8rem);
	}
	.decoration__item--kv.symbol--08.symbol--08_2 {
		display: none;
	}
	.decoration__item--kv.symbol--09.symbol--09_2 {
		top: min(650 / 750 * 100vh, 65rem);
		left: calc(50% + 42.3%);
		width: min(82 / 750 * 100vw, 4.1rem);
	}
	.decoration__item--kv.symbol--10.symbol--10_2 {
		top: min(755 / 750 * 100vh, 75.5rem);
		left: calc(50% - 47.6%);
		width: min(71.8 / 750 * 100vw, 3.59rem);
	}
	.decoration__item--kv.symbol--11.symbol--11_2 {
		top: min(1123 / 750 * 100vh, 112.3rem);
		left: calc(50% - 39.25%);
	}
}

/* ----------------------------------------------------------------------------------------------------
*  WORK
* --------------------------------------------------------------------------------------------------*/
.work {
	margin-bottom: 3.5rem;
	padding-top: 10.5rem;
}
.work__inner {
	display: grid;
	grid-template-rows: max-content max-content max-content 1fr;
	grid-template-columns: 31% 69%;
}
.work__title {
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	margin-top: 2rem;
	margin-right: -12.903%;
}
.work__subTitle {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
}
.work__read {
	grid-row: 3 / 4;
	grid-column: 1 / 2;
}
.work__btn {
	grid-row: 4 / 5;
	grid-column: 1 / 2;
	align-self: flex-start;
}
.workplace--index {
	grid-row: 1 / 5;
	grid-column: 2 / 3;
}
.workplace--index::after {
	grid-row: 1 / 5;
	grid-column: 2 / 3;
	mask: url("../../images/icon_triangle.svg") no-repeat center center / 56.087%;
	background-color: #00c272;
}
.work__title,
.work__subTitle,
.work__read {
	color: #FFF;
}
.work__read,
.work__btn {
	width: 90.323%;
}
.workplace--index .workplace__item:has(> .itemBox--mainOffice),
.workplace--index .workplace__item:has(> .itemBox--overseas) {
	margin-top: -1rem;
}
.workplace--index .itemBox--tcc {
	background-color: var(--color-pink);
}
.workplace--index .itemBox--mainOffice {
	background-color: var(--color-orange);
}
.workplace--index .itemBox--overseas {
	background-color: var(--color-skyBlue);
}
.workplace--index .itemBox__name {
	font-weight: 600;
	line-height: var(--lineHeight-titleText);
}
.workplace--index .itemBox__section {
	width: 75%;
	text-align: center;
	color: #FFF;
	line-height: var(--lineHeight-text);
	margin: 0 auto;
}
.workplace--index .itemBox--mainOffice .itemBox__section {
	line-height: 1.4;
}
.workplace--index .itemBox__image {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.workplace--index .itemBox--tcc .itemBox__image img {
	width: 78.125%;
}
.workplace--index .itemBox--mainOffice .itemBox__image img {
	width: 37.5%;
}
.workplace--index .itemBox--overseas .itemBox__image img {
	width: 43.75%;
}
.workplace--index .itemBox:hover {
	background-color: #FFF;
}
.workplace--index .itemBox--tcc:hover .itemBox__name,
.workplace--index .itemBox--tcc:hover .itemBox__section {
	color: var(--color-pink);
}
.workplace--index .itemBox--mainOffice:hover .itemBox__name,
.workplace--index .itemBox--mainOffice:hover .itemBox__section {
	color: var(--color-orange);
}
.workplace--index .itemBox--overseas:hover .itemBox__name,
.workplace--index .itemBox--overseas:hover .itemBox__section {
	color: var(--color-skyBlue);
}

@media (max-width: 1023px) {
	.work__inner {
		display: flex;
		flex-direction: column;
	}
	.work__title {
		order: 1;
		text-align: center;
		margin-top: 0;
		margin-right: 0;
	}
	.work__subTitle {
		order: 2;
		text-align: center;
	}
	.work__read {
		order: 3;
		width: 100%;
		text-align: center;
	}
	.work__btn {
		order: 5;
		width: min(100%, 53rem);
		margin: 0 auto;
	}
	.workplace--index {
		order: 4;
		width: min(100%, 69rem);
		margin: 0 auto 3.5rem;
	}
}
@media (max-width: 767px) {
	.work {
		margin-bottom: min(130 / 750 * 100vw, 6.5rem);
		padding-top: min(110 / 750 * 100vw, 5.5rem);
	}
	.work__btn {
		width: min(530 / 750 * 100vw, 26.5rem);
	}
	.workplace--index {
		flex-direction: column;
		gap: min(30 / 750 * 100vw, 1.5rem) 0;
		width: 100%;
		background: none;
		margin: 0 auto min(70 / 750 * 100vw, 3.5rem);
	}
	.workplace--index::after {
		display: none;
	}
	.workplace--index .workplace__item:has(> .itemBox--mainOffice),
	.workplace--index .workplace__item:has(> .itemBox--overseas) {
		width: 100%;
		margin-top: 0;
	}
	.workplace--index .itemBox {
		margin: 0 auto;
		padding-top: min(50 / 750 * 100vw, 2.5rem);
		padding-bottom: min(30 / 750 * 100vw, 1.5rem);
	}
	.workplace--index .itemBox--tcc,
	.workplace--index .itemBox--mainOffice,
	.workplace--index .itemBox--overseas {
		width: min(590 / 750 * 100vw, 29.5rem);
	}
	.workplace--index .itemBox__name {
		font-size: 2rem;
		margin: 0 auto min(20 / 750 * 100vw, 1rem);
	}
	.workplace--index .itemBox--mainOffice .itemBox__section {
		line-height: var(--lineHeight-text);
	}
	.workplace--index .itemBox .icon--roundArrow {
		width: min(70 / 750 * 100vw, 3.5rem);
	}
}
@media (max-width: 390px) {
	.workplace--index .itemBox__section {
		width: 85%;
	}
}

/* 飾り設定 */
.decoration--work {
	z-index: 0;
}
.decoration__item--work.symbol--02 {
	top: min(200 / 1366 * 100vw, 20rem);
	left: calc(50% + 36.74%);
	width: min(80 / 1366 * 100vw, 8rem);
	background-color: #aaa1ff;
}
.decoration__item--work.symbol--03 {
	top: min(656 / 1366 * 100vw, 65.6rem);
	left: calc(50% - 35.7%);
	width: min(92 / 1366 * 100vw, 9.2rem);
	background-color: #33b9fc;
}
.decoration__item--work.symbol--04 {
	display: none;
}
@media (max-width: 767px) {
	.decoration--work {
		overflow: hidden;
	}
	.decoration__item--work.symbol--02 {
		top: min(91 / 750 * 100vh, 9.1rem);
		left: calc(50% + 36.74%);
		width: min(64 / 750 * 100vw, 3.2rem);
	}
	.decoration__item--work.symbol--03 {
		top: min(347 / 750 * 100vh, 34.7rem);
		left: calc(50% - 39.74%);
		width: min(74 / 750 * 100vw, 3.7rem);
	}
	.decoration__item--work.symbol--04 {
		display: block;
		top: min(904 / 750 * 100vh, 90.4rem);
		left: calc(50% + 47.3%);
		width: min(79 / 750 * 100vw, 3.95rem);
		background-color: var(--color-pink);
	}
}

/* ----------------------------------------------------------------------------------------------------
*  PERSONALITY
* --------------------------------------------------------------------------------------------------*/
.personality::before {
	content: "";
	display: block;
	width: 100vw;
	aspect-ratio: 1366 / 119;
	margin: 0 calc(50% - 50vw);
	background: url("../../images/index/bg_personality_top.svg") no-repeat center top / cover;
}
.personality::after {
	content: "";
	display: block;
	width: 100vw;
	aspect-ratio: 1366 / 185;
	margin: 0 calc(50% - 50vw);
	background: url("../../images/index/bg_personality_bottom.svg") no-repeat center bottom / cover;
}
.personality__inner::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100vw;
	height: 100%;
	margin: 0 calc(50% - 50vw);
	background-color: var(--color-blue);
}
.personality__header {
	margin-bottom: 3.5rem;
}
.personality__title {
	text-align: center;
	color: var(--color-yellow);
}
.personality__subTitle {
	text-align: center;
	color: #FFF;
}
.type {
	display: flex;
	margin-bottom: 5.5rem;
}
.type__item {
	display: flex;
}
.type__item:not(:last-child) {
	width: 35.8%;
}
.type__item:last-child {
	width: calc(100% - (35.8% * 2));
}
.type__item:not(:last-child) dl {
	width: 79.33%;
}
.type__item:not(:last-child)::after {
	content: "";
	width: 20.67%;
	mask: url("../../images/icon_plus.svg") no-repeat center center / 56.757%;
	background-color: var(--color-blueGreen);
	transform: rotate(45deg);
	pointer-events: none;
}
.type__item dt {
	height: 11.8rem;
	background-color: var(--color-purple);
}
.type__item dt p {
	text-align: center;
	font-size: 2.2rem;
	color: #FFF;
	font-weight: 600;
	line-height: var(--lineHeight-titleText);
}
.type + p {
	text-align: center;
	font-size: 2.6rem;
	font-weight: 600;
	color: #FFF;
	line-height: var(--lineHeight-titleText);
	padding-bottom: 5.5rem;
}
@media (max-width: 767px) {
	.personality::before {
		aspect-ratio: 750 / 70;
		background: url("../../images/index/bg_personality_top_sp.svg") no-repeat center top / cover;
	}
	.personality::after {
		aspect-ratio: 750 / 136;
		background: url("../../images/index/bg_personality_bottom_sp.svg") no-repeat center bottom / cover;
	}
	.personality__header {
		margin-bottom: min(60 / 750 * 100vw, 3rem);
	}
	.type {
		flex-direction: column;
		margin-bottom: min(80 / 750 * 100vw, 4rem);
	}
	.type__item:nth-child(1),
	.type__item:nth-child(2),
	.type__item:nth-child(3) {
		flex-direction: column;
		width: min(650 / 750 * 100vw, 32.5rem);
		margin: 0 auto;
	}
	.type__item:not(:last-child) dl {
		width: 100%;
	}
	.type__item:not(:last-child)::after {
		width: 100%;
		height: min(100 / 750 * 100vw, 5rem);
		mask: url("../../images/icon_plus.svg") no-repeat center center / min(74 / 750 * 100vw, 3.7rem);
	}
	.type__item dt {
		height: min(158 / 750 * 100vw, 7.9rem);
	}
	.type__item dt p {
		font-size: 2rem;
	}
	.type + p {
		font-size: 2.3rem;
		line-height: var(--lineHeight-text);
		padding-bottom: min(80 / 750 * 100vw, 4rem);
	}
}

/* マーキー設定 */
.marquee__outer--personality {
	width: 100vw;
	aspect-ratio: 1366 / 110;
	margin: 0 calc(50% - 50vw);
	transform: scale(-1, -1);
}
.marquee--personality {
	top: 41.059%;
}
.marquee__text--personality {
	font-size: 5.2rem;
	font-weight: 800;
	fill: #4a86dc;
}
@media (max-width: 767px) {
	.marquee__outer--personality {
		aspect-ratio: 750 / 125;
	}
	.marquee--personality {
		top: 51%;
	}
	.marquee__text--personality {
		font-size: 10rem;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  OTHER
* --------------------------------------------------------------------------------------------------*/
.other {
	padding-bottom: 12rem;
}
.other__inner {
	margin-top: -3.5rem;
}
.other__header {
	position: absolute;
	top: 32.6rem;
	right: 0;
	width: 35%;
}
.other__title,
.other__subTitle {
	color: #FFF;
	text-align: right;
}
.other__btn {
	display: flex;
	flex-direction: column;
	gap: 2rem 0;
}
.other__btn > div {
	width: 60%;
}
.other__btn > div:nth-child(1) {
	margin-left: 10%;
}
.other__btn > div:nth-child(2) {
	margin-left: 5%;
}
.btn--large.bg--message {
	background: url("../../images/index/image_other_01.png") no-repeat center right / cover;
	background-color: #372e2a;
}
.btn--large.bg--policy {
	background: url("../../images/index/image_other_02.png") no-repeat center right / cover;
	background-color: #6faef4;
}
.btn--large.bg--sauce {
	background: url("../../images/index/image_other_03.png") no-repeat center right / cover;
	background-color: #ede7e6;
}
.btn--large.bg--sauce .btn__text,
.btn--large.bg--sauce .btn__enText {
	color: var(--color-black);
}
.btn--large.bg--message:hover::before,
.btn--large.bg--policy:hover::before,
.btn--large.bg--sauce:hover::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(255, 255, 255, .8);
}
.btn--large.bg--sauce:hover .btn__text,
.btn--large.bg--sauce:hover .btn__enText {
	color: var(--color-basicRed);
}
@media (max-width: 1023px) {
	.other__header {
		position: static;
		width: 100%;
		margin-bottom: 3rem;
	}
	.other__title,
	.other__subTitle {
		text-align: center;
	}
	.other__btn > div {
		width: min(100%, 65rem);
		margin: 0 auto;
	}
	.other__btn > div:nth-child(1),
	.other__btn > div:nth-child(2) {
		margin: 0 auto;
	}
}
@media (max-width: 767px) {
	.other {
		padding-bottom: min(200 / 750 * 100vw, 10rem);
	}
	.other__inner {
		margin-top: min(60 / 750 * 100vw, 3rem);
	}
	.other__header {
		margin-bottom: min(60 / 750 * 100vw, 3rem);
	}
	.other__btn {
		gap: min(30 / 750 * 100vw, 1.5rem) 0;
	}
	.other__btn > div {
		width: min(650 / 750 * 100vw, 32.5rem);
	}
	.btn--large.bg--message {
		background: url("../../images/index/image_other_01_sp.jpg") no-repeat center top / cover;
		background-color: #372e2a;
	}
	.btn--large.bg--policy {
		background: url("../../images/index/image_other_02_sp.jpg") no-repeat center top / cover;
		background-color: #6faef4;
	}
	.btn--large.bg--sauce {
		background: url("../../images/index/image_other_03_sp.jpg") no-repeat center top / cover;
		background-color: #ede7e6;
	}
}

/* 飾り設定 */
.decoration--other {
	z-index: 0;
}
.decoration__item--other.symbol--02 {
	top: min(217 / 1366 * 100vw, 21.7rem);
	left: calc(50% + 43.9%);
	width: min(85 / 1366 * 100vw, 8.5rem);
	background-color: var(--color-pink);
}
.decoration__item--other.symbol--05 {
	top: min(61 / 1366 * 100vw, 6.1rem);
	left: calc(50% + 27.85%);
	width: min(62 / 1366 * 100vw, 6.2rem);
	background-color: var(--color-yellow);
}
.decoration__item--other.symbol--11 {
	top: min(218 / 1366 * 100vw, 21.8rem);
	left: calc(50% - 41.3%);
	width: min(94 / 1366 * 100vw, 9.4rem);
}
@media (max-width: 767px) {
	.decoration__item--other.symbol--02 {
		top: min(588 / 750 * 100vh, 58.8rem);
		left: calc(50% + 14.74%);
		width: min(68 / 750 * 100vw, 3.4rem);
	}
	.decoration__item--other.symbol--05 {
		top: 0;
		left: calc(50% + 35.9%);
		width: min(49 / 750 * 100vw, 2.45rem);
	}
	.decoration__item--other.symbol--11 {
		top: min(25 / 750 * 100vh, 2.5rem);
		left: calc(50%  - 39.7%);
		width: min(75 / 750 * 100vw, 3.75rem);
	}
}


/* ----------------------------------------------------------------------------------------------------
*  RECRUIT
* --------------------------------------------------------------------------------------------------*/
.recruit {
	padding-top: calc((53 / 1366 * 100vw) + 12rem);
	padding-bottom: 15rem;
}
.recruit::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: url("../../images/index/bg_pattern_05.svg") no-repeat center min(-125 / 1366 * 100vw, -12.5rem) / cover;
}
.revolution {
	width: calc(100% - 4%);
	border-radius: 1rem;
	background-color: rgba(31, 28, 43, .85);
	margin: 0 auto 5rem;
	padding: 3.5rem 5%;
}
.revolution__header {
	margin-bottom: 3rem;
}
.revolution__title {
	text-align: center;
	color: var(--color-blueGreen);
}
.revolution__subTitle {
	text-align: center;
	color: #FFF;
}
.carousel,
.control {
	display: none;
}
.detail__inner {
	display: flex;
	gap: 0 5.698%;
}
.detail__item {
	width: 29.535%;
}
.detail__header {
	position: relative;
	width: 66.929%;
	margin: 0 auto 2rem;
}
.detail__header::before {
	content: "";
	position: absolute;
	top: -1rem;
	left: .5rem;
	z-index: 1;
  font-family: "cc-thismanthismonster-var", sans-serif;
  font-variation-settings:
	"CHEW" 0,
	"WONK" 0,
	"BITE" 0;
	font-size: 4rem;
	color: var(--color-yellow);
	filter: drop-shadow(0 0 .1rem #1f1c2b);
	transform: translateZ(0);
}
.detail__item:nth-child(1) .detail__header::before {
	content: "01";
}
.detail__item:nth-child(2) .detail__header::before {
	content: "02";
}
.detail__item:nth-child(3) .detail__header::before {
	content: "03";
}
.detail__item:nth-child(1) .detail__image {
	mask: url("../../images/symbol_14.svg") no-repeat center center / contain;
}
.detail__item:nth-child(2) .detail__image {
	mask: url("../../images/symbol_13.svg") no-repeat center center / contain;
}
.detail__item:nth-child(3) .detail__image {
	mask: url("../../images/symbol_07.svg") no-repeat center center / contain;
}
.detail__description p:nth-child(1) {
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	color: #FFF;
	margin-bottom: 1.5rem;
}
.detail__description p:nth-child(2) {
	color: #FFF;
	line-height: var(--lineHeight-text);
}
@media (max-width: 1023px) {
	.revolution {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.recruit {
		padding-top: calc((53 / 1366 * 100vw) + (min(120 / 750 * 100vw, 6rem)));
		padding-bottom: min(130 / 750 * 100vw, 6.5rem);
	}
	.recruit::after {
		background: url("../../images/index/bg_pattern_05_sp.svg") no-repeat center top / cover;
	}
	.revolution {
		border-radius: calc(10 / 750 * 100vw);
		margin: 0 auto min(100 / 750 * 100vw, 5rem);
		padding: min(60 / 750 * 100vw, 3rem) min(50 / 750 * 100vw, 2.5rem);
	}
	.revolution__header {
		margin-bottom: 0;
	}
	.revolution__subTitle {
		letter-spacing: -0.03em;
	}
	.revolution__content {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.detail {
		padding-top: min(60 / 750 * 100vw, 3rem);
		overflow: hidden;
	}
	.carousel {
		display: block;
		position: absolute;
		z-index: -1;
		opacity: 0;
	}
	.detail__inner {
		gap: 0;
		transition: transform .4s ease-out;
	}
	.detail__item {
		flex-shrink: 0;
		width: 100%;
	}
	.detail__header {
		width: min(300 / 750 * 100vw, 15rem);
		margin: 0 auto min(40 / 750 * 100vw, 2rem);
	}
	.detail__header::before {
		top: min(-20 / 750 * 100vw, -1rem);
		left: min(15 / 750 * 100vw, 0.75rem);
		font-size: 3.5rem;
	}
	.detail__description p:nth-child(1) {
		font-size: 1.6rem;
		margin-bottom: min(30 / 750 * 100vw, 1.5rem);
	}
	.detail__description p:nth-child(2) {
		margin-bottom: min(60 / 750 * 100vw, 3rem);
	}
	.control {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0 min(50 / 750 * 100vw, 2.5rem);
	}
	.control__item {
		width: min(30 / 750 * 100vw, 1.5rem);
		aspect-ratio: 1 / 1;
		border-radius: 50%;
		border: .2rem solid var(--color-blueGreen);
		transition: opacity .3s;
		cursor: pointer;
	}
	.carousel:nth-child(1):checked ~ .detail .control > *:nth-child(1),
	.carousel:nth-child(2):checked ~ .detail .control > *:nth-child(2),
	.carousel:nth-child(3):checked ~ .detail .control > *:nth-child(3) {
		background-color: var(--color-blueGreen);
	}
	.carousel:nth-child(1):checked ~ .detail .detail__inner {
		transform: translateX(calc(-100% * 0));
	}
	.carousel:nth-child(2):checked ~ .detail .detail__inner {
		transform: translateX(calc(-100% * 1));
	}
	.carousel:nth-child(3):checked ~ .detail .detail__inner {
		transform: translateX(calc(-100% * 2));
	}
}

.recruit__btn {
	display: flex;
	gap: 0 5%;
}
.recruit__btn > div {
	width: 47.5%;
}
.btn--large.bg--entry {
	background-color: var(--color-basicRed);
}
.btn--large.bg--entry .icon--roundArrow {
	background-color: #FFF
}
.btn--large.bg--entry .icon--roundArrow::before {
	mask: url("../../images/icon_arrow.svg") no-repeat center center / cover;
  background-color: var(--color-basicRed);
}
.btn--large.bg--entry:hover {
	background-color: #FFF;
}
.btn--large.bg--entry:hover .icon--roundArrow {
	background-color: var(--color-basicRed);
}
.btn--large.bg--entry:hover .icon--roundArrow::before {
  background-color: #FFF;
}
@media (max-width: 767px) {
	.recruit__btn {
		flex-direction: column;
		gap: min(30 / 750 * 100vw, 1.5rem) 0;
	}
	.recruit__btn > div {
		width: min(650 / 750 * 100vw, 32.5rem);
		margin: 0 auto;
	}
}