@charset "utf-8";

/*		Contents
---------------------------------------------------------------------------
  h要素
  font
  list
  背景画像
  paging（1、2、3のページネーション）
  postlink（前に戻る、次に進む　の記事前後リンク）
  widget_btn（ボタン）
	widget_key（キービジュアル）
  fixation-page（固定ページの、ブロックエディターのパーツ）
------------------------------------------------------------------------ */



/* ========================================================================
    h要素
======================================================================== */



h1 {
  font-size: 7rem;
  font-weight: 600;
}


h2 {
  font-size: 2.5rem;
  font-weight: 600;
}

.posting-card h2 {
  font-size: 2.0rem;
}


h3 {
  font-size: 2rem;
  font-weight: 600;
}


h4 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 50px;
}


h5 {
  font-size: 1.7rem;
  font-weight: 600;
}


h6 {
  font-size: 1.6rem;
  font-weight: 600;
}



/* 横に線が伸びている見出し */

.line-heading {
  position: relative;
  margin-bottom: 60px;
  display: flex;
  align-items: center;
}

.line-heading span:first-of-type {
  padding-right: 10px;
}

.line-heading span:last-of-type {
  height: 1px;
  background: #000;
  display: block;
  /* position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%); */
  width: 100%;
}



/* 各丸の見出しとブロック */

.radius-block {
  max-width: 450px;
  margin-bottom: 50px;
}

.radius-heading {
  display: inline-block;
  padding: 15px;
  border-radius: 10px 10px 0 0;
  border-top: 1.5px solid #333;
  border-right: 1.5px solid #333;
  border-left: 1.5px solid #333;
  margin-bottom: 0;
  background: #fff;
  max-width: 98%;
}

/* Safari 調整用 */
_::-webkit-full-page-media, _:future, :root .radius-heading {
  margin-bottom: -1px;
}




.radius-block .radius-txt-block {
  background: #fff;
  border: 1.5px solid #333;
  border-radius: 0 10px 10px 10px;
  padding: 20px;
}

.radius-block .radius-txt-block p {
  line-height: 1.7;
}

.radius-block .radius-txt-block li {
  font-weight: 500;
  padding-left: 20px;
}


a .link-txt {
  position: relative;
  display: block;
  text-align: right;
  padding-right: 80px;
  padding-top: 10px;
  font-weight: 500;
}


/* ボタンを右寄せに */

.radius-block a {
  display: block;
  /* text-align: right; */
  padding-top: 10px;
}


.radius-block .radius-link {
  text-align: left;
}



@media screen and (max-width: 767px) {

  .radius-heading {
    /* max-width: 98%; */
  }

}




/* 職業訓練、テクノプラザイノベーション研修
-------------------------------------------------------  */

.innovation-block .radius-txt-block h5,
.work-training-block .radius-txt-block h5  {
  display: flex;
}

.innovation-block .radius-txt-block h5 span,
.work-training-block .radius-txt-block h5 span  {
  display: block;
  text-decoration: none;
}


.innovation-block .radius-txt-block p,
.work-training-block .radius-txt-block p  {
  margin-bottom: 20px;
}

.innovation-block .radius-txt-block ul,
.work-training-block .radius-txt-block ul {
  margin-bottom: 15px;
}



/* 職業訓練のみ */
/* 見た目を維持するためのリンク 無効に */

.work-training-block .oblique-arrow-link {
  pointer-events: none;
}


/* 中のリンクは有効に */

.work-training-block .radius-txt-block a {
  pointer-events: auto;
}


.work-training-block .radius-txt-block a:hover  {
  color:#0064ff
}

.work-training-block .radius-txt-block a {
  padding-top: 0;
}






/* ロボット導入支援
-------------------------------------------------------  */

.robot-block p {
  font-size: 1.5rem;
  margin-bottom: 5px;
}




/* ========================================================================
    list
======================================================================== */

.dots-nav {

}

.dots-nav li {
  position: relative;
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.dots-nav li::before {
  position: absolute;
  content: '';
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: #000;
  border-radius: 50%;
}

.dots-nav li.relevant-target.relevant-part-txt::before {
  background: #0064ff;
}





/* ========================================================================
    aside h4に黒丸があるパターン
======================================================================== */

.aside-page {
  display: flex;
  margin-right: 80px;
}

/* 右側が改行されないように */

.inner-wrap {
  width: 70%;
}

.aside-page aside {
  flex: 0 0 30%;
  background: #f3f3f3;
  margin-right: 50px;
  padding: 80px 20px 80px 100px;
}

.aside-page .aside-right {
  flex: 1;
}

.aside-page aside .dots-nav h4 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.aside-page aside .dots-nav li::before {
  content: initial;
}

.aside-page aside .dots-nav li span {
  display: inline-block;
  border-bottom: 1px solid #333;
}


.aside-page aside .dots-nav h4::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0px;
  transform: translateY(-42%);
  width: 15px;
  height: 15px;
  background: #000;
  border-radius: 50%;
}

