.wrap .section{
  position:fixed;
  width:100%;
  height:100%;
  background:#fff;
  color:#555;
  left:0px;
  top:0px;
  overflow:hidden;
}
.wrap .section.sec00{
  background:#fff;
  z-index:10;
}
.wrap .section .am.am1{
  height:120px;
  overflow:hidden;
  position:absolute;
  left:0px;
  width:100%;
  top:50%;
  margin-top:-60px;
  text-align:center;

}
.wrap .section .am.am1 h1{
  position:absolute;
  width:100%;
  left:0px;
  top:100%;
  font-size:60px;
  opacity:0;
  -webkit-opacity:0;
  -moz-opacity:0;
  -ms-opacity:0;
  -o-opacity:-0;
}
.wrap .section .am.am1 p{
  position:absolute;
  height:1px;
  background:#555;
  width:0px;
  left:50%;
  margin-left:0px;
  bottom:0px;
}
.wrap .section .am.am1 h1{
  opacity:1;
  top:0px;
}
.wrap .section .am.am1 h1 span{
  font-size:60px;
}
.wrap .section .am.am2{
  overflow:hidden;
  position:absolute;
  left:0px;
  width:100%;
  top:120px;
  text-align:center;
}
.wrap .section .am.am2 .am2_1{
  height:150px;
  position:relative;
  margin-bottom:40px;
}
.wrap .section .am.am2 .h{
  position:relative;
  height:70px;
  overflow:hidden;
}
.wrap .section .am.am2 h2{
  position:absolute;
  width:100%;
  left:0px;
  font-size:48px;
  top:100%;
}
.wrap .section .am.am2 .line{
  height:1px;
  background:#555;
  width:0px;
  position:absolute;
  bottom:0px;
  left:50%;
  margin-left:0px;
}
.wrap .section .am.am2 .am2_2 .h{
  height: 35px;
  line-height: 1.375;
}
.wrap .section .am.am2 .am2_2 .h p{
  position:absolute;
  font-size:22px;
  left:0px;
  width:100%;
  top:100%;
  text-align:center;
}
.wrap .section .am.am2_1,
.wrap .section .am.am2_2{
  left:0px;
  top:0px;
}
.wrap .section .am.am2 .am2_1{
  height:auto;
  margin-bottom:120px;
}
.wrap .section .am.am2 p{
  top:0px;
}
.wrap .section .am.am2{
  position:absolute;
  top:50%;
  width:100%;
  margin-top:-75px;
}
.wrap .section .am.am2 .am2_1 .h{
  height: 120px;
}
.wrap .section .am.am2 .am2_1 .h h2{
  font-size: 30px;
  line-height: 60px;
}
.wrap .section .am.am2 .am2_2 .h p span{
  font-size:16px;
}
.wrap .section .am.am2 .am2_2 .sp{
  height:30px;
}
.wrap .section .am.am2 h2 span{
  font-size:40px;
}

/* sec01 ------------------------ */

.wrap .section.sec01{
  background:none;
  z-index:10;
}
.wrap .section.sec01>ul>li{
  position:absolute;
  width:0%;
  height:100%;
  overflow:hidden;
  background:#aaa;

  transition-duration:600ms;
  -webkit-transition-duration:600ms;
  -moz-transition-duration:600ms;
  -ms-transition-duration:600ms;
  -o-transition-duration:600ms;
}
.wrap .section.sec01.active>ul>li{
  width:33.33333333333%;
}
.wrap .section.sec01.closed>ul>li{
  width:0%;
  transition-duration:1000ms;
  -webkit-transition-duration:1000ms;
  -moz-transition-duration:1000ms;
  -ms-transition-duration:1000ms;
  -o-transition-duration:1000ms;
}
.wrap .section.sec01>ul>li:nth-child(1){
  left:0px;
}
.wrap .section.sec01>ul>li:nth-child(2){
  left:20%;
}
.wrap .section.sec01>ul>li:nth-child(3){
  left:40%;
}
.wrap .section.sec01>ul>li:nth-child(4){
  left:60%;
}
.wrap .section.sec01>ul>li:nth-child(5){
  left:80%;
}

