body {
    color: #333;
    font-family :"Times New Roman","游明朝","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "メイリオ","MS PMincho",Meiryo, serif;
    font-size: 1rem;
    text-align: center;
    line-height: 1.466;
 
}

.main-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}

.main-overlay-logo { position: absolute; top: 50%; left: 50%; margin-top: -74px; margin-left: -195px; }

/*--mv--*/
#brand_mv { width: 100%; height: 100vh;}
#brand_mv .evergreen{ 
  position: relative;
  background: url( ../images/mv.jpg) no-repeat center top;
  background-size: cover;
  height: 100vh;
  color: #fff;
  text-align: center;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

#brand_mv #brand_name { position: absolute;  bottom: 48px; right: 40px; 
    z-index: 100; webkit-filter: drop-shadow(3px 0 12px #000000);}

 #brand_mv.evergreen #brand_name span {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$n100)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    display: block;
    margin-bottom: 30px;
   z-index: 10;
}
#brand_mv #btn_scroll { position: absolute; bottom: 30px; left: 50%; margin-left: -35px; 
 -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;}

 .loaded .main-overlay {
  background: transparent;
  transition-property: all;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 1s;
  opacity: 0;
}

.loaded #brand_mv .evergreen {
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-delay: .3s;
}
.loaded #brand_mv.evergreen #brand_name ,
.loaded #brand_mv.evergreen #brand_name  span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$n100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transition-property: all;
  transition-duration: 4s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#brand_name { -webkit-transition: 1s; transition: 1s; opacity: 0; }
#brand_name.fadein { opacity: 1.0; }

.loaded .#brand_mv #btn_scroll {
  transition-delay: .7s;
}

/*--lead--*/
.lead { margin:64px auto 64px auto; font-size:15px; font-family:"游明朝","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E"; text-align:center; display:block;}

/*--catch--*/
#brand_catch { width:100%; height: 440px; display:block; background: url( ../images/catch_bg.jpg) no-repeat center top; background-size: cover; text-align: center;
}
#brand_catch h2{ padding-top: 120px;}
#brand_catch p{ font-size:15px; font-family:"游明朝","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E"; text-align:center; padding-top: 10px; ;
 }

/*--profile--*/
#profile { display:block;}
#profile .inner_block{ width:900px; margin:120px auto 80px auto; height:290px; background-color:#f5f5f5;}
#profile .inner_block .left  {padding-right:40px; float:left; text-align: left;}
#profile .inner_block .left h3 img{ text-align:left;}
#profile .inner_block .right { float:left; text-align: left;}
#profile .inner_block .right img{ text-align:left;}
#profile .inner_block .right p{}

/*--desigers-drawing--*/
#desigers-drawing { width: 100%; margin:80px auto 160px auto; max-width:1254px;}
#desigers-drawing .tit h2{ padding-bottom:64px; margin:0 auto;}
#desigers-drawing img{ margin:0 auto;}
#desigers-drawing ul { font-size: 0; text-align: center; }
#desigers-drawing ul:after { content: ''; display: block; clear: both; }
#desigers-drawing ul li { width: 25%; display: inline-block; }
#desigers-drawing ul li img{ width: 100%; }

/*--itemlist--*/
#itemlist { width:1024px; margin:0px auto;}

/*-box01-*/
#itemlist .box01 { }
#itemlist .box01 .left { width:512px; float:left;}
#itemlist .box01 .left h3{ text-align:left;}
#itemlist .box01 .left p{ }
#itemlist .box01 .left ul{ }
#itemlist .box01 .left ul li{ padding-right:40px; float:left;}
#itemlist .box01 .left ul li p{ }
#itemlist .box01 .right { width:512px; float:left;}
#itemlist .box01 .right p{ text-align:center;}
#itemlist .box01 .right p span{ font-size:9px; }

/*-box02-*/
#itemlist .box02 { }
#itemlist .box02 .left { width:512px; float:left;}
#itemlist .box02 .left p{ }
#itemlist .box02 .left p span{ font-size:9px; }
#itemlist .box02 .right { width:512px; float:left;}
#itemlist .box02 .right h3{ text-align:left; padding-left:40px;}
#itemlist .box02 .right p{ padding-left:40px;}
#itemlist .box02 .right ul{ padding-left:-40px;}
#itemlist .box02 .right ul li{ padding-left:40px; float:left;}
#itemlist .box02 .right ul li p{ padding-left: 0;}

/*-setumei-*/
#setumei{ }
#setumei p{ color:#666666; font-size:12px; line-height:18px; font-family:"游明朝","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E"; text-align:right;}

/*--other-item--*/
#other-item { width:1024px; margin:0px auto;}
#other-item .tit { width:194px; margin:0px auto 50px;}
#other-item .box01 { width:1024px;}
#other-item .box01 .left{ width:584px; float:left;}
#other-item .box01 .left p{ padding-left:80px;}
#other-item .box01 .right{ width:440px; float:left;}
#other-item .box02 { width:1024px;}
#other-item .box02 .left{ width:440px; float:left;}
#other-item .box02 .right{ width:584px; float:left;}
#other-item .box02 .right p{ padding-left:80px;}

/*--bottom-logo--*/
#bottom-logo { width:100%; margin:80px auto 26px auto;}
#bottom-logo h3{ margin:0 auto; padding-bottom:20px; border-bottom: 1px solid #cccccc;}
#bottom-logo p{ text-align:center;}



/*--fade-in-up--*/
.fade-in-up{
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$n100)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
}
.fade-in-up.in{
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$n100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -webkit-transform: translate(0, 0px);
  transform: translate(0, 0px);
}


/*--all--*/
.txt15{ color:#3e3a39; font-size:15px; line-height:22px; font-family:"游明朝","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E"; text-align:left;}
.txt14{ color:#777777; font-size:14px; line-height:18px; font-family:"游明朝","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E";}
.txt14_left{ color:#777777; font-size:14px; line-height:18px; font-family:"游明朝","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E"; text-align:left;}
.txt14-dark{ color:#3e3a39; font-size:14px; line-height:18px; font-family:"游明朝","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E";}
.txt12{ color:#3e3a39; font-size:12px; line-height:32px; font-family:"游明朝","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E"; }


.pb40{ padding-bottom:40px;}
.pb36{ padding-bottom:36px;}
.pb24{ padding-bottom:24px;}
.mb110 { margin-bottom:110px;}
.pt14{ padding-top:14px;}
.pt36{ padding-top:36px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt120{ padding-top:120px;}
.pt170{ padding-top:170px;}
.pt206{ padding-top:206px;}