@charset "UTF-8";

/* ----------------------------------
 元のCSS
 /css/sys/responsive_base.css
 /css/sys/responsive_block_icon_image.css
---------------------------------- */

/* ----------------------------------
 /css/sys/responsive_base.css
---------------------------------- */
:root {
  /* コンテナ要素幅 */
  --responsive-sys-container-width: 1200px;
  --responsive-sys-content-header-width: 23%;

  /* ボタン幅 */
  --responsive-sys-button-width: 160px;
  --responsive-sys-snssync-button-width: 355px;

  /* 枠色 */
  --responsive-sys-border-color-gray-primary: #c8c8c8;
  --responsive-sys-border-color-gray-tertiary: #e5e5e5;
  --responsive-sys-border-color-gray-secondary: #dcdcdc;

  /* 背景色 */
  --responsive-sys-content-header-background-color: #f8f8f8;
}

@media screen and (min-width: 769px) {
  /* ----ヘッドライン---- */

  h1,
  .h1 {
    margin: 0 0 20px;
    padding: 16px 0;
    font-size: 28px;
    font-weight: 500;
  }

  h2,
  .h2 {
    margin: 0 0 24px;
    padding: 12px 0;
    font-size: 24px;
    font-weight: 500;
  }

  h3,
  .h3 {
    margin: 0 0 24px;
    padding: 12px 0;
    border-bottom: 1px solid #dedede;
    color: #111;
    font-size: 18px;
    font-weight: bold;
  }
}

/* ----------------------------------
 /css/sys/responsive_block_icon_image.css
---------------------------------- */
@media screen and (min-width: 769px) {
  .block-icon-image-small2 {
    width: 32px;
    padding-top: 32px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 29px auto;
  }

  .block-icon-image--table-cell-left {
    width: 100%;
  }

  .block-icon-image--check-square-black {
    background-image: url(../../img/sys/icon/black/check-square.png);
  }
}