/*------------------------------------------------------------------------------
								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;
	padding-bottom: 12%!important;
	position: relative;
}
#intro-area {
	min-height: calc(100vh - 316px - 6.28vw);
}

@media screen and (min-width: 1600px) {
#intro-area {
	min-height: calc(100vh - 316px - 100.48px);
}
}

@media screen and (max-width: 1280px) {
#intro-area {
	min-height: calc(100vh - 316px - 80.384px);
}
}

#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;
}
#intro-area .explanation {
	width: 100%;
	padding-top: 4%;
}
#intro-area .explanation-box {
	position: relative;
	overflow: hidden;
}
#intro-area .explanation-box .left-box {
	width: 220px;
	float: left;
}
#intro-area .explanation-box .right-box {
	width: calc(100% - 260px);
	float: right;
}
#intro-area .explanation-box .left-box h3 {
	border: 1px #FFFFFF solid;
	text-align: center;
	padding: 0.6em 0;
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	font-weight: 800;
}
#intro-area .explanation-box .left-box p {
	text-align: center;
	margin-top: 0.4em;
	font-size: 80%;
}
#intro-area .explanation-box .right-box p {
	font-size: 18px;
	line-height: 2em;
	text-align: justify;
	margin-top: -0.25em;;
	padding-top: 0px;
	
}
/*==============================================================================
								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;
}
#intro-area .explanation {
	padding-top: 10%;
	padding-bottom: 3%;
}
#intro-area .explanation-box .left-box {
	width: 25vw;
}
#intro-area .explanation-box .right-box {
	width: calc(100% - 28vw);
}
#intro-area .explanation-box .left-box h3 {
	padding: 2.4em 0;
	font-size: 3.6vw;
	line-height: 1.5em;
}
#intro-area .explanation-box .left-box p {
	margin-top: 0.6em;
	font-size: 80%;
	font-weight: 700;
}
#intro-area .explanation-box .right-box p {
	font-size: 2.5vw;
	line-height: 2em;
	margin-top: -0.25em;
	
}
}