@charset "utf-8";

/* トップイメージ */
main section.x1 .inner {
	position:relative;
	height:42vw;
	overflow:hidden;
}
main section.x1 .inner ul {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
}
main section.x1 .inner ul li {
	position:absolute;
	width:100%;
	height:100%;
	height:fit-content;
	background:no-repeat 50% 50%;
	background-size:cover;
	-webkit-animation-name:kenburns;
	animation-name:kenburns;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-duration:32s;
	animation-duration:32s;
	opacity:0;
	transform:scale(1.2);
}
main section.x1 .inner ul li:nth-child(1) {
	-webkit-animation-name:kenburns-1;
					animation-name:kenburns-1;
	z-index:3;
}
main section.x1 .inner ul li:nth-child(2) {
	-webkit-animation-name:kenburns-2;
					animation-name:kenburns-2;
	z-index:2;
}
main section.x1 .inner ul li:nth-child(3) {
	-webkit-animation-name:kenburns-3;
					animation-name:kenburns-3;
	z-index:1;
}
main section.x1 .inner ul li:nth-child(4) {
	-webkit-animation-name:kenburns-4;
					animation-name:kenburns-4;
	z-index:0;
}

@-webkit-keyframes kenburns-1 {
	0% {
		opacity:1;
		transform:scale(1.2);
	}
	1.5625% {
		opacity:1;
	}
	23.4375% {
		opacity:1;
	}
	26.5625% {
		opacity:0;
		transform:scale(1);
	}
	98.4375% {
		opacity:0;
		transform:scale(1.2117647059);
	}
	100% {
		opacity:1;
	}
}
@keyframes kenburns-1 {
	0% {
		opacity:1;
		transform:scale(1.2);
	}
	1.5625% {
		opacity:1;
	}
	23.4375% {
		opacity:1;
	}
	26.5625% {
		opacity:0;
		transform:scale(1);
	}
	98.4375% {
		opacity:0;
		transform:scale(1.2117647059);
	}
	100% {
		opacity:1;
	}
}
@-webkit-keyframes kenburns-2 {
	0% {
		opacity:0;
	}
	23.4375% {
		opacity:1;
		transform:scale(1.2);
	}
	26.5625% {
		opacity:1;
	}
	48.4375% {
		opacity:1;
	}
	51.5625% {
		opacity:0;
		transform:scale(1);
	}
	100% {
		opacity:0;
		transform:scale(1.2);
	}
}
@keyframes kenburns-2 {
	0% {
		opacity:0;
	}
	23.4375% {
		opacity:1;
		transform:scale(1.2);
	}
	26.5625% {
		opacity:1;
	}
	48.4375% {
		opacity:1;
	}
	51.5625% {
		opacity:0;
		transform:scale(1);
	}
	100% {
		opacity:0;
		transform:scale(1.2);
	}
}
@-webkit-keyframes kenburns-3 {
	0% {
		opacity:0;
	}
	48.4375% {
		opacity:1;
		transform:scale(1.2);
	}
	51.5625% {
		opacity:1;
	}
	73.4375% {
		opacity:1;
	}
	76.5625% {
		opacity:0;
		transform:scale(1);
	}
	100% {
		opacity:0;
		transform:scale(1.2);
	}
}
@keyframes kenburns-3 {
	0% {
		opacity:0;
	}
	48.4375% {
		opacity:1;
		transform:scale(1.2);
	}
	51.5625% {
		opacity:1;
	}
	73.4375% {
		opacity:1;
	}
	76.5625% {
		opacity:0;
		transform:scale(1);
	}
	100% {
		opacity:0;
		transform:scale(1.2);
	}
}
@-webkit-keyframes kenburns-4 {
	0% {
		opacity:0;
	}
	73.4375% {
		opacity:1;
		transform:scale(1.2);
	}
	76.5625% {
		opacity:1;
	}
	98.4375% {
		opacity:1;
	}
	100% {
		opacity:0;
		transform:scale(1);
	}
}
@keyframes kenburns-4 {
	0% {
		opacity:0;
	}
	73.4375% {
		opacity:1;
		transform:scale(1.2);
	}
	76.5625% {
		opacity:1;
	}
	98.4375% {
		opacity:1;
	}
	100% {
		opacity:0;
		transform:scale(1);
	}
}
main section.x1 .inner .ribbon {
	position:absolute;
	top:-50%;
	bottom:-50%;
	width:100%;
	height:30%;
	background-color:rgba(255, 255, 255, 0.8);
	margin:auto;
	padding:25px 0;
	z-index:100;
}
main section.x1 .inner .ribbon .wp {
	position:absolute;
	right:-50%;
	left:-50%;
	top:-50%;
	bottom:-50%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	width:30%;
	margin:auto;
	-webkit-animation-name:ribbon;
	animation-name:ribbon;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-duration:32s;
	animation-duration:32s;
	opacity:1;
}
main section.x1 .inner .ribbon .wp .x1 {margin:0 0 15px;}
main section.x1 .inner .ribbon .wp .x2 {width:142px;}
main section.x1 .inner .ribbon .wp:nth-child(1) {
	-webkit-animation-name:ribbon-1;
					animation-name:ribbon-1;
	z-index:3;
}
main section.x1 .inner .ribbon .wp:nth-child(2) {
	-webkit-animation-name:ribbon-2;
					animation-name:ribbon-2;
	z-index:2;
}
main section.x1 .inner .ribbon .wp:nth-child(3) {
	-webkit-animation-name:ribbon-3;
					animation-name:ribbon-3;
	z-index:1;
}
main section.x1 .inner .ribbon .wp:nth-child(4) {
	-webkit-animation-name:ribbon-4;
					animation-name:ribbon-4;
	z-index:0;
}
@-webkit-keyframes ribbon-1 {
	      0% {opacity:1;}
	 1.5625% {opacity:1;}
	23.4375% {opacity:1;}
	26.5625% {opacity:0;}
	98.4375% {opacity:0;}
	    100% {opacity:1;}
}
@keyframes ribbon-1 {
	      0% {opacity:1;}
	 1.5625% {opacity:1;}
	23.4375% {opacity:1;}
	26.5625% {opacity:0;}
	98.4375% {opacity:0;}
	    100% {opacity:1;}
}
@-webkit-keyframes ribbon-2 {
	      0% {opacity:0;}
	 1.5625% {opacity:0;}
	23.4375% {opacity:0;}
	26.5625% {opacity:1;}
	48.4375% {opacity:1;}
	51.5625% {opacity:0;}
	    100% {opacity:0;}
}
@keyframes ribbon-2 {
	      0% {opacity:0;}
	 1.5625% {opacity:0;}
	23.4375% {opacity:0;}
	26.5625% {opacity:1;}
	48.4375% {opacity:1;}
	51.5625% {opacity:0;}
	    100% {opacity:0;}
}
@-webkit-keyframes ribbon-3 {
	      0% {opacity:0;}
	 1.5625% {opacity:0;}
	23.4375% {opacity:0;}
	26.5625% {opacity:0;}
	48.4375% {opacity:0;}
	51.5625% {opacity:1;}
	73.4375% {opacity:1;}
	76.5625% {opacity:0;}
	    100% {opacity:0;}
}
@keyframes ribbon-3 {
	0% {opacity:0;}
	1.5625% {opacity:0;}
	23.4375% {opacity:0;}
	26.5625% {opacity:0;}
	48.4375% {opacity:0;}
	51.5625% {opacity:1;}
	73.4375% {opacity:1;}
	76.5625% {opacity:0;}
	100% {opacity:0;}
}
@-webkit-keyframes ribbon-4 {
	      0% {opacity:0;}
	 1.5625% {opacity:0;}
	23.4375% {opacity:0;}
	26.5625% {opacity:0;}
	48.4375% {opacity:0;}
	51.5625% {opacity:0;}
	73.4375% {opacity:0;}
	76.5625% {opacity:1;}
	98.4375% {opacity:1;}
	    100% {opacity:0;}
}
@keyframes ribbon-4 {
	      0% {opacity:0;}
	 1.5625% {opacity:0;}
	23.4375% {opacity:0;}
	26.5625% {opacity:0;}
	48.4375% {opacity:0;}
	51.5625% {opacity:0;}
	73.4375% {opacity:0;}
	76.5625% {opacity:1;}
	98.4375% {opacity:1;}
	    100% {opacity:0;}
}

