@charset "utf-8";





header{
 width       : 100%;
 height      : 480px;
 overflow    : hidden;
 text-align  : center;
 background  : #ffffff;
 position    : relative;
 overflow    : visible;
 z-index     : 999;
}



.home_imgarea{
 width       : 100%;
 height      : 420px;
 overflow    : hidden;
 position    : absolute;
 text-align  : center;
}

.home_imgarea li{
  position   : absolute;
  width      : 100%;
  min-height : 420px;
}

.home_imgarea .mainv{
  position   : absolute;
  width      : 100%;
  min-height : 420px;
  left       : 50%;
  top        : 50%;
  -webkit-transform : translate3d(-50%, -50%, 0);
  -moz-transform    : translate3d(-50%, -50%, 0);
  -ms-transform     : translate(-50%, -50%);
  transform         : translate3d(-50%, -50%, 0);
}

.home_rec{
 position    : absolute;
 top         : 0;
 left        : 0;
 z-index     : 9999 !important;
 color       : #000000;
}


.box{
 width       : 960px;
 position    : absolute;
 top         : 0;
 left        : 0;
 right       : 0;
 bottom      : 0;
 margin      : auto;
 z-index     : 999;
 color       : #ffffff;
}

.box .topics{
 float       : left;
 display     : inline;
 margin      : 12px 0 10px 0;
 width       : 100%;
 height      : 280px;
 opacity     : 1;
}
.box .home_logo{
 float       : left;
 display     : inline;
 margin      : 2px 0 0 0;
 width       : 100%;
 height      : 100px;
 font-size   : 11px;
}


.box .topics2{
 float       : left;
 display     : inline;
 position    : relative;
 margin      : 194px 0 10px 0;
 width       : 100%;
 height      : 200px;
 opacity     : 1;
}
.box .topics2 .ban{
 position    : absolute;
 bottom      : 10px;
 width       : 100%;
 text-align  : center;
}




/* ipad以下のサイズはスマホレイアウトへ ///////////////////////////////////////////////////////// */



@media (max-width: 778px) {



header{
 width       : 100%;
 height      : auto;
 overflow    : visible;
 text-align  : center;
 background  : #ffffff;
 position    : relative;
 overflow    : visible;
 z-index     : 999;
}



.home_imgarea{
 width       : 100%;
 height      : auto;
 overflow    : visible;
 position    : relative;
 text-align  : center;
}

.home_imgarea li{
  position   : absolute;
  width      : 100%;
  min-height : 1px;
}
.home_imgarea .mainv{
  position   : relative;
  width      : 100%;
  min-height : 1px;
  left       : 0%;
  top        : 0%;
  -webkit-transform : translate3d(00%, 0%, 0);
  -moz-transform    : translate3d(0%, 0%, 0);
  -ms-transform     : translate(0%, 0%);
  transform         : translate3d(0%, 0%, 0);
}

.home_rec{
 position    : absolute;
 top         : 66px;
 left        : 0;
 z-index     : 9999 !important;
 color       : #000000;
}

.box{
 width       : 100%;
 position    : relative;
 top         : 0;
 left        : 0;
 right       : 0;
 bottom      : 0;
 margin      : auto;
 z-index     : 999;
 color       : #333333;
}

.box .topics{
 float       : left;
 display     : inline;
 margin      : 0.5em 0 1em 0;
 width       : 100%;
 height      : auto;
 opacity     : 1;
}
.box .home_logo{
 display     : none;
}



.box .topics2{
 float       : left;
 display     : inline;
 position    : relative;
 margin      : 1em 0 1em 0;
 width       : 100%;
 height      : auto;
 opacity     : 1;
}
.box .topics2 .ban{
 position    : relative;
 bottom      : 10px;
 width       : 100%;
 text-align  : center;
}




}/* @media (max-width: 778px) */