@charset "utf-8";

body#top .wider { position: relative;}
body#top .wider .homeMvMainImage img { width: 100%;}
body#top .wider .homeMvInner { position: absolute; width: 80%; left: 10%; top: 42%; text-align: right;}
body#top .wider .homeMvInner img { vertical-align: top; max-width: 100%;}

body#top .wider .homeMvEn { width: 2.246%; margin-right: 1.66%; display: inline-block;}
body#top .wider .homeMvCopy { width: 60%; display: inline-block;}

body#top .wider img.mvCopySub { width: 14.4%;}
body#top .wider .plusText { right: 10px; bottom: 10px; position: absolute; color: #fff; font-size: 12px;}

.searchBtn .searchBtn__link { display: inline-block;}
.searchBtn a:first-child { margin-right: 1.2em;}
.searchBtn a { font-size: 14px;}

.l-footer .bottomFooter ul { display: flex; margin-bottom: 2em; justify-content: center;}
.l-footer .bottomFooter ul a { color: #fff;}
.l-footer .footerLogo { text-align: center; margin-bottom: 2em;}
.l-footer .footerLogo img { width: 15.6%; max-width: 60px;}

@media screen and (max-width: 800px){
  body#top .wider .homeMvInner { width: 85%; left: 7.5%; top: unset; bottom: 0; margin-bottom: 60%; text-align: left;}
  body#top .wider .homeMvEn { width: 3.067vw; margin-right: 2.267vw;}
  body#top .wider .homeMvCopy { width: 100%;}
  body#top .wider .plusText { font-size: 9px;}

  .l-footer .bottomFooter ul { display: block;}
  .l-footer .bottomFooter ul li { display: block;}
  .l-footer .bottomFooter ul a { display: block; line-height: 3; border-bottom: 1px dashed #555;}
}