@charset "UTF-8";
/* CSS Document */
/* aboutArea */
.aboutArea {
  padding: 60px 5vw 40px;
}
.aboutBox01 {
	text-align: center;
}
.aboutBox01 .logo img {
	max-width: 600px;
}
.aboutBox01 .txt01 {
	padding: 30px 0;
	font-family: 'Noto Sans JP', sans-serif;
    font-size: min(4vw,19px);
    line-height: 1.5;
    letter-spacing: .15em;
    color: #B0B1B1;
}
.aboutBox01 .img {
	padding: 30px 0;
}
.aboutBox01 .img img {
	max-width: 300px;
}
.aboutBox01 .list {
	text-align: center;
	padding: 30px 0 90px;
}
.aboutBox01 .list li {
	font-family: 'Noto Sans JP', sans-serif;
    font-size: min(4vw,19px);
    line-height: 1.5;
    letter-spacing: .15em;
	padding-bottom: 5px;
}
.aboutBox01 .list li span {
	width: 6em;
    font-size: min(5vw,28px);
	font-family: 'Bebas Neue', 'Lato', sans-serif;
    font-weight: 400;
	line-height: 1;
    letter-spacing: 0.19em;
	text-align: right;
	color: #FFF;
	display: inline-block;
}
.aboutBox01 .list li span::first-letter {
	color: #987F5C;
}
.aboutBox01 .txt02 {
	padding: 30px 0;
	font-family: 'Noto Sans JP', sans-serif;
    font-size: min(3.5vw,16px);
    line-height: 1.5;
    letter-spacing: .15em;
    color: #B0B1B1;
}
.aboutBox01 .desc {
	padding: 30px 0;
	display: flex;
	flex-wrap: wrap;
}
.aboutBox01 .desc .left {
	width: 55%;
}
.aboutBox01 .desc .right {
	width: 45%;
}
.aboutBox01 .desc .right .txt03 {
	padding: 30px 2em 0;
	font-family: 'Noto Sans JP', sans-serif;
    font-size: min(3.5vw,16px);
    line-height: 1.5;
    letter-spacing: .15em;
    color: #B0B1B1;
	text-align: left;
}
.aboutArea02 {
	margin-top: 80px;
	background-color: #000;
	padding: 50px 5vw;
	text-align: center;
}
.aboutArea02 .movie {
	max-width: 800px;
	margin: 0 auto;
}
.aboutArea02 .movie video {
	width: 100%;
}

@media screen and (max-width: 1200px) {
}	

@media screen and (max-width: 1000px) {
}	

@media screen and (max-width: 767px) {
	.aboutBox01 .desc .left {
		width: 100%;
	}
	.aboutBox01 .desc .right {
		width: 100%;
	}
}	

@media screen and (max-width: 600px) {
	.aboutBox01 .txt01 {
		padding: 0 1em;
		/*text-align: left;*/
	}
	.aboutBox01 .list {
		text-align: center;
		padding: 30px 0 50px;
	}
	.aboutBox01 .img img {
		max-width: 250px;
	}
	.aboutBox01 .txt02 {
		text-align: left;
		padding: 30px 2em 0;
	}
	.aboutArea02 .movie {
		width: 90%;
		margin: 0 auto;
	}
	.aboutArea02 {
		margin-top: 20px;
	}
}	


