@charset "UTF-8";
/*------------------------------
 不要コンテンツ非表示・微調整対応
------------------------------*/
.pane-contents .pane-left-menu {
  表示: なし;
}

/*------------------------------
 コラムページ作成
------------------------------*/
.contentWrapper {
  /*font-family: "游ゴシック";*/
  フォントファミリー: "SVbN";
  下部マージン: 100px;
}

.contentWrapper .sp {
  表示: なし;
}

/* メインビジュアル
------------------------------*/
.mainVisual {
  下部マージン: 88px;
}

.mainVisual__imageBox {
  幅: 100%;
}

.mainVisual__image {
  幅: 100%;
  高さ: 自動;
}

.mainVisual__companyName {
  高さ: 35px;
  色: #484545;
  背景: url(/img/usr/common/category_name_icon.png) 左上、繰り返しなし;
  パディング: 5px 0 0 40px;
  マージン: 15px;
}

.mainVisual__title {
  フォントサイズ: 37px;
  フォントの太さ: 太字;
  テキスト配置: 中央;
  行の高さ: 1.5;
  パディング: 0;
  マージン: 82px 0 29px;
}

.mainVisual__subtitle {
  色: #C2C2C2;
  フォントサイズ: 25px;
  フォントの太さ: 太字;
  テキスト配置: 中央;
  行の高さ: 1.4;
  下部マージン: 21px;
}

.mainVisual__textBox {
  テキスト配置: 中央;
}

.mainVisual__text {
  表示: インラインブロック;
  色: #707070;
  フォントサイズ: 18px;
  行の高さ: 1.944;
  テキスト配置: 左;
}

/* 履歴コンテンツ
------------------------------*/
.historyContent__columnBox、.historyContent__columnBox--singleItem、.historyContent__columnBox--space {
  ディスプレイ: -webkit-box;
  ディスプレイ: -ms-flexbox;
  ディスプレイ: フレックス;
  -webkit-box-pack: 正当化する;
      -ms-flex-pack: 両端揃え;
          コンテンツの配置: スペースの間;
  幅: 100%;
}

.historyContent__columnBox--singleItem {
  -webkit-box-pack: center;
      -ms-flex-pack: 中央;
          コンテンツの中央揃え: 中央;
}

.historyContent__columnBox--スペース {
  下部マージン: 57px;
}

.historyContent__columnItem--w50per、.historyContent__columnItem--w50per--paddingLeft18 {
  幅: 50%;
}

.historyContent__columnItem--paddingLeft18、.historyContent__columnItem--w50per--paddingLeft18 {
  左パディング: 18px;
}

.historyContent__image {
  最大幅: 570px;
  高さ: 自動;
}

.historyContent__title、.historyContent__title--marginTopLarge {
  位置: 相対的;
  色: #A7A7A7;
  フォントサイズ: 37px;
  フォントの太さ: 太字;
  パディング: 0;
  マージン: 17px 自動 27px;
}

.historyContent__title::after、.historyContent__title--marginTopLarge::after {
  コンテンツ： "";
  位置: 絶対;
  上位：50%
  左: 0;
  幅: 100%;
  高さ: 4px;
  背景色: #A7A7A7;
  上マージン: -2px;
}

.historyContent__title--marginTopLarge {
  マージン: 37px 自動 14px;
}

.historyContent__titleBgWhite {
  表示: インラインブロック;
  位置: 相対的;
  背景色: #FFFFFF;
  右パディング: 10px;
  zインデックス: 1;
}

.historyContent__columnTextBox {
  ディスプレイ: -webkit-box;
  ディスプレイ: -ms-flexbox;
  ディスプレイ: フレックス;
  幅: 100%;
  下部マージン: 65px;
}

.historyContent__columnTextItem {
  幅: 50%;
}

.historyContent__columnTextItem:n番目の子(奇数) {
  右パディング: 2.4%;
}

.historyContent__columnTextItem:n番目の子(偶数) {
  左パディング：1.9%;
}

.historyContent__text、.historyContent__text--space、.historyContent__text--spaceLarge {
  色: #707070;
  フォントサイズ: 18px;
  行の高さ: 1.944;
  テキスト配置: 左;
}

