@charset "utf-8";

/*
==============
base_en.css
==============
*/

@font-face {
  font-family: 'Lato';
  src: url('/common/fonts/Lato-Light.ttf') format('truetype');
  src: url('/common/fonts/Lato-Light.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Lato';
  src: url('/common/fonts/Lato-Regular.ttf') format('truetype');
  src: url('/common/fonts/Lato-Regular.woff') format('woff');
}

/* -----------------
■ 全体
------------------- */
body {
  font-family: 'Lato', sans-serif;
}

/* -----------------
■ メニュー
------------------- */
.menuWrapper .langWrapper,
.menuWrapper ul {
  width: 500px;
}

.menuWrapper .langWrapper {
  font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', '游ゴシック',
    YuGothic, 'メイリオ', Meiryo, sans-serif;
}

.menuWrapper li .number {
  font-weight: 300;
}

.menuWrapper li .text {
  line-height: 40px;
  letter-spacing: 0.3px;
}

.menuWrapper .btnWrapper {
  width: 500px;
  justify-content: normal;
}

.menuWrapper .btnWrapper .btn:first-child {
  margin-right: 20px;
}

.menuWrapper .btnWrapper .btn a {
  letter-spacing: 0.3px;
}

/* -----------------
■ SP
------------------- */
@media screen and (max-width: 767px) {
  /* -----------------
■ メニュー
------------------- */
  .menuWrapper .langWrapper a {
    margin-right: 25px;
    font-size: 14px;
  }

  .menuWrapper .langWrapper,
  .menuWrapper ul,
  .menuWrapper .btnWrapper {
    width: auto;
  }

  .menuWrapper li .text {
    line-height: 26px;
  }

  /* -----------------
■ sp end
------------------- */
}