@charset "UTF-8";
/*                下層共通
======================================================= */
.lower .lower_cont + .lower_cont {
  margin-top: 55px; }
  @media only screen and (max-width: 900px) {
    .lower .lower_cont + .lower_cont {
      margin-top: 40px; } }

.lower .main_ttl h1, .lower .main_ttl p {
  font-family: "Roboto Condensed";
  color: #fff;
  font-size: 300%;
  line-height: 1;
  letter-spacing: 0.1em; }
  @media only screen and (max-width: 640px) {
    .lower .main_ttl h1, .lower .main_ttl p {
      font-size: 175%; } }
  .lower .main_ttl h1 span, .lower .main_ttl p span {
    font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Myriad Pro, Myriad, Arial, sans-serif;
    color: rgba(255, 255, 255, 0.5);
    font-size: 37.5%;
    display: block;
    letter-spacing: 0.1em;
    margin-top: 0.5em; }

.lower .lower_ttl .ttl {
  font-size: 175%;
  font-weight: bold; }
  @media only screen and (max-width: 640px) {
    .lower .lower_ttl .ttl {
      font-size: 150%; } }

.lower .intro {
  margin-bottom: 45px; }
  @media only screen and (max-width: 900px) {
    .lower .intro {
      margin-bottom: 30px; } }
  .lower .intro .lower_ttl + .catch {
    margin-top: 35px; }
    @media only screen and (max-width: 900px) {
      .lower .intro .lower_ttl + .catch {
        margin-top: 25px; } }

/*                bread
======================================================= */
@media only screen and (max-width: 768px) {
  #bread {
    display: none; } }

#bread ol {
  overflow: hidden; }
  #bread ol li {
    display: inline-block;
    float: left;
    font-size: 87.5%; }
    #bread ol li:before {
      font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f105";
      margin: 0 0.8em; }
    #bread ol li:first-child:before {
      content: "";
      margin: 0; }

#result #bread ol li:before {
  font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Myriad Pro, Myriad, Arial, sans-serif;
  position: relative;
  top: -1px;
  display: inline-block;
  background-image: url(/ja/asset/images/common/ar_black_right.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  width: 7px;
  height: 7px; }

#result #bread ol li:first-child:before {
  background: none;
  margin: 0; }

#cont_kv + #bread {
  margin-top: 20px; }

header + #bread {
  margin-top: 20px; }

/*                レイアウト
======================================================= */
#cont_kv {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 240px; }
  @media only screen and (max-width: 640px) {
    #cont_kv {
      height: 180px; } }
  @media only screen and (max-width: 350px) {
    #cont_kv {
      height: 160px; } }
  #cont_kv .main_ttl {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  #report #cont_kv {
    background-image: url(/ja/asset/images/common/report_kv_pc.jpg); }
    @media only screen and (max-width: 640px) {
      #report #cont_kv {
        background-image: url(/ja/asset/images/common/report_kv_sp.jpg); } }
  #column #cont_kv {
    background-image: url(/ja/asset/images/common/column_kv_pc.jpg); }
    @media only screen and (max-width: 640px) {
      #column #cont_kv {
        background-image: url(/ja/asset/images/common/column_kv_sp.jpg); } }
  #media #cont_kv {
    background-image: url(/ja/asset/images/common/media_kv_pc.jpg); }
    @media only screen and (max-width: 640px) {
      #media #cont_kv {
        background-image: url(/ja/asset/images/common/media_kv_sp.jpg); } }
  #staff #cont_kv {
    background-image: url(/ja/asset/images/common/staff_kv_pc.jpg); }
    @media only screen and (max-width: 640px) {
      #staff #cont_kv {
        background-image: url(/ja/asset/images/common/staff_kv_sp.jpg); } }
  #about #cont_kv {
    background-image: url(/ja/asset/images/common/about_kv_pc.jpg); }
    @media only screen and (max-width: 640px) {
      #about #cont_kv {
        background-image: url(/ja/asset/images/common/about_kv_sp.jpg); } }
  #inquiry #cont_kv,
  #privacy #cont_kv,
  #sitemap #cont_kv {
    background-image: url(/ja/asset/images/common/other_kv_pc.jpg);
    height: 180px; }
    @media only screen and (max-width: 640px) {
      #inquiry #cont_kv,
      #privacy #cont_kv,
      #sitemap #cont_kv {
        background-image: url(/ja/asset/images/common/other_kv_sp.jpg); } }
    @media only screen and (max-width: 640px) {
      #inquiry #cont_kv,
      #privacy #cont_kv,
      #sitemap #cont_kv {
        height: 140px; } }
    @media only screen and (max-width: 350px) {
      #inquiry #cont_kv,
      #privacy #cont_kv,
      #sitemap #cont_kv {
        height: 120px; } }

/*                検索ナビ
======================================================= */
.search_bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); }

