/* ===============================================
  会社概要 gaiyo スマホ対応
=============================================== */

@media screen and (max-width: 768px) {
  .headbox {
    z-index: 1;
  }
  #navi,
  #category_menu *,
  #corp_waku,
  #main-contents,
  #main-contents * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #navi,
  #category_menu,
  #main-contents {
    width: 100%;
    float: none;
  }
  #category_menu ul li a {
    width: auto;
  }
  #corp_waku,
  #corp_waku {
    width: 100%;
    padding: 15px 10px 0;
  }
  #navi {
    margin-top: 40px;
  }
  #category_menu {
    padding: 0;
  }
  #category_menu dt {
    padding: 10px 15px;
    font-size: 15px;
  }

  #category_menu ul li a {
    width: auto;
    padding: 10px 15px;
    font-size: 15px;
  }

  #category_menu ul li ul {
    font-size: 15px;
  }

  #category_menu ul li.here ul li a {
    background-position: 0 50% !important;
    padding: 5px 0 5px 12px;
  }

  #category_menu #submenu a.current,
  #category_menu a.ayumi {
    background-position: 0 50% !important;
  }

  /* ========= メインコンテンツ ========= */
  #main-contents {
    width: 100%;
  }
  #main-contents > *:first-child {
    margin-top: 20px;
  }

  /* ========= 汎用 ========= */
  .pcShow {
    display: none;
  }
  .spShow {
    display: inline-block;
  }
  img {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .sp_block { display: block; }
  .sp_inline-block { display: inline-block; }
  .sp_inline { display: inline; }

  .sp_wmax { width: 100%; }
  .sp_mauto { margin: auto; }

  .sp_tl { text-align: left; }
  .sp_tr { text-align: right; }
  .sp_tc { text-align: center; }
  .sp_fn { float: none; }
  .sp_wb { word-break: break-all; }

  /* ========= コンテンツ ========= */
  #gaiyo_toppage .index_dl_fl,
  #gaiyo_toppage .index_dl_fr {
    width: 100%;
  }

  #gaiyo_toppage .index_dl_fr dt:last-of-type img {
    margin-bottom: 0;
  }
  #container {
    width: 94%;
    padding: 25px 3%;
  }

  .half_box {
    width: 100%;
  }
  .half_box:last-of-type {
    margin-top: 3em;
  }
}