@charset "utf-8";

main {overflow:hidden;}
main.history section.x1 {
	padding:100px 0 0;
}
main.history section.x1 .inner {
	padding:30px 0 271px;
	position:relative;
	z-index:1;
}
main.history section.x1 .inner .top_bx {
	margin:0 0 0 10vw;
	position:relative;
	z-index:10;
}
main.history section.x1 .inner .top_bx h1 {
	font-size:64px;
	line-height:1.1;
	position:relative;
	z-index:10;
	overflow:hidden;
}
main.history section.x1 .inner .top_bx h1 span {
	margin:0;
	padding:0;
	display:block;
	line-height:inherit;
}
main.history section.x1 .inner .top_bx p {
	font-size:24px;
	font-weight:500;
}
main.history section.x1 .inner .top_bx p span {
	display:block;
	color:#216fc6;
}
main.history section.x1 .inner .bg {
	width:72vw;
	height:400px;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
main.history section.x1 .inner .bg img {width:100%;}

main.history section.x2 {
	margin:100px 0 0;
	padding:0 0 20vw;
	position:relative;
}
main.history section.x2 .inner {
	width:100%;
	max-width:94vw;
	margin:0 auto 20vw;
	display:flex;
	justify-content:center;
	align-items:stretch;
}
main.history section.x2 .inner:after {
}

/* left */
main.history section.x2 .inner .left {
	width:45%;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:flex-start;
}

/* center */
main.history section.x2 .inner .center {
	width:10%;
	position:relative;
	padding:6.5vw 0 0;
}
main.history section.x2 .inner .center::after {
	content:"";
	width:100%;
	height:20vw;
	background-image:linear-gradient(0deg,rgba(255, 255, 255, 1) 0,rgba(255, 255, 255, 1) 60%,rgba(255, 255, 255, 0) 100%);
	display:block;
	position:absolute;
	bottom:-33vw;
	z-index:1;
}
main.history section.x2 .inner .center .line {
	width:1px;
	height:110%;
	background-color:#000;
	display:block;
	position:absolute;
	margin:0 auto;
	left:-50%;
	right:-50%;
}

/* right */
main.history section.x2 .inner .right {
	width:45%;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
}

main.history section.x2 .inner .right h2 {
	font-size:32px;
	font-size:1.68vw;
	line-height:1.4;
	margin:0 0 0.15em;
}
main.history section.x2 .inner .right p {
	font-size:18px;
	font-size:0.94vw;
	line-height:2.2;
}
main.history section.x2 .inner .right .x1 {margin:1.5vw 0 0;}
main.history section.x2 .inner .right .x1 img {
	position:absolute;
	top:-3vw;
	left:-25vw;
	width:15vw;
}
main.history section.x2 .inner .right .x2 {width:20vw;margin:16vw 0 0;}
main.history section.x2 .inner .right .x2 img {
	position:absolute;
	left:0;
	top:-12vw;
}
main.history section.x2 .inner .right .x3 {margin:6vw 0 0;}
main.history section.x2 .inner .right .x4 {width:23vw;margin:8vw 0 0;}
main.history section.x2 .inner .right .x4 img {
	position:absolute;
	top:2vw;
	left:-28vw;
	width:18vw;
}
main.history section.x2 .inner .right .x5 {margin:15vw 0 0;}
main.history section.x2 .inner .right .x5 img {
	position:absolute;
	top:-9vw;
	display:block;
	margin:auto;
	width:21vw;
	left:0;
}
main.history section.x2 .inner .right .x6 {margin:12.5vw 0 0;}
main.history section.x2 .inner .right .x6 img {width:19vw;}
main.history section.x2 .inner .right .x7 {margin:10vw 0 0;}
main.history section.x2 .inner .right .x8 {margin:0.8vw 0 0;width:20vw;}
main.history section.x2 .inner .right .x9 {margin:-2.5vw 0 0;}
main.history section.x2 .inner .right .x10 {margin:6.5vw 0 0;}
main.history section.x2 .inner .right .x10 img {width:20vw;}
main.history section.x2 .inner .right .x11 {margin:7vw 0 0;}
main.history section.x2 .inner .right .x12 {margin:1.5vw 0 0;}
main.history section.x2 .inner .right .x13 {margin:6vw 0 0;}
main.history section.x2 .inner .right .x14 {margin:3vw 0 0;}
main.history section.x2 .inner .right .x15 {margin:5vw 0 0;}
main.history section.x2 .inner .right .x16 img {
	position:absolute;
	top:5vw;
	left:-30vw;
	width:20vw;
}
main.history section.x2 .inner .right .x17 {margin:1vw 0 0;}
main.history section.x2 .inner .right .x18 {margin:1vw 0 0;}
main.history section.x2 .inner .right .x19 {margin:10vw 0 0;}
main.history section.x2 .inner .right .x19 img {
	position:absolute;
	top:-3vw;
	display:block;
	margin:auto;
	width:21vw;
	left:0;
}
main.history section.x2 .inner .right .x20 {margin:10vw 0 0;}
main.history section.x2 .inner .right .x20 img {width:25vw;}
main.history section.x2 .inner .right .x21 {margin:6vw 0 0;}
main.history section.x2 .inner .right .x22 img {width:30vw;}
main.history section.x2 .inner .right .x23 img {width:25vw;margin:10px 0 0;}
main.history section.x2 .inner .right .x24 {margin:6vw 0 0;}

main.history section.x2 .inner .right .point {position:relative;}
main.history section.x2 .inner .right .point::before {
	content:"●";
	position:absolute;
	left:-5.6vw;
	font-size:1.8vw;
	margin:auto;
	top:-50%;
	bottom:-50%;
	width:1em;
	height:1em;
	line-height:1;
}
main.history section.x2 .inner .right .point::after {
	content:"";
	position:absolute;
	left:-4.6vw;
	margin:auto;
	top:-52%;
	bottom:-50%;
	width:3vw;
	height:1px;
	display:block;
	background-color:#1f1f1f;
}

main.history section.x2 .inner .right .point .bx {width:44vw;}
main.history section.x2 .inner .right .point.left .bx {
	width:44vw;
	position:absolute;
	top:-2.5vw;
	left:-55vw;
	text-align:right;
}
main.history section.x2 .inner .right .point.left::after {left:-7.8vw;}


/* メディアクエリ------------------------------------------------------------------*/
@media print, screen and (max-width:1500px){
	main.history section.x1 .inner .bg img {
		width:auto;
		height:100%;
	}

	main.history section.x2 {padding:0 0 30vw;}
	main.history section.x2 .inner .center {padding:8.4vw 0 0;}
	main.history section.x2 .inner .center::after {
		height:30vw;
		bottom:-45vw;
	}
	main.history section.x2 .inner .right h2 {font-size:2.5vw;}
	main.history section.x2 .inner .right p {font-size:1.5vw;}

	main.history section.x2 .inner .right .x1 {margin:2.25vw 0 0;}
	main.history section.x2 .inner .right .x1 img {
		top:-4.5vw;
		left:-33.5vw;
		width:22.5vw;
	}
	main.history section.x2 .inner .right .x2 {width:30vw;margin:24vw 0 0;}
	main.history section.x2 .inner .right .x2 img {top:-18vw;}
	main.history section.x2 .inner .right .x3 {margin:9vw 0 0;}
	main.history section.x2 .inner .right .x4 {width:34.5vw;margin:12vw 0 0;}
	main.history section.x2 .inner .right .x4 img {
		top:3vw;
		left:-38vw;
		width:27vw;
	}
	main.history section.x2 .inner .right .x5 {margin:22.5vw 0 0;}
	main.history section.x2 .inner .right .x5 img {
		top:-13.5vw;
		width:31.5vw;
	}
	main.history section.x2 .inner .right .x6 {margin:18.75vw 0 0;}
	main.history section.x2 .inner .right .x6 img {width:28.5vw;}
	main.history section.x2 .inner .right .x7 {margin:15vw 0 0;}
	main.history section.x2 .inner .right .x8 {margin:1.2vw 0 0;width:30vw;}
	main.history section.x2 .inner .right .x9 {margin:-3.75vw 0 0;}
	main.history section.x2 .inner .right .x10 {margin:9.75vw 0 0;}
	main.history section.x2 .inner .right .x10 img {width:30vw;}
	main.history section.x2 .inner .right .x11 {margin:10.5vw 0 0;}
	main.history section.x2 .inner .right .x12 {margin:2.25vw 0 0;}
	main.history section.x2 .inner .right .x13 {margin:9vw 0 0;}
	main.history section.x2 .inner .right .x14 {margin:4.5vw 0 0;}
	main.history section.x2 .inner .right .x15 {margin:7.5vw 0 0;}
	main.history section.x2 .inner .right .x16 img {
		top:7.5vw;
		left:-41vw;
		width:30vw;
	}
	main.history section.x2 .inner .right .x17 {margin:1.5vw 0 0;}
	main.history section.x2 .inner .right .x18 {margin:1.5vw 0 0;}
	main.history section.x2 .inner .right .x19 {margin:15vw 0 0;}
	main.history section.x2 .inner .right .x19 img {
		top:-4.5vw;
		width:31.5vw;
	}
	main.history section.x2 .inner .right .x20 {margin:15vw 0 0;}
	main.history section.x2 .inner .right .x20 img {width:37.5vw;}
	main.history section.x2 .inner .right .x21 {margin:9vw 0 0;}
	main.history section.x2 .inner .right .x22 img {width:37.2vw;}
	main.history section.x2 .inner .right .x23 img {width:37.6vw;}
}
@media print, screen and (max-width:1000px){

	main.history section.x2 {padding:0 0 45vw;}
	main.history section.x2 .inner .center {padding:14.1vw 0 0;}
	main.history section.x2 .inner .center::after {
		height:45vw;
		bottom:-67.5vw;
	}
	main.history section.x2 .inner .right h2 {font-size:3.75vw;}
	main.history section.x2 .inner .right p {font-size:2.25vw;line-height:1.6;}

	main.history section.x2 .inner .right .point .bx {width:40vw;}
	main.history section.x2 .inner .right .point.left .bx {
		width:40vw;
		left:-50vw;
	}

	main.history section.x2 .inner .right .x1 {margin:3.375vw 0 0;}
	main.history section.x2 .inner .right .x1 img {
		top:-6.75vw;
		left:-41vw;
		width:31vw;
	}
	main.history section.x2 .inner .right .x2 {width:40vw;margin:36vw 0 0;}
	main.history section.x2 .inner .right .x2 img {top:-21vw;width:40vw;}
	main.history section.x2 .inner .right .x3 {margin:13.5vw 0 0;}
	main.history section.x2 .inner .right .x4 {width:40vw;margin:18vw 0 0;}
	main.history section.x2 .inner .right .x4 img {
		top:4.5vw;
		left:-51vw;
		width:40.5vw;
	}
	main.history section.x2 .inner .right .x5 {margin:33.75vw 0 0;}
	main.history section.x2 .inner .right .x5 img {
		top:-20.25vw;
		width:42vw;
	}
	main.history section.x2 .inner .right .x6 {margin:28.125vw 0 0;}
	main.history section.x2 .inner .right .x6 img {width:36vw;}
	main.history section.x2 .inner .right .x7 {margin:22.5vw 0 0;}
	main.history section.x2 .inner .right .x8 {margin:1.8vw 0 0;width:39vw;}
	main.history section.x2 .inner .right .x9 {margin:-5.625vw 0 0;}
	main.history section.x2 .inner .right .x10 {margin:14.625vw 0 0;}
	main.history section.x2 .inner .right .x10 img {width:38vw;}
	main.history section.x2 .inner .right .x11 {margin:15.75vw 0 0;}
	main.history section.x2 .inner .right .x12 {margin:2.25vw 0 0;}
	main.history section.x2 .inner .right .x13 {margin:13.5vw 0 0;}
	main.history section.x2 .inner .right .x14 {margin:6.75vw 0 0;}
	main.history section.x2 .inner .right .x15 {margin:11.25vw 0 0;}
	main.history section.x2 .inner .right .x16 img {
		top:11.25vw;
		left:-46vw;
		width:36vw;
	}
	main.history section.x2 .inner .right .x17 {margin:2.25vw 0 0;}
	main.history section.x2 .inner .right .x18 {margin:2.25vw 0 0;}
	main.history section.x2 .inner .right .x19 {margin:22.5vw 0 0;}
	main.history section.x2 .inner .right .x19 img {
		top:-8vw;
		width:37vw;
	}
	main.history section.x2 .inner .right .x20 {margin:22.5vw 0 0;}
	main.history section.x2 .inner .right .x20 img {width:39vw;}
	main.history section.x2 .inner .right .x21 {margin:13.5vw 0 0;}
}
@media print, screen and (max-width:768px){
	main.history section.x1 .inner {padding:0;}
	main.history section.x1 .inner .top_bx {margin:0 0 0 5vw;}
	main.history section.x1 .inner .top_bx h1 {font-size:12vw;}
	main.history section.x1 .inner .top_bx p {font-size:6vw;}
	main.history section.x1 .inner .bg {
		position:relative;
		width:100%;
		height:40vw;
		margin:0 0 5vw 10vw;
	}

	main.history section.x2 {margin:0;}
	main.history section.x2 .inner .left {display:none;}
	main.history section.x2 .inner .center .line {
		height:105%;
		margin:0 auto;
		position:unset;
	}
	main.history section.x2 .inner .center::after {
		height:45vw;
		bottom:-65vw;
	}
	main.history section.x2 .inner .right .left {display:initial;}
		main.history section.x2 .inner .right {
		width:85%;
		margin:0 0 0 5%;
	}
	main.history section.x2 .inner .right .left .bx {
		position:unset !important;
		width:100% !important;
		text-align:left !important;
	}
	main.history section.x2 .inner .right img {position:unset !important;}
	main.history section.x2 .inner .right div {width:100%;}
	main.history section.x2 .inner .right .point .bx {width:100%;}
	main.history section.x2 .inner .right h2 {font-size:6vw;}
	main.history section.x2 .inner .right p {font-size:4vw;}
	main.history section.x2 .inner .right .point::before {
		left:-12.5vw;
		font-size:6vw;
		top:9vw;
		bottom:unset;
	}
	main.history section.x2 .inner .right .point::after {
		top:11.5vw;
		left:-8vw;
		bottom:unset;
		width:6vw;
	}
	main.history section.x2 .inner .right .x1 img {
		position:unset;
		width:70%;
	}
	main.history section.x2 .inner .right .x2 {
		width:100%;
		margin:5vw 0 0;
	}
	main.history section.x2 .inner .right .x2 img {width:70%;}
	main.history section.x2 .inner .right .x3 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x4 {
		width:100%;
		margin:5vw 0 0;
	}
	main.history section.x2 .inner .right .x4 img {
		position:unset;
		width:70%;
		margin:3vw 0 0;
	}
	main.history section.x2 .inner .right .x5 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x5 img {
		width:70%;
		margin:3vw 0 0;
	}
	main.history section.x2 .inner .right .x6 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x6 img {
		width:70%;
		margin:3vw 0 0;
	}
	main.history section.x2 .inner .right .x7 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x8 {
		width:70%;
		margin:3vw 0 0;
	}
	main.history section.x2 .inner .right .x9 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x10 {margin:3vw 0 0;}
	main.history section.x2 .inner .right .x10 img {width:70%;}
	main.history section.x2 .inner .right .x11 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x12 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x13 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x14 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x15 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x16 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x16 img {
		width:70%;
		margin:3vw 0 0;
	}
	main.history section.x2 .inner .right .x17 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x18 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x19 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x19 img {
		width:70%;
		margin:3vw 0 0;
	}
	main.history section.x2 .inner .right .x20 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x20 img {
		width:70%;
		margin:3vw 0 0;
	}
	main.history section.x2 .inner .right .x21 {margin:5vw 0 0;}
	main.history section.x2 .inner .right .x22 img {
		width:70%;
		margin:3vw 0 0;
	}

	main.history section.x2 .inner .right .x23 img {
		width:70%;
		margin:3vw 0 0;
	}
}