.aside-page aside .dots-nav li {
  font-weight: 600;
}




@media screen and (max-width: 767px) {

  .aside-page {
    margin-right: 0;
    padding-right: 10px;
    padding-left: 10px;
    /* margin-bottom: 50px; */
  }

  .aside-page aside {
    display: none;
  }


  /* @ asideの右側 */

  .aside-page .aside-right {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

}


/* ========================================================================
    aside リストに黒丸があるパターン
======================================================================== */


.aside-page aside .dots-nav li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.aside-page aside .dots-nav li::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0px;
  transform: translateY(-42%);
  width: 15px;
  height: 15px;
  background: #000;
  border-radius: 50%;
}


.aside-page aside .dots-nav li.relevant-part-txt::before {
  background: #0064ff;
}



/* ----------------------------------------
	アンカーリンク
---------------------------------------- */

.anker-link-block {
  border-bottom: 1px solid #f4f4f4;
  /* padding-bottom: 30px; */
  /* margin: 0 30px; */
  padding: 0 100px 30px 30px;
}

.anker-link-block ul {
  display: flex;
  gap: 10px 10px;
}

.anker-link-block li a {
  position: relative;
  padding-left: 20px;
  margin-right: 20px;
}

.anker-link-block li a:hover {
  color: #0064ff;
  text-decoration: underline #0064ff;
  text-underline-offset: 6px;
  opacity: 1;
}


.anker-link-block li a::before {
  content: '';
  position: absolute;
  top: 55%;
  left: 0%;
  transform: translateY(-50%);
  background: url(../../img/common/icon-triangle-bottom.svg) no-repeat center;
  width: 14px;
  height: 6px;
  /* padding-left: 20px; */
  padding-left: 0px;
}


@media screen and (max-width: 767px) {

  .anker-link-block {
    padding: 0 10px 30px 10px;
  }

  .anker-link-block ul {
    /* flex-direction: column; */
    flex-wrap: wrap;
  }

}






/* ========================================================================
    paging（1、2、3のページネーション）
======================================================================== */


.nav-links {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* ページネーション リンク */

.nav-links a {
  margin-right: 30px;
  font-weight: 700;
  font-size: 2rem;
  color: #dcdcdc;
}


/* 今表示されているページの番号 */

.page-numbers.current {
  /* color: #fff;
  background-color: #3B6CBA;
  width: 60px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center; */
  font-size: 2rem;
  margin: 0 30px 0 0px;
  font-weight: 700;
  font-size: 2rem;
  color: #333;
}


/* ・・・ */

.page-numbers.dots {
  margin-right: 30px;
  margin-bottom: 10px;
}


/* ページの前に戻る、次に進む */

.prev.page-numbers,
.next.page-numbers {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
}


/* ページの前に戻る */

.prev.page-numbers {
  margin-right: 60px;
}


/* ページの次に進む */

.next.page-numbers {
  margin: 0 0 0 40px;
}


/* 矢印と丸いボタン */

.prev.page-numbers::before,
.next.page-numbers::before {
  content: '';
  position: absolute;
  width: 37px;
  height: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../../img/common/icon-harf-arrow-black-left.png) no-repeat center;
  background-size: contain;
}

.next.page-numbers::before {
  background: url(../../img/common/icon-harf-arrow-black-right.png) no-repeat center;
  background-size: contain;
}


/* @ホバーした際、ボタン背景を白に */

.prev.page-numbers:hover,
.next.page-numbers:hover  {
  background: #333;
}


/* ホバーした際、白色の矢印に変更 */


.prev.page-numbers:hover::before {
  background: url(../../img/common/icon-harf-arrow-white-left.png) no-repeat center;
  background-size: contain;
}

.next.page-numbers:hover::before {
  background: url(../../img/common/icon-harf-arrow-white-right.png) no-repeat center;
  background-size: contain;
}


