@charset "UTF-8";

/* CSS Document */

/* mainArea */

@keyframes zoomUp {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.15);

  }

}

.swiper-slide-active .slide_img,

.swiper-slide-duplicate-active .slide_img,

.swiper-slide-prev .slide_img {

  animation: zoomUp 10s linear 0s 1 normal both;

}

.swiper-container .swiper-wrapper {

  margin: 0 calc(50% - 50vw);

  width: 100vw;

  overflow: hidden;

	.slide_img {

		background-repeat: no-repeat;

		width: 100%;

		background-size: cover;

		background-position: center center;

		height: 100svh;

		min-height: 800px;

		&.slide01 {

			background-image: url("../img/top/main01.webp");

		}

		&.slide02 {

			background-image: url("../img/top/main02.webp");

		}

		&.slide03 {

			background-image: url("../img/top/main03.webp");

		}

		&.slide04 {

			background-image: url("../img/top/main04.webp");

		}

		&.slide05 {

			background-image: url("../img/top/main05.webp");

		}

	}

}

.mainArea {

	position: relative;

  z-index: -100;

}

.mainArea .main_inner {

  position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	width: 100%;

	height: 100svh;

	min-height: 600px;

	padding: 0 40px;

	.desc {

		height: 100%;

		display: flex;

		align-items: center;

		max-width: 1500px;

		margin: 0 auto;

		.main_txt {

			color: #fff;

			span {

				display: block;

				&.company {

					font-size: 36px;

					line-height: 1;

					letter-spacing: 0.08em;
					text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
				}

				&.en {

					font-size: 120px;

					font-weight: 300;

					text-transform: capitalize;

					line-height: 1;

					letter-spacing: 0.06em;
					text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);

				}

				&.ja {

					font-size: 36px;

					font-weight: 300;

					line-height: 1;

					padding-top: 30px;
					text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);

				}

			}

		}

	}

}



/* btn共通 */

/* pattern01 */

.lineupArea .l_inner .ttlArea .btn,

.lineupArea .l_inner .ttlArea .btn a,

.lineupArea .l_inner ul li a .btnArea .btn02 {

	width: 3.6rem;

	.c_btn {

		position: relative;

		display: block;

		flex-shrink: 0;

		width: 3.6rem;

		height: 3.6rem;

		overflow: hidden;

		border-radius: 50%;

		transition: all .4s ease-in-out .1s;

		border: 1px solid #fff;

		background-color: #002040;

		&::before {

			position: absolute;

			top: 50%;

			left: 46%;

			width: .6rem;

			height: .6rem;

			content: "";

			transition: all .4s ease-in;

			transform: translate(-50%, -50%) rotate(45deg);

			border-top: 1px solid #fff;

			border-right: 1px solid #fff;

		}

		&::after {

			position: absolute;

			top: 50%;

			left: 30%;

			width: .6rem;

			height: .6rem;

			content: "";

			opacity: 0;

			transition: all .4s ease-out .1s;

			transform: translate(-50%, -50%) rotate(45deg);

			border-top: 1px solid #fff;

			border-right: 1px solid #fff;

		}

	}

}

@media (hover: hover) {

.lineupArea .l_inner .ttlArea .btn a:hover,

.lineupArea .l_inner ul li a:hover .btnArea .btn02 {

	.c_btn {

		&::before {

			left: 70%;

			opacity: .0;

			transition: all .4s ease-out .1s;

			}

		&::after {

			left: 46%;

			opacity: 1;

			transition: all .4s ease-in;

			}

		}

	}

}

@media (hover: none) {

	.lineupArea .l_inner .ttlArea .btn a:hover,

	.lineupArea .l_inner ul li a:hover .btnArea .btn02 {

		.c_btn {

			&::before {

				left: 46%;

				}

			&::after {

				left: 30%;

				}

			}

		}

	}

/* pattern02 */

.contentsArea .inner ul li a .ttlArea .btn02,

#slideBox .slideArea .slide a .ttlArea .btn02,

.newsArea .n_inner .ttlArea .btn,