#search_area {
  position: relative;
  z-index: 1000;
  margin-bottom: 40px; }
  @media only screen and (max-width: 640px) {
    #search_area {
      margin: 0 -20px 30px; } }
  #search_area .search_nv ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media only screen and (max-width: 640px) {
      #search_area .search_nv ul {
        border-top: 1px #e1e1e1 solid;
        border-bottom: 1px #e1e1e1 solid; } }
    #search_area .search_nv ul li {
      cursor: pointer;
      text-align: center;
      width: 25%; }
      #search_area .search_nv ul li + li {
        border-left: 1px #e1e1e1 solid; }
      #search_area .search_nv ul li:first-child {
        border-left: 1px #e1e1e1 solid; }
        @media only screen and (max-width: 640px) {
          #search_area .search_nv ul li:first-child {
            border-left: none; } }
      #search_area .search_nv ul li:last-child {
        border-right: 1px #e1e1e1 solid; }
        @media only screen and (max-width: 640px) {
          #search_area .search_nv ul li:last-child {
            border-right: none; } }
      @media only screen and (max-width: 768px) {
        #search_area .search_nv ul li {
          font-size: 87.5%; } }
      @media only screen and (max-width: 640px) {
        #search_area .search_nv ul li {
          font-size: 75%; } }
      @media only screen and (max-width: 400px) {
        #search_area .search_nv ul li {
          font-size: 68.8%; } }
      @media only screen and (max-width: 350px) {
        #search_area .search_nv ul li {
          font-size: 62.5%; } }
      #search_area .search_nv ul li .inner {
        color: #0159a8;
        font-weight: bold;
        display: block; }
        @media only screen and (max-width: 640px) {
          #search_area .search_nv ul li .inner {
            padding: 12px 0; } }
        #search_area .search_nv ul li .inner > span {
          display: block; }
          #search_area .search_nv ul li .inner > span.wrap {
            position: relative; }
            #search_area .search_nv ul li .inner > span.wrap::before {
              font-size: 18px;
              font-family: 'icomoon';
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              line-height: 1;
              /* Better Font Rendering =========== */
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              display: block;
              padding-bottom: 8px; }
            #search_area .search_nv ul li .inner > span.wrap::after {
              font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
              font-size: inherit;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\f107";
              color: #222222;
              display: block; }
          @media only screen and (max-width: 640px) {
            #search_area .search_nv ul li .inner > span > span {
              display: block; } }
      #search_area .search_nv ul li.category .inner span.wrap:before {
        content: "\e920";
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      #search_area .search_nv ul li.staff .inner span.wrap:before {
        content: "\e921"; }
      #search_area .search_nv ul li.year .inner span.wrap:before {
        content: "\e922"; }
      #search_area .search_nv ul li.keyword .inner span.wrap:before {
        content: "\e91b"; }
      #search_area .search_nv ul li.current {
        opacity: .7; }
        #search_area .search_nv ul li.current .inner > span.wrap::after {
          content: "\f106"; }
  #search_area .search_choice {
    -webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.4);
    background: #fff;
    position: absolute;
    z-index: 1002;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
    padding: 30px 40px;
    margin-top: 15px; }
    @media only screen and (max-width: 768px) {
      #search_area .search_choice {
        padding: 20px 20px 0 20px;
        margin: 15px -20px 0;
        width: auto; } }
    @media only screen and (max-width: 640px) {
      #search_area .search_choice {
        margin: 0; } }
    #search_area .search_choice .search_set + .search_set {
      border-top: 1px #e1e1e1 solid;
      padding-top: 20px;
      margin-top: 20px; }
    #search_area .search_choice .search_set ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: -4px;
      margin-right: -4px;
      margin-bottom: -8px;
      border: none; }
      #search_area .search_choice .search_set ul li {
        border: none;
        font-size: 75%;
        width: 20%;
        padding-left: 4px;
        padding-right: 4px;
        margin-bottom: 8px; }
        @media only screen and (max-width: 1200px) {
          #search_area .search_choice .search_set ul li {
            width: 25%; } }
        @media only screen and (max-width: 768px) {
          #search_area .search_choice .search_set ul li {
            width: 50%; } }
        #search_area .search_choice .search_set ul li .inner {
          text-align: left;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          position: relative;
          height: 100%; }
          #search_area .search_choice .search_set ul li .inner label {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100%;
            font-weight: bold;
            background: #f0f3f7;
            cursor: pointer;
            padding: 14px; }
          #search_area .search_choice .search_set ul li .inner input[type="checkbox"],
          #search_area .search_choice .search_set ul li .inner input[type="radio"] {
            display: none; }
            #search_area .search_choice .search_set ul li .inner input[type="checkbox"]:checked + label,
            #search_area .search_choice .search_set ul li .inner input[type="radio"]:checked + label {
              background: #d8dde9; }
              #search_area .search_choice .search_set ul li .inner input[type="checkbox"]:checked + label span.in::after,
              #search_area .search_choice .search_set ul li .inner input[type="radio"]:checked + label span.in::after {
                color: #0068b6;
                font-family: 'icomoon';
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                /* Better Font Rendering =========== */
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 14px;
                content: "\ea10";
                position: absolute;
                top: 2px;
                left: 2px; }
          #search_area .search_choice .search_set ul li .inner span.in {
            position: relative; }
            #search_area .search_choice .search_set ul li .inner span.in:before {
              background: #fff;
              content: "";
              display: inline-block;
              position: relative;
              top: 2px;
              width: 14px;
              height: 14px;
              margin-right: 7px; }
    #search_area .search_choice .search_set.cate_l ul li {
      width: 25%;
      font-size: 87.5%; }
      @media only screen and (max-width: 1200px) {
        #search_area .search_choice .search_set.cate_l ul li {
          width: 33.33333333%; } }
      @media only screen and (max-width: 768px) {
        #search_area .search_choice .search_set.cate_l ul li {
          width: 50%; } }
      #search_area .search_choice .search_set.cate_l ul li .inner label {
        padding: 21px 14px; }
      #search_area .search_choice .search_set.cate_l ul li .inner input:checked + label span.in::after {
        top: 4px;
        left: 2px; }


 #search_area .search_choice .search_set.btn_radio .inner label {
      background: #f0f3f7;
      display: inline-block; }
    #search_area .search_choice .search_set.btn_radio .inner input[type="checkbox"],
    #search_area .search_choice .search_set.btn_radio .inner input[type="radio"] {
      display: none; }
      #search_area .search_choice .search_set.btn_radio .inner input[type="checkbox"]:checked + label,
      #search_area .search_choice .search_set.btn_radio .inner input[type="radio"]:checked + label {
        background: #d8dde9; }
        #search_area .search_choice .search_set.btn_radio .inner input[type="checkbox"]:checked + label span.in::after,
        #search_area .search_choice .search_set.btn_radio .inner input[type="radio"]:checked + label span.in::after {
          content: "";
          display: block;
          position: absolute;
          top: 6px;
          left: 7px;
          width: 10px;
          height: 10px;
          background: #0068b6;
          border-radius: 50%; }
    #search_area .search_choice .search_set.btn_radio .inner span.in {
      padding-left: 35px;
      position: relative;
      line-height: 1; }
      #search_area .search_choice .search_set.btn_radio .inner span.in:before {
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        left: 0;
        width: 22px;
        height: 22px;
        border: 1px solid #999;
        border-radius: 50%;
        background: #fff; }




  #search_area .search_btn {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px; }
    @media only screen and (max-width: 768px) {
      #search_area .search_btn {
        width: 100%;
        margin-top: 20px; } }
    #search_area .search_btn button, #search_area .search_btn input {
      cursor: pointer;
      font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Myriad Pro, Myriad, Arial, sans-serif;
      position: relative;
      z-index: 1000;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      background: #fff;
      border: 1px #0068b6 solid;
      display: block;
      color: #0068b6;
      width: 100%;
      border-radius: 0;
      padding: 16px 0; }
      @media only screen and (min-width: 1025px) {
        #search_area .search_btn button::before, #search_area .search_btn input::before {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: -1;
          content: '';
          background: #0159a8;
          -webkit-transform-origin: right top;
          -ms-transform-origin: right top;
          transform-origin: right top;
          -webkit-transform: scale(0, 1);
          -ms-transform: scale(0, 1);
          transform: scale(0, 1);
          -webkit-transition: -webkit-transform .3s;
          transition: -webkit-transform .3s;
          -o-transition: transform .3s;
          transition: transform .3s;
          transition: transform .3s, -webkit-transform .3s; } }
      @media only screen and (min-width: 1025px) {
        #search_area .search_btn button:hover, #search_area .search_btn input:hover {
          color: #fff; } }
      @media only screen and (min-width: 1025px) {
        #search_area .search_btn button:hover::before, #search_area .search_btn input:hover::before {
          -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
          transform-origin: left top;
          -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          transform: scale(1, 1); } }
    #search_area .search_btn input {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      @media only screen and (min-width: 1025px) {
        #search_area .search_btn input:hover {
          color: #0068b6;
          opacity: .7; } }




   #search_area .search_btn.with_reset {
      width: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media only screen and (max-width: 768px) {
        #search_area .search_btn.with_reset {
          display: block; } }
      #search_area .search_btn.with_reset button, #search_area .search_btn.with_reset input {
        width: 200px; }
        #search_area .search_btn.with_reset button + a, #search_area .search_btn.with_reset input + a {
          margin-left: 40px; }
          @media only screen and (max-width: 768px) {
            #search_area .search_btn.with_reset button + a, #search_area .search_btn.with_reset input + a {
              margin-left: 0;
              margin-top: 25px; } }
        @media only screen and (max-width: 768px) {
          #search_area .search_btn.with_reset button, #search_area .search_btn.with_reset input {
            width: 100%; } }
      #search_area .search_btn.with_reset a {
        font-weight: bold;
        display: inline-block; }








  #search_area .search_close {
    cursor: pointer;
    background: #ececec;
    text-align: center;
    padding: 16px 0;
    margin-top: 30px; }
    @media only screen and (max-width: 768px) {
      #search_area .search_close {
        display: block;
        border-top: 1px #e6e6e6 solid;
        border-bottom: 1px #e6e6e6 solid;
        margin: 0 -20px;
        margin-top: 25px; } }
    #search_area .search_close span {
      position: relative; }
      #search_area .search_close span::before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        position: relative;
        top: 1px;
        content: "\e91c";
        margin-right: 0.5em; }