@media screen and (max-width:767px) {
  .nav-links {
    justify-content: center;
    gap: 0 15px;
  }

  .nav-links a,
  .page-numbers.current {
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .page-numbers.current,
  .next.page-numbers,
  .prev.page-numbers,
  .nav-links a {
    margin: 0;
    width: 45px;
    height: 45px;
  }


  .page-numbers.dots {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
  }



  .prev.page-numbers::before, .next.page-numbers::before {
    width: 30px;
    height: 5px;
  }


  /* ホバーした際、ボタンの色を変えない */

  .prev.page-numbers:hover,
  .next.page-numbers:hover  {
    background: transparent;
  }


  /* ホバーした際、矢印の色を変えない */

  .prev.page-numbers:hover::before {
    background: url(../../img/common/icon-harf-arrow-black-left.png) no-repeat center;
    background-size: contain;
    width: 30px;
    height: 5px;
  }

  .next.page-numbers:hover::before {
    background: url(../../img/common/icon-harf-arrow-black-right.png) no-repeat center;
    background-size: contain;
    width: 30px;
    height: 5px;
  }
}


/* ========================================================================
    postlink（前に戻る、次に進む　の記事前後リンク）
======================================================================== */



/* 個別投稿ページの、前に戻る 次に進む */

.postlink {
  display: flex;
  max-width: 800px;
  margin: 100px auto 40px auto;
  justify-content: center;
  align-items: center;
  gap: 0 60px;
  clear: both;
}


/* ブログの前へ次へ */

.postlink-previous a,
.postlink-next a {
  /* position: relative;
  display: block;
  background-color: #3B6CBA;
  min-width: 70px;
  height: 70px;
  border: 1px solid #3B6CBA;
  border-radius: 50%;
  transition-duration: 0.3s; */
}

.postlink-previous a {
  /* padding-left: 40px; */
}


.postlink .widget-btn a {
  border-bottom: 1px solid #333;
}

.postlink .widget-btn a:hover {
  text-decoration: initial;
  text-underline-offset: initial;
}




@media screen and (max-width:767px) {
.postlink {
  /* gap: 0 10px; */
  gap: 0 20px;
  margin: 50px auto 40px auto;
}

.postlink-previous a,
.postlink-next a {
  /* min-width: 60px;
  height: 60px; */
}

.postlink .widget-btn a {
  /* min-width: 200px; */
  font-size: 1.6rem;
}

}

/* ========================================================================
	widget_btn（ボタン）
======================================================================== */


a.widget-btn-black,
a.widget-btn-white,
a.widget-btn-blue,
a.widget-btn-gray,
a.widget-btn-red {
  display: inline-block;
  background: #000;
  color: #fff;
  border-radius: 20px;
  padding: 5px 20px;
  min-width: 150px;
  text-align: center;
  border: 1.5px solid #333;
  /* transition: all 0.3s; */
}

a.widget-btn-white {
  background: #fff;
  color: #333;
  border: 1.5px solid #333;
}

a.widget-btn-blue {
  position: relative;
  background: #0064ff;
  color: #fff;
  border: 1.5px solid #333;
}

a.widget-btn-gray {
  background: #858585;
  color: #fff;
  border: 1.5px solid #333;
}

a.widget-btn-red {
  background: #dc6464;
  color: #fff;
  border: 1.5px solid #333;
}


/* 黒色ボタン hover時 */

a.widget-btn-black:hover {
  background: #0064ff;
}


/* 白色ボタン hover時 */

a.widget-btn-white:hover {
  color: #0064ff;
  border:1.5px solid #0064ff;
}


/* グレーボタン hover時 */

a.widget-btn-gray:hover {
  background: #333;
}


/* 赤色ボタン hover時 */

a.widget-btn-red:hover {
  background: #333;
}


button {
  transition: all 0.3s;
}


/* ボタンを中央へ */

.widget-btn-center {
   width: 150px;
   margin: 15px auto;
}


/* 白丸のボタン
------------------------------------------------------- */

.left-btn-white-circle,
.postlink-previous a,
.right-btn-white-circle,
.postlink-next a {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
}


/* 白丸のボタン 矢印左向き */

.left-btn-white-circle::before,
.postlink-previous a::before {
  content: '';
  position: absolute;
  width: 37px;
  height: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../../img/common/icon-harf-arrow-black-left.png) no-repeat center;
  background-size: contain;
}

.left-btn-white-circle:hover,
.postlink-previous a:hover {
  background: #333;
}

.left-btn-white-circle:hover::before,
.postlink-previous a:hover::before {
  background: url(../../img/common/icon-harf-arrow-white-left.png) no-repeat center;
  background-size: contain;
}


/* 白丸のボタン 矢印右向き */

.right-btn-white-circle::before,
.postlink-next a::before {
  content: '';
  position: absolute;
  width: 37px;
  height: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../../img/common/icon-harf-arrow-black-right.png) no-repeat center;
  background-size: contain;
}

.right-btn-white-circle:hover,
.postlink-next a:hover {
  background: #333;
}

