#colour-shine_contents { margin: 0 auto; max-width: 1256px; width: 100%; position: relative;}
#colour-shine_contents h1 { margin-top: 0 !important;}
a.online{ display: block; width: 640px; height: 225px; margin: 0 auto; background: #000 !important; box-shadow: 10px 10px 0 #ececec; text-decoration: none; text-align: center; transition: transform 0.2s ease-in-out; }
a.online img:first-child { width: 450px; padding-top: 85px; padding-bottom: 14px; }

#social-wrap { position: absolute; right: 0; top: 15px; overflow: hidden; z-index: 9; }
#social-wrap a.fb { background-position: 0 0; }
#social-wrap a.tw { background-position: -36px 0; }
#social-wrap a { display: block; width: 36px; height: 36px; background: url(../img/social_bt.png) no-repeat left top; margin: 0 10px 0 0; float: left; text-indent: -9999px; opacity: 0; }

#colour-shine_contents .btn{ margin: 0 0 120px;}
/*sec01*/
#sec01 { width: 100%; height: auto; margin: 0 auto; position: relative; }
#sec01 h1 img { margin: 0 auto; width: 100%; height: auto;}

/*sec02*/
#sec02 { position: relative; width: 1256px; height: auto; margin: 0 auto; padding: 80px 0 20px; transition: .8s; transition-delay: .8s; background: #fff; text-align: center; }
#sec02 h1 { padding: 140px 0; }
#sec02 h1 img { margin: 0 auto; }
#sec02 ul { list-style: none; margin: 0 auto; }
#sec02 ul li { transition: .8s; transition-delay: .8s; opacity: 1; }
#sec02 ul li img { margin-left: auto; margin-right: auto; }
#sec02 ul li:nth-child(1) img { margin-bottom: 80px; }
#sec02 ul li:nth-child(2) img { margin-bottom: 80px; }
#sec02 ul li:nth-child(3) img { margin-top: 120px; margin-bottom: 120px; }
#sec02 ul li:nth-child(4) img { margin-bottom: 180px; }
#sec02 ul li:nth-child(5) img { margin-bottom: 150px; }
#sec02 ul li:nth-child(6) img { margin-bottom: 180px; }

/*sec03*/
#sec03 { text-align: center; padding: 120px 0; background: #f9f9f9; transition: .8s; transition-delay: .8s; }
#sec03 * { margin: 0 auto; }
#sec03 div { padding: 90px 0 0}

/*sec04*/
#sec04 { text-align: center; padding: 120px 0; background: #ffffff; transition: .8s; transition-delay: .8s; }
#sec04 * { margin: 0 auto; }
#sec04 div { padding: 90px 0 0}
#sec04 ul li:nth-child(1) img { margin-top: 120px; margin-bottom: 120px; }
#sec04 ul li:nth-child(2) img { margin-bottom: 140px; }
#sec04 ul li:nth-child(3) img { margin-bottom: 0px; }



@media screen and (max-width: 768px){

.spOnly{display: inline-block;}
.pcOnly{display: none;}

a.online { width: 70%; height: auto; }
a.online img:first-child{ padding: 30px;}

#colour-shine_contents { max-width: 100%; }

#sec02 { width: 100%; padding: 40px 0 10px;}
#sec02 ul li:nth-child(1) img { padding: 0 20px; margin-bottom: 40px;}

#colour-shine_contents .btn { margin: 0 0 60px;}

#sec03 { width: 100%; padding: 60px 20px;}
#sec03 div { padding: 30px 0 0;}
#sec03 iframe { width: 100%; height: auto;}

#sec04 { width: 100%; padding: 60px 0 20px;}
#sec04 h2{ width: 100%; padding: 0 20px;}
#sec04 ul li:nth-child(1) img { margin: 40px 0 0; padding: 0 20px;}
#sec04 ul li:nth-child(2) img { margin: 40px 0 0; padding: 0 20px;}

}