@import url(https://fonts.googleapis.com/css?family=Abel);
@import url(https://fonts.googleapis.com/css?family=Oswald:400);
@import url(https://fonts.googleapis.com/css?family=Oswald:300);
@import url(https://fonts.googleapis.com/css?family=Oswald:700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@font-face {
  font-family: 'Lato-Black';
  src: url(../fonts/Lato/Lato-Black.ttf);
  src: url(../fonts/Lato/Lato-Black.eot), url("../fonts/Lato/Lato-Black.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: 'Lato-BlackItalic';
  src: url(../fonts/Lato/Lato-BlackItalic.ttf);
  src: url(../fonts/Lato/Lato-BlackItalic.eot), url("../fonts/Lato/Lato-BlackItalic.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: 'Lato-Bold';
  src: url(../fonts/Lato/Lato-Bold.ttf);
  src: url(../fonts/Lato/Lato-Bold.eot), url("../fonts/Lato/Lato-Bold.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: 'Lato-BoldItalic';
  src: url(../fonts/Lato/Lato-BoldItalic.ttf);
  src: url(../fonts/Lato/Lato-BoldItalic.eot), url("../fonts/Lato/Lato-BoldItalic.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: 'Lato-Hairline';
  src: url(../fonts/Lato/Lato-Hairline.ttf);
  src: url(../fonts/Lato/Lato-Hairline.eot), url("../fonts/Lato/Lato-Hairline.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: 'Lato-HairlineItalic';
  src: url(../fonts/Lato/Lato-HairlineItalic.ttf);
  src: url(../fonts/Lato/Lato-HairlineItalic.eot), url("../fonts/Lato/Lato-HairlineItalic.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: 'Lato-Italic';
  src: url(../fonts/Lato/Lato-Italic.ttf);
  src: url(../fonts/Lato/Lato-Italic.eot), url("../fonts/Lato/Lato-Italic.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: 'Lato-Light';
  src: url(../fonts/Lato/Lato-Light.ttf);
  src: url(../fonts/Lato/Lato-Light.eot), url("../fonts/Lato/Lato-Light.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: 'Lato-LightItalic';
  src: url(../fonts/Lato/Lato-LightItalic.ttf);
  src: url(../fonts/Lato/Lato-LightItalic.eot), url("../fonts/Lato/Lato-LightItalic.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: 'Lato-Regular';
  src: url(../fonts/Lato/Lato-Regular.ttf);
  src: url(../fonts/Lato/Lato-Regular.eot), url("../fonts/Lato/Lato-Regular.eot?#iefix") format("embedded-opentype");
}

body{
  -webkit-text-size-adjust: none;
}
*{
	background-color:transparent;
}
h2 {
  font-family: "Oswald";
  font-size: 50px;
  color: #000;
  text-align: center;
}

em {
  font-size:100%;
  font-style:normal;
  font-weight:900;
}

footer {
  background-color: #000;
  color: #FFF;
  text-align: center;
  min-width:1020px;
}
footer #footer-inner {
  position: relative;
  width: 900px;
  margin: 0 auto;
  padding: 0 30px;
}
#sp_link #link-jp {
  display: none;
}
footer #link-jp {
  position: absolute;
  left: 30px;
  top: -30px;
}
footer #link-jp a {
  color: #fff;
  font-size: 14px;
  font-family: "Oswald";
  display: block;
  background-color: #000;
  text-decoration: none;
  padding: 8px 13px;
  float: left;
  margin: 0 5px 0 0;
}
footer #link-jp a img.jp_arrow {
  margin-right: 3px;
  position: relative;
  top: -2px;
}
footer #copyright {
  font-size: 14px;
  font-family: "Oswald";
  padding: 20px 0;
  clear: both;
}

div.hr {
  width: 80px;
  height: 2px;
  background-color: #b5b5b6;
  margin: 24px auto 24px;
}

a#top {
    display: block;
}

#wrap{
  position: relative;
  min-width:1020px;
}

#topbutton {
  right: 20px;
  cursor: pointer;
  height: 48px;
  position: fixed;
  bottom: 32px;
  display: block;
}
#topbutton.smart_fixed {
  opacity: 1;
  transition:0.6s;
}
#topbutton {
  opacity: 0;
  transition:0.6s;
  display: block  !important;
  z-index: 1;
}



@media screen and (max-width: 768px) {
  footer #link-jp {
    display: none;
  }
  #sp_link #link-jp {
    display: block;
    position: relative;
    z-index: 1;
  }
  #sp_link #link-jp a {
    color: #fff;
    font-size: 11px;
    font-family: "Oswald";
    display: block;
    background-color: #000;
    text-decoration: none;
    padding: 8px 13px;
    float: left;
  }
}



.block_pagetop {
  width: 100%;
  height: 50px;
  position: relative;
  margin-top: 15px; }
a.btn_pagetop {
  width: 50px;
  height: 50px;
  right: 10px;
  bottom: 20px;
  display: block;
  position: fixed;
  border: 1px solid #333;
  box-sizing: border-box;
  -webkit-transition: transform 0.3s ease 0s, background 0.15s linear 0s;
  -moz-transition: transform 0.3s ease 0s, background 0.15s linear 0s;
  -o-transition: transform 0.3s ease 0s, background 0.15s linear 0s;
  -ms-transition: transform 0.3s ease 0s, background 0.15s linear 0s;
  transition: transform 0.3s ease 0s, background 0.15s linear 0s;
  -webkit-transform: translate3d(0px, 80px, 0);
  -moz-transform: translate3d(0px, 80px, 0);
  -ms-transform: translate3d(0px, 80px, 0);
  -o-transform: translate3d(0px, 80px, 0);
  background: url(/company/assets/images/common/bg_pagetop.png);
  border: 1px solid #666666;
  box-sizing: border-box; }
  a.btn_pagetop svg {
    width: 25px;
    height: 13.5px; }
  a.btn_pagetop .st0 {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-miterlimit: 10;
    -webkit-transition: stroke 0.15s linear;
    -moz-transition: stroke 0.15s linear;
    -o-transition: stroke 0.15s linear;
    -ms-transition: stroke 0.15s linear;
    transition: stroke 0.15s linear; }
  a.btn_pagetop .icon {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -7px; }
  a.btn_pagetop.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0); }
  a.btn_pagetop.fix {
    position: absolute;
    bottom: 20px; }



@media all and (min-width: 769px) {
  .block_pagetop {
    position: relative;
    width: 100%;
    margin: auto;
    height: 52px;
    margin-top: 0px; }
  a.btn_pagetop {
    width: 52px;
    height: 52px;
    right: 16px;
    display: block;
    bottom: 20px;
    -webkit-transform: translate3d(0, 90px, 0);
    -moz-transform: translate3d(0, 90px, 0);
    -ms-transform: translate3d(0, 90px, 0);
    -o-transform: translate3d(0, 90px, 0); }
    a.btn_pagetop.active {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0); }
    a.btn_pagetop svg {
      width: 22px;
      height: 13px; }
    a.btn_pagetop .icon {
      width: 100%;
      text-align: center;
      position: absolute;
      top: 50%;
      margin-top: -7.5px; }
    a.btn_pagetop:hover {
      background: #fff; }
      a.btn_pagetop:hover .st0 {
        stroke: #000; }
    a.btn_pagetop.fix {
      position: absolute;
      bottom: 20px; }

}