.newsArea .n_inner .ttlArea .btn a {

	width: 3.6rem;

	.c_btn {

		position: relative;

		display: block;

		flex-shrink: 0;

		width: 3.6rem;

		height: 3.6rem;

		overflow: hidden;

		border-radius: 50%;

		transition: all .4s ease-in-out .1s;

		border: 1px solid #002040;

		&::before {

			position: absolute;

			top: 50%;

			left: 46%;

			width: .6rem;

			height: .6rem;

			content: "";

			transition: all .4s ease-in;

			transform: translate(-50%, -50%) rotate(45deg);

			border-top: 1px solid #002040;

			border-right: 1px solid #002040;

		}

		&::after {

			position: absolute;

			top: 50%;

			left: 30%;

			width: .6rem;

			height: .6rem;

			content: "";

			opacity: 0;

			transition: all .4s ease-out .1s;

			transform: translate(-50%, -50%) rotate(45deg);

			border-top: 1px solid #002040;

			border-right: 1px solid #002040;

		}

	}

}

@media (hover: hover) {

.contentsArea .inner ul li a:hover .ttlArea .btn02,

#slideBox .slideArea .slide a:hover .ttlArea .btn02,

.newsArea .n_inner .ttlArea .btn a:hover {

	.c_btn {

		background-color: #002040;

		&::before {

			left: 70%;

			opacity: .0;

			transition: all .4s ease-out .1s;

			border-top: 1px solid #fff;

			border-right: 1px solid #fff;

			}

		&::after {

			left: 46%;

			opacity: 1;

			transition: all .4s ease-in;

			border-top: 1px solid #fff;

			border-right: 1px solid #fff;

			}

		}

	}

}

@media (hover: none) {

	.contentsArea .inner ul li a:hover .ttlArea .btn02,

	#slideBox .slideArea .slide a:hover .ttlArea .btn02,

	.newsArea .n_inner .ttlArea .btn a:hover {

		.c_btn {

		&::before {

			left: 46%;

			}

		&::after {

			left: 30%;

			}

		}

	}

}

/* pattern03 */

.pickupArea .inner ul li a .ttlArea .btn02 {

	width: 2.6rem;

	.c_btn {

		position: relative;

		display: block;

		flex-shrink: 0;

		width: 2.6rem;

		height: 2.6rem;

		overflow: hidden;

		border-radius: 50%;

		border: 1px solid #fff;

		&::before {

			position: absolute;

			top: 50%;

			left: 46%;

			width: .6rem;

			height: .6rem;

			content: "";

			transform: translate(-50%, -50%) rotate(45deg);

			border-top: 1px solid #fff;

			border-right: 1px solid #fff;

		}

	}

}



/* conceptArea */

.conceptArea {

	position: relative;

	.c_inner {

		max-width: 1080px;

		padding: 200px 40px 400px;

		margin: 0 auto;

		display: flex;

		justify-content: space-between;

		line-height: 1;

		position: relative;

		z-index: 2;

	}

}

.conceptArea .c_inner .left {

	width: calc(40% - 20px);

	.ttl_en {

		text-transform: uppercase;

		font-size: 60px;

		font-weight: 300;

		letter-spacing: 0.06em;

	}

}

.conceptArea .c_inner .right {

	width: calc(60% - 20px);

	padding-top: 160px;

	.h2Area {

		font-size: 27px;

		span {

			display: block;

			text-transform: capitalize;

			line-height: 1;

			letter-spacing: 0.06em;

			padding-top: 30px;
            font-size: .9em;
		}

	}

	p {
		font-size: 18px;
		padding-top: 40px;

		line-height: 4;

	}

}

.slideImg {

  overflow: hidden;

  position: relative;

}

.slideImg__wrapper {

  position: relative;

  background-color: #002040;

}

.slideImg__slide {

  width: 100%;

  height: 178%;

  transform: skewY(10deg);

  background-color: #002040;

  display: block;

  position: absolute;

  top: -10%;

  left: 0;

  z-index: 2;

}

.slideImg__img {

  width: 100%;

}

.statement__img--1 {

	position: absolute;

	top: 102px;

	right: 0;

	max-width: 250px;

	width: 56%;

}

.statement__img--2 {

	position: absolute;

	top: 440px;

	left: 0;

	max-width: 450px;

	width: 30%;

}

