@charset "UTF-8";
/* =========================================================
<header>タグのレイアウト
========================================================= */
/* 設定用 */
/* ヘッダ用 */
/* フッタ用 */
/* 選ばれる理由用 MDX追加 */
/* =========================================================
@extendされるパーツ
========================================================= */
/* clearfix
--------------------------------------------------------- */
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

/* border-box
--------------------------------------------------------- */
.isBorderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.lightheader .u-spacer {
  height: 87px; }
  @media screen and (max-width: 1259px) {
    .lightheader .u-spacer {
      height: 87px; } }
  @media screen and (max-width: 767px) {
    .lightheader .u-spacer {
      height: 12.66667vw; } }

#js-fixedHeader .lightheader .u-spacer {
  height: 87px; }
  @media screen and (max-width: 1259px) {
    #js-fixedHeader .lightheader .u-spacer {
      height: 87px; } }
  @media screen and (max-width: 767px) {
    #js-fixedHeader .lightheader .u-spacer {
      height: 12.66667vw; } }

.lightheader .identity {
  top: 27px; }

.lightheader .utility {
  top: 32px; }

@media screen and (max-width: 1259px) {
  .lightheader .above {
    height: 100%; } }

@media screen and (max-width: 767px) {
  .lightheader .above {
    height: 12.66667vw; } }

#js-fixedHeader {
  height: auto; }