/*                ページャー
======================================================= */
.pagenation {
  margin-top: 40px; }
  .pagenation ul {
    font-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-left: -15px;
    margin-right: -15px; }
    @media only screen and (max-width: 1024px) {
      .pagenation ul {
        border-top: 1px #e1e1e1 solid;
        border-bottom: 1px #e1e1e1 solid;
        padding: 1em 0;
        margin-left: -20px;
        margin-right: -20px; } }
    .pagenation ul li {
      text-align: center;
      padding-left: 15px;
      padding-right: 15px; }
      @media only screen and (max-width: 1024px) {
        .pagenation ul li.prev, .pagenation ul li.next, .pagenation ul li.max_prev, .pagenation ul li.max_next {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
      .pagenation ul li.prev a, .pagenation ul li.next a, .pagenation ul li.max_prev a, .pagenation ul li.max_next a {
        border: none;
        position: relative; }
        .pagenation ul li.prev a:before, .pagenation ul li.next a:before, .pagenation ul li.max_prev a:before, .pagenation ul li.max_next a:before {
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          transform: translate(0, 0);
          font-size: 18px;
          position: absolute;
          top: 50%;
          left: auto;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
      @media only screen and (max-width: 1024px) {
        .pagenation ul li.prev {
          left: 0; } }
      .pagenation ul li.prev a:before {
        content: "\f104"; }
      @media only screen and (max-width: 1024px) {
        .pagenation ul li.next {
          right: 0; } }
      .pagenation ul li.next a:before {
        content: "\f105"; }
      .pagenation ul li.max_prev a:before {
        content: "\f100"; }
      .pagenation ul li.max_next a:before {
        content: "\f101"; }
      .pagenation ul li.pc_none {
          display: none; }
      @media only screen and (max-width: 1024px) {
        .pagenation ul li.pc_none {
          display: inherit; }
        .pagenation ul li.sp_none {
          display: none; } }
      .pagenation ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #222222;
        width: 34px;
        height: 34px; }
        @media only screen and (min-width: 1025px) {
          .pagenation ul li a:hover {
            background: #d1deea; } }
      .pagenation ul li.current {
        pointer-events: none; }
        @media only screen and (max-width: 1024px) {
          .pagenation ul li.current {
            position: relative;
            padding-left: 0;
            padding-right: 0; }
            .pagenation ul li.current::after {
              position: absolute;
              right: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              content: "/"; } }
        @media only screen and (min-width: 1025px) {
          .pagenation ul li.current a {
            background: #d1deea; } }
      @media only screen and (max-width: 1024px) {
        .pagenation ul li.total {
          padding-left: 0;
          padding-right: 0; } }
      @media only screen and (max-width: 1024px) {
        .pagenation ul li.total a {
          pointer-events: none; } }

/*                タブ
======================================================= */
#tab_area .tab_head {
  border-top: 1px #e1e1e1 solid;
  border-bottom: 1px #e1e1e1 solid; }
  #tab_area .tab_head ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 50px; }
    #tab_area .tab_head ul li {
      border-right: 1px #e1e1e1 solid;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      width: 33.33333333%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      line-height: 1.3;
      cursor: pointer;
      font-weight: bold; }
      #tab_area .tab_head ul.sec li {
        width: 50%;
      }
      @media only screen and (max-width: 640px) {
        #tab_area .tab_head ul li {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          font-size: 87.5%; } }
      @media only screen and (max-width: 400px) {
        #tab_area .tab_head ul li {
          font-size: 75%; } }
      @media only screen and (max-width: 350px) {
        #tab_area .tab_head ul li {
          font-size: 68.8%; } }
      #tab_area .tab_head ul li:first-child {
        border-left: 1px #e1e1e1 solid; }
      #tab_area .tab_head ul li.current {
        background: #f0f3f7; }
        #tab_area .tab_head ul li.current span:before {
          color: #fff; }

#tab_area .tab_body {
  margin-top: 40px; }
  #tab_area .tab_body .tab .tab_cont {
    display: none; }
    #tab_area .tab_body .tab .tab_cont.current {
      display: block; }

/*                研究員紹介
======================================================= */
#staff .staff_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -40px; }
  #staff .staff_block .staff_set {
    width: 33.33333333%;
    padding: 0 20px;
    margin-bottom: 40px; }
    #staff .staff_block .staff_set + .staff_set {
      border-left: 1px #e1e1e1 solid; }
      @media only screen and (max-width: 768px) {
        #staff .staff_block .staff_set + .staff_set {
          border-left: none;
          border-top: 1px #e1e1e1 solid;
          padding-top: 40px; } }
    @media only screen and (max-width: 900px) {
      #staff .staff_block .staff_set {
        width: 50%; } }
    @media only screen and (max-width: 768px) {
      #staff .staff_block .staff_set {
        width: 100%; } }
    @media only screen and (min-width: 901px) {
      #staff .staff_block .staff_set:nth-child(4n) {
        border-left: none; } }
    @media only screen and (min-width: 769px) and (max-width: 900px) {
      #staff .staff_block .staff_set:nth-child(odd) {
        border-left: none; } }
    #staff .staff_block .staff_set .name {
      font-size: 125%;
      font-weight: bold; }
      #staff .staff_block .staff_set .name + dl.field, #staff .staff_block .staff_set .name + dl.field + dl.field, #staff .staff_block .staff_set .name + dl.field + dl.field + dl.field {
        margin-top: 10px; }
      #staff .staff_block .staff_set .name::after {
        font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f105";
        font-weight: bold;
        display: inline-block;
        font-size: 14px;
        margin-left: 1em;
        position: relative;
        top: -1px; }
        @media only screen and (max-width: 768px) {
          #staff .staff_block .staff_set .name::after {
            content: none; } }
    #staff .staff_block .staff_set a {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      display: block;
      position: relative; }
      @media only screen and (max-width: 768px) {
        #staff .staff_block .staff_set a::after {
          font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f105";
          font-weight: bold;
          font-size: 14px;
          position: absolute;
          left: 100%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }

#staff .staff_ttl {
  margin-bottom: 2em; }
  @media only screen and (max-width: 640px) {
    #staff .staff_ttl {
      margin-bottom: 1em; } }
  #staff .staff_ttl .ttl {
    font-size: 175%;
    font-weight: bold; }
    @media only screen and (max-width: 640px) {
      #staff .staff_ttl .ttl {
        font-size: 150%; } }

#staff .profile + .career {
  margin-top: 2em; }

