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


/* section */
.section{
	padding-bottom:120px;
}

/* col2 */
.col2{
	 font-size:0;
}
.col2 .col{
	display:inline-block;
	vertical-align:middle;
	width:46%;
}
.col2 .col:nth-child(odd){
	margin-right:8%;
}
#sec04 .col2 .col,
#sec05 .col2 .col{
	vertical-align:bottom;
}

/* col1 */
.col1{
	 font-size:0;
}
.col1 .col{
	display:inline-block;
	vertical-align:middle;
	width:55%;
}
.col1 .col:first-child{
	width:40%;
	margin-right:5%;
}

/* col */
.col .txt{
	color:#fff;
}
.col .txt h2{
	margin-bottom:20px;
}
#sec05 .col:first-child .txt h2{
	margin-bottom:0;
}
.col .txt h3{
	font-size:25px;
	margin-bottom:5px;
	line-height:1.6em;
}
.col .txt p{
	font-size:14px;
	line-height:2em;
}
.col .txt p span{
	display:block;
	font-size:12px;
}
.col .img{
	position:relative;
	text-align:center;
}
.col .txt img,
.col .img img{
	width:100%;
	height:auto;
}
#sec01 .img img{
	max-width:600px;
}
#sec01 .txt img{
	max-width:360px;
}
#sec02 .txt img{
	max-width:354px;
}
#sec02 .img img{
	max-width:380px;
}
#sec03 .img img{
	max-width:658px;
}
#sec03 .txt img{
	max-width:432px;
}
#sec04 .img img{
	max-width:342px;
}
#sec04 .col:first-child .txt img{
	max-width:500px;
}
#sec04 .col:last-child .txt img{
	max-width:440px;
}
#sec05 .col:first-child .txt img{
	max-width:426px;
}
#sec05 .col:last-child .txt img{
	max-width:400px;
}
#sec06 .txt img{
	max-width:414px;
}
#sec06 .img img{
	max-width:1100px;
}

/* sec01 */

#sec01 h2 strong{
	font-size:40px;
}
#sec01 h2 strong.txt01{
	display:block;
	letter-spacing:0.85em;
	margin-bottom:30px;
}
#sec01 h2 strong.txt02{
	display:inline-block;
	padding-top:20px;
}
.count {
	display:inline-block;
	overflow: hidden;
	opacity:0;
}
.count div {
	position: relative;
	float: left;
	width: 91px;
	height:185px;
	margin-right: 5px;
	overflow: hidden;
}
.count div img {
	width:100%;
	height:auto;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
	margin-top: 0px;
}
.count div:nth-child(1) img{
	margin-top: 0px;
}
.count div img.active {
	margin-top: -1451px;
}
.count div:nth-child(1) img.active {
	margin-top: -1451px;
}
.count div:nth-child(2) img.active {
	margin-top: -622px;
}

/* sec02 */
#sec02 .img img{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
#sec02 .img .parts{
	position:absolute;
	right:0;
	top:0;
	width:100%;
}
#sec02 .img .parts img{
	margin-right:-60px;
	margin-top:0;
}
#sec02 .img .parts img.active{
	margin-right:-120px;
	margin-top:-30px;
}

/* sec03 */
#sec03 .img ul{
	overflow:hidden;
	font-size:0;
	text-align:left;
}
#sec03 .img ul li{
	width:15%;
	margin-bottom:1.5%;
	display:inline-block;
	vertical-align:top;
}
#sec03 .img ul li.last{
	width:10%;
}
#sec03 .img ul li img{
	opacity:0;
}

/* sec04 */
#sec04 .col .txt img{
	opacity:0;
}

/* sec05 */
#sec05 .col .txt img{
	opacity:0;
}

/* sec06 */
#sec06{
	position:relative;
	padding-bottom:100px;
	margin-bottom:120px;
}
#sec06 .col .txt{
	position:relative;
	z-index:2;
}
#sec06 .img{
	position:absolute;
	z-index:1;
	right:0;
	bottom:0;
}
#sec06 .img img{
	width:100%;
	height:auto;
}
#sec06 .col .txt img,
#sec06 .img img{
	opacity:0;
}

@media screen and (max-width: 1190px) {
#sec02 .img{
	max-width:300px;
	margin:0 auto;
}
#sec02 .img .parts img{
	margin-right:-46px;
	margin-top:0;
}
#sec02 .img .parts img.active{
	margin-right:-95px;
	margin-top:-24px;
}
}

@media screen and (max-width: 750px) {
.section{
	border-bottom:2px solid #fff;
	margin-bottom:40px;
	padding-bottom:40px;
}
#sec01{
	border-top:2px solid #fff;
	padding-top:40px;
}

/* col2 */
.col2 .col{
	display:block;
	width:100%;
}
.col2 .col:nth-child(odd){
	margin-right:0;
	margin-bottom:20px;
}

/* col1 */
.col1 .col{
	display:block;
	width:100%;
}
.col1 .col:first-child{
	width:100%;
	margin-bottom:20px;
	margin-right:0;
}

/* col */
.col .txt h2{
	text-align:center;
}
.col .txt h3{
	font-size:18px;
}
.col .txt h3 br{
	display:none;
}
.col .txt p{
	font-size:13px;
}
#sec04 .col:first-child,
#sec05 .col:first-child{
	border-bottom:2px solid #fff;
	margin-bottom:40px;
	padding-bottom:40px;
}
#sec01 .txt img{
	max-width:200px;
}
#sec01 .img img{
	max-width:250px;
}
#sec02 .img img{
	max-width:200px;
}
#sec02 .txt img{
	max-width:220px;
}
#sec03 .txt img{
	max-width:200px;
}
#sec04 .col:first-child .txt img{
	max-width:240px;
}
#sec04 .col:last-child .txt img{
	max-width:240px;
}
#sec05 .col:first-child .txt img{
	max-width:240px;
}
#sec05 .col:last-child .txt img{
	max-width:240px;
}
#sec06 .txt img{
	max-width:200px;
}

/* sec01 */
#sec01 h2 strong{
	font-size:24px;
}
.count div {
	width: 50px;
	height:105px;
}
.count div img {
	width:100%;
	height:auto;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
	margin-top: 0px;
}
.count div:nth-child(1) img{
	margin-top: 0px;
}
.count div img.active {
	margin-top: -684px;
}
.count div:nth-child(1) img.active {
	margin-top: -797px;
}
.count div:nth-child(2) img.active {
	margin-top: -228px;
}

/* sec02 */
#sec02 .img .parts img{
	margin-right:-30px;
	margin-top:0;
}
#sec02 .img .parts img.active{
	margin-right:-60px;
	margin-top:-15px;
}

/* sec06 */
#sec06{
	padding-bottom:0;
	margin-bottom:80px;
	border-bottom:none;
}
#sec06 .col{
	margin-bottom:-30px;
}
#sec06 .img{
	position:static;
}
}