.statement__img--3 {

	position: absolute;

	max-width: 330px;

	bottom: 0;

	right: 50px;

	width: 55%;

}



/* lineupArea */

.lineupArea .l_inner {

	max-width: 1080px;

	margin: 0 auto;

	padding: 200px 40px 120px;

}

.lineupArea .l_inner .ttlArea {

	display: flex;

	justify-content: space-between;

	.h2Area {

		width: calc(100% - 3.6rem);

		color: #fff;

		.ttl_en {

			font-size: 60px;

			font-weight: 300;

			letter-spacing: 0.06em;

			text-transform: uppercase;

			line-height: 1;

		}

		h2 {
			font-size: 20px;
			padding-top: 16px;

		}

	}

}

.lineupArea .l_inner ul {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	padding-top: 80px;

	li {

		width: calc(33.3% - 16px);

		&:nth-of-type(2) {

			padding-top: 60px;

		}

	}

}

.lineupArea .l_inner ul li a {

	display: block;

	.img {

		overflow: hidden;

		position: relative;

		&::before {

			content: "";

			position: absolute;

			top: 0;

			left: 0;

			width: 100%;

			height: 100%;

			transition: .5s;

			z-index: 1;

		}

	img {

			width: 100%;

			height: 100%;

			transform: scale(1);

			transition: 0.3s ease-in-out;

			object-fit: cover;

			aspect-ratio: 310 / 500;

		}

	}

}

.lineupArea .l_inner ul li a:hover .img {

	img {

		transform: scale(1.1);

	}

}

.lineupArea .l_inner ul li a .btnArea {

	display: flex;

	justify-content: space-between;

	padding-top: 28px;

	dl {

		width: calc(100% - 4rem);

		dt {

			font-size: 30px;

			padding-bottom: 6px;

		}

    dd {

      font-size: 16px;

    }

	}

}

#slideBox {

  overflow: hidden;

  position: relative;

  .slideArea {

    display: flex;

  .slide {

      height: 100svh;

      width: 100%;

      height: calc(100vh - 80px);

      position: relative;

      top: 80px;

    a {

        height: 100%;

        display: block;

        background-repeat: no-repeat;

        background-position: center center;

        background-size: cover;

        padding: 120px;

        &:hover {

            opacity: .7;

        }

      }

    }

  }

}

.slide:first-of-type a {

	background-image: url("../img/top/slide_works.webp");

	}

.slide:nth-of-type(2) a {

	background-image: url("../img/top/slide_event.webp");

	}

.slide:last-of-type a {

	background-image: url("../img/top/slide_first.webp");

	}

#slideBox .slideArea .slide a .ttlArea {

	display: flex;

	justify-content: space-between;

	.h2Area {

		width: calc(100% - 6rem);

		.ttl_en {

			font-size: 60px;

			font-weight: 300;

			letter-spacing: 0.06em;

			text-transform: uppercase;

			line-height: 1;

		}

		h2 {
			font-size: 20px;
			padding-top: 16px;

		}

	}

}

#slideBox .slideArea .slide:first-of-type a .ttlArea {

	max-width: 320px;

}

#slideBox .slideArea .slide:nth-of-type(2) a .ttlArea {

	max-width: 436px;

}

#slideBox .slideArea .slide:last-of-type a .ttlArea {

	max-width: 300px;

}

#slideBox .slideArea .slide:first-of-type .vr_btnArea {

	position: absolute;

	z-index: 2;

	bottom: 100px;

	right: 10vw;

	a {

		display: block;
        font-size: 18px;
		line-height: 1;

		background-color: #fff;

		background-image: none;

		padding: 18px 60px;

		border-radius: 120px;

		&:hover {

			background-color: #002040;

			color: #fff;

			opacity: 1;

		}

	}

}



/* マウスストーカー */

.stalker {

  background-color: rgba(255, 255, 255, 80%);

  border-radius: 50%;

  height: 180px;

  left: -90px;

  opacity: 0;

  pointer-events: none;

  position: fixed;

  top: -90px;

  transition:

    transform 0.5s cubic-bezier(0.3, 1.5, 0.4, 1),

    opacity 0.1s ease-out;

  width: 180px;

  z-index: 999;

  text-align: center;

  color: #002040;

  font-weight: 700;

  line-height: 1;

  padding: 80px 0;

  text-transform: uppercase;

  transform: scale(0);

}