#staff .profile .top_part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  #staff .profile .top_part + .bottom_part {
    margin-top: 4em; }
    @media only screen and (max-width: 640px) {
      #staff .profile .top_part + .bottom_part {
        margin-top: 2em; } }
  @media only screen and (max-width: 640px) {
    #staff .profile .top_part {
      display: block; } }

#staff .profile .top_part .img_box + .txt_box {
  padding-left: 70px; }
@media only screen and (max-width: 640px) {
  #staff .profile .top_part .img_box + .txt_box {
    padding-left: 0; } }


  @media only screen and (max-width: 640px) {
    #staff .profile .top_part .img_box {
      margin-bottom: 1em; } }
  #staff .profile .top_part .img_box img {
    width: 290px;
    height: auto;
    margin: 0 auto; }
  #staff .profile .top_part .txt_box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-right: 70px; }
    @media only screen and (max-width: 640px) {
      #staff .profile .top_part .txt_box {
        padding: 0; } }

#staff .profile .top_part .txt_box > dl.field + dl.field {
  margin-top: 10px; }

#staff dl.field dt {
  font-weight: bold;
  margin-bottom: 0.2em; }

#staff dl.field dd ul.field_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #staff dl.field dd ul.field_list li::after {
    content: "、"; }
  #staff dl.field dd ul.field_list li:last-child::after {
    content: none; }

/* #staff.detail dl.field dt, #staff.detail dl.field dd {
  font-size: 87.5%; }

#staff.detail dl.field dt {
  margin-bottom: 0.5em; }

#staff.detail dl.field dd ul.field_list {
  margin-bottom: -4px; }
  #staff.detail dl.field dd ul.field_list li {
    border: 1px #afafaf solid;
    padding: 4px 6px;
    margin-right: 4px;
    margin-bottom: 4px; }
    @media all and (-ms-high-contrast: none) {
      #staff.detail dl.field dd ul.field_list li {
        padding: 4px 6px 5px; } }
    #staff.detail dl.field dd ul.field_list li::after {
      content: none; }
    #staff.detail dl.field dd ul.field_list li:last-child::after {
      content: none; } */

/*                会社情報
======================================================= */
#about #message .img_box + .txt_box {
  margin-top: 1.5em; }

#about #message .img_box img {
  width: 100%; }

#about #message .txt_box .signature {
  font-size: 100%;
  text-align: right;
  margin-bottom: 2em; }
  #about #message .txt_box .signature span {
    display: block;
    font-size: 75%; }

#about #profile .table_dl dl dt, #about #profile .table_dl dl dd {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media only screen and (max-width: 640px) {
    #about #profile .table_dl dl dt, #about #profile .table_dl dl dd {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

#about #profile .table_dl dl dt {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left; }
  @media only screen and (max-width: 640px) {
    #about #profile .table_dl dl dt {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center; } }

#about #organization .img_box img {
  width: 100%; }

/*                プライバシーポリシー
======================================================= */
#privacy .lower_ttl {
  margin-bottom: 2em; }

#privacy .gray_ttl {
  margin-bottom: 2em; }

#privacy p + .gray_ttl,
#privacy ol + .gray_ttl,
#privacy ul + .gray_ttl,
#privacy dl + .gray_ttl,
#privacy .table_dl + .gray_ttl,
#privacy p + .table_dl {
  margin-top: 2em; }

#privacy p + ul,
#privacy p + ol,
#privacy p + dl {
  margin-top: 1em; }

#privacy .table_dl dl dt {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 13em; }
  @media only screen and (max-width: 640px) {
    #privacy .table_dl dl dt {
      width: 7em;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

@media only screen and (min-width: 1025px) {
  #privacy .table_dl a:hover {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    opacity: .7; } }

/*                サイトマップ
======================================================= */
#sitemap .sitemap_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: -80px; }
  @media only screen and (max-width: 1024px) {
    #sitemap .sitemap_list {
      margin-left: -20px;
      margin-right: -20px; } }
  @media only screen and (max-width: 768px) {
    #sitemap .sitemap_list {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: -50px; } }
  #sitemap .sitemap_list .list_set {
    width: 50%;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 80px; }
    @media only screen and (max-width: 1024px) {
      #sitemap .sitemap_list .list_set {
        padding-left: 20px;
        padding-right: 20px; } }
    @media only screen and (max-width: 768px) {
      #sitemap .sitemap_list .list_set {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 50px; } }
    #sitemap .sitemap_list .list_set .title {
      font-size: 150%;
      font-weight: bold;
      border-bottom: 1px #e1e1e1 solid; }
      #sitemap .sitemap_list .list_set .title + .child_list {
        margin-top: 2em; }
      @media only screen and (max-width: 768px) {
        #sitemap .sitemap_list .list_set .title {
          font-size: 137.5%; } }
      @media only screen and (max-width: 350px) {
        #sitemap .sitemap_list .list_set .title {
          font-size: 125%; } }
      #sitemap .sitemap_list .list_set .title > a, #sitemap .sitemap_list .list_set .title > span {
        display: block;
        padding-bottom: 1em; }
        #sitemap .sitemap_list .list_set .title > a span, #sitemap .sitemap_list .list_set .title > span span {
          display: block;
          position: relative; }
          @media only screen and (max-width: 768px) {
            #sitemap .sitemap_list .list_set .title > a span, #sitemap .sitemap_list .list_set .title > span span {
              padding-right: 1em; } }
          #sitemap .sitemap_list .list_set .title > a span::after, #sitemap .sitemap_list .list_set .title > span span::after {
            font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f105";
            font-size: 14px;
            font-weight: normal;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
      #sitemap .sitemap_list .list_set .title > span {
        display: block;
        padding-bottom: 1em; }
    #sitemap .sitemap_list .list_set .child_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -0.5em; }
      @media only screen and (max-width: 768px) {
        #sitemap .sitemap_list .list_set .child_list {
          display: block;
          margin-bottom: -1em; } }
      #sitemap .sitemap_list .list_set .child_list li {
        margin-right: 2.5em;
        margin-bottom: 0.5em; }
        @media only screen and (max-width: 768px) {
          #sitemap .sitemap_list .list_set .child_list li {
            margin-bottom: 1em; } }
        #sitemap .sitemap_list .list_set .child_list li a {
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          color: #0068b6; }
          #sitemap .sitemap_list .list_set .child_list li a::after {
            color: #222222;
            font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            top: -1px;
            content: "\f105";
            display: inline-block;
            font-size: 14px;
            font-weight: normal;
            padding-left: 0.8em; }
          #sitemap .sitemap_list .list_set .child_list li a:hover {
            opacity: .8; }