.right-btn-white-circle:hover::before,
.postlink-next a:hover::before {
  background: url(../../img/common/icon-harf-arrow-white-right.png) no-repeat center;
  background-size: contain;
}




/* @白丸のボタン
------------------------------------------------------- */

@media screen and (max-width: 767px) {

  .left-btn-white-circle,
  .postlink-previous a,
  .right-btn-white-circle,
  .postlink-next a {
    width: 45px;
    height: 45px;
  }


  .left-btn-white-circle::before,
  .postlink-previous a::before {
    width: 30px;
    height: 5px;
  }

  .right-btn-white-circle::before, .postlink-next a::before {
    width: 30px;
    height: 5px;
  }

}



/* 本のアイコン付きボタン */

a.widget-btn-blue::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../img/common/icon-book.svg) no-repeat center;
  width: 22px;
  height: 17px;
}

a.widget-btn-blue:hover {
  background: #333;
}

a.widget-btn-blue span {
  padding-left: 12px;
}


/* 料金表PDFボタン〜ご利用申込書PDF */

a.widget-btn-black.white-arrow {
  position: relative;
  text-align: left;
  /* min-width: 160px; */
  min-width: initial;
  padding-right: 60px;
}

a.widget-btn-black.white-arrow::before {
  content: '';
  position: absolute;
  width: 36px;
  height: 4px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: url(../../img/common/icon-harf-arrow-white-right.svg) no-repeat center;
  background-size: contain;
}



/* 白色のボタン */


a.widget-btn-white.black-arrow {
  position: relative;
  text-align: left;
  /* min-width: 160px; */
  min-width: initial;
  padding-right: 60px;
}

a.widget-btn-white.black-arrow::before {
  content: '';
  position: absolute;
  width: 36px;
  height: 4px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: url(../../img/common/icon-harf-arrow-black-right-75x10.png) no-repeat center;
  background-size: contain;
}

a.widget-btn-white.black-arrow:hover::before {
  width: 36px;
  height: 4px;
  transform: translate(-0.5%, -50%);
  width: 36px;
  height: 4px;
  background: url(../../img/common/icon-harf-arrow-blue-right-75x10.png) no-repeat center;
  background-size: contain;
}


/* 矢印が半分だけの、右向き矢印リンク */

a.half-arrow-link {
  position: relative;
  padding-right: 40px;
}

a.half-arrow-link:hover {
  -webkit-text-decoration: underline #333;
  text-decoration: underline #333;
  text-underline-offset: 6px;
}

a.half-arrow-link::before {
  content: '';
  position: absolute;
  width: 37px;
  height: 5px;
  top: 65%;
  right: 0;
  transform: translateY(-50%);
  background: url(../../img/common/icon-harf-arrow-right.svg) no-repeat center;
}



/* 黒丸の矢印の、右向き矢印リンク（バックアップ） */

/* a.half-arrow-black-link,
.half-arrow-black-link {
  position: relative;
  padding-right: 80px;
}

a.half-arrow-black-link::before,
.half-arrow-black-link::before {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  top: 50%;
  right: 0;
  transform: translateY(-70%);
  background: url(../../img/common/icon-harf-arrow-white-right.png) no-repeat center #333;
  background-size: 37px 5px;
  border: 1px solid transparent;
}

a.half-arrow-black-link:hover,
.half-arrow-black-link:hover,
.oblique-arrow-link:hover {
  text-decoration: underline #333;
  text-underline-offset: 6px;
  opacity: 1;
}

a.half-arrow-black-link:hover:before,
.half-arrow-black-link:hover::before {
  background: url(../../img/common/icon-harf-arrow-white-right.png) no-repeat center #0064ff;
  background-size: 37px 5px;
} */


/* 黒丸の矢印の、右向き矢印リンク（バックアップ） */

a.half-arrow-black-link,
.half-arrow-black-link {
  position: relative;
  /* padding-right: 0px; */
}

a.half-arrow-black-link::before,
.half-arrow-black-link::before {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  bottom: -10px;
  right: 0;
  background: url(../../img/common/icon-harf-arrow-white-right.png) no-repeat center #333;
  background-size: 37px 5px;
  border: 1px solid transparent;
  z-index: 1;
}

/* a.half-arrow-black-link:hover,
.half-arrow-black-link:hover,
.oblique-arrow-link:hover {
  text-decoration: underline #333;
  text-underline-offset: 6px;
  opacity: 1;
} */

a.half-arrow-black-link:hover span,
.half-arrow-black-link:hover span,
.oblique-arrow-link:hover span {
  -webkit-text-decoration: underline #333;
  text-decoration: underline #333;
  text-underline-offset: 6px;
  opacity: 1;
}

