@charset "utf-8";



/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 690px){
	
	
	
dl.historyCopy:nth-of-type(2){margin-top: 150px;}
dl.historyCopy::before{
	width: 70vw;
	height: 70vw;
	top: calc(50% - 30vw);
	left: calc(50% - 35vw);
	filter: blur(10px);
}
dl.historyCopy::after{
	width: 64vw;
	height: 64vw;
	top: calc(50% - 28vw);
	left: calc(50% - 32vw);
}
dl.historyCopy:nth-of-type(2)::before{top: calc(50% - 35vw);}
dl.historyCopy:nth-of-type(2)::after{top: calc(50% - 32vw);}
dl.historyCopy dt{font-size: 5.5vw;}
dl.historyCopy dd{
	font-size: 3.8vw;
	margin-top: 40px;
}
dl.historyCopy dd span{margin-top: 40px;}

.legend ul{
	width: 100%;
	margin: 100px auto 0 auto;
	padding: 15px 20px;
	border-radius: 15px;
	border: 4px solid var(--green2);
}
.legend ul li{
	width: 100%;
	font-size: 1.5rem;
	margin: 5px 0;
	padding-left: 25px;
}
.legend ul li:nth-of-type(3),
.legend ul li:nth-of-type(5){margin: 5px 0;}
.legend ul li::before{
	width: 18px;
	height: 18px;
	top: 2px;
}

.timeLine ul{margin-top: 60px;}
.timeLine ul::before{
	top: 5px;
	left: 12px;
}
.timeLine ul li{
	margin-top: 50px;
	font-size: 1.6rem;
	padding-left: 35px;
}
.timeLine ul li::before{
	width: 26px;
	height: 26px;
	top: 4px;
	left: 0;
	border-radius: 100%;
}
.timeLine ul li strong{
	font-size: 2.2rem;
	margin-bottom: 10px;
}
.timeLine ul li strong span:nth-of-type(1){width: 100%;}
.timeLine ul li strong span:nth-of-type(2){width: 100%;}

.historyImg{margin-top: 20px;}
.historyImg span{
	width: 100%;
	height: auto;
}
.historyImg span.vertical{width: 70%;}
.historyImg span:nth-of-type(2){margin: 20px 0 0 0;}
.historyImg figcaption{font-size: 1.4rem;}
	
	
	
}