/* contentsArea */

.contentsArea .inner {

	padding: 200px 40px;

}

.contentsArea .inner ul {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	li {

		width: calc(50% - 40px);

	}

}

.contentsArea .inner ul li a {

	display: block;

	.img {

		overflow: hidden;

		position: relative;

		&::before {

			content: "";

			position: absolute;

			top: 0;

			left: 0;

			width: 100%;

			height: 100%;

			transition: .5s;

			z-index: 1;

		}

	img {

			width: 100%;

			height: 100%;

			transform: scale(1);

			transition: 0.3s ease-in-out;

			object-fit: cover;

			aspect-ratio: 540 / 540;

		}

	}

}

.contentsArea .inner ul li a:hover .img {

	img {

		transform: scale(1.1);

	}

}

.contentsArea .inner ul li a .ttlArea {

	display: flex;

	justify-content: space-between;

	padding-top: 28px;

	.h2Area {

		width: calc(100% - 6rem);

		.ttl_en {

			font-size: 60px;

			font-weight: 300;

			letter-spacing: 0.06em;

			text-transform: uppercase;

			line-height: 1;

		}

		h2 {
			font-size: 20px;
			padding-top: 16px;

		}

	}

}



/* pickupArea */

.pickupArea {

	background-color: #fafafa;

	.inner {

		width: 100%;

		overflow: hidden;

		padding: 200px 40px;

		.ttl_en {

			text-transform: uppercase;

			font-size: 60px;

			font-weight: 300;

			letter-spacing: 0.06em;

			line-height: 1;

		}

	}

}

.pickupArea .inner ul {

  display: flex;

	margin-top: 50px;

	background-color: #fff;

	li {

  flex: 1;

  transition: all 0.3s ease;

  position: relative;

	a {

		display: block;

		width: 100%;

		height: 500px;

		transition: all 0.3s ease;

		}

	}

}

.pickupArea .inner ul li a .img {

	position: relative;

	height: 500px;

	img {

		object-fit: cover;

		width: 100%;

		height: 100%;

	}

}

.pickupArea .inner ul li a .ttlArea {

	position: absolute;

	bottom: 26px;

	left: 0;

	padding: 0 26px;

	width: 100%;

	display: flex;

	justify-content: space-between;

	padding-top: 28px;

	.h2Area {

		width: calc(100% - 2.6rem);

		color: #fff;

		.ttl_en {

			font-size: 30px;

			font-weight: 300;

			letter-spacing: 0.06em;

			text-transform: uppercase;

			line-height: 1;

		}

		h2 {
			font-size: 20px;
			padding-top: 6px;

		}

	}

}

.pickupArea .inner ul li:hover {

  flex: 1 1 100%;

  z-index: 10;

}

.pickupArea .inner ul:hover li:not(:hover) {

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transition: all 0.3s ease;

}

.pickupArea .inner ul:not(:hover) li {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}



/* newsArea */

.newsArea .n_inner {

	max-width: 1040px;

	margin: 0 auto;

	padding: 200px 40px;

}

.newsArea .n_inner .ttlArea {

	display: flex;

	justify-content: space-between;

	.h2Area {

		width: calc(100% - 6rem);

		.ttl_en {

			font-size: 60px;

			font-weight: 300;

			letter-spacing: 0.06em;

			text-transform: uppercase;

			line-height: 1;

		}

		h2 {
			font-size: 20px;
			padding-top: 16px;

		}

	}

}

.newsArea .n_inner ul {

	margin-top: 70px;

	padding-top: 50px;

	border-top: 1px solid #e5e9ec;

	li {

		padding: 30px 0;

		display: flex;

		justify-content: flex-start;
		font-size: 18px;
		.left {

			width: 120px;

		}

		.right {

			width: calc(100% - 120px);

		}

	}

}

@media (any-hover: hover) {

	.newsArea .n_inner ul li .right .ttl a {

		display: block;

		overflow: hidden;

		color: transparent;

		text-shadow: 0 -1.5em 0 #002040, 0 0 0 #002040;

		transition: text-shadow 0.3s;

		&:hover {

			text-shadow: 0 0 0 #002040, 0 1.5em 0 #002040;

		}

	}

}

