@charset "utf-8";

/*-------------------------------
	共通
-------------------------------*/

.Index-Layout__list{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.Index-Layout__list-item{
	width: calc(100% / 3);
	height: 44.8rem;
	overflow: hidden;
}
.Index-Layout__list-item > a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	z-index: 5000;
	opacity: 1 !important;
}
.Index-Layout__list-item > a::before,
.Index-Layout__list-item > a::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 4000;
}
.Index-Layout__list-item > a::before{
	background: var(--blackcolor);
	opacity: .4;
}
.Index-Layout__list-item > a::after{
	transition: var(--transition);
	background: var(--maincolor);
	opacity: 0.2;
}
.Index-Layout__list-title{
	font-family: var(--en);
	font-size: 4rem;
	margin-bottom: 8rem;
	line-height: 1;
	font-weight: 500;
	z-index: 6000;
	color: #fff;
	position: relative;
}
.Index-Layout__list-image{
	transition: var(--transition);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.Index-Layout__list-image picture{
	width: 100%;
	height: 100%;
	display: block;
}
.Index-Layout__list-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.Index-Layout__list-item > a:hover::after{
	opacity: 0;
}
.Index-Layout__list-item > a:hover .Index-Layout__list-image{
	transform: scale(1.1);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Index-Layout__list{
		flex-direction: column;
	}
	.Index-Layout__list-item{
		height: auto;
	}
	.Index-Layout__list-item > a{
		padding: 11.4rem 6rem 12rem;
	}
	.Index-Layout__list-title{
		font-size: 5rem;
		margin-bottom: 6.2rem;
	}
	.Index-Layout__list-image{
		transition: var(--transition);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}

	.Index-Layout__button::after{
		width: 9rem;
        transform: translateX(3rem);
	}

}



/*-------------------------------
	メインビジュアル
-------------------------------*/

.Mainvisual{
	width: 100%;
	height: 100svh;
	position: relative;
	overflow: hidden;
	z-index: 7000;
}
.Mainvisual::after{
	content: "";
	display: block;
	width: 100svh;
	height: 100svh;
	aspect-ratio: 1 / 1;
	/* background: #fff; */
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(calc(50% + 5svh),-50%);
	/* border-radius: 50%; */
	background-image: url(../images/index/obj_mainvisual-earth.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
:root{
	--rotate_cnt: 1.5;
}
.Mainvisual__circle{
	transition: var(--transition);
	display: block;
	width: calc(100svh + 30svh);
	height: calc(100svh + 30svh);
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	right: 0;
	transition: all .85s; /*Mainvisual__nav-item + .05秒追加*/
	transform: translate(calc(50% + 6svh),-50%) rotate(calc(30deg * var(--rotate_cnt)));
}
.Mainvisual__circle span{
	width: 14.5svh;
	height: .6rem;
	background: rgba(255,255,255,.5);
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
}
.Mainvisual__circle span:nth-of-type(1){
	transform:
		translate(-50%,-50%)
		rotate(calc(0deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(2){
	transform:
		translate(-50%,-50%)
		rotate(calc(30deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(3){
	transform:
		translate(-50%,-50%)
		rotate(calc(60deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(4){
	transform:
		translate(-50%,-50%)
		rotate(calc(90deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(5){
	transform:
		translate(-50%,-50%)
		rotate(calc(120deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(6){
	transform:
		translate(-50%,-50%)
		rotate(calc(150deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(7){
	transform:
		translate(-50%,-50%)
		rotate(calc(180deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(8){
	transform:
		translate(-50%,-50%)
		rotate(calc(210deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(9){
	transform:
		translate(-50%,-50%)
		rotate(calc(240deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(10){
	transform:
		translate(-50%,-50%)
		rotate(calc(270deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(11){
	transform:
		translate(-50%,-50%)
		rotate(calc(300deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__circle span:nth-of-type(12){
	transform:
		translate(-50%,-50%)
		rotate(calc(330deg + 0deg))
		translateY(-65svh);
}
.Mainvisual__inner{
	width: 100%;
	height: 100%;
	padding-bottom: 14rem;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	position: relative;
	z-index: 4000;
}
.Mainvisual__title{
	font-family: var(--en);
	font-size: 5rem;
	font-weight: 500;
	line-height: calc(8 / 5);
	color: #fff;
}
.Mainvisual__slider{
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.Mainvisual__slider-inner{
	width: 100%;
	height: 100%;
}
.Mainvisual__slider-item-image{
	width: 100%;
	height: 100%;
}
.Mainvisual__slider-item-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
}
.Mainvisual__particle{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 4000;
	mix-blend-mode: overlay;
}
.Mainvisual__nav{
	width: auto;
	height: 100%;
	padding-right: 50svh;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 6000;
}
.Mainvisual__nav-item{
	transition: var(--transition);
	width: 19.5vh;
	height: 19.5vh;
	padding: 1rem;
	border: 2px solid rgba(255,255,255,.5);
	border-radius: 50%;
	transform: translate(-100%,0);
	box-shadow:
		.2rem .2rem .2rem rgba(255,255,255,.25),
		-.2rem -.2rem .2rem rgba(255,255,255,.25),
		.2rem -.2rem .2rem rgba(255,255,255,.25),
		-.2rem .2rem .2rem rgba(255,255,255,.25),
		.5rem .5rem .5rem rgba(255,255,255,.25),
		-.5rem -.5rem .5rem rgba(255,255,255,.25),
		.5rem -.5rem .5rem rgba(255,255,255,.25),
		-.5rem .5rem .5rem rgba(255,255,255,.25),
		inset .2rem .2rem .2rem rgba(0,0,0,.005),
		inset -.2rem -.2rem .2rem rgba(0,0,0,.005),
		inset .2rem -.2rem .2rem rgba(0,0,0,.005),
		inset -.2rem .2rem .2rem rgba(0,0,0,.005);
	position: absolute;
	transition: all .8s; /*.Mainvisual__circleと同じ*/
}
.Mainvisual__nav-item-inner{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,.5);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow:
		.2rem .2rem .2rem rgba(255,255,255,.25),
		-.2rem -.2rem .2rem rgba(255,255,255,.25),
		.2rem -.2rem .2rem rgba(255,255,255,.25),
		-.2rem .2rem .2rem rgba(255,255,255,.25),
		.5rem .5rem .5rem rgba(255,255,255,.25),
		-.5rem -.5rem .5rem rgba(255,255,255,.25),
		.5rem -.5rem .5rem rgba(255,255,255,.25),
		-.5rem .5rem .5rem rgba(255,255,255,.25),
		inset .2rem .2rem .2rem rgba(0,0,0,.005),
		inset -.2rem -.2rem .2rem rgba(0,0,0,.005),
		inset .2rem -.2rem .2rem rgba(0,0,0,.005),
		inset -.2rem .2rem .2rem rgba(0,0,0,.005);
	position: relative;
}
.Mainvisual__nav-item-inner::before{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: block;
	content: "";
}
.Mainvisual__nav-item[data-slider="0"] .Mainvisual__nav-item-inner::before {
    width: 33.8rem;
    height: 24.8rem;
    top: 72%;
	background-image: url(../images/index/img_mainvisual-icon1.png) ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Mainvisual__nav-item[data-slider="1"] .Mainvisual__nav-item-inner::before {
    width: 35.3rem;
    height: 26.7rem;
    top: 76%;
	background-image: url(../images/index/img_mainvisual-icon2.png) ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Mainvisual__nav-item[data-slider="2"] .Mainvisual__nav-item-inner::before {
    width: 35.9rem;
    height: 25.9rem;
    top: 75%;
	background-image: url(../images/index/img_mainvisual-icon3.png) ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Mainvisual__nav-item[data-slider="3"] .Mainvisual__nav-item-inner::before {
    width: 45.2rem;
    height: 25.4rem;
    top: 72%;
	background-image: url(../images/index/img_mainvisual-icon4.png) ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

:root{
	--m_nav_interval: 8.2vh;
	--m_nav_size: 19.5vh;
	--m_nav_size_half: (var(--m_nav_size) / 2);
	--m_nav_1_cycle: calc(var(--m_nav_interval) + var(--m_nav_size));
}
/*----- 選択 */
/* 1を選択中 */
.Mainvisual.-position1 .Mainvisual__nav-item.-nav1{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav2{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav3{
	left: 26.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav4{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav5{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav6{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav7{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav8{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav9{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav10{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav11{
	left: 26.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position1 .Mainvisual__nav-item.-nav12{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
/* 2を選択中 */
.Mainvisual.-position2 .Mainvisual__nav-item.-nav1{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav2{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav3{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav4{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav5{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav6{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav7{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav8{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav9{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav10{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav11{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position2 .Mainvisual__nav-item.-nav12{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
/* 3を選択中 */
.Mainvisual.-position3 .Mainvisual__nav-item.-nav1{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav2{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav3{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav4{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav5{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav6{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav7{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav8{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav9{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav10{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav11{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position3 .Mainvisual__nav-item.-nav12{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
/* 4を選択中 */
.Mainvisual.-position4 .Mainvisual__nav-item.-nav1{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav2{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav3{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav4{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav5{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav6{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav7{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav8{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav9{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav10{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav11{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position4 .Mainvisual__nav-item.-nav12{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
/* 5を選択中 */
.Mainvisual.-position5 .Mainvisual__nav-item.-nav1{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav2{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav3{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav4{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav5{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav6{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav7{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav8{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav9{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav10{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav11{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position5 .Mainvisual__nav-item.-nav12{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
/* 6を選択中 */
.Mainvisual.-position6 .Mainvisual__nav-item.-nav1{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav2{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav3{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav4{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav5{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav6{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav7{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav8{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav9{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav10{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav11{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position6 .Mainvisual__nav-item.-nav12{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
/* 7を選択中 */
.Mainvisual.-position7 .Mainvisual__nav-item.-nav1{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav2{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav3{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav4{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav5{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav6{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav7{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav8{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav9{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav10{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav11{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position7 .Mainvisual__nav-item.-nav12{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
/* 8を選択中 */
.Mainvisual.-position8 .Mainvisual__nav-item.-nav1{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav2{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav3{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav4{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav5{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav6{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav7{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav8{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav9{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav10{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav11{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position8 .Mainvisual__nav-item.-nav12{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
/* 9を選択中 */
.Mainvisual.-position9 .Mainvisual__nav-item.-nav1{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav2{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav3{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav4{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav5{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav6{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav7{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav8{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav9{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav10{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav11{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position9 .Mainvisual__nav-item.-nav12{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
/* 10を選択中 */
.Mainvisual.-position10 .Mainvisual__nav-item.-nav1{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav2{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav3{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav4{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav5{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav6{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav7{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav8{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav9{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav10{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav11{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position10 .Mainvisual__nav-item.-nav12{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
/* 11を選択中 */
.Mainvisual.-position11 .Mainvisual__nav-item.-nav1{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav2{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav3{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav4{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav5{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav6{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav7{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav8{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav9{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav10{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav11{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}
.Mainvisual.-position11 .Mainvisual__nav-item.-nav12{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
/* 12を選択中 */
.Mainvisual.-position12 .Mainvisual__nav-item.-nav1{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,5.2vh);
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav2{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav3{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav4{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav5{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav6{
	left: 116vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 6));
	opacity: 0;
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav7{
	left: 94.5vh;
	top: calc(50vh - var(--m_nav_size_half) + (var(--m_nav_1_cycle) * 5));
	opacity: 0;
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav8{
	left: 73vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 4));
	opacity: 0;
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav9{
	left: 51.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 3));
	opacity: 0;
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav10{
	left: 30vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 2.5));
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav11{
	left: 8.5vh;
	top: calc(50vh - var(--m_nav_size_half) - (var(--m_nav_1_cycle) * 1));
	transform: translate(-100%,-5.2vh);
}
.Mainvisual.-position12 .Mainvisual__nav-item.-nav12{
	left: 0;
	top: calc(50vh - var(--m_nav_size_half));
}


@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Mainvisual{
		height: 100svh;
	}
	.Mainvisual::after{
		display: none;
	}
	.Mainvisual__circle{
		display: none;
	}
	.Mainvisual__inner{
		padding-bottom: 12rem;
	}
	.Mainvisual__title{
		width: calc(100% + 4rem);
		font-size: 6rem;
		transform: translateX(-2rem);
		flex-shrink: 0;
		letter-spacing: -.08em;
		line-height: calc(9.5 / 6);
	}
	.Mainvisual__slider{
		width: 100%;
		height: 100%;
		z-index: -1;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}
	.Mainvisual__slider-inner{
		width: 100%;
		height: 100%;
	}
	.Mainvisual__slider-item-image{
		width: 100%;
		height: 100%;
	}
	.Mainvisual__slider-item-image img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: right center;
	}
	.Mainvisual__particle{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 4000;
		mix-blend-mode: overlay;
	}
	.Mainvisual__nav{
		display: none;
	}


}



/*-------------------------------
	私たちについて
-------------------------------*/

.About{
	overflow: clip;
}
.About__inner{
	width: 100%;
	height: 61.6rem;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.About__content{
	width: 50%;
	padding-top: 5rem;
	position: relative;
	z-index: 4000;
}
.About__title{
	align-items: flex-start;
}
.About__body{
	width: calc(100% + 11.5rem);
	padding-top: 5rem;
	padding-bottom: 5rem;
	position: relative;
	z-index: 5000;
}
.About__body::before{
	width: calc(100% + 1.5rem + ((100vw - var(--maxwidth-number))) / 2);
	min-width: calc(70rem + var(--padding-leftright));
	background: var(--gradcolor2);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
.particles-bg{
	width: calc(100% + ((100vw - var(--maxwidth-number))) / 2);
	min-width: calc(70rem + var(--padding-leftright));
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	mix-blend-mode: overlay;
}
.About__body-inner{
	width: 100%;
    max-width: 60.5rem;
	padding-right: 16.5rem;
	position: relative;
	z-index: 6000;
}
.About__subtitle{
	font-family: var(--en);
	font-size: 4rem;
	margin-bottom: 2.4rem;
	font-weight: 500;
	line-height: calc(6 / 4);
	color: #fff;
}
.About__text{
	padding-right: 1.5rem;
	margin-bottom: 7rem;
	color: #fff;
}
.About__button{
	margin-left: 0;
}
.About__image{
	width: 50%;
	padding-bottom: 10rem;
	position: relative;
	z-index: 6000;
}
.About__image img{
	width: calc(100% + ((100vw - var(--maxwidth-number)) / 2));
	height: 100%;
	object-fit: cover;
}
.About__gallery{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.About__gallery::before{
	background: var(--gradcolor);
	content: "";
	display: block;
	width: 100%;
	height: calc(100% + 10rem);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 6000;
	opacity: .5;
	mix-blend-mode: overlay;
}
.About__gallery-item{
	width: calc(100% / 4);
	height: 24.3rem;
}
.About__gallery-item picture{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.About__gallery-item img{
	width: 100%;
	height: calc(100% + 10rem);
	object-fit: cover;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

	.About__image img{
		width: calc(100% + var(--padding-leftright));
	}

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.About__inner{
		height: auto;
		flex-direction: column;
		position: relative;
	}
	.About__content{
		width: 100%;
		padding-top: 0;
	}
	.About__title{
		align-items: flex-start;
	}
	.About__body{
		width: 100%;
		padding-top: 6rem;
		padding-bottom: 0;
	}
	.About__body::before{
		width: calc(100% + (var(--padding-leftright) * 2));
		min-width: 100%;
		left: calc(var(--padding-leftright) * -1);
		height: calc(100% - 5.8rem);
	}
	.particles-bg{
		width: calc(100% + (var(--padding-leftright) * 2));
		min-width: 100%;
		left: calc(var(--padding-leftright) * -1);
	}
	.About__body-inner{
		padding-right: 0;
	}
	.About__subtitle{
		font-size: 5rem;
		margin-bottom: 3.5rem;
		line-height: calc(7 / 5);
	}
	.About__text{
		padding-right: 0;
		margin-bottom: 8rem;
	}
	.About__button{
		margin-bottom: 10rem;
		margin-left: auto;
	}
	.About__image{
		width: calc(100% + var(--padding-leftright));
		padding-bottom: 0;
	}
	.About__image img{
		width: 100%;
	}
	.About__gallery{
		margin-top: -5.8rem;
	}
	.About__gallery::before{
		height: 100%;
	}
	.About__gallery-item{
		height: 25rem;
	}
	.About__gallery-item img{
		height: 100%;
	}

}



/*-------------------------------
	製品紹介
-------------------------------*/

.Products{
	padding-top: 0;
}
.Products__list .Index-Layout__list-item{
	width: calc(100% / 2);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Products__list .Index-Layout__list-item{
		width: 100%;
	}

}



/*-------------------------------
	事業案内
-------------------------------*/

.Service{
	background: var(--bgcolor);
}
.Service__list .Index-Layout__list-item{
	width: calc(100% / 3);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

	.Service__list .Index-Layout__list-item{
		width: calc(100% / 2);
	}

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Service__list .Index-Layout__list-item{
		width: 100%;
	}

}



/*-------------------------------
	設備紹介
-------------------------------*/

.Equipment{
	position: relative;
	z-index: 4000;
}
.Equipment::before{
	content: "";
	display: block;
	width: 100%;
	height: calc(100% + 30rem);
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	z-index: -1;
	transform: translateY(-50%);
    background-image: image-set(url(../images/index/bg_equipment.png) 1x, url(../images/index/bg_equipment@2x.png) 2x);
    background-image: -webkit-image-set(url(../images/index/bg_equipment.png) 1x, url(../images/index/bg_equipment@2x.png) 2x);
	background-size: 100%;
	background-position: right center;
	background-repeat: no-repeat;
}
.Equipment__inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.Equipment__header{
	width: 43rem;
	padding-top: 4.5rem;
}
.Equipment__title{
	margin-bottom: 4rem;
	align-items: flex-start;
}
.Equipment__text{
	margin-bottom: 5.2rem;
}
.Equipment__button{
	margin-left: 0;
}
.Equipment__image{
	width: calc(100% - 43rem);
	height: 49.5rem;
	padding-left: 17rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.Equipment__image-item{
	width: 50%;
	height: 100%;
	position: relative;
}
.Equipment__image-item span{
	height: 100%;
	display: block;
}
.Equipment__image-item picture{
	width: 100%;
	height: 100%;
	display: block;
}
.Equipment__image-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.Equipment__image-item:nth-of-type(1){
	padding-top: 10.2rem;
	z-index: 6000;
}
.Equipment__image-item:nth-of-type(1) span{
	width: calc(100% + 8.5rem);
}
.Equipment__image-item:nth-of-type(2){
	padding-bottom: 5rem;
	z-index: 4000;
}
.Equipment__image-item:nth-of-type(2) span{
	width: calc(100% + 15.3rem);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

	.Equipment__image{
		padding-left: 5rem;
	}

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Equipment{
		padding-bottom: 22rem;
	}
	.Equipment::before{
		width: 36rem;
		height: 100%;
		top: 0;
		left: unset;
		transform: translateY(0);
		background-image: image-set(url(../images/index/sp_bg_equipment.png) 1x, url(../images/index/sp_bg_equipment@2x.png) 2x);
		background-image: -webkit-image-set(url(../images/index/sp_bg_equipment.png) 1x, url(../images/index/sp_bg_equipment@2x.png) 2x);
		background-position: top right;
	}
	.Equipment__inner{
		flex-direction: column;
	}
	.Equipment__header{
		width: 100%;
		padding-top: 0;
		margin-bottom: 11rem;
	}
	.Equipment__title{
		margin-bottom: 5.5rem;
		align-items: flex-start;
	}
	.Equipment__text{
		margin-bottom: 8rem;
	}
	.Equipment__button{
		margin-left: auto;
	}
	.Equipment__image{
		width: 100%;
		height: 49.5rem;
		padding-left: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.Equipment__image-item{
		width: 50%;
		height: 100%;
		position: relative;
	}
	.Equipment__image-item:nth-of-type(1){
		padding-top: 12.5rem;
	}
	.Equipment__image-item:nth-of-type(1) span{
		width: calc(100% - 4.5rem + var(--padding-leftright));
		margin-left: calc(var(--padding-leftright) * -1);
	}
	.Equipment__image-item:nth-of-type(2){
		padding-bottom: 6rem;
	}
	.Equipment__image-item:nth-of-type(2) span{
		width: calc(100% + 10.5rem + var(--padding-leftright));
		margin-left: -10.5rem;
	}

}



/*-------------------------------
	サステナビリティ
-------------------------------*/

.Sustainability{
	padding-top: 0;
	padding-bottom: 0;
}
.Sustainability__inner{
	position: relative;
}
.Sustainability__inner::before{
	content: "";
	display: block;
	width: 27.8rem;
	height: 27.8rem;
    background-image: image-set(url(../images/index/bg_sustainability.png) 1x, url(../images/index/bg_sustainability@2x.png) 2x);
    background-image: -webkit-image-set(url(../images/index/bg_sustainability.png) 1x, url(../images/index/bg_sustainability@2x.png) 2x);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-15.5rem,-19rem);
}
.Sustainability__inner a{
	width: 100%;
	height: 35rem;
	padding-left: 10rem;
	padding-right: 10rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	overflow: hidden;
	position: relative;
	z-index: 5000;
	opacity: 1 !important;
}
.Sustainability__inner a::before{
	background: var(--blackcolor);
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 4000;
	opacity: .5;
}
.Sustainability__title{
	align-items: flex-start;
	position: relative;
	z-index: 6000;
}
.Sustainability__title .C-Title__jp,
.Sustainability__title .C-Title__en{
	color: #fff;
	-webkit-text-fill-color: unset;
}
.Sustainability__image{
	transition: var(--transition);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.Sustainability__image picture{
	width: 100%;
	height: 100%;
	display: block;
}
.Sustainability__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.Sustainability__button{
	margin-left: 0;
	position: relative;
	z-index: 6000;
}

.Sustainability__inner a:hover .Sustainability__image{
	transform: scale(1.1);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Sustainability__inner a{
		padding-left: 5rem;
		padding-right: 5rem;
	}

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

	.Sustainability{
		padding-bottom: 19.5rem;
	}
	.Sustainability__inner::before{
		width: 27.8rem;
		height: 27.8rem;
		left: 0;
		top: 0;
		transform: translate(-3.8rem,-15.5rem);
	}
	.Sustainability__inner a{
		height: auto;
		padding: 10rem 3.5rem 13.8rem;
	}
	.Sustainability__title{
		margin-bottom: 8.5rem;
	}
	.Sustainability__title .C-Title__en{
		font-size: 10.3rem;
		margin-bottom: 1rem;
		letter-spacing: 0;
		line-height: calc(12 / 10.3);
	}
	.Sustainability__title .C-Title__jp{
		font-size: 3.7rem;
	}
	.Sustainability__button{
		margin-left: 1rem;
		position: relative;
		z-index: 6000;
	}
	.Sustainability__button::after{
		width: 9rem;
		transform: translateX(3rem);
	}

}



/*-------------------------------
	採用情報
-------------------------------*/

.Recruit{
	background: var(--bgcolor);
	position: relative;
	overflow: clip;
}
.Recruit::before,
.Recruit::after{
	height: var(--padding-topbottom);
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
}
.Recruit::before{
	top: 0;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}
.Recruit::after{
	bottom: 0;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}
.Recruit__inner{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.Recruit__header{
	width: 43rem;
	padding-right: 3rem;
	padding-top: 9.5rem;
	padding-bottom: 5.5rem;
}
.Recruit__title{
	margin-bottom: 4rem;
	align-items: flex-start;
}
.Recruit__text{
	margin-bottom: 5.2rem;
}
.Recruit__button{
	margin-left: 0;
}
.Recruit__image{
	width: calc(100% - 43rem);
}
.Recruit__image span{
	width: calc(100% + ((100vw - var(--smallwidth-number)) / 2));
	min-width: calc(100% + var(--padding-leftright));
	height: 100%;
	display: block;
	position: relative;
}
.Recruit__image span::before{
	background: var(--blackcolor);
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .1;
}
.Recruit__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Recruit__inner{
		flex-direction: column-reverse;
	}
	.Recruit__header{
		width: 100%;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.Recruit__title{
		margin-bottom: 4rem;
		align-items: flex-start;
	}
	.Recruit__text{
		margin-bottom: 8rem;
	}
	.Recruit__button{
		margin-left: auto;
	}
	.Recruit__image{
		width: 100%;
		margin-bottom: 6.5rem;
	}
	.Recruit__image span{
		width: 100%;
		min-width: 100%;
		height: 50rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.Recruit__image img{
		width: calc(100% + (var(--padding-leftright) * 2));
	}

}



/*-------------------------------
	お知らせ
-------------------------------*/

.News{
	padding-top: 4rem;
}
.News__title{
	margin-bottom: 7.5rem;
}
.News__list{
	margin-bottom: 10rem;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

}



/*-------------------------------
	資料
-------------------------------*/
/*
.Data{
	padding-top: 0;
}
.Data__inner{
	background: var(--bgcolor);
	width: 100%;
	padding: 6rem 2.5rem 6.5rem;
	position: relative;
	z-index: 5000;
}
.Data__title{
	margin-bottom: 4.5rem;
}
.Data__button-wrap{
	width: 100%;
	display: flex;
	column-gap: 3.2rem;
	align-items: center;
	justify-content: center;
}
.Data__button{
	max-width: 39.8rem;
	padding-right: 3rem;
	margin-left: unset;
	margin-right: unset;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Data__inner{
		padding: 7.5rem 6rem 7rem;
	}
	.Data__title{
		margin-bottom: 6rem;
		align-items: center;
	}
	.Data__button-wrap{
		gap: 4rem 0;
		flex-direction: column;
	}
	.Data__button{
		max-width: 100%;
		padding-right: 0;
	}
	.Data__button::after{
		width: 9rem;
		transform: translateX(3rem);
	}

}*/