a.half-arrow-black-link:hover:before,
.half-arrow-black-link:hover::before {
  background: url(../../img/common/icon-harf-arrow-white-right.png) no-repeat center #0064ff;
  background-size: 37px 5px;
  border: 1px solid #333;
}




/* 白丸の、左向き矢印リンク */

.half-arrow-white-link {
  position: relative;
  padding-left: 100px;
  font-size: 1.6rem;
}

.half-arrow-white-link::before {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../../img/common/icon-harf-arrow-black-left.png) no-repeat center;
  background-size: 37px 5px;
  border: 1px solid #333;
}

.half-arrow-white-link:hover {
  text-decoration: underline #333;
  text-underline-offset: 6px;
  opacity: 1;
}

.half-arrow-white-link:hover::before {
  background: url(../../img/common/icon-harf-arrow-white-left.png) no-repeat center #333;
  background-size: 37px 5px;
}






/* 四角の中に矢印があるリンク */

/* バックアップ */

/* .oblique-arrow-link {
  position: relative;
  padding-right: 80px;
}

.oblique-arrow-link::before {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  top: 50%;
  right: 0;
  transform: translateY(-70%);
  background: url(../../img/common/icon-harf-arrow-box-black-right.png) no-repeat center #fff;
  background-size: 28px 28px;
  border: 1px solid #333;
}

.oblique-arrow-link:hover::before {
  background: url(../../img/common/icon-harf-arrow-box-black-right.png) no-repeat center #dadada;
  background-size: 28px 28px;
} */

.oblique-arrow-link {
  position: relative;
  display: block;
  /* padding-right: 80px; */
}

.oblique-arrow-link::before {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  bottom: -10px;
  right: 0;
  background: url(../../img/common/icon-harf-arrow-box-black-right.png) no-repeat center #fff;
  background-size: 28px 28px;
  border: 1px solid #333;
  z-index: 1;
}

.oblique-arrow-link:hover::before {
  background: url(../../img/common/icon-harf-arrow-box-black-right.png) no-repeat center #dadada;
  background-size: 28px 28px;
}



/* ボタンリンク */

.widget-btn a,
.widget-btn button,
.wp-block-button a {
  /* font-size: 2.1rem;
  font-weight: 500;
  background-color: #3B6CBA;
  min-width: 360px;
  text-align: center;
  padding: 13px 20px;
  letter-spacing: 0em;
  margin: 0 auto;
  position: relative;
  color: #fff;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #3B6CBA;
  border-radius: initial;
  transition-duration: 0.3s;
  text-decoration: none; */
  font-size: 1.8rem;
  font-weight: 600;
}


.widget-btn a:hover,
.widget-btn button:hover,
.wp-block-button a:hover {
  text-decoration: underline #333;
  text-underline-offset: 6px;
}



/* 白色のボタン */

.widget-btn a.widget-btn__white-link,
.widget-btn__wp-block-white a.wp-block-button__link,
.wp-block-buttons .other-button-txt a {
  /* color: #2474bc;
  background: #fff;
  border: 1px solid #fff;
  font-weight: 600; */
}


.widget-btn a.widget-btn__white-link,
.widget-btn__wp-block-white a.wp-block-button__link {
  /* border: 1px solid #2474bc; */
}



/* 青色の矢印 */

.postlink-next a::before {
  /* content: '';
  background: url(../../img/common/white-arrow.png) no-repeat center;
  background-size: 16px 13px;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition-duration: 0.3s; */
}


/* ブログの前へ次へ の矢印 */

.postlink-previous a::before {
  /* content: '';
  background: url(../../img/common/white-arrow.png) no-repeat center;
  background-size: 16px 13px;
  width: 21px;
  height: 15px;
  border-radius: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  transition-duration: 0.3s; */
}


.widget-btn a.widget-btn__white-link::before,
.widget-btn__wp-block-white a.wp-block-button__link::before {
  /* background: url(../../img/common/white-arrow.png) no-repeat center;
  background-size: 16px 13px;
  background-color: #2474bc;
  transition-duration: 0.3s; */
}


/* 青色ボタン hoverした際 */

.widget-btn a:hover,
a.wp-block-button__link:hover,
.widget-btn button:hover,
.postlink-previous a:hover,
.postlink-next a:hover  {
  /* background-color: #fff;
  color: #3B6CBA;
  opacity: 1; */
}

.widget-btn a:hover::before,
.wp-block-button__link:hover::before,
.postlink-previous a:hover::before,
.postlink-next a:hover::before {
  /* background: url(../../img/common/blue-arrow.png) no-repeat center;
  background-size: 16px 13px;
  transition-duration: 0.3s; */
}


/* 白色ボタン hoverした際 */

