@charset "UTF-8";
#sec01{
	padding: 110px 0 118px;
}
#sec01 .title_area{
	margin-bottom: 50px;
}
#sec01 .title_area.center .en{
	font-size: 2rem;
}
#sec01 .title_area.center .title02{
	font-size: 6rem;
	text-decoration: none;
}
#sec01 .flex{
	justify-content: center;
	align-items: center;
	gap: 120px;
	margin-bottom: 50px;
}
#sec01 .box{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 445px;
}
#sec01 .box .title03{
	width: 333.47px;
	text-align: center;
}
#sec01 .box + .box .title03{
	width: 293.81px;
}
#sec01 .box p{
	margin: 15px 0 0;
	font-size: 2.2rem;
	color: #001e46;
	font-weight: bold;
	text-align: center;
}
#sec01 .box + img{
	width: 66px;
}
#sec01 .center{
	font-size: 1.8rem;
	text-align: center;
	line-height: 2.2;
}

@media screen and (max-width: 1700px){
	#sec01{
		padding: 7.14vw 0 7.66vw;
	}
	#sec01 .title_area{
		margin-bottom: 3.24vw;
	}
	#sec01 .title_area.center .en{
		font-size: 1.29vw;
	}
	#sec01 .title_area.center .title02{
		font-size: 3.89vw;
	}
	#sec01 .flex{
		gap: 7.79vw;
		margin-bottom: 3.24vw;
	}
	#sec01 .box{
		width: 28.7vw;
	}
	#sec01 .box .title03{
		width: 21.65vw;
	}
	#sec01 .box + .box .title03{
		width: 19.07vw;
	}
	#sec01 .box p{
		margin: 0.97vw 0 0;
		font-size: 1.42vw;
	}
	#sec01 .box + img{
		width: 4.28vw;
	}
	#sec01 .center{
		font-size: 1.16vw;
	}
}

@media screen and (max-width: 1024px){
	#sec01{
		padding: 10.66vw 0 16vw;
	}
	#sec01 .title_area{
		margin-bottom: 8vw;
	}
	#sec01 .title_area.center .en{
		font-size: 2.4vw;
	}
	#sec01 .title_area.center .title02{
		font-size: 6.93vw;
	}
	#sec01 .flex{
		flex-wrap: wrap;
		gap: 2.66vw;
		margin-bottom: 9.33vw;
	}
	#sec01 .box{
		width: 100%;
	}
	#sec01 .box .title03{
		width: 57.8vw;
		margin: auto;
	}
	#sec01 .box + .box .title03{
		width: 50.79vw;
	}
	#sec01 .box p{
		margin: 1.33vw 0 0;
		font-size: 4.26vw;
	}
	#sec01 .box + img{
		width: 6.66vw;
	}
	#sec01 .center{
		font-size: 3.73vw;
		line-height: 2;
	}
}


#sec02{
	padding: 226px 0 240px;
	overflow: hidden;
}
#sec02 .content{
	position: relative;
}
#sec02 .content.proshop{
	margin-bottom: 267px;
}
#sec02 .content.factory{
	margin-bottom: 283px;
}
#sec02 .content figure{
	position: absolute;
	top: 50%;
	width: 46.875vw;
	max-width: 900px;
	transform: translateY(-50%);
}
#sec02 .content.odd figure{
	right: 53.125%;
}
#sec02 .content.even figure{
	left: 53.125%;
}
#sec02 .content .in{
	width: 710px;
}
#sec02 .content.odd .in{
	margin-left: auto;
}
#sec02 .content .in .title02{
	margin-bottom: 40px;
}
#sec02 .content.proshop .in .title02{
	width: 438.43px;
}
#sec02 .content.factory .in .title02{
	width: 390.7px;
}
#sec02 .content.commons .in .title02{
	width: 455.92px;
}
#sec02 .content .in .btn{
	margin-top: 60px;
}
#sec02 .content.odd .in .btn a{
	margin-left: auto;
}

@media screen and (max-width: 1700px){
	#sec02{
		padding: 14.67vw 0 15.58vw;
	}
	#sec02 .content.proshop{
		margin-bottom: 17.33vw;
	}
	#sec02 .content.factory{
		margin-bottom: 18.37vw;
	}
	#sec02 .content .in{
		width: 46.10%;
	}
	#sec02 .content .in .title02{
		margin-bottom: 2.59vw;
	}
	#sec02 .content.proshop .in .title02{
		width: 28.46vw;
	}
	#sec02 .content.factory .in .title02{
		width: 25.37vw;
	}
	#sec02 .content.commons .in .title02{
		width: 29.6vw;
	}
	#sec02 .content .in .btn{
		margin-top: 3.89vw;
	}
}

@media screen and (max-width: 1024px){
	#sec02{
		padding: 16vw 0;
	}
	#sec02 .content.proshop{
		margin-bottom: 16vw;
	}
	#sec02 .content.factory{
		margin-bottom: 16vw;
	}
	#sec02 .content figure{
		position: unset;
		width: 100%;
		max-width: none;
		margin-bottom: 4vw;
		transform: translateY(0);
	}
	#sec02 .content .in{
		width: 100%;
	}
	#sec02 .content.odd .in{
		margin-left: 0;
	}
	#sec02 .content .in .title02{
		margin-bottom: 4vw;
	}
	#sec02 .content.proshop .in .title02{
		width: 61.96vw;
	}
	#sec02 .content.factory .in .title02{
		width: 55.21vw;
	}
	#sec02 .content.commons .in .title02{
		width: 64.43vw;
	}
	#sec02 .content .in .btn{
		margin-top: 8vw;
	}
	#sec02 .content.odd .in .btn a{
		margin-left: 0;
	}
}