@charset "UTF-8";

/* =======================================
　スタイル
======================================= */

/*----- グローバルナビゲーション -----*/
@media screen and (max-width: 599px) {

  /* トグル共通 */
  .unitone-div.header-nav nav .wp-block-navigation__responsive-container-close svg,
  .unitone-div.header-nav nav .wp-block-navigation__responsive-container-open svg {
    height: 40px;
    width: 40px;
  }

  /*open*/
  .unitone-div.header-nav nav {
    position: absolute;
    right: 0;
    top: -20px;
  }

  .unitone-div.header-nav nav .wp-block-navigation__responsive-container-open svg rect {
    width: 40px;
    height: 1px;
  }

  /*close*/
  .unitone-div.header-nav nav button.wp-block-navigation__responsive-container-close {
    position: absolute;
    top: -12px;
    right: 0;
  }

  /* 既存のバツ印を非表示 */
  .unitone-div.header-nav nav .wp-block-navigation__responsive-container-close svg {
    display: none;
  }

  /* バツ印　svgを置き換え（太さ調整：stroke-width='1.0'〜2箇所あり） */
  .unitone-div.header-nav nav .wp-block-navigation__responsive-container-close::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cline x1='2' y1='2' x2='22' y2='22' stroke='black' stroke-width='1.0'/%3E%3Cline x1='22' y1='2' x2='2' y2='22' stroke='black' stroke-width='1.0'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  /* サブメニュー矢印の調整 */
  .unitone-div.header-nav .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
    width: 30px;
    height: 30px;
  }

  /* 既存矢印の非表示 */
  .unitone-div.header-nav .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon svg {
    display: none;
  }

  /* 矢印　svgを置き換え（太さ調整：stroke-width='1.0'） */
  .unitone-div.header-nav .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9' fill='none' stroke='black' stroke-width='1.0'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}



/* =======================================
　1.トップページ
======================================= */



/*----- FVグリッド調整 -----*/
@media screen and (max-width: 1023px) {
.alignfull.has-unitone-background-color.has-text-color {
  --unitone--rows: 10 !important;
}
}

@media screen and (max-width: 639px) {
  .alignfull.has-unitone-background-color.has-text-color {
    --unitone--rows: 9 !important;
  }
  }

/*----- リードセクション -----*/
section.alignfull.unitone-section.lead-4koma-section {
  margin-top: -5vw;
}