#section-story-first {font-size: 14px; color: #4d4d4f; margin-bottom: 100px;}
.story-bold {color: #c52a2e; font-size: 14px; font-family: 'SuisseIntl'; font-weight: bold; font-style: normal;}
#section-story-first .section-inner {
	-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
	-webkit-column-gap: 5%; -moz-column-gap: 5%; column-gap: 5%;
}

#section-story-first-mobile .section-inner {
	display:none;
	-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;
	-webkit-column-gap: 5%; -moz-column-gap: 5%; column-gap: 5%;
}
#section-story-first p {line-height: 1.8em; margin-bottom: 20px;}

.section-story-vision {position: relative; margin-bottom: 50px;}
#section-story-vision-mission {background-color: #f1f1f2;}

#section-story-vision-mission .section-inner {padding-top: 70px; padding-bottom: 190px;}
#section-story-vision-mission .section-title {margin-bottom: 50px;}

#section-story-vision-mission-mobile{display:none;background-color: #f1f1f2;}
#section-story-vision-mission-mobile .section-inner {padding-top: 70px; padding-bottom: 190px;}
#section-story-vision-mission-mobile .section-title {margin-bottom: 50px;}

.story-vision-left {float: left; width: 45%; margin-right: 5%;}
.story-vision-right {float: left; width: 50%;}
.story-vision-mission-title {float: left; margin-right: 10px; letter-spacing: 3px; color: #e33231; font-size: 20px; font-family: 'SuisseIntl'; font-weight: bold; font-style: italic;}
.story-vision-mission-decor-container {overflow: hidden; padding-top: 15px;}
.story-vision-mission-decor {overflow: hidden; height: 6px; background-color: #e33231;}
.story-vision-mission-decor-right {float: right; width: 15px; height: 6px; background: url('../img/section-line-decor-right2.png') no-repeat 0 0;}
.story-vision-content {position: absolute; transform: translate(0, -50%); top: 40%; color: #4d4d4f; font-size: 30px; font-family: 'Sisco'; font-weight: 500; font-style: normal;}
.story-vision-content-resize{display:none; position: absolute; transform: translate(0, -50%); top: 40%; color: #4d4d4f; font-size: 30px; font-family: 'Sisco'; font-weight: 500; font-style: normal;}
.story-vision-content-mobile{display:none;position: absolute; transform: translate(0, -50%); top: 40%; color: #4d4d4f; font-size: 30px; font-family: 'Sisco'; font-weight: 500; font-style: normal;}
.story-mission-content {margin-top: 50px;}

.resize-story{display:none;}
.mission-row {position: relative; margin-right: -2%; margin-left: -2%;}
.mission-item {width: 33%; padding: 2%; float: left;}
.mission-item-left {float: left; margin-right: 10%; position: relative;}
.mission-item-right {overflow: hidden;}
.mission-item-number {width: 35px; height: 23px; background: url('../img/mission-box-number.png') no-repeat 0 0; color: #FFF; font-size: 18px; font-family: 'Sisco Book'; padding-left: 10px; margin-bottom: 20px;}
.mission-item-content {line-height: 1.8em; color: #636466; font-size: 13px;}

#section-story-video {position: relative; top: -100px;}
#section-story-video-mobile{display:none;position: relative; top: -100px;}
.story-video-container {position: relative; width: 70%; height: 0; margin: 0 auto; padding-bottom: 46.25%;}
.story-video-youtube {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.story-video-decor {line-height: 1.3em; position: absolute; bottom:-30px; left:-20px; padding: 2%; width: 200px; background-color: #c52a2e; color: #FFF; font-size: 35px; font-family: 'Sisco'; font-weight: 600; font-style: normal;}
.story-video-decor img {vertical-align: baseline;}
.story-video-decor-line {width: 59px; height: 7px; background: url('../img/story-video-decor-line.png') no-repeat 0 0;}

.story-video-thumbnail {position: relative; width: 70%; margin: 0 auto;}
.story-video-icon {position: absolute; top: 50%; left: 50%; margin-left: -7.5%; margin-top: -11.5%; width: 15%; height: 23%; background: url('../img/video-play-icon.png') no-repeat center center; background-size: contain;}


@media all and (min-width:1600px){
	#section-story-first {
		font-size: 16px;
	}

	.story-bold {
		font-size: 16px;
	}

	.mission-item-content {
		font-size: 16px;
	}
}
@media all and (max-width:1000px){
	/* .story-vision-content{display:none;}
	.story-vision-content-resize{display:inline-block;} */

	.non-resize-story{display:none;}
	.resize-story{display:block!important;}

	.story-video-thumbnail {
		width: 90%;
	}

}


@media all and (max-width:900px){

	.story-vision-content {
		top: 25%;
	}

}
@media all and (max-width:700px){

	#section-story-vision-mission-mobile{display:block;}
	#section-story-vision-mission{display:none;}

	#section-story-video{display:none;}
	#section-story-video-mobile{display:block;}
	#section-story-first-mobile .section-inner {
		display: block;
		padding-bottom: 100px;
	}

	#section-story-first .section-inner {
		display:none;
	}

	.story-vision-left {
		float: left;
		width: 100%;
	}

	.story-vision-right {
		float: left;
		width: 100%;
		margin-top: 10%;
	}


	.story-vision-content{
		display:none;
	}



	.story-vision-content-mobile {
		display: block;
		top: 104%;
	}

	.section-story-vision {
		margin-bottom: 165px;
	}
	/* .section-story-mission {
		margin-top: 25%;
	} */
	.mission-item {
		width: 100%;
		padding: 3%;
		float: left;
	}

	.mission-item-left {
		margin-right: 0%;
		width: 25%;
	}

	.story-video-thumbnail {
		width: 100%;
	}

	.story-video-decor {
		width: 110px;
		font-size: 15px;
		bottom: -20px;
    	left: -10px;
	}


	.intro-ourstory{display:none;}
}

@media all and (max-width:480px){
	.mission-item-left {
		margin-right: 0%;
		width: 30%;
	}
}

@media all and (max-width:460px){
	.section-story-vision {
		margin-bottom: 200px;
	}
}

@media all and (max-width:420px){
	.img-mission-icon{
		width:70%;
	}
}





@media all and (max-width:340px){
	.section-story-vision {
		margin-bottom: 240px;
	}

	.img-mission-icon{
		width:65%;
	}

	.story-video-decor {
		width: 100px;
	}
}