@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------

                         header

-------------------------------------------------------- */
/* line 11, header.scss */
header {
  margin-bottom: 20px !important;
  /*============================
  #header
  ============================*/ }
  /* line 16, header.scss */
  header #header {
    position: relative; }
    /* line 17, header.scss */
    header #header::after {
      content: "";
      width: 100%;
      height: 35%;
      background: url("../img/svg_lineBlue.svg") repeat-x;
      background-size: auto 100%;
      position: absolute;
      top: 40%;
      left: 0; }
    /* line 18, header.scss */
    header #header h1, header #header #h01 {
      width: 60%;
      padding: 5px 10px 10px 0;
      background: #fff;
      position: relative;
      z-index: 10; }
      /* line 19, header.scss */
      header #header h1 a, header #header #h01 a {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center; }
        /* line 20, header.scss */
        header #header h1 a span, header #header #h01 a span {
          width: 12%; }
        /* line 21, header.scss */
        header #header h1 a em, header #header #h01 a em {
          width: 84%; }

/* ---------------------------------------------------------------------------------------------
  PCのみの設定
--------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------
  スマホ向け設定
--------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 750px) {
  /* line 41, header.scss */
  header {
    margin-bottom: 20px !important;
    padding: 0 !important;
    background: #fff;
    /*============================
    #header
    ============================*/ }
    /* line 47, header.scss */
    header #header::after {
      width: 100%;
      height: 12px;
      position: relative;
      top: auto;
      left: auto;
      display: block; }
    /* line 48, header.scss */
    header #header h1, header #header #h01 {
      width: calc(100% - 60px);
      padding: 10px 2.5% 10px;
      box-sizing: border-box; }
      /* line 50, header.scss */
      header #header h1 a span, header #header #h01 a span {
        width: 15%; }
      /* line 51, header.scss */
      header #header h1 a em, header #header #h01 a em {
        width: 82%; } }
/* ---------------------------------------------------------------------------------------------
  PC～スマホ 調整（兼タブレット）
--------------------------------------------------------------------------------------------- */