.widget-btn a.widget-btn__white-link:hover,
.widget-btn__wp-block-white a.wp-block-button__link:hover,
.wp-block-buttons .other-button-txt a:hover {
  /* background-color: #3B6CBA;
  color: #fff;
  border: 1px solid #fff; */
}


/* 固定ページ 仕事紹介 〜 子ページ移動のボタン */

.wp-block-buttons .other-button-txt a {
  /* border-radius: 10px;
  font-weight: 700;
  padding: 9px 0; */
}


@media screen and (max-width:767px) {

  /* ＠ボタンリンク */

.widget-btn a,
.widget-btn button,
.wp-block-button a.wp-block-button__link {
  /* font-size: 1.6rem;
  max-width: 350px;
  min-width: 300px;
  margin: 0 auto;
  display: block; */
}

.widget-btn a, .widget-btn button, .wp-block-button a {
  font-size: 1.6rem;
}

/* 固定ページボタン */

.wp-block-buttons>.wp-block-button {
  /* width: 100%;
  margin: 0 auto; */
}


/* @青色ボタン hoverしても色変えない */

#single .postlink .widget-btn a:hover {
  /* background-color: #3B6CBA;
  color: #fff; */
}

.postlink-previous a:hover,
.postlink-next a:hover  {
  /* background-color: #3B6CBA;
  color: #fff;
  opacity: 1; */
}

.postlink-previous a:hover::before,
.postlink-next a:hover::before {
  /* background: url(../../img/common/white-arrow.png) no-repeat center; */
}
}




/* ========================================================================
	widget_key（キービジュアル）
======================================================================== */

/* 固定ページ　サブページ背景 */

/* .widget-key {
  height: 600px;
  position: relative;
  background-size: cover;
  margin-bottom: 160px;
  overflow: hidden;
} */

/* サブページ背景 アニメーション（右から左へ） */

/* .widget-key::before {
  position: absolute;
  content: '';
  top:0;
  left: 0;
  background: #2474bc;
  background: #e8e8e8;
  width: 100%;
  height: 100%;
  z-index: 1;
  transform: translateX(-100%);
  animation-name: box_Slide;
  animation-duration:1s;
  animation-delay: 0.05s;
  animation-fill-mode: forwards;
  transform: translateX(-100%);
 }
@keyframes box_Slide {
  0% {
  transform: translate(0,0)
  }
  100% {
  transform: translate(100%,0)
  }
} */


/* キービジュアル　見出し */

.sub-page-inner h1 {
  /* position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  font-size: 7rem;
  color: #3B6CBA;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.45;
  text-shadow: 0px 0px 87px rgba(36, 116, 188, 0.004);
  width: 100%;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  margin-top: 45px; */
}


/* キービジュアル　小見出し */

.sub-page-main h1 {
  font-size: 1.6rem;
}


@media screen and (max-width:767px) {

/* @固定ページ　サブページ背景 */

.widget-key {
  height: 200px;
  margin-bottom: 30px;
}

.sub-page-main h1 > span:first-of-type {
  margin: 0 0 0 3px;
}

/* @キービジュアル　小見出し */

.sub-page-main h1 > span:last-of-type {
  /* font-size: 2rem; */
  font-size: 1.6rem;
  margin: 0 0 0 7px;
}

}




/* ========================================================================
	fixation-page（固定ページの、ブロックエディターのパーツ）
======================================================================== */

@media screen and (max-width:767px) {

/* スペーサー */

.sp-space-height {
  height: 50px!important;
}


/* 反転 */

.sp-reverce {
  flex-direction: column-reverse;
}

}


/* マージン */

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}


.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}


.wp-block-image.mb-0 img {
  margin-bottom: 0!important;
}



/* 要素を隠す */

.visibility-hidden {
  visibility: hidden;
}



/* 固定ページ見出し h2 */

#fixation h2 {
  margin-bottom: 100px;
}



/* 固定ページ見出し h3 */

#fixation h3 {
  font-size: 5.0rem;
}


/* 固定ページ見出し h4 */

#fixation h4 {
}




@media screen and (max-width:767px) {

/* @固定ページ見出し */

h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading {
  display: table;
  text-align: left;
}


#fixation h1,
#archive h1,
#single h1 {
  font-size: 3.6rem;
  margin-top: 10px;
  line-height: 1.5;
  display: inline-block;
}


#fixation h2,
#archive h2,
#single h2 {
  /* font-size: 3.2rem; */
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 1.9rem;
}

#fixation h3,
#archive h3,
#single h3 {
  /* font-size: 3rem; */
  font-size: 1.8rem;
  margin-bottom: 20px;
  line-height: 1.5;
}