/* sec02 ------------------------ */

.wrap .section.sec02{
  background:#fff;
  color:#555;
  z-index:6;
}
.wrap .section.sec02 ul{
  width:1100px;
  height:100%;
  position:relative;
  margin:0px auto;
}

.wrap .section.sec02 ul li{
  position:absolute;
  width:33.3333333333%;
  height:100%;
  overflow:hidden;
  border-right:solid 1px #777;
  background:#fff;
  color:#333;
  transition-property:background;
  -webkit-transition-property:background;
  -moz-transition-property:background;
  -ms-transition-property:background;
  -o-transition-property:background;
  transition-duration:600ms;
  -webkit-transition-duration:600ms;
  -moz-transition-duration:600ms;
  -ms-transition-duration:600ms;
  -o-transition-duration:600ms;
}
.wrap .section.sec02 ul li:hover{
  background:#e0e0e0;
}
.wrap .section.sec02 ul li:nth-child(2){
  left:33.3333333333%;
}
.wrap .section.sec02 ul li:nth-child(3){
  border-right:none;
  left:66.6666666666%;
}
.wrap .section.sec02 ul li .text{
  position:absolute;
  width:100%;
  left:0px;
  top:50%;
  height:200px;
  margin-top:-100px;
  text-align:center;
  display:block;
}
.wrap .section.sec02 ul li .text:hover{
  opacity:1;
  -webkit-opacity:1;
  -moz-opacity:1;
  -ms-opacity:1;
  -o-opacity:1;
}
.wrap .section.sec02 ul li .text h1{
  font-size:80px;
  font-weight:bold;
  color:#333;
}
.wrap .section.sec02 ul li .text .line{
  margin:40px auto;
  width:50px;
  height:1px;
  background:#fff;
}
.wrap .section.sec02 ul li .text .title{
  font-size:16px;
  margin-bottom:40px;
  color:#333;
}
.wrap .section.sec02 ul li .text .sign{
  width:40px;
  height:40px;
  border-radius:50%;
  border:solid 1px #555;
  margin:40px auto;
  font-size:16px;
  line-height:30px;
  background-image: url(/img/about-us/brand/pc/arrow_black.png);
  background-size:70%;
  background-repeat:no-repeat;
  background-position:center;
}
.wrap .section.sec02 ul li .text h3{
  font-size:26px;
  letter-spacing:0.1px;
  line-height:80px;
  height:80px;
  padding-bottom:40px;
  color:#333;
}
.wrap .section.sec02 ul li:nth-child(1) .text h3{
  line-height:40px;
}
.wrap .section.sec02 .copyright{
  position:absolute;
  bottom:40px;
  right:50px;

  opacity:0;
  -webkit-opacity:0;
  -moz-opacity:0;
  -ms-opacity:0;
  -o-opacity:0;

  font-size:12px;

  transition-duration:600ms;
  -webkit-transition-duration:600ms;
  -moz-transition-duration:600ms;
  -ms-transition-duration:600ms;
  -o-transition-duration:600ms;
}
.wrap .section.sec02 .copyright{
  opacity:1;
  -webkit-opacity:1;
  -moz-opacity:1;
  -ms-opacity:1;
  -o-opacity:1;
}

.wrap .skips{
  position:fixed;
  z-index:10;
  font-size:18px;
  padding-bottom:7px;
  border-bottom:solid 1px #999;
  bottom:40px;
  right:10%;
  width:60px;
  text-align:center;
  cursor:pointer;
}
@media screen and (max-height:800px){
  .wrap .section.sec02 ul li .text{
  }
  .wrap .section.sec02 ul li .text h1{

  }
  .wrap .section.sec02 ul li .text .line{
    margin:30px auto;
  }
  .wrap .section .am.am2 .am2_1{
    margin-bottom:80px;
  }
  .wrap .section .am.am2 .am2_2 .sp{
    height:26px;
  }
}
@media screen and (max-height:750px){
  .wrap .section .am.am2 .am2_1{
    margin-bottom: 80px;
  }
  .wrap .section .am.am2 .am2_2 .h{
  }
  .wrap .section .am.am2 .am2_2 .sp{
    height:20px;
  }
}