main.top section.x2 .inner {
	width:100%;
	margin:140px auto 0;
}
main.top section.x2 .inner .wp {
	display:flex;
	justify-content:space-between;
	align-items:self-start;
}
main.top section.x2 .inner .wp .txt {
	width:30vw;
	margin:0 5vw;
}
main.top section.x2 .inner .wp .txt h2 {margin:2.5em 0 0;}
main.top section.x2 .inner .wp .txt h2 span {
	font-size:64px;
	line-height:1.2;
}
main.top section.x2 .inner .wp .txt h2 span br {display:none;}
main.top section.x2 .inner .wp .txt h3 span {
	font-size:24px;
	font-weight:500;
	color:#216fc6;
}
main.top section.x2 .inner .wp .img {
	width:60vw;
	overflow:hidden;
	border-radius:4vw 0 0 0;
}
main.top section.x2 .inner .wp .img img {width:150%;}
main.top section.x2 .inner .wp.ceo .img img {margin-left:-16vw;}
main.top section.x2 .inner .wp .txt p {
	font-size:18px;
	margin:2.5em 0 0;
	letter-spacing:0.05em;
	line-height:2.2;
}
main.top section.x3 .inner {
	width:100%;
	margin:140px auto 0;
}
main.top section.x3 .inner .wp {
	display:flex;
	justify-content:space-between;
	align-items:self-start;
	flex-direction:row-reverse;
}
main.top section.x3 .inner .wp .txt {
	width:30vw;
	margin:0 5vw;
}
main.top section.x3 .inner .wp .txt h2 {margin:2.5em 0 0;}
main.top section.x3 .inner .wp .txt h2 span {
	font-size:64px;
	line-height:1.2;
}
main.top section.x3 .inner .wp .txt h3 span {
	font-size:24px;
	font-weight:500;
	color:#216fc6;
}
main.top section.x3 .inner .wp .img {
	width:60vw;
	overflow:hidden;
	border-radius:0 4vw 0 0;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
main.top section.x3 .inner .wp .img img {width:150%;}
main.top section.x3 .inner .wp .txt p {
	font-size:18px;
	margin:2.5em 0 0;
	letter-spacing:0.05em;
	line-height:2.2;
}

main.top section.x4 {margin:240px 0 0;}
main.top section.x4 .inner {
	width:100%;
	height:450px;
	position:relative;
}
main.top section.x4 .inner .txt {
	width:36em;
	position:absolute;
	background-color:rgba(255, 255, 255, .95);
	padding:4em;
	top:-5vw;
	left:5vw;
	z-index:1000;
}
main.top section.x4 .inner .txt h2 {margin:0;}
main.top section.x4 .inner .txt h2 span {
	font-size:64px;
	line-height:1.2;
}
main.top section.x4 .inner .txt h3 span {
	font-size:24px;
	font-weight:500;
	color:#216fc6;
}
main.top section.x4 .inner .img {
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
}
main.top section.x4 .inner .img img {width:120%;}
main.top section.x5 {margin:240px 0 0;}
main.top section.x5 .inner {
	width:100%;
	height:450px;
	position:relative;
}
main.top section.x5 .inner .txt {
	width:36em;
	position:absolute;
	background-color:rgba(255, 255, 255, .95);
	padding:4em;
	top:-5vw;
	right:5vw;
	z-index:1000;
}
main.top section.x5 .inner .txt h2 {margin:0;}
main.top section.x5 .inner .txt h2 span {
	font-size:64px;
	line-height:1.2;
}
main.top section.x5 .inner .txt h3 span {
	font-size:24px;
	font-weight:500;
	color:#216fc6;
}
main.top section.x5 .inner .img {
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
}
main.top section.x5 .inner .img img {width:120%;}
main.top section.x6 {margin:0;}
main.top section.x6 .inner {
	width:100%;
	padding:50px 0;
	background-color:#eff2f5;
}
main.top section.x6 .inner ul {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
}
main.top section.x6 .inner ul li {
	width:31%;
	height:auto;
	aspect-ratio:1;
	margin:0 1%;
}
main.top section.x6 .inner ul li a {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	position:relative;
	text-decoration:none;
	width:100%;
	height:100%;
	overflow:hidden;
}
main.top section.x6 .inner ul li a img {
	position:absolute;
	width:auto;
	height:100%;
	z-index:1;
}
main.top section.x6 .inner ul li a h2 {
	z-index:10;
	color:#fff;
	font-size:32px;
	letter-spacing:0.1em;
}
main.top section.x6 .inner ul li a h3 {
	font-size:24px;
	color:#fff;
	z-index:10;
	font-weight:500;
}
main.top section.x6 .inner ul li a .btn {
	z-index:10;
	margin:.5em 0 0;
}
main.top section.x6 .inner ul li a::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background-color:rgba(0, 0, 0, 0.3);
	z-index:10;
}
main.top section.x7 .inner {
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
main.top section.x7 .inner .bg {
	position:absolute;
	width:70vw;
	top:-38vw;
	margin:auto;
	right:-10vw;
	z-index:1;
	animation:60s linear infinite rotation;
}
main.top section.x7 .inner .wp {
	display:flex;
	width:100%;
	max-width:1200px;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	padding:80px 0 0;
	position:relative;
	z-index:10;
}
main.top section.x7 .inner .wp .txt {
	width:50%;
	padding:50px;
}
main.top section.x7 .inner .wp .txt h2 {margin:0 0 1em;}
main.top section.x7 .inner .wp .txt p {
	font-size:18px;
	line-height:2;
	margin:0 0 1em;
}
main.top section.x7 .inner .wp .txt a {
	text-decoration:none;
	font-weight:bold;
	color:#1f1f1f;
	border-bottom:dashed 1px;
}
main.top section.x7 .inner .wp .thumb {
	width:50%;
	padding:50px;
}
main.top section.x7 .inner .wp .thumb a {
	display:block;
	position:relative;
	line-height:0;
}
main.top section.x7 .inner .wp .thumb a::after {
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.03);
	position:absolute;
	top:0;
	left:0;
	border-radius:15px;
}