#fixation h4,
#archive h4,
#single h4 {
  /* font-size: 2.8rem; */
  font-size: 1.7rem;
  margin-bottom: 20px;
  line-height: 1.5;
}

#fixation h5,
#archive h5,
#single h5 {
  font-size: 1.6rem;
  margin-bottom: 20px;
  line-height: 1.5;
}

#fixation h6,
#archive h6,
#single h6 {
  font-size: 1.5rem;
  margin-bottom: 20px;
  line-height: 1.5;
}

#fixation p,
#archive p,
#single p {
  font-size: 1.6rem;
}


}


/* 固定ページ　のpタグ */
#fixation-page .wp-block-gallery.wp-block-gallery-1 {
  --wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 40px ) ) );
  gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 40px ) ) );
  margin-bottom: 100px;
}


#fixation-page .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  margin: 0;
  width: calc(100% - var(--wp--style--unstable-gallery-gap, 16px)/2);
}




/* ボタン
---------------------------------------------------- */

.wp-block-button {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-block-buttons {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* .wp-block-buttons::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 5px;
  top: 50%;
  right: 2.5%;
  transform: translateY(-50%);
  background: url(../../img/common/icon-harf-arrow-white-right.png) no-repeat center;
  background-size: cover;
} */

.wp-block-button::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 5px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: url(../../img/common/icon-harf-arrow-white-right.png) no-repeat center;
  background-size: cover;
}

.wp-block-buttons a {
  border: 1px solid #333;
  padding: 10px 80px 10px 30px;
  color: #fff;
}

.wp-block-buttons a:hover {
  background: #0064ff;
  color: #fff;
  text-decoration: initial;
}



/* リスト
---------------------------------------------------- */

.wp-block-group li,
.entry li,
.privacy-policy-list li {
  /* position: relative; */
  /* font-size: 1.8rem; */
  /* letter-spacing: 0.05em; */
  /* padding-left: 55px; */
  padding-left: 20px;
  margin-bottom: 10px;
  /* line-height: 1.76; */
  line-height: 1.7;
}

/* リストの小さな円形 */

.wp-block-group li::before,
.entry li::before,
.privacy-policy-list li::before {
  /* position: absolute;
  content:'';
  top: 17px;
  left: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: #3B6CBA;
  border-radius: 50%; */
}


@media screen and (max-width: 767px) {

  .wp-block-group li,
  .entry li {
    /* font-size: 1.6rem; */
    padding-left: 0;
  }

  .entry li::before {
    /* top: 16px; */
  }


}




/* 角丸の共通テーブル
---------------------------------------------------- */

.table-parts-wrap {
  border: 1px solid #333;
  border-radius: 15px;
  overflow: hidden;
}

.table-parts-wrap th:first-of-type,
.table-parts-wrap td:first-of-type {
  border-right: 1px solid #333;
}


.table-parts-wrap tr {
  border-bottom: 1px solid #333;
}

.table-parts-wrap tr:last-of-type {
  border-bottom: initial;
}


.table-parts-wrap td:first-of-type {
  background: #ffffd2;
}


.table-parts-wrap th,
.table-parts-wrap td {
  padding: 15px 20px;
  font-weight: 500;
}


.table-parts-wrap {
  overflow: hidden;
}


/* 横スクロールしてご利用いただけます のテキスト */

.side-scroll-txt {
  margin-bottom: 5px;
  text-align: right;
  font-size: 1.5rem;
}



@media screen and (max-width: 767px) {

  .table-parts-wrap {
    /* overflow-x: auto;
    white-space: nowrap; */
  }

  .table-parts-wrap th, .table-parts-wrap td {
    padding: 15px 5px;
  }

}



/* テーブル
---------------------------------------------------- */


@media screen and (min-width: 768px) {
  #fixation .wp-block-table table,
  #single .wp-block-table table {
    table-layout: fixed;
  }
}

#fixation .wp-block-table,
#single .wp-block-table {
  overflow-x: initial;
}

#fixation .wp-block-table tr:first-of-type td,
#single .wp-block-table tr:first-of-type td {
  text-align: left;
  padding: 26px 20px;
  border-top: none;
  /* border-right: none; */
  border-top: 1px solid #333;
  max-width: 420px;
}



@media screen and (max-width: 767px) {
  #fixation .wp-block-table tr:first-of-type td,
  #single .wp-block-table tr:first-of-type td {
    padding: 26px 10px;
  }
}



/* 黒背景のテーブル
---------------------------------------------------- */

#fixation .color-table tr:first-of-type td {
  background: #3C3C3C;
  color: #fff;
  text-align: left;
  padding: 26px 20px;
  border-top: none;
  border-right: none;
  border-left: 1px solid #fff;
  border-bottom: none;
  max-width: 420px;
}



