@charset "UTF-8";

@media all and (min-width:320px){
#top{
	flex-flow:column nowrap;
	width:320px;
	width:100vw;
	background-color:#ffffff;
	margin:0px auto;
}

#top>.logo{
	flex-flow:row nowrap;
	justify-content:space-between;
	z-index:1001;
	width:320px;
	width:100vw;
	height:52px;
	height:16.25vw;
	box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

#top>.logo>.image.first{
	width:54px;
	width:16.875vw;
	height:20px;
	height:6.25vw;
	margin:16px 0px 16px 23px;
	margin:5vw 0vw 5vw 7.1875vw;
}

#top>.logo>.image.second{
	width:24px;
	width:7.5vw;
	height:24px;
	height:7.5vw;
	margin:14px 13px 14px 0px;
	margin:4.375vw 4.0625vw 4.375vw 0vw;
}

#top>.menu{
	display:none;
	flex-flow:column nowrap;
	background-color:#ffffff;
	position:absolute;
	z-index:1000;
	top:52px;
	top:16.25vw;
	box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}


#top>.menu.on{
	display:flex;
}

#top>.menu>.text{
	width:266px;
	width:83.125vw;
	height:60px;
	height:18.75vw;
	line-height:60px;
	line-height:18.75vw;
	font-size:16px;
	font-size:5vw;
	padding-left:27px;
	padding-left:8.4375vw;
	padding-right:27px;
	padding-right:8.4375vw;
}

#top>.menu>.text.sixth{
	color:#ffffff;
	background-color:#ff7721;
	border:none;
}

#top>.menu>.flex{
	display:none;
	flex-flow:column nowrap;
	width:100%;
}

#top>.menu>.flex.on{
	display:flex;
}

#top>.menu>.flex>.text{
	width:266px;
	width:83.125vw;
	height:60px;
	height:18.75vw;
	line-height:60px;
	line-height:18.75vw;
	font-size:16px;
	font-size:5vw;
	color:#ffffff;
	background-color:#000000;
	padding-left:27px;
	padding-left:8.4375vw;
	padding-right:27px;
	padding-right:8.4375vw;
}

#top>.menuBlank{
	display:none;
}

}

@media all and (min-width:768px){
#top{
	width:800px;
	width:100vw;
}

#top>.logo{
	height:64px;
	height:8vw;
}

#top>.logo>.image.first{
	width:80px;
	width:10vw;
	height:28px;
	height:3.5vw;
	margin:0;
	margin-top:18px;
	margin-top:2.25vw;
	margin-left:40px;
	margin-left:5vw;
}

#top>.logo>.image.second{
	width:24px;
	width:3vw;
	height:24px;
	height:3vw;
	margin:20px 40px 0px 616px;
	margin:2.5vw 5vw 0vw 77vw;
}

#top>.menu{
	display:none;
	flex-flow:column nowrap;
	justify-content:center;
	width:320px;
	width:40vw;
	background-color:#ffffff;
	position:absolute;
	z-index:1000;
	top:64px;
	top:8vw;
	left:480px;
	left:60vw;
}

#top>.menu.on{
	display:flex;
}

#top>.menu>.text{
	width:266px;
	width:33.25vw;
	height:20px;
	height:2.5vw;
	line-height:20px;
	line-height:2.5vw;
	font-size:16px;
	font-size:2vw;
	text-align:left;
	padding:20px 27px 20px 27px;
	padding:2.5vw 3.375vw 2.5vw 3.375vw;
	border-bottom:solid 1px #d8d8d8;
	border-bottom:solid 0.125vw #d8d8d8;
	margin:0;
}

#top>.menu>.text.on{
	border-bottom:solid 2px #000000;
	border-bottom:solid 0.25vw #000000;
}

#top>.menu>.text.sixth{
	text-align:center;
}

#top>.menu>.flex>.text{
	width:266px;
	width:33.25vw;
	height:20px;
	height:2.5vw;
	line-height:20px;
	line-height:2.5vw;
	font-size:16px;
	font-size:2vw;
	text-align:left;
	padding:20px 27px 20px 27px;
	padding:2.5vw 3.375vw 2.5vw 3.375vw;
	margin:0;
}

#top>.menu>.flex>.text.on{
	color:#ffffff;
	background-color:#000000;
}

#top>.menuBlank.on{
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	width:800px;
	width:100vw;
	height:60px;
	height:7.5vw;
	background-color:#ffffff;
	box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.15);
	z-index:0;
}

#top>.menuBlank.on>.text{
	width:140px;
	width:17.5vw;
	height:40px;
	height:5vw;
	line-height:40px;
	line-height:5vw;
	font-size:16px;
	font-size:2vw;
	text-align:center;
	color:#000000;
	background-color:#ffffff;
	padding:0;
	padding-top:10px;
	padding-top:1.25vw;
	padding-bottom:10px;
	padding-bottom:1.25vw;
}

#top>.menuBlank.on>.text.on{
	color:#ffffff;
	background-color:#000000;
}

}
@media all and (min-width:1440px){
#top{
	width:1440px;
}
body{
	width:1440px;
	background-color:#000000;
}

#top>.logo{
	height:64px;
	box-shadow:none;
}

#top>.logo>.image.first{
	width:90px;
	height:32px;
	margin-top:24px;
	margin-left:130px;
}

#top>.logo>.image.second{
	display:none;
}

#top>.menu{
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-start;
	width:1440px;
	height:80px;
	box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.15);
	position:relative;
	top:0px;
	left:0px;
}

#top>.menu.on{
	height:168px;
}

#top>.menu>.text{
	width:160px;
	height:38px;
	line-height:32px;
	font-size:20px;
	text-align:center;
	margin:30px 12px 12px 12px;
	padding:0;
	border-bottom:none;
}

#top>.menu>.text.on{
	border-bottom:solid 2px #000000;
}

#top>.menu>.text.first{
	margin-left:130px;
}

#top>.menu>.text.sixth{
	display:block;
	width:180px;
	height:38px;
	line-height:38px;
	font-size:16px;
	text-align:center;
	color:#ffffff;
	background-color:#ff7721;
	border-radius:29px;
	margin-left:103px;
}

#top>.menu>.flex{
	flex-flow:column nowrap;
	width:160px;
	padding-top:10px;
	position:absolute;
	top:70px;
}

#top>.menu>.flex.first{
	left:314px;
}

#top>.menu>.flex.second{
	left:682px;
}

#top>.menu>.flex>.text{
	width:160px;
	height:48px;
	line-height:48px;
	font-size:14px;
	text-align:center;
	color:#000000;
	background-color:#ffffff;
	padding:0;
}

#top>.menu>.flex>.text.on{
	text-align:center;
	color:#ffffff;
	background-color:#000000;
}

#top>.menuBlank.on{
	display:flex;
	flex-flow:row nowrap;
	justify-content:start;
	width:1440px;
	height:72px;
	background-color:#ffffff;
	box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.15);
	z-index:0;
}

#top>.menuBlank.on>.text{
	width:180px;
	height:52px;
	line-height:52px;
	font-size:20px;
	text-align:center;
	color:#000000;
	background-color:#ffffff;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px 10px 0px 10px;
}

#top>.menuBlank.on>.text.first{
	margin-left:130px;
}