.historyContent__text--スペース {
  下部マージン: 20px;
}

.historyContent__text--spaceLarge {
  下部マージン: 65px;
}

.historyContent__text--強調 {
  色: #707070;
  フォントサイズ: 25px;
  フォントの太さ: 太字;
  テキスト配置: 中央;
  行の高さ: 1.4;
  マージン: 28px 0 57px;
}

/*------------------------------
 SP（スマートフォン）
------------------------------*/
@media screen と (最大幅: 480px) {
  /* 480pxまでの幅の場合に適応される */
  /*------------------------------
   コラムページ作成
  ------------------------------*/
  .contentWrapper {
    パディング: 0 4%;
    下部マージン: 60px;
  }
  .contentWrapper .pc {
    表示: なし;
  }
  .contentWrapper .sp {
    表示: ブロック;
  }
  /* メインビジュアル
  ------------------------------*/
  .mainVisual {
    下部マージン: 34px;
  }
  .mainVisual__imageBox {
    幅: 自動;
    マージン: 0 -4%;
  }
  .mainVisual__companyName {
    背景: url(/img/usr/common/category_name_icon_sp.png) 左上/自動 23px 繰り返しなし;
    パディング: 2px 0 0 35px;
    マージン: 5px;
  }
  .mainVisual__title {
    フォントサイズ: 18px;
    行の高さ: 1.388;
    マージン: 18px 0 30px;
  }
  .mainVisual__subtitle {
    色: #707070;
    フォントサイズ: 13px;
    行の高さ: 2.5;
    下部マージン: 15px;
  }
  .mainVisual__text {
    フォントサイズ: 14px;
    行の高さ: 1.78;
    文字間隔: 0.02em;
  }
  /* 履歴コンテンツ
  ------------------------------*/
  .historyContent__item--spLeft、.historyContent__item--spLeft--spSpace {
    右パディング: 28.8%;
  }
  .historyContent__item--sp右、.historyContent__item--sp右--spスペース {
    左パディング: 28.8%;
  }
  .historyContent__item--spスペース、.historyContent__item--spLeft--spスペース、.historyContent__item--spRight--spスペース {
    下部マージン: 43px;
  }
  .historyContent__columnBox、.historyContent__columnBox--singleItem、.historyContent__columnBox--space {
    表示: ブロック;
  }
  .historyContent__columnBox--スペース {
    下部マージン: 57px;
  }
  .historyContent__columnItem--spSpace {
    下部マージン: 26px;
  }
  .historyContent__columnItem--w50per、.historyContent__columnItem--w50per--paddingLeft18 {
    幅: 100%;
  }
  .historyContent__columnItem--paddingLeft18、.historyContent__columnItem--w50per--paddingLeft18 {
    パディング: 0;
  }
  .historyContent__columnItem--w50per--paddingLeft18 {
    幅: 100%;
    パディング: 0;
  }
  .contentWrapper .historyContent__spColumnBox {
    ディスプレイ: -webkit-box;
    ディスプレイ: -ms-flexbox;
    ディスプレイ: フレックス;
    ギャップ：4％
    下部マージン: 26px;
  }
  .historyContent__image {
    幅: 100%;
    最大幅: 100%;
  }
  .historyContent__title、.historyContent__title--marginTopLarge {
    フォントサイズ: 18px;
    背景色: rgba(255, 255, 255, 0);
    マージン: 12px 自動 0;
  }
  .historyContent__titleBgWhite {
    最大幅: 80%;
    右パディング: 10px;
  }
  .historyContent__columnTextBox {
    表示: ブロック;
  }
  .historyContent__columnTextItem {
    幅: 100%;
    下マージン: 0;
  }
  .historyContent__columnTextItem:n番目の子(奇数) {
    右パディング: 0;
  }
  .historyContent__columnTextItem:n番目の子(偶数) {
    左パディング: 0;
  }
  .historyContent__text、.historyContent__text--space、.historyContent__text--spaceLarge {
    フォントサイズ: 14px;
    行の高さ: 1.78;
    文字間隔: 0.02em;
  }
  .historyContent__text--強調 {
    フォントサイズ: 13px;
    行の高さ: 2.5;
    マージン: 19px 0 47px;
  }
}