@media (any-hover: none) {

	.newsArea .n_inner ul li .right .ttl a {

		display: block;

		overflow: hidden;

		color: #002040;

	}

}



@media screen and (max-width: 1200px) {

/* mainArea */

	.mainArea .main_inner .desc .main_txt span {

		&.company {

			font-size: clamp(1.625rem, 1.534rem + 0.45vw, 1.875rem);

			padding-bottom: 16px;

		}

		&.en {

			font-size: clamp(2.875rem, 1.648rem + 6.14vw, 6.25rem);

		}

		&.ja {

			font-size: clamp(1.063rem, 0.767rem + 1.48vw, 1.875rem);

			padding-top: 30px;

		}

	}



/* lineupArea */

	.lineupArea .l_inner {

    padding-top: 160px;

		padding-bottom: 80px;

	}





/* slideArea */

	#slideBox {

		overflow: visible;

		.slideArea {

      display: flex;

      flex-direction: column;

      width: 100% !important;

      position: relative !important;

      max-height: unset !important;

      height: auto !important;

    }

	}

	#slideBox .slideArea .slide {

		width: 100%;

		height: 100%;

		aspect-ratio: 1000 / 450;

    position: static;

    top: 0;

    transform: none !important;

		a {

				height: 100%;

				padding: 60px 10vw;

		}

	}

	#slideBox .slideArea .slide {

		width: 100%;

		height: 100%;

		aspect-ratio: 1000 / 450;

    position: static;

    top: 0;

    transform: none !important;

		a {

      height: 100%;

      padding: 60px 10vw;

		}

	}

	#slideBox .slideArea .slide:first-of-type a .ttlArea,

	#slideBox .slideArea .slide:nth-of-type(2) a .ttlArea,

	#slideBox .slideArea .slide:last-of-type a .ttlArea {

		width: 100%;

		max-width: 100%;

	}

	#slideBox .slideArea .slide a .ttlArea {

		.h2Area {

			.ttl_en {

				font-size: clamp(1.875rem, 1.42rem + 2.27vw, 3.125rem);

				}

			h2 {

				padding-top: 6px;

				}

		}

	}

	#slideBox .slideArea .slide:first-of-type {

		position: relative !important;

	}

	#slideBox .slideArea .slide:first-of-type .vr_btnArea {

		bottom: 60px;

		a {

			padding: 16px 40px;

		}

	}

/* マウスストーカー */

	.stalker {

		display: none;

	}



/* contentsArea */

	.contentsArea .inner {

    padding-top: 160px;

		padding-bottom: 160px;

		ul li {

			width: calc(50% - 20px);

			a .ttlArea .h2Area .ttl_en {

				font-size: 50px;

				letter-spacing: 0.04em;

			}

		}

	}



/* pickupArea */

	.pickupArea .inner {

		padding-top: 160px;

		padding-bottom: 160px;

	}



/* newsArea */

	.newsArea .n_inner {

		padding-top: 160px;

		padding-bottom: 160px;

	}

}



