@media screen and (min-width: 1001px) {


/*------------------------------------------------------------------------------
								INTRO STORY
------------------------------------------------------------------------------*/
#production {
	width:100%;
	margin:0 auto 0;
	position:relative;
	overflow:hidden;
	zoom:1;
	color:#fff462;
	font-weight:400;
}
#production section {
	padding:40px 0;
}
#production section h4 {
	width:1120px;
	margin:0 auto 15px;
	font-size:24px;
	font-family: 'M PLUS 1p', sans-serif;
	line-height:1.4em;
	text-align:justify;
	color:#FFFFFF;
	font-weight:500;
}
#production section .txtArea {
	width:1120px;
	margin:0 auto;
}
#production section .txtArea p {
	width:auto;
	margin:0 auto 0;
	font-size:18px;
	font-family: 'M PLUS 1p', sans-serif;
	line-height:1.7em;
	text-align:justify;
	position:relative;
	overflow:hidden;
}
#production .section1 {background:#ea617c;}
#production .section2 {background:#009dda;}
#production .section3 {background:#f08300;}
#production .section4 {background:#a52cbb;}
#production .section5 {background:#45b035;}

#production section .photoArea1 {
	float:none;
	width:1120px;
	margin:25px auto 0;
	position:relative;
	overflow:hidden;
}
#production section .photoArea1 li {
	float:left;
	width:33.3%;
}
#production .section2 img {
	float:right;
	width:390px;
	margin:0 0 0px 30px;
}
#production .section3 img {
	float:right;
	width:390px;
	margin:0 0 20px 30px;
}
#production .section4 img {
	float:right;
	width:390px;
	margin:0 0 20px 30px;
}
#production .section5 img {
	float:right;
	width:530px;
	margin:0 0 20px 30px;
}
}
@media screen and (max-width: 1000px) {

/*------------------------------------------------------------------------------
								INTRO STORY
------------------------------------------------------------------------------*/
#production {
	width:100%;
	margin:0 auto 0;
	position:relative;
	overflow:hidden;
	zoom:1;
	color:#fff462;
	font-weight:400;
}
#production section {
	padding:40px 0;
}
#production section h4 {
	width:660px;
	margin:0 auto 20px;
	font-size:32px;
	font-family: 'M PLUS 1p', sans-serif;
	line-height:1.4em;
	text-align:justify;
	color:#FFFFFF;
}
#production section .txtArea {
	width:660px;
	margin:0 auto 0px;
}
#production section p {
	font-size:22px;
	font-family: 'M PLUS 1p', sans-serif;
	line-height:1.7em;
	text-align:justify;
	position:relative;
	overflow:hidden;
}
#production .section1 {background:#ea617c;}
#production .section2 {background:#009dda;}
#production .section3 {background:#f08300;}
#production .section4 {background:#a52cbb;}
#production .section5 {background:#45b035;}

#production section img {
	width:100%;
	margin:20px 0;
}
#production section .noMargin {
	width:100%;
	margin:0 0 20px;
}

}


/* ------------------------------
   loopSlider
------------------------------ */

.loopSliderWrap {
	top: 0;
	left: 0;
	height: 237px;
	overflow: hidden;
	position: absolute;
}

.loopSlider {
	margin: 0 auto;
	width: 100%;
	height: 237px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loopSlider ul {
	height: 237px;
	float: left;
	overflow: hidden;
}

.loopSlider ul li {
	width: 380px;
	height: 237px;
	float: left;
	display: inline;
	overflow: hidden;
}
.loopSlider ul .photo_other1 {
	background:url(../../img/productionnotes/photo_other1.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other2 {
	background:url(../../img/productionnotes/photo_other2.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other3 {
	background:url(../../img/productionnotes/photo_other3.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other4 {
	background:url(../../img/productionnotes/photo_other4.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other5 {
	background:url(../../img/productionnotes/photo_other5.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other6 {
	background:url(../../img/productionnotes/photo_other6.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other7 {
	background:url(../../img/productionnotes/photo_other7.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other8 {
	background:url(../../img/productionnotes/photo_other8.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other9 {
	background:url(../../img/productionnotes/photo_other9.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other10 {
	background:url(../../img/productionnotes/photo_other10.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other11 {
	background:url(../../img/productionnotes/photo_other11.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other12 {
	background:url(../../img/productionnotes/photo_other12.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other13 {
	background:url(../../img/productionnotes/photo_other13.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other14 {
	background:url(../../img/productionnotes/photo_other14.jpg) no-repeat;
	background-size:cover;
}
.loopSlider ul .photo_other15 {
	background:url(../../img/productionnotes/photo_other15.jpg) no-repeat;
	background-size:cover;
}
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}