/* リンクボタン */
main.top .btn {
	display:block;
	text-decoration:none;
	background-color:#005eb5;
	width:fit-content;
	padding:1em 5.5em 1em 1.5em;
	font-weight:bold;
	color:#fff;
	font-size:18px;
	letter-spacing:0.05em;
	border-radius:50vw;
	margin:2.5em 0 0;
	position:relative;
}
main.top .btn:hover {
	color:#005eb5!important;
	background-color:#f1f1f1;
	-moz-opacity:1.0;
	opacity:1.0;
	filter:alpha(opacity = 100);
}
main.top .btn::after {
	content:"";
	width:12px;
	height:12px;
	aspect-ratio:1;
	display:block;
	background-color:#fff;
	border-radius:50vw;
	position:absolute;
	top:-50%;
	bottom:-50%;
	margin:auto;
	right:1.5em;
	transition:transform .5s cubic-bezier(0.04, 0.97, 0.86, 0.94);
	transform:translate3d(0, 0, 0);
}
main.top .btn:hover::after {
	background-color:#005eb5;
	border-radius:0;
	width:40px;
	height:2px;
	transform:translate3d(100%, 0, 0);
}
main.top section.x7 .inner .movie {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
    background-color: #30374d;
	position:relative;
	z-index:10;
}
main.top section.x7 .inner .movie iframe {
    width: 40%;
    height: auto;
    aspect-ratio: 16 / 9;
}