/*       お問い合わせ 結果ページ
======================================================= */
#inquiry .form_area,
#result .form_area,
#not404 .form_area {
  background: #f0f3f7;
  padding: 50px 60px; }
  @media only screen and (max-width: 900px) {
    #inquiry .form_area,
    #result .form_area,
    #not404 .form_area {
      padding: 30px 20px; } }
  #inquiry .form_area span.form_icon,
  #result .form_area span.form_icon,
  #not404 .form_area span.form_icon {
    font-size: 75%;
    font-weight: normal;
    border-radius: 0;
    position: relative;
    top: -2px;
    left: auto;
    padding: 4px 15px 5px; }
    @media only screen and (max-width: 900px) {
      #inquiry .form_area span.form_icon,
      #result .form_area span.form_icon,
      #not404 .form_area span.form_icon {
        padding: 4px 12px 5px; } }
    #inquiry .form_area span.form_icon.required,
    #result .form_area span.form_icon.required,
    #not404 .form_area span.form_icon.required {
      background-color: #ed1818;
      color: #fff; }
    #inquiry .form_area span.form_icon.any,
    #result .form_area span.form_icon.any,
    #not404 .form_area span.form_icon.any {
      background-color: #ebebeb;
      color: #7e7e7e; }
  #inquiry .form_area .form dl,
  #result .form_area .form dl,
  #not404 .form_area .form dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #inquiry .form_area .form dl + dl,
    #result .form_area .form dl + dl,
    #not404 .form_area .form dl + dl {
      margin-top: 20px; }
    @media only screen and (max-width: 900px) {
      #inquiry .form_area .form dl,
      #result .form_area .form dl,
      #not404 .form_area .form dl {
        display: block; } }
    #inquiry .form_area .form dl dt,
    #result .form_area .form dl dt,
    #not404 .form_area .form dl dt {
      color: #333333;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
      font-weight: bold;
      width: 250px;
      padding-top: 15px;
      padding-right: 30px; }
      @media only screen and (max-width: 900px) {
        #inquiry .form_area .form dl dt,
        #result .form_area .form dl dt,
        #not404 .form_area .form dl dt {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          width: 100%;
          padding-right: 0;
          margin-bottom: 10px; } }
    #inquiry .form_area .form dl dd,
    #result .form_area .form dl dd,
    #not404 .form_area .form dl dd {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
      flex: 1 1 0%; }
      #inquiry .form_area .form dl dd.in_radio,
      #result .form_area .form dl dd.in_radio,
      #not404 .form_area .form dl dd.in_radio {
        padding-top: 15px; }
        #inquiry .form_area .form dl dd.in_radio > span.radio_wrap,
        #result .form_area .form dl dd.in_radio > span.radio_wrap,
        #not404 .form_area .form dl dd.in_radio > span.radio_wrap {
          display: block; }
          #inquiry .form_area .form dl dd.in_radio > span.radio_wrap > label,
          #result .form_area .form dl dd.in_radio > span.radio_wrap > label,
          #not404 .form_area .form dl dd.in_radio > span.radio_wrap > label {
            display: inline-block;
            cursor: pointer;
            padding-bottom: 10px;
            margin-right: 2.5em; }
            @media only screen and (max-width: 640px) {
              #inquiry .form_area .form dl dd.in_radio > span.radio_wrap > label,
              #result .form_area .form dl dd.in_radio > span.radio_wrap > label,
              #not404 .form_area .form dl dd.in_radio > span.radio_wrap > label {
                margin-right: 2em; } }
            @media only screen and (max-width: 400px) {
              #inquiry .form_area .form dl dd.in_radio > span.radio_wrap > label,
              #result .form_area .form dl dd.in_radio > span.radio_wrap > label,
              #not404 .form_area .form dl dd.in_radio > span.radio_wrap > label {
                margin-right: 1.5em; } }
            #inquiry .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="checkbox"],
            #inquiry .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="radio"],
            #result .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="checkbox"],
            #result .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="radio"],
            #not404 .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="checkbox"],
            #not404 .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="radio"] {
              display: none; }
              #inquiry .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="checkbox"]:checked + span.in::after,
              #inquiry .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="radio"]:checked + span.in::after,
              #result .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="checkbox"]:checked + span.in::after,
              #result .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="radio"]:checked + span.in::after,
              #not404 .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="checkbox"]:checked + span.in::after,
              #not404 .form_area .form dl dd.in_radio > span.radio_wrap > label input[type="radio"]:checked + span.in::after {
                content: "";
                display: block;
                position: absolute;
                top: 6px;
                left: 7px;
                width: 10px;
                height: 10px;
                background: #0068b6;
                border-radius: 50%; }
            #inquiry .form_area .form dl dd.in_radio > span.radio_wrap > label span.in,
            #result .form_area .form dl dd.in_radio > span.radio_wrap > label span.in,
            #not404 .form_area .form dl dd.in_radio > span.radio_wrap > label span.in {
              padding-left: 35px;
              position: relative;
              line-height: 1; }
              #inquiry .form_area .form dl dd.in_radio > span.radio_wrap > label span.in::before,
              #result .form_area .form dl dd.in_radio > span.radio_wrap > label span.in::before,
              #not404 .form_area .form dl dd.in_radio > span.radio_wrap > label span.in::before {
                content: "";
                display: block;
                position: absolute;
                top: -1px;
                left: 0;
                width: 22px;
                height: 22px;
                border: 1px solid #999;
                border-radius: 50%;
                background: #fff; }
      #inquiry .form_area .form dl dd.in_textarea textarea,
      #result .form_area .form dl dd.in_textarea textarea,
      #not404 .form_area .form dl dd.in_textarea textarea {
        height: 200px; }
      #inquiry .form_area .form dl dd.multi > span,
      #result .form_area .form dl dd.multi > span,
      #not404 .form_area .form dl dd.multi > span {
        display: block; }
        #inquiry .form_area .form dl dd.multi > span + span,
        #result .form_area .form dl dd.multi > span + span,
        #not404 .form_area .form dl dd.multi > span + span {
          margin-top: 10px; }
        #inquiry .form_area .form dl dd.multi > span.select_pref,
        #result .form_area .form dl dd.multi > span.select_pref,
        #not404 .form_area .form dl dd.multi > span.select_pref {
          display: inline-block; }
      #inquiry .form_area .form dl dd.arrow > span,
      #result .form_area .form dl dd.arrow > span,
      #not404 .form_area .form dl dd.arrow > span {
        position: relative; }
        #inquiry .form_area .form dl dd.arrow > span::after,
        #result .form_area .form dl dd.arrow > span::after,
        #not404 .form_area .form dl dd.arrow > span::after {
          font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f107";
          position: absolute;
          z-index: 1;
          right: 20px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          pointer-events: none; }
      #inquiry .form_area .form dl dd.arrow.open > span::after,
      #result .form_area .form dl dd.arrow.open > span::after,
      #not404 .form_area .form dl dd.arrow.open > span::after {
        content: "\f106"; }
      #inquiry .form_area .form dl dd > .w_short,
      #result .form_area .form dl dd > .w_short,
      #not404 .form_area .form dl dd > .w_short {
        width: 240px;
        display: inline-block; }
        @media only screen and (max-width: 400px) {
          #inquiry .form_area .form dl dd > .w_short,
          #result .form_area .form dl dd > .w_short,
          #not404 .form_area .form dl dd > .w_short {
            width: 100%; } }
      #inquiry .form_area .form dl dd > .ad_input,
      #result .form_area .form dl dd > .ad_input,
      #not404 .form_area .form dl dd > .ad_input {
        font-size: 75%;
        background-color: #272727;
        color: #ffffff;
        display: inline-block;
        position: relative;
        top: -1px;
        padding: 6px 10px;
        margin-left: 10px; }
        @media only screen and (max-width: 400px) {
          #inquiry .form_area .form dl dd > .ad_input,
          #result .form_area .form dl dd > .ad_input,
          #not404 .form_area .form dl dd > .ad_input {
            font-size: 68.8%; } }
        @media only screen and (max-width: 350px) {
          #inquiry .form_area .form dl dd > .ad_input,
          #result .form_area .form dl dd > .ad_input,
          #not404 .form_area .form dl dd > .ad_input {
            margin-left: 0;
            margin-top: 10px; } }
      #inquiry .form_area .form dl dd .error_text,
      #result .form_area .form dl dd .error_text,
      #not404 .form_area .form dl dd .error_text {
        margin-top: 0.8em;
        color: #ed1818;
        display: block; }
      #inquiry .form_area .form dl dd .assist_text,
      #result .form_area .form dl dd .assist_text,
      #not404 .form_area .form dl dd .assist_text {
        margin-top: 0.8em;
        display: block; }
      #inquiry .form_area .form dl dd a.link,
      #result .form_area .form dl dd a.link,
      #not404 .form_area .form dl dd a.link {
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        font-size: 87.5%;
        margin-bottom: 4px; }
        @media only screen and (max-width: 900px) {
          #inquiry .form_area .form dl dd a.link,
          #result .form_area .form dl dd a.link,
          #not404 .form_area .form dl dd a.link {
            font-size: 75%;
            display: inline-block;
            margin-top: 1em; } }
        #inquiry .form_area .form dl dd a.link span,
        #result .form_area .form dl dd a.link span,
        #not404 .form_area .form dl dd a.link span {
          color: #0068b6; }
          #inquiry .form_area .form dl dd a.link span::after,
          #result .form_area .form dl dd a.link span::after,
          #not404 .form_area .form dl dd a.link span::after {
            color: #222222;
            font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            top: -1px;
            content: "\f105";
            display: inline-block;
            font-size: 12px;
            font-weight: bold;
            padding-left: 0.8em; }
        @media only screen and (min-width: 1025px) {
          #inquiry .form_area .form dl dd a.link:hover,
          #result .form_area .form dl dd a.link:hover,
          #not404 .form_area .form dl dd a.link:hover {
            opacity: .8; } }

