/*------------------------------------------------------------------------------
								INTRO AREA
------------------------------------------------------------------------------*/
#intro-area {
	width: 100%;
	background: #0c1016 url("../../img/intro/back.jpg") no-repeat center top / contain;
	padding: 0;
	color: #FFFFFF;
	box-sizing: border-box;
	min-height: calc(100vh - 436px);
	padding-bottom: 12%!important;
	position: relative;
}
#intro-area .intro-box {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 60px;
	width: 100%;
	max-width: 1600px;
}
#intro-area .intro-box h5 {
	width: 100%;
	background: url("../../img/intro/copy.png") no-repeat center center / contain;
	text-indent: -99999px;
	padding-top: 2.6%;
}
#intro-area .intro-box .txt-box {	
	position: relative;
	font-weight: 500;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
#intro-area .intro-box .txt-box .intro-main {
	width: 100%;
	margin-top: 80px!important;
}
#intro-area .intro-box .txt-box .story-main {
	width: 100%;
	margin-top: 60px!important;
}
#intro-area .intro-box .txt-box h4 {
	font-family: "Bebas Neue", sans-serif;
	color: #e7b42d;
	font-weight: 400;
	font-size: 40px;
}
#intro-area .intro-box .txt-box p {
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	line-height: 2em;
	text-align: justify;
}
#intro-area .photo {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding-top: 8.33333%;
	height: 0px;
	line-height: 0px;
	background: url("../../img/intro/photo-pc2.jpg") no-repeat center center / cover;
}
/*==============================================================================
								SP
==============================================================================*/
@media screen and (max-width: 1000px) {
/*------------------------------------------------------------------------------
								INTRO AREA
------------------------------------------------------------------------------*/
#intro-area {
	margin-top: -1.5vw;
	background: #0c1016 url("../../img/intro/back-sp.jpg") no-repeat center top / contain;
	padding-bottom: 40%!important;
}
#intro-area .intro-box {
	padding: 0 40px;
}
#intro-area .intro-box h5 {
	background: url("../../img/intro/copy-sp.png") no-repeat left top / contain;
	padding-top: 8%;
}
#intro-area .intro-box .txt-box .intro-main {
	width: 100%;
	margin-top: 8vw!important;
}
#intro-area .intro-box .txt-box .story-main {
	width: 100%;
	margin-top: 6vw!important;
}
#intro-area .intro-box .txt-box h4 {
	font-size: 5vw;
}
#intro-area .intro-box .txt-box p {
	font-size: 2.6vw;
}
#intro-area .photo {
	padding-top: 33.33333%;
	background: url("../../img/intro/photo-sp2.jpg") no-repeat center center / cover;
}
}