@media screen and (max-width: 1000px) {

/* conceptArea */

	.conceptArea .c_inner {

		padding: 180px 6vw 300px;

	}

	.conceptArea .c_inner .left {

		width: 30%;

	.ttl_en {

		font-size: clamp(1.875rem, 1.42rem + 2.27vw, 3.125rem);

		}

	}

	.conceptArea .c_inner .right {

    width: 70%;

	}



/* lineupArea */

	.lineupArea .l_inner {

		padding: 120px 6vw;

		.ttlArea .h2Area {

			.ttl_en {

				font-size: clamp(1.875rem, 1.42rem + 2.27vw, 3.125rem);

				}

			h2 {

				padding-top: 6px;

				}

			}

		}

	.lineupArea .l_inner ul li a .btnArea {

		padding-top: 16px;

		flex-direction: column;

		dl {

			width: 100%;

			dt {

				font-size: clamp(1.375rem, 1.199rem + 0.88vw, 1.75rem);

			}

		}

		.btn02 {

			width: 100%;

			padding-top: 16px;

		}

	}



/* contentsArea */

	.contentsArea .inner {

		padding: 120px 6vw;

	}

	.contentsArea .inner ul li {

		width: calc(50% - 10px);

	}

	.contentsArea .inner ul li a .ttlArea {

		flex-direction: column;

		padding-top: 20px;

		.h2Area {

			width: 100%;

			.ttl_en {

				font-size: clamp(1.875rem, 1.42rem + 2.27vw, 3.125rem);

			}

			h2 {

				padding-top: 6px;

			}

		}

		.btn02 {

			width: 100%;

			padding-top: 16px;

		}

	}



/* pickupArea */

	.pickupArea .inner {

		padding: 120px 6vw;

		.ttl_en {

			font-size: clamp(1.875rem, 1.42rem + 2.27vw, 3.125rem);

		}

	}

	.pickupArea .inner ul {

		margin-top: 50px;

		flex-direction: column;

		li a {

			width: 100%;

			height: 300px;

			cursor: pointer;

			&:hover {

			flex: none;

			opacity: 0.7;

			}

		}

	}

	.pickupArea .inner ul li a .img {

		height: 100%;

	}

	.pickupArea .inner ul li a .ttlArea {

		padding: 0 60px;

		.h2Area {

			.ttl_en {

				font-size: clamp(1.875rem, 1.42rem + 2.27vw, 3.125rem);

			}

			h2 {

				padding-top: 6px;

			}

		}

		.btn02 {

			width: 2.6rem;

		}

	}

	.pickupArea .inner ul:hover li,

	.pickupArea .inner ul:hover li:not(:hover) {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transition: none;

  }

  .pickupArea .inner ul li:hover {

    flex-grow: unset;

    z-index: unset;

  }

  .pickupArea .inner ul:not(:hover) li {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transition: none;

  }



/* newsArea */

	.newsArea .n_inner {

		padding: 120px 6vw 90px;

		.ttlArea .h2Area {

			.ttl_en {

				font-size: clamp(1.875rem, 1.42rem + 2.27vw, 3.125rem);

				}

			h2 {

				padding-top: 6px;

				}

			}

		ul {

			margin-top: 50px;

			padding-top: 30px;

		}

	}

	.newsArea .n_inner ul li .right .ttl a {

		overflow: visible;

		white-space: normal;

		text-shadow: none;

		color: #002040;

		transition: none;

		&:hover {

			text-shadow: none;

		}

	}

}



@media screen and (max-width: 768px) {

/* btn共通 */

/* pattern01 */

	.lineupArea .l_inner .ttlArea .btn,

	.lineupArea .l_inner .ttlArea .btn a,

	.lineupArea .l_inner ul li a .btnArea .btn02 {

		width: 2.8rem;

		.c_btn {

			width: 2.8rem;

			height: 2.8rem;

			&::before {

				width: .5rem;

				height: .5rem;

			}

			&::after {

				width: .5rem;

				height: .5rem;

			}

		}

	}

	/* pattern02 */

	.contentsArea .inner ul li a .ttlArea .btn02,

	#slideBox .slideArea .slide a .ttlArea .btn02,

	.newsArea .n_inner .ttlArea .btn,

	.newsArea .n_inner .ttlArea .btn a {

		width: 2.8rem;

		.c_btn {

			width: 2.8rem;

			height: 2.8rem;

			&::before {

				width: .5rem;

				height: .5rem;

			}

			&::after {

				position: absolute;

				width: .5rem;

				height: .5rem;

			}

		}

	}



/* conceptArea */

	.conceptArea .c_inner {

		padding: 180px 6vw 300px;

		flex-direction: column;

	}

	.conceptArea .c_inner .left {

		width: 100%;

	}

	.conceptArea .c_inner .right {

		width: 80%;

		padding-top: 50px;

		.h2Area {

			h2 {

				font-size: 22px;
				line-height: 1.6;

			}

			span {

				padding-top: 18px;

			}

		}

		p {
			font-size: 16px;
			line-height: 3;

		}

	}

	.statement__img--1 {

		top: 30px;

		max-width: 240px;

		width: 50%;

	}

	.statement__img--2 {

		top: 240px;

		left: initial;

		right: 0;

		max-width: 80px;

		width: 20%;

		}

		.statement__img--3 {

		max-width: 250px;

		right: initial;

		left: 0;

		width: 70%;

	}



/* lineupArea */

	.lineupArea .l_inner {

		padding-left: 0;

		padding-right: 0;

	}

	.lineupArea .l_inner .ttlArea {

		width: 100%;

		padding-left: 6vw;

		padding-right: 6vw;

		.h2Area {

			width: calc(100% - 4rem);

		}

	}

	.lineupArea .l_inner ul {

		flex-direction: column;

		padding-top: 0;

		li {

			width: 72%;

			padding-top: 50px;

			&:nth-of-type(2) {

				margin-left: auto;

			}

		}

	}

	.lineupArea .l_inner ul li a .btnArea {

		flex-direction: row;

		padding-left: 8vw;

		dl {

			width: calc(100% - 4rem);

		}

		.btn02 {

			padding-top: 0;

		}

	}

	.lineupArea .l_inner ul li:nth-of-type(2) a .btnArea {

		padding-right: 8vw;

		padding-left: 0;

	}



/* slideArea */

	#slideBox .slideArea .slide {

		aspect-ratio: 1000 / 600;

		a {

			padding-left: 6vw;

			padding-right: 6vw;

		.ttlArea .h2Area {

			width: calc(100% - 4rem);

			}

		}

	}

	#slideBox .slideArea .slide:first-of-type .vr_btnArea {

		right: 6vw;

	}

	#slideBox .slideArea .slide a .ttlArea .h2Area {

		.ttl_en {

			text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff;

		}

		h2 {

			text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff;

		}

	}