#inquiry #confirm .form_area h3,
#result #confirm .form_area h3,
#not404 #confirm .form_area h3 {
  font-size: 125%;
  font-weight: bold;
  margin-bottom: 2em; }
  @media only screen and (max-width: 640px) {
    #inquiry #confirm .form_area h3,
    #result #confirm .form_area h3,
    #not404 #confirm .form_area h3 {
      font-size: 112.5%; } }

#inquiry #confirm .form_area .form + h3,
#result #confirm .form_area .form + h3,
#not404 #confirm .form_area .form + h3 {
  margin-top: 2em; }

#inquiry #confirm .form_area .form dl,
#result #confirm .form_area .form dl,
#not404 #confirm .form_area .form dl {
  border-bottom: 1px #d8dade solid;
  padding-bottom: 20px; }
  #inquiry #confirm .form_area .form dl dt,
  #result #confirm .form_area .form dl dt,
  #not404 #confirm .form_area .form dl dt {
    padding-top: 0; }
  #inquiry #confirm .form_area .form dl dd.arrow > span::after,
  #result #confirm .form_area .form dl dd.arrow > span::after,
  #not404 #confirm .form_area .form dl dd.arrow > span::after {
    content: none; }

#inquiry #finish,
#result #finish,
#not404 #finish {
  padding: 6em 0; }
  @media only screen and (max-width: 900px) {
    #inquiry #finish,
    #result #finish,
    #not404 #finish {
      padding: 4em 0; } }
  #inquiry #finish .intro,
  #result #finish .intro,
  #not404 #finish .intro {
    text-align: center; }

#inquiry .btn_area,
#result .btn_area,
#not404 .btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 4em; }
  @media only screen and (max-width: 640px) {
    #inquiry .btn_area,
    #result .btn_area,
    #not404 .btn_area {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; } }
  #inquiry .btn_area .btn,
  #result .btn_area .btn,
  #not404 .btn_area .btn {
    margin: 0; }
    #inquiry .btn_area .btn + .btn,
    #result .btn_area .btn + .btn,
    #not404 .btn_area .btn + .btn {
      margin-left: 18px; }
      @media only screen and (max-width: 640px) {
        #inquiry .btn_area .btn + .btn,
        #result .btn_area .btn + .btn,
        #not404 .btn_area .btn + .btn {
          margin-left: 0;
          margin-bottom: 10px; } }

#inquiry .error_comment,
#result .error_comment,
#not404 .error_comment {
  background-color: #FFF2F2;
  color: #ed1818;
  font-weight: bold;
  font-size: 112.5%;
  display: block;
  text-align: center;
  padding: 1.4em 0;
  margin-bottom: 4em; }
  @media only screen and (max-width: 640px) {
    #inquiry .error_comment,
    #result .error_comment,
    #not404 .error_comment {
      margin-bottom: 2.5em; } }

#result .form_area .form dl dt {
  width: 150px; }

#result .form_area .form dl dd > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  #result .form_area .form dl dd > .inner span#s_box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    border-radius: 0;
    background: #fff; }
  #result .form_area .form dl dd > .inner span#s_btn {
    position: relative;
    width: 140px;
    color: #fff; }
    @media only screen and (max-width: 640px) {
      #result .form_area .form dl dd > .inner span#s_btn {
        width: 112px; } }
    @media only screen and (max-width: 350px) {
      #result .form_area .form dl dd > .inner span#s_btn {
        width: 76px; } }
    #result .form_area .form dl dd > .inner span#s_btn::before {
      font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Myriad Pro, Myriad, Arial, sans-serif;
      pointer-events: none;
      display: inline-block;
      background-image: url(/ja/asset/images/common/search_white.png);
      background-repeat: no-repeat;
      background-size: 100% auto;
      content: "";
      width: 18px;
      height: 18px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
      transform: translateY(-45%);
      left: 20%; }
      @media only screen and (max-width: 350px) {
        #result .form_area .form dl dd > .inner span#s_btn::before {
          left: 12%;
          font-size: 14px;
          padding-top: 2px; } }
    #result .form_area .form dl dd > .inner span#s_btn input {
      cursor: pointer;
      background: #0068b7;
      color: #fff;
      letter-spacing: 0.2em;
      padding-left: 32px;
      height: 100%; }
      @media only screen and (max-width: 350px) {
        #result .form_area .form dl dd > .inner span#s_btn input {
          padding-left: 30px; } }
  #result .form_area .form dl dd > .inner span input {
    border-radius: 0;
    font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Myriad Pro, Myriad, Arial, sans-serif;
    letter-spacing: normal;
    width: 100%;
    height: 100%;
    padding: 16px; }
    @media only screen and (max-width: 640px) {
      #result .form_area .form dl dd > .inner span input {
        padding: 14px; } }

#result .gray_ttl {
  border-bottom: 1px #e1e1e1 solid;
  padding-bottom: 1em; }

