.index .slider	{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.key .row,.key .row .c	{
	padding: 0;
	margin: 0;
	position: relative;
}

.key .row .c img	{
	display: block;
	width: 100%;
	height:  auto !important;
}

.key .row .c1_1	{
	width: 37.5%;
}

.key .row .c1_2	{
	width: 25%;
}

.key .row .c1_3	{
	width: 37.5%;
}

.key .row .c2	{
	width: 62.5%;
}

.key .row .c3_1	{
	width: 62.5%;
}
.key .row .c3_1 img	{
	width: calc(100% - 50px);
}
.key .row .c3_2	{
	width: 37.5%;
}

.key .row .c4_1	{
	width: 37.5%;
}

.key .row .c4_2	{
	width: 25%;
}

.key .row .c4_3	{
	width: 37.5%;
}
.super div	{
	height: 90vh;
	width: 100%;
	position: relative;
}
.super .s1	{
	background-image: url(images/s1.webp);
	background-size: cover;
}

.super .s2	{
	background-image: url(images/s2.webp);
	background-size: cover;
}

.super .s3	{
	background-image: url(images/s3.webp);
	background-size: cover;
}

.super .s4	{
	background-image: url(images/s4.webp);
	background-size: cover;
}

.super p	{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%; 
	transform: translate(-50%,-50%);
	font-size: 1.5vw;
	line-height: 250%;
	color: white;
	font-weight: bold;
	width: calc(100% - 400px);
	margin: 0 auto;
}

@media screen and (min-width: 1780px){
	.super p	{
		font-size: 36px;
	}
}
.super .s1 p,.super .s3 p	{
	padding-left: 30%;
}

main section	{
	margin-bottom: 100px;
	position: relative;
}
.sec5 .flex.nopadding	{
	position: relative;
	z-index: 1;
}

main section.sec2	{
	padding: 100px 0;
}
main section.sec2:after,main section.sec5:after	{
	content: '';
	display: block;
	width: 100vw;
	position: absolute;
	top: 0;
	left: -200px;
	height: 100%;
	background-image: url(images/sw_back.svg);
	background-position: center top;
	background-size: auto 100vh;
	background-repeat: repeat;
	z-index: 0;
	background-color: white;
}

main section.sec6 .flex	{
	align-items: center;
}
.sec6img	{
	width: 75%;
}

.sec6link	{
	width: 25%;
	font-size: 1.5vw;
	padding-left: 30px;
	line-height: 150%;
}

.sec6link a	{
	color: #231815;
}

@media screen and (min-width: 1780px){
	.sec6link	{
		font-size: 36px;
	}
}

.sec6link img	{
	height: 24px;
}
.sec6link img:first-of-type	{
	margin-bottom: 30px;
}

main section.sec7 .flex .item	{
	background-color: #EFEFEF;
	position: relative;
	min-height: 215px;
}	
main section.sec7 .flex .item a	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

main section.sec7 .flex .item a span	{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 28px;
	color: #231815;
	left: 30px;
}

main section.sec7 .flex .item a img	{
	position: absolute;
	top: calc(50% + 24px);
	left: 30px;
	height: 24px;
}

@media screen and (max-width: 768px)	{
	.super .s1	{
		background-image: url(images/s1_sp.webp);
		background-size: cover;
	}
	
	.super .s2	{
		background-image: url(images/s2_sp.webp);
		background-size: cover;
	}
	
	.super .s3	{
		background-image: url(images/s3_sp.webp);
		background-size: cover;
	}
	
	.super .s4	{
		background-image: url(images/s4_sp.webp);
		background-size: cover;
	}
	
	.super p	{
		display: block;
		position: absolute;
		top: 50%;
		left: 52.5%; 
		transform: translate(-50%,-50%);
		font-size: 4vw;
		letter-spacing: -1px;
		line-height: 250%;
		color: white;
		font-weight: bold;
		width: calc(100% - 22vw);
		margin: 0 auto;
	}
	
	.super .s1 p,.super .s2 p, .super .s3 p,.super .s4 p	{
		padding-left: 0;
		padding-right: 0;
	}
	main section.sec2:after, main section.sec5:after	{
		left: -13.5vw  !important;
		background-size: auto 150%;
	}
	main section.sec2	{
		padding: 13.5vw 0;
	}
	main section	{
		margin-bottom: 13.5vw;
	}
	
	.index .sec3 .flex .item.w50p img.mb15	{
		margin-bottom: 0 !important;
	}
	
	.sec6img	{
		width: 100%;
	}
	
	.sec6link	{
		width: 100%;
		padding-left: 0;
		padding-top: 6.75vw;
	}
	
	.sec6link a	{
		font-size: 5vw;
	}
	
	.sec6link img	{
		height: 3vw;
	}
	
	main section.sec7 .flex .item a	{
		position: static;
		display: block;
		padding: 6.75vw 3vw;
	}
	
	main section.sec7 .flex .item a span	{
		font-size: 5vw;
		position: static;
		display: block;
		transform: none;
		top: auto;
	}
	.flex.space-between .item.w33p-ss,.flex.space-between .item.w33p-s	{
		width: 100%;
	}
	main section.sec7 .flex .item a img	{
		height: 3vw;
		position: static;
	}
	
	main section.sec7 .flex .item	{
		min-height: 0;
		margin-bottom: 1vw;
	}
}