/* contentsArea */

	.contentsArea .inner {

		padding-bottom: 60px;

		ul {

			flex-direction: column;

			li {

				width: 100%;

				padding-bottom: 60px;

					a .ttlArea {

					flex-direction: row;

					padding-top: 20px;

					.h2Area {

						width: calc(100% - 4rem);

					}

					.btn02 {

						padding-top: 0;

					}

				}

			}

		}

	}

	.contentsArea .inner ul li a .img img {

		aspect-ratio: 800 / 540;

	}



/* pickupArea */

	.pickupArea .inner ul li a .ttlArea {

		padding: 0 50px;

	}



/* newsArea */

	.newsArea .n_inner {

		.ttlArea .h2Area {

			width: calc(100% - 4rem);

		}

		ul li {
            font-size: 16px;
			flex-direction: column;

			.left {

				width: 100%;

			}

			.right {

				width: 100%;

				padding-top: 6px;

			}

		}

	}

}



@media screen and (max-width: 600px) {

/* mainArea */

	.mainArea .main_inner {

		padding: 0 26px;

	}

.mainArea .main_inner .desc .main_txt span {

	&.company {

	font-weight: 500;

		}

	&.ja {

		font-weight: 400;

		}

	}



/* conceptArea */

	.conceptArea .c_inner .right {

		width: 100%;

	}



	/* lineupArea */

	.lineupArea .l_inner {

	padding-top: 100px;

	padding-bottom: 100px;

	}



/* slideArea */

	#slideBox .slideArea .slide {

		aspect-ratio: 800 / 600;

		a {

			padding-top: 50px;

			padding-bottom: 50px;

		}

	}

	#slideBox .slideArea .slide:first-of-type .vr_btnArea {

		bottom: 50px;

	}



/* contentsArea */

	.contentsArea .inner {

		padding-top: 100px;

		padding-bottom: 20px;

	}



/* pickupArea */

	.pickupArea .inner {

		padding-top: 80px;

		padding-bottom: 80px;

	}

.pickupArea .inner ul li a {

		height: 260px;

		.ttlArea {

			padding: 0 30px;

		}

	}



/* newsArea */

	.newsArea .n_inner {

		padding-top: 80px;

		padding-bottom: 80px;

		ul {

			margin-top: 40px;

			padding-top: 20px;

			li {

				flex-direction: column;

				padding: 20px 0;

			}

		}

	}

}



@media screen and (max-width: 400px) {

/* mainArea */

	.mainArea .main_inner {

		padding: 0 16px;

	}

}