#result #SS_contents #SS_result .SS_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #result #SS_contents #SS_result .SS_item + .SS_item {
    margin-top: 4em; }
  @media only screen and (max-width: 640px) {
    #result #SS_contents #SS_result .SS_item {
      display: block; } }
  #result #SS_contents #SS_result .SS_item .SS_image {
    width: 170px;
    border: 1px solid #e1e1e1; }
    #result #SS_contents #SS_result .SS_item .SS_image + .SS_page {
      padding-left: 30px; }
      @media only screen and (max-width: 768px) {
        #result #SS_contents #SS_result .SS_item .SS_image + .SS_page {
          padding-left: 0; } }
      @media only screen and (max-width: 640px) {
        #result #SS_contents #SS_result .SS_item .SS_image + .SS_page {
          padding-left: 0; } }
    @media only screen and (max-width: 768px) {
      #result #SS_contents #SS_result .SS_item .SS_image {
        display: none; } }
    @media only screen and (max-width: 640px) {
      #result #SS_contents #SS_result .SS_item .SS_image {
        margin: 0 auto; }
        #result #SS_contents #SS_result .SS_item .SS_image + .SS_page {
          margin-top: 1em; } }
    #result #SS_contents #SS_result .SS_item .SS_image img {
      width: 100%; }
  #result #SS_contents #SS_result .SS_item .SS_page {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%; }
    #result #SS_contents #SS_result .SS_item .SS_page .SS_title {
      font-size: 125%;
      margin-bottom: 0.5em; }
    #result #SS_contents #SS_result .SS_item .SS_page .SS_summary {
      margin-bottom: 0.5em; }
    #result #SS_contents #SS_result .SS_item .SS_page .SS_lastModified + .SS_url,
    #result #SS_contents #SS_result .SS_item .SS_page .SS_url + .SS_lastModified {
      margin-left: 0.5em; }
      @media only screen and (max-width: 640px) {
        #result #SS_contents #SS_result .SS_item .SS_page .SS_lastModified + .SS_url,
        #result #SS_contents #SS_result .SS_item .SS_page .SS_url + .SS_lastModified {
          margin-left: 0; } }
    #result #SS_contents #SS_result .SS_item .SS_page .SS_url {
      overflow-wrap: break-word;
      word-break: break-all;
      color: #006F00; }
      @media only screen and (max-width: 640px) {
        #result #SS_contents #SS_result .SS_item .SS_page .SS_url {
          display: block; } }

#result #SS_contents .SS_paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 4em 0 2px; }
  @media only screen and (max-width: 640px) {
    #result #SS_contents .SS_paging {
      font-size: 87.5%; } }
  #result #SS_contents .SS_paging b.SS_selectPage {
    border: 1px solid #EEE;
    background-color: #FAFAFA;
    padding: 5px;
    width: 30px;
    position: relative; }
    #result #SS_contents .SS_paging b.SS_selectPage + .SS_numberPage {
      margin-left: 10px; }
    @media only screen and (max-width: 640px) {
      #result #SS_contents .SS_paging b.SS_selectPage {
        width: 28px; } }
  #result #SS_contents .SS_paging span.SS_numberPage {
    border: 1px solid #EEE;
    padding: 5px;
    width: 30px;
    position: relative; }
    #result #SS_contents .SS_paging span.SS_numberPage + .SS_numberPage,
    #result #SS_contents .SS_paging span.SS_numberPage + .SS_selectPage {
      margin-left: 10px; }
    @media only screen and (max-width: 640px) {
      #result #SS_contents .SS_paging span.SS_numberPage {
        width: 28px; } }
  #result #SS_contents .SS_paging span.SS_prevPage {
    margin-right: 10px; }
  #result #SS_contents .SS_paging span.SS_nextPage {
    margin-left: 10px; }
  #result #SS_contents .SS_paging a {
    color: #0068b6; }
    #result #SS_contents .SS_paging a:link {
      text-decoration: underline; }
    @media only screen and (min-width: 1025px) {
      #result #SS_contents .SS_paging a:hover {
        text-decoration: none; } }

#result #SS_notFound b {
  font-size: 125%; }

#result #SS_notFound #SS_hint {
  margin-top: 1em;
  margin-bottom: 0.5em; }

#result #SS_notFound #SS_hintMessage {
  margin-left: 1em; }

/*                404ページ
======================================================= */
#not404 .intro {
  text-align: center; }

#not404 .btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 4em; }
  #not404 .btn_area .btn {
    margin: 0; }
    #not404 .btn_area .btn + .btn {
      margin-left: 0;
      margin-top: 20px; }

#not404 .form_area {
  margin-top: 4em; }
  #not404 .form_area .form dl dt {
    width: 150px; }
  #not404 .form_area .form dl dd > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    #not404 .form_area .form dl dd > .inner span#s_box {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
      flex: 1 1 0%;
      border-radius: 0;
      background: #fff; }
    #not404 .form_area .form dl dd > .inner span#s_btn {
      position: relative;
      width: 140px;
      color: #fff; }
      @media only screen and (max-width: 640px) {
        #not404 .form_area .form dl dd > .inner span#s_btn {
          width: 112px; } }
      @media only screen and (max-width: 350px) {
        #not404 .form_area .form dl dd > .inner span#s_btn {
          width: 76px; } }
      #not404 .form_area .form dl dd > .inner span#s_btn::before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e91b";
        color: #fff;
        font-size: 16px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 20%; }
        @media only screen and (max-width: 350px) {
          #not404 .form_area .form dl dd > .inner span#s_btn::before {
            left: 15%;
            font-size: 14px;
            padding-top: 2px; } }
      #not404 .form_area .form dl dd > .inner span#s_btn input {
        cursor: pointer;
        background: #0068b7;
        color: #fff;
        letter-spacing: 0.2em;
        padding-left: 32px;
        height: 100%; }
        @media only screen and (max-width: 350px) {
          #not404 .form_area .form dl dd > .inner span#s_btn input {
            padding-left: 30px; } }
    #not404 .form_area .form dl dd > .inner span input {
      border-radius: 0;
      font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Myriad Pro, Myriad, Arial, sans-serif;
      letter-spacing: normal;
      width: 100%;
      height: 100%;
      padding: 16px; }
      @media only screen and (max-width: 640px) {
        #not404 .form_area .form dl dd > .inner span input {
          padding: 14px; } }

/*                記事系
======================================================= */
.article_intro + .article_detail {
  margin-top: 45px; }

.article_intro .article_parts + .article_ttl {
  margin-top: 25px; }

.article_intro .article_ttl + .article_writer {
  margin-top: 30px; }

.article_intro .article_ttl h1 {
  font-size: 175%;
  font-weight: bold; }
  @media only screen and (max-width: 640px) {
    .article_intro .article_ttl h1 {
      font-size: 150%; } }

.article_intro .article_writer dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .article_intro .article_writer dl dt, .article_intro .article_writer dl dd {
    font-size: 75%; }
  .article_intro .article_writer dl dt::after {
    content: "：";
    padding-right: 2px; }

.article_detail + .gray_ttl,
.article_detail + .article_list {
  margin-top: 70px; }
  @media only screen and (max-width: 900px) {
    .article_detail + .gray_ttl,
    .article_detail + .article_list {
      margin-top: 40px; } }

.mod_cont + .mod_cont,
.mod_cont + .blue_title {
  margin-top: 35px; }
  @media only screen and (max-width: 640px) {
    .mod_cont + .mod_cont,
    .mod_cont + .blue_title {
      margin-top: 25px; } }

