@charset "utf-8";
@font-face{
	font-family:'RobotoCondensed';
	src: url('../font/RobotoCondensed-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:'RobotoCondensed';
	src: url('../font/RobotoCondensed-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face{
	font-family:'RobotoCondensed';
	src: url('../font/RobotoCondensed-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

html,body, button, input, select, textarea a{
	font-family: 'RobotoCondensed';
}


html{
	background-color:#000000;
	text-align:center;
	color:#ffffff;
}


body{
}


.main{
	display: inline-block;
	position: relative;
	background-color:#212121;
	max-width:1024px;
	margin:0 auto;
}


.outsec01{
	background-color:#212121;
	.sec01{
		max-width:1024px;
		width: 80%;
		margin: auto;
		text-align:center;
		img{
			width:70%;
			padding: 15% 0;
			margin:auto;
		}
	}
}


.outsec02{
	background-color:#2D2D2D;
	.sec02{
		margin:auto;
		max-width:1024px;
		display: block;
		text-align: left;
		.sub1{
			color:#ffffff;
			font-size: min(5vw, 40px);
			padding-top:10%;
			margin-left:5%;
			line-height:0.95em;
			font-weight:bold;
		}
		.sub2{
			width:90%;
			color:#ffffff;
			padding-top:5%;
			margin-left:5%;
		}
	}
}

.outsec03{
	background-color:#2D2D2D;
	.sec03{
		max-width:1024px;
		width: 80%;
		margin: auto;
		text-align:center;
		img{
			width:50%;
			max-width:250px;
			padding-top: 5%;
			padding-bottom: 10%;
			margin:auto;
		}
	}
}


.outsec04{
	background-color:#2D2D2D;
	padding-bottom: 5%;
	.sec04 {
		max-width:1024px;
		margin: auto;
		padding: 0 25px;
	}
}

.slick-slide {
	margin: 0 5px;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.slick-prev,.slick-next {
	top:-200%;
	z-index: 1;
}
.slick-prev:before, .slick-next:before {
	color: #000;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick-active {
	opacity: 1;
}
.slick-current {
	opacity: 1;
}
.slider-nav {
	margin: 20px 0 0;
	width:80%;
	margin: auto;

}
.slider-nav .slick-slide {
	cursor: pointer;
}
.slider-nav .slick-slide:hover {
	opacity: .7;
}






.outsec05{
	background-color:#212121;
	.sec05{
		margin:auto;
		max-width:1024px;
		display: block;
		text-align: left;
		padding-bottom:10vh;
		.sub1{
			color:#ffffff;
			font-size: min(5vw, 40px);
			padding-top:10%;
			margin-left:5%;
			line-height:0.95em;
			font-weight:bold;
		}
		.sub2{
			width:90%;
			color:#ffffff;
			padding-top:5%;
			margin-left:5%;
		}
	}
}


.footer{
	display: block;
	line-height:1em;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-size: min(3vw, 20px);
	background-color:#000000;

}

a {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color:#ffffff;
}


ak:hover {
	text-decoration: underline;
}