/* 回転アニメーション */
@keyframes rotation {
	  0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}


/* メディアクエリ------------------------------------------------------------------*/
@media print, screen and (min-width:1900px){}
@media print, screen and (max-width:1500px){
	main.top section.x2 .inner .wp {align-items:center;}
	main.top section.x2 .inner .wp .txt h2 {margin:0;}
	main.top section.x2 .inner .wp .txt h2 span {
		font-size:56px;
		line-height:1;
	}
	main.top section.x2 .inner .wp.ceo .txt h2 span {font-size:50px;}
	main.top section.x2 .inner .wp .txt h3 span {font-size:20px;}
	main.top section.x2 .inner .wp .txt p {
		font-size:16px;
		margin:2vw 0 0;
	}
	main.top .btn {margin:2.5vw 0 0;}


	main.top section.x3 .inner .wp {align-items:center;}
	main.top section.x3 .inner .wp .txt h2 {margin:0;}
	main.top section.x3 .inner .wp .txt h2 span {
		font-size:56px;
		line-height:1;
	}
	main.top section.x3 .inner .wp .txt h3 span {font-size:20px;}
	main.top section.x3 .inner .wp .txt p {
		font-size:16px;
		margin:2vw 0 0;
	}

	main.top section.x4 .inner .txt h2 span {
		font-size:56px;
		line-height:1;
	}
	main.top section.x4 .inner .txt h3 span {font-size:20px;}
	main.top section.x4 .inner .txt p {
		font-size:16px;
		margin:1vw 0 0;
	}

	main.top section.x5 .inner .txt h2 span {
		font-size:56px;
		line-height:1;
	}
	main.top section.x5 .inner .txt h3 span {font-size:20px;}
	main.top section.x5 .inner .txt p {
		font-size:16px;
		margin:1vw 0 0;
	}
	main.top section.x7 .inner .wp {padding:5vw 0;}
	main.top section.x7 .inner .bg {top:-33vw;}
}
@media print, screen and (max-width:1200px){
	main.top section.x2 .inner .wp .img {height:400px;}
	main.top section.x2 .inner .wp .img img {
		width:auto;
		height:100%;
	}
	main.top section.x2 .inner .wp .txt {width:40vw;}
	main.top section.x2 .inner .wp .txt h2 span {font-size:48px;}
	main.top section.x2 .inner .wp.ceo .img {position:relative;}
	main.top section.x2 .inner .wp.ceo .img img {
		position: absolute;
		margin: auto;
		left: -60%;
		right: -50%;
	}
	main.top section.x2 .inner .wp.ceo .txt h2 span {font-size:48px;}
	main.top section.x2 .inner .wp .txt h3 span {font-size:18px;}
	main.top section.x2 .inner .wp .txt p {line-height:1.8;}

	main.top section.x3 .inner .wp .img {height:400px;}
	main.top section.x3 .inner .wp .img img {
		width:auto;
		height:100%;
	}
	main.top section.x3 .inner .wp .txt {width:40vw;}
	main.top section.x3 .inner .wp .txt h2 span {font-size:48px;}
	main.top section.x3 .inner .wp .txt h2 span {font-size:48px;}
	main.top section.x3 .inner .wp .txt h3 span {font-size:18px;}
	main.top section.x3 .inner .wp .txt p {line-height:1.8;}

	main.top section.x4 .inner .txt {width:fit-content;}
	main.top section.x4 .inner .txt h2 span {font-size:48px;}
	main.top section.x4 .inner .txt h3 span {font-size:18px;}
	main.top section.x4 .inner .txt p {
		line-height:1.8;
		max-width:22em;
	}

	main.top section.x5 .inner .txt {width:fit-content;}
	main.top section.x5 .inner .txt h2 span {font-size:48px;}
	main.top section.x5 .inner .txt h3 span {font-size:18px;}
	main.top section.x5 .inner .txt p {line-height:1.8;}
	main.top section.x7 .inner .bg {top:-24vw;}

	main.top .btn {font-size:16px;}
}
@media print, screen and (max-width:1000px){
	main section.x1 {position:relative;}
	main section.x1 .inner {
		height: 580px;
		left: -25%;
		right: -25%;
		margin: auto;
		width: 150%;
	}
	main.top section.x2 .inner .wp .txt h2 span br {display:initial;}
	main.top section.x2 .inner .wp.ceo .img img {
		/*margin-left:-40vw;*/
		left:-73%;
	}
	main.top section.x4 {margin:15vw 0 0;}
	main.top section.x5 {margin:15vw 0 0;}
	main.top section.x6 .inner ul li a h2 {
		font-size:28px;
		letter-spacing:0.05em;
		line-height:1;
	}
	main.top section.x6 .inner ul li a .btn {font-size:14px;}
	main.top section.x7 .inner .movie iframe {width:70%;}
}
@media print, screen and (max-width:900px){
	main section.x1 .inner {
		width:170%;
		left:-35%;
		right:-35%;
	}
	main.top section.x2 .inner .wp.ceo .img img {
		/*margin-left:-50vw;*/
		left:-90%;
	}
	main.top section.x6 .inner ul li a h2 {font-size:24px;}
	main.top section.x6 .inner ul li a h3 {font-size:20px;}
	main.top section.x7 .inner .wp .thumb {padding:15px;}
	main.top section.x7 .inner .bg {
		width:80vw;
		top:-27vw;
		right:-21vw;
	}
}
@media print, screen and (max-width:768px){
	main section.x1 .inner {
		width:320%;
		left:-110%;
	}
	main.top section.x2 .inner {margin:25vw auto 0;}
	main.top section.x2 .inner .wp {
		flex-direction:column;
		padding:0 5vw;
	}
	main.top section.x2 .inner .wp .txt {
		width:100%;
		z-index:10;
	}
	main.top section.x2 .inner .wp .txt h2 span {font-size:11vw;}
	main.top section.x2 .inner .wp.ceo .img img {left:-70%;}
	main.top section.x2 .inner .wp.ceo .txt h2 span {font-size:11vw;}
	main.top section.x2 .inner .wp .txt h2 span br {display:none;}
	main.top section.x2 .inner .wp .img {
		width:100vw;
		margin:-10vw 0 0 20vw;
		height:250px;
	}
	main.top section.x3 .inner {margin:25vw auto 0;}
	main.top section.x3 .inner .wp .txt h2 span {font-size:11vw;}
	main.top section.x3 .inner .wp {
		flex-direction:column;
		padding:0 5vw;
	}
	
	main.top section.x3 .inner .wp .txt {
		width:100%;
		z-index:10;
	}
	main.top section.x3 .inner .wp .img {
		width:100vw;
		margin:-10vw 20vw 0 0;
		height:250px;
	}
	main.top .x3 .btn {
		margin:2.5vw 0 0 auto;
	}
	main.top section.x4 {margin:20vw 0 0;}
	main.top section.x4 .inner {height:auto;}
	main.top section.x4 .inner .txt {
		position:unset;
		padding:0 5vw;
	}
	main.top section.x4 .inner .txt h2 span {font-size:11vw;}
	main.top section.x4 .inner .img {
		height:fit-content;
		margin:7vw 0 0;
	}
	main.top section.x4 .inner .img img {width:150%;}

	main.top section.x5 {margin:20vw 0 0;}
	main.top section.x5 .inner {height:auto;}
	main.top section.x5 .inner .txt {
		position:unset;
		padding:0 5vw;
	}
	main.top section.x5 .inner .txt h2 span {font-size:11vw;}
	main.top section.x5 .inner .img {
		height:fit-content;
		margin:7vw 0 0;
	}
	main.top section.x5 .inner .img img {width:150%;}

	main.top section.x6 {margin:20vw 0 0;}
	main.top section.x6 .inner {height:auto;}
	main.top section.x6 .inner .txt {
		position:unset;
		padding:0 5vw;
	}
	main.top section.x6 .inner .txt h2 span {font-size:11vw;}
	main.top section.x6 .inner .img {
		height:fit-content;
		margin:7vw 0 0;
	}
	main.top section.x6 .inner .img img {width:150%;}
	main.top section.x6 .inner ul {
		flex-direction:column;
		padding:0 5vw;
	}
	main.top section.x6 .inner ul li {
		width:100%;
		aspect-ratio:2 / 1;
		margin:0 0 5vw;
	}
main.top section.x6 .inner ul li.x2 a {
    overflow: hidden;
    position: relative;
}
main.top section.x6 .inner ul li.x2 a img {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
}

	main.top section.x7 .inner .wp {flex-direction:column;}
	main.top section.x7 .inner .bg {
		width:140vw;
		top:-37vw;
		right:-71vw;
	}
	main.top section.x7 .inner .wp .txt {
		width:100%;
		padding:7vw 8vw;
	}
	main.top section.x7 .inner .wp .thumb {
		width:100%;
		padding:0 8vw 7vw;
	}
	main.top section.x7 .inner .wp .txt h2 {
		margin:0;
		line-height:0;
	}
	main.top section.x7 .inner .wp .txt p {
		font-size:4.2vw;
		padding:0 0 0 10px;
		line-height:1.8;
		margin:0 0 5px;
	}
	main.top section.x7 .inner .wp .txt a {
		margin:0 0 0 10px;
	}
main.top section.x7 .inner .movie iframe {width:92vw;}
}