.mod_cont + .mod_cont.pdf {
  margin-top: 25px; }
  @media only screen and (max-width: 640px) {
    .mod_cont + .mod_cont.pdf {
      margin-top: 20px; } }

.blue_title + .mod_cont,
p + .blue_title,
p + .mod_title,
.flex + .mod_title,
p + .mod_cont,
.blue_title + .mod_title,
.mod_cont + .mod_title,
.mod_cont + p {
  margin-top: 25px; }
  @media only screen and (max-width: 640px) {
    .blue_title + .mod_cont,
    p + .blue_title,
    p + .mod_title,
    .flex + .mod_title,
    p + .mod_cont,
    .blue_title + .mod_title,
    .mod_cont + .mod_title,
    .mod_cont + p {
      margin-top: 15px; } }

.mod_title + .mod_cont,
.mod_title + p {
  margin-top: 10px; }
  @media only screen and (max-width: 640px) {
    .mod_title + .mod_cont,
    .mod_title + p {
      margin-top: 8px; } }

.mod_cont + .mod_cont.mt0 {
  margin-top: 0; }

.mod_cont + .mod_cont.mt1 {
  margin-top: 25px; }

.mod_title h3 {
  color: #3b7fa1;
  font-size: 100%;
  font-weight: bold; }

.mod_cont p + p, .mod_cont p + table, .mod_cont p + ul, .mod_cont p + ol,
.mod_cont ul + ul, .mod_cont ul + p, .mod_cont ul + table, .mod_cont ul + ol,
.mod_cont ol + ol, .mod_cont ol + p, .mod_cont ol + table, .mod_cont ol + ul {
  margin-top: 1em; }

.mod_cont li ul, .mod_cont li ol {
  margin-top: .5em; }

.mod_cont .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: -20px;
  margin-left: -20px;
  margin-bottom: -20px; }
  .mod_cont .flex + .flex {
    margin-top: 30px; }
  @media only screen and (max-width: 640px) {
    .mod_cont .flex {
      margin-right: 0;
      margin-left: 0;
      margin-bottom: 0; } }
  .mod_cont .flex .flex_item {
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 640px) {
      .mod_cont .flex .flex_item {
        padding-left: 0;
        padding-right: 0; } }
    .mod_cont .flex .flex_item p.cap {
      color: #b3b3b3;
      font-size: 62.5%;
      margin-top: .5em; }
    .mod_cont .flex .flex_item img {
      width: 100%;
      display: block;
      margin: 0 auto; }
    .mod_cont .flex .flex_item .img {
      float: left;
      max-width: 50%;
      margin-right: 1.5em;
      margin-bottom: .5em; }
      .mod_cont .flex .flex_item .img.right {
        float: right;
        margin-right: 0;
        margin-left: 1.5em; }
      .mod_cont .flex .flex_item .img img {
        display: block; }
  .mod_cont .flex.flex_half {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .mod_cont .flex.flex_half .flex_item {
      width: 50%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  .mod_cont .flex.flex_square {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .mod_cont .flex.flex_square .flex_item:nth-child(1) {
      width: 340px; }
      @media only screen and (max-width: 640px) {
        .mod_cont .flex.flex_square .flex_item:nth-child(1) {
          width: 300px;
          margin: 0 auto; } }
    .mod_cont .flex.flex_square .flex_item:nth-child(2) {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
      flex: 1 1 0%; }
  @media only screen and (max-width: 640px) {
    .mod_cont .flex.text {
      display: block; }
      .mod_cont .flex.text .flex_item {
        width: 100%; }
        .mod_cont .flex.text .flex_item + .flex_item {
          margin-top: 1em; } }

.mod_cont .img_cont.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.mod_cont .img_cont .img_wrap img {
  display: block;
  margin: 0 auto; }

.mod_cont .img_cont .img_wrap .cap {
  font-size: 68.8%;
  margin-top: .8em; }

.mod_cont .pdfup {
  padding-left: 20px;
  text-indent: -10px; }
  .mod_cont .pdfup a span::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    top: 1px;
    content: "\e900";
    color: #e00000;
    font-size: 16px;
    margin-right: 0.3em; }

.mod_cont .pdf_btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  text-align: center; }
  .mod_cont .pdf_btn a {
    position: relative;
    z-index: 1;
    display: block;
    background: #e60000;
    color: #fff;
    font-weight: bold;
    width: 100%;
    padding: 20px 0; }
    .mod_cont .pdf_btn a > span::before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      content: "\e91f";
      font-size: 12px;
      color: #e60000;
      background: #fff;
      padding: 4px;
      margin-right: 10px; }
    .mod_cont .pdf_btn a > span > span.capa {
      font-size: 85.7%;
      font-weight: normal; }
    @media only screen and (min-width: 1025px) {
      .mod_cont .pdf_btn a::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        content: '';
        background: #e84545;
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s; } }
    .mod_cont .pdf_btn a::after {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      font-size: 18px;
      content: "\e923";
      position: absolute;
      z-index: 2;
      left: auto;
      right: 1em;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    @media only screen and (min-width: 1025px) {
      .mod_cont .pdf_btn a:hover::before {
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); } }

/* 202412 Add Start */
#cont_kv {
  background-image: none!important;
}
#cont_kv {
  height: 150px;
}
#cont_kv .main_ttl {
  position: absolute;
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.lower .main_ttl h1, .lower .main_ttl p {
  transform: translateY(-0.125em);
  margin-bottom: 0.175em;
  color: #222222;
  font-size: 400%;
  font-family: "Barlow Semi Condensed", sans-serif;
  line-height: 0.8em;
  font-weight: 600;
  letter-spacing: -0.015em;
}
#cont_kv + #bread {
  margin-top: 0;
}
#bread_wrap {
}
@media only screen and (min-width: 600.1px) {
  .lower .main_ttl h1 span, .lower .main_ttl p span {
    display: none;
  }
  #bread_wrap .main_width{
    padding-right: 320px;
  }
}
#bread ol {
}
#bread ol li {
  display: inline-block;
  float: none;
  font-size: 100%;
  font-weight: 600;
  letter-spacing: 0.02em;
}
#col2_wrap #side {
  width: 248px;
  -webkit-transform: translateY(-146px);
  -ms-transform: translateY(-146px);
  transform: translateY(-146px);
}
@media only screen and (max-width: 600px) {
  #media #cont_kv {
    background-image: none;
  }
  #cont_kv {
    height: auto;
  }
  #cont_kv .main_ttl {
    font-size: 16px;
    position: relative;
  }
  .lower .main_ttl h1, .lower .main_ttl p {
    padding-top: 40px;
    margin-bottom: 0.175em;
    font-size: 212.5%;
  }
  
  .lower .main_ttl h1 span, .lower .main_ttl p span {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
  }
  #cont_kv + #bread {
    margin-top: 0;
  }
  /*
  #bread {
      display: block;
  }
      */
  #bread ol li {
    display: inline-block;
    float: left;
    font-size: 100%;
    font-weight: 600;
    letter-spacing: 0.02em;
  }
  #col2_wrap #side {
    width: 248px;
    -webkit-transform: translateY(-146px);
    -ms-transform: translateY(-146px);
    transform: translateY(-146px);
  }
}