@charset "utf-8";
/* CSS Document */

/*** MV ***/
#mv {
	/*background:url(../images/product/mv_bg01.jpg) no-repeat;*/
	background-image:url(../images/product/mv_bg01.jpg);
	background-repeat:no-repeat;
}

#mv #move_img01 {
	position:absolute;
	bottom:0;
	right:4px;
}

/*** 內容 ***/
#section1 .section_mv {
	background-image:url(../images/product/section1_bg.jpg);
	background-repeat:no-repeat;
	width:980px;
	height:382px;
	padding-top:34px;
}

#section1 .section_mv h2 {
	background:url(../images/product/section1_title.png) no-repeat left top;
	height:135px;
	text-indent:-9999px;
	margin-bottom:61px;
}

#section1 .section_mv p {
	background:url(../images/product/section1_text01.png) no-repeat left top;
	height:110px;
	text-indent:-9999px;
}

#section1 .m_section_mv {
	display:none;
}

#section2 h2 {
	background:url(../images/product/section2_title.jpg) no-repeat center top;
	width:100%;
	height:31px;
	text-indent:-9999px;
}

#section2 .main_img {
	width:100%;
	overflow:hidden;
}

#section2 .imgcatch {
	background:#FFF;
	/*background:url(../images/product/section2_img02.jpg) no-repeat center top;*/
	width:100%;
	/*height:282px;*/
	padding-bottom:20px;
}

#section2 .imgcatch .Img {
	float:left;
	padding-left:16px;
}

#section2 .imgcatch .move_img01 {
	padding-top:29px;
	padding-left:5px;
	overflow:hidden;
}

#section3 section {
	background:#FFF;
	padding-bottom:50px;
}

#section3 h2 {
	background:url(../images/product/section3_title.jpg) no-repeat right top;
	width:100%;
	height:54px;
	text-indent:-9999px;
}

#section3 ul {
	background:url(../images/product/section3_items1_bg.jpg) no-repeat right top;
}

#section3 ul li {
	float:left;
	width:186px;
	margin-left:30px;
}

#section3 ul li .Img img {
	-webkit-transition:all 0.5s ease; /* for Chrome and Safari */
	-moz-transition:all 0.5s ease;    /* for Firefox */
	-o-transition:all 0.5s ease;      /* for Opera */
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

#section3 ul li .Img:hover img {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05) rotate(3deg);  /* CSS3 縮放比例 */
	/*opacity:0.7;*/            /* CSS3 透明度 */
	/*filter:alpha(opacity=70);*/  /* CSS3 透明度 for IE */
}

#section3 ul li h3 {
	/*background:url(../images/product/section3_item01_h3.png) no-repeat left top;*/
	background-repeat:no-repeat;
	background-position:left top;
	width:100%;
	height:26px;
	text-indent:-9999px;
	margin-top:10px;
}

#section3 ul li.item01 h3 { background-image:url(../images/product/section3_item01_h3.png); }
#section3 ul li.item02 h3 { background-image:url(../images/product/section3_item02_h3.png); }
#section3 ul li.item03 h3 { background-image:url(../images/product/section3_item03_h3.png); }
#section3 ul li.item04 h3 { background-image:url(../images/product/section3_item04_h3.png); }
#section3 ul li.item05 h3 { background-image:url(../images/product/section3_item05_h3.png); }

#section3 ul li p {
	font-size:18px;
	margin-top:10px;
}

#section3 ul.items2 {
	background:url(../images/product/section3_items2_bg.jpg) no-repeat left top;
	/*padding-left:367px;*/
	margin-top:50px;
}

#section3 ul.items2 li {
	float:right;
	width:262px;
	margin:0 30px 0 0;
}

/*** 頁尾資訊 ***/
#footer {
	background:url(../images/footer-bg.jpg) no-repeat center top;
	padding:200px 0 40px;
}

/*** Responsive Web Design 響應式網頁 ***/
@media screen and (max-width: 980px) {
/*** MV ***/
#mv {
	width:100%;
	background-position:60% top;
	background-size:cover;
}

/*** 內容 ***/
#section1 .section_mv {
	background-position:85% top;
	width:100%;
}

/*** 頁尾資訊 ***/
#footer {
	background-repeat:repeat;
	padding:40px 0;
}

}

@media screen and (max-width: 767px) {
#section2 .imgcatch .Img {
	float:none;
	padding:0;
}

#section2 .imgcatch img {
	max-width:100%;
	margin:0 auto;
}

#section3 ul {
	background:none;
}

#section3 ul.items2 {
	background:none;
}

}

@media screen and (max-width: 640px) {
#section1 .section_mv {
	display:none;
}

#section1 .m_section_mv {
	display:block;
}

#section1 .m_section_mv img {
	width:100%;
}

#section2 .main_img img {
	width:150%;
}

}

@media screen and (max-width: 480px) {
#mv #move_img01 img {
	width:140px;
}

#section3 ul {
	margin-top:20px;
}

#section3 ul li {
	float:none;
	width:300px;
	margin:0 auto 30px;
}

#section3 ul li .Img img {
	margin:0 auto;
}

#section3 ul li h3 {
	background-position:center top;
}

#section3 ul li p {
	text-align:center;
}

#section3 ul.items2 li {
	float:none;
	width:300px;
	margin:0 auto 30px;
}

}