/* テーブル1列目 */

#fixation .wp-block-table tr:first-of-type td:first-of-type,
#single .wp-block-table tr:first-of-type td:first-of-type {
  width: 25%;
}

#fixation .wp-block-table tr:nth-of-type(n+2) td:nth-of-type(n+2),
#single .wp-block-table tr:nth-of-type(n+2) td:nth-of-type(n+2) {
  width: 18.75%;
}


#fixation td:first-of-type,
#single td:first-of-type {
  font-weight: 500;
  /* background: #F0F0F0; */
  text-align: left;
  padding: 26px 20px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #333;

}

#fixation td:last-of-type,
#single td:last-of-type {
  padding: 26px 20px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #333;
  background-color: rgba(255, 255, 255, 0);
  font-weight: 500;
}


#single .wp-block-table td:first-of-type {
  border-right: 1px solid #3C3C3C
}



@media screen and (max-width:767px) {

  #fixation .wp-block-table,
  #single .wp-block-table {
    /* overflow-x: auto; */
    /* white-space: nowrap; */
    /* font-size: 1.6rem; */
  }

  #fixation .wp-block-table tr:first-of-type td:first-of-type,
  #single .wp-block-table tr:first-of-type td:first-of-type {
    width: 5%;
    min-width: 65px;
  }

  #fixation td:first-of-type,
  #single td:first-of-type {
    padding: 26px 10px;
  }

  #fixation td:last-of-type,
  #single td:last-of-type {
    padding: 26px 10px;
  }

}





/* リンク
---------------------------------------------------- */

.entry a {
  /* color:#0064ff;
  font-weight: 700;
  text-decoration: underline #0064ff;
  text-underline-offset: 2px; */
}



/* 矢印が半分だけの、右向き矢印リンク
---------------------------------------------------- */

/* #fixation p.half-arrow-link {
  position: relative;
}

#fixation .half-arrow-link a {
  padding-right: 25px;
}

#fixation .half-arrow-link a::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 16px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../../img/common/arrow-right.png) no-repeat center;
} */


/* アクセスと経路のパーツ
---------------------------------------------------- */

/* #fixation .transportation .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  position: relative;
} */


/* 公共交通機関のアイコンと、乗り物名 */

/* #fixation .transportation .wp-block-columns.icon-txt.is-layout-flex.wp-block-columns-is-layout-flex {
  gap: 10px;
}

#fixation .transportation figure {
  position: absolute;
  top: 0;
  left: 0;
} */

/* 公共交通機関のアイコン */

/* #fixation .transportation .wp-block-column.transportation-icon.is-layout-flow.wp-block-column-is-layout-flow {
  max-width: 30px;
}


#fixation .transportation .wp-container-core-columns-layout-3.wp-container-core-columns-layout-3,
#fixation .transportation .wp-container-core-columns-layout-6.wp-container-core-columns-layout-6 {
  gap: 10px;
} */


/* 乗る駅 */

/* #fixation .transportation .wp-block-column.flex-align-center.start-station.is-layout-flow.wp-block-column-is-layout-flow {
  margin-right: -95px;
}

#fixation .transportation .wp-block-column.flex-align-center.start-station.is-layout-flow.wp-block-column-is-layout-flow p {
  margin-bottom: 0;
  background: #eee;
  border: 1px solid #333;
  border-radius: 30px;
  padding: 5px 30px;
  min-width: 125px;
  text-align: center;
} */


/* テクノプラザ到着 */

/* #fixation .transportation .wp-block-column.flex-align-center.end-station.is-layout-flow.wp-block-column-is-layout-flow p {
  margin-bottom: 0;
  color: #fff;
  background: #0064ff;
  border: 1px solid #333;
  padding: 5px 10px;
  min-width: 125px;
  text-align: center;
} */


/* 岐阜バス〜 */

/* #fixation .transportation .flex-columns .wp-block-columns.is-layout-flex {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: center;
}

#fixation .transportation .flex-columns .wp-block-columns.is-layout-flex p {
  margin-bottom: 0;
} */


/* 青の矢印 */
/*
#fixation .transportation .flex-columns .wp-block-columns.is-layout-flex figure {
  display: flex;
  align-items: center;
  margin-top: -5px;
}

#fixation .transportation .wp-block-column.flex-align-center.is-layout-flow.wp-block-column-is-layout-flow {
  display: flex;
  align-items: center;
}

#fixation .wp-block-column.flex-align-center.is-layout-flow.wp-block-column-is-layout-flow p {
  margin-bottom: 0;
} */