@charset "utf-8";

/*		Contents
---------------------------------------------------------------------------

	ものづくり企業のみなさま					[ /manufacture-company ]
  センターについて							[ /center ]
  会社情報							[ /company ]
  立地企業紹介	 	[ /operating ]
  貸出施設案内						[ /facility ]
  貸出施設一覧							[ /facility-all ]
  フロアガイド							[ /floor-guide ]
  図書資料室							[ /library-room ]
  所蔵図書資料検索							[ /library-materials ]
  お知らせ							[ /news ]
  イベント、セミナー、交流会（アーカイブ） 		[ /search ]
  求人情報（アーカイブ） 		[ /recruit ]
  個別投稿ページ（ものづくり企業のみなさま）				[ /manufacture ]
  未来ビジネス創造セミナー							[ /future-seminar ]
  ものづくりDX人材リスキリング	 	[ /reskilling ]
  テクノプラザイノベーション研修（DBから出力するアーカイブページ）	 	[ /innovation-all ]
  テクノプラザイノベーション研修（DBから出力する個別ページ）	 	[ /innovation ]
  サイトマップ							[ /site-map ]
  プライバシーポリシー							[ /privacy-policy/ ]
  検索結果	        [ search.php ]
  お問い合わせ							[ /contact/ ]
  送信が完了しました						[ /contact/thanks ]

------------------------------------------------------------------------ */

/* ものづくり企業のみなさま
-------------------------------------------------------  */

#manufacture-company .manufacture {
  margin-bottom: 200px;
}

#manufacture-company .dx-person {
  margin-bottom: 100px;
}

#manufacture-company .dx-person h3 {
  text-align: center;
  margin-bottom: 100px;
}

#manufacture-company .dx-person .radius-block-wrap {
  display: flex;
  justify-content: center;
  gap: 0 150px;
}

#manufacture-company .dx-person .radius-heading {
  color: #fff;
  background: #b4b400;
  margin-bottom: 0;
}

_::-webkit-full-page-media,
_:future,
:root #manufacture-company .dx-person .radius-heading {
  margin-bottom: -1px;
}

@media screen and (max-width: 767px) {
  #manufacture-company .manufacture {
    margin-bottom: 100px;
  }

  #manufacture-company .dx-person {
    margin-bottom: 60px;
  }

  #manufacture-company .dx-person h3 {
    margin-bottom: 50px;
  }

  #manufacture-company .dx-person .radius-block-wrap {
    flex-wrap: wrap;
  }
}

/* ========================================================================
                    センターについて							[ /center ]
======================================================================== */

#center .center-detail.inner {
  position: relative;
  margin: 100px auto 150px auto;
}

#center .slider-txt {
  line-height: 2.2;
}

#center .txt-slider-content button.slide-arrow.next-arrow.slick-arrow {
  /* right: 10px;
  transform: translateY(100%); */
}

#center .txt-slider-content button.slide-arrow.prev-arrow.slick-arrow {
  /* left: initial;
  right: 9%;
  transform: translateY(100%); */
}

#center .slider-txt-block {
  /* position: relative; */
}

#center .txt-name {
  /* position: absolute;
  bottom: -120%;
  right: 0%; */
  /* text-align: right; */
  /* font-size: 1.5rem; */
}

#center .slick-list {
  /* padding-bottom: 250px; */
}

/* 雲型の画像、歯車、テキストのエリア */

#center .txt-cloud-block {
  margin-bottom: 0px;
  min-height: 505px;
}

/* 設計コンセプトの見出し */

#center .concept-heading {
  margin-bottom: 55px;
}

#center .concept-sub-heading {
  font-size: 2.3rem;
}

#center .txt-cloud-block h4 span {
  display: block;
  font-size: 1.6rem;
  margin: 15px 0 0 -7px;
}

#center .txt-cloud-block .center-txt1 {
  margin-bottom: 20px;
}

/* 設計コンセプトの見出し(センターについて) */

#center h4.center-sub-title {
  /* visibility: hidden; */
  display: none;
}

/* 施設概要 */

#center .center-img-block {
  position: relative;
}

#center .center-overview {
  position: relative;
}

#center .center-toggle {
  background: #fff;
  border: 1.5px solid #333;
  border-radius: 20px;
  padding: 5px 20px;
  font-weight: 600;
  position: absolute;
}

#center .center-toggle:nth-of-type(1) {
  top: 12%;
  left: 11%;
}

#center .center-toggle:nth-of-type(2) {
  top: 12%;
  left: 67%;
}

#center .center-toggle:nth-of-type(3) {
  top: 12%;
  left: 52%;
}

#center .center-toggle:nth-of-type(4) {
  top: 88%;
  left: 34%;
}

#center .radius-table-two {
  position: absolute;
  top: 25%;
  left: 8%;
  display: none;
}

#center .center-toggle {
  cursor: pointer;
  user-select: none;
}

#center .center-toggle::selection {
  background: none;
}

#center .center-toggle::-moz-selection {
  background: none;
}

#center .center-toggle.is-active {
  background: #0064ff;
  color: #fff;
}

@media screen and (max-width: 767px) {
  #center .center-toggle:nth-of-type(1) {
    top: 0%;
    left: 0%;
  }
  
  #center .center-toggle:nth-of-type(2) {
    top: 0%;
    left: 60%; 
  }

  #center .center-toggle:nth-of-type(3) {
    top: 50%;
    left: 45%;
  }

  #center .center-toggle:nth-of-type(4) {
    top: 90%;
    left: 15%;
  }

  #center .radius-table-two {
    position: initial;
    padding-top: 40px;
  }
}

/* ボタン */

#center .circle-btn-block {
  display: flex;
  justify-content: flex-end;
  gap: 0 20px;
  margin-bottom: 10px;
  margin-right: 22px;
  margin-left: auto;
}

#center .circle-btn-block .btn-txt {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px 0;
  min-width: 140px;
}

#center .txt-name-block {
  /* display: flex;
  justify-content: flex-end;
  gap: 10px 20px;
  margin-left: auto;
  gap: 0 40px; */
}

@media screen and (max-width: 767px) {
  #center .center-detail.inner {
    margin: 50px auto 80px auto;
  }

  /* センターについて 見出し */

  #center .concept-heading {
    margin-bottom: 30px;
  }

  #center h4.center-sub-title {
    display: none;
  }

  /* ボタン */

  #center .circle-btn-block {
    margin-top: 30px;
  }
}

/* 事業概要
------------------------------------------------------- */

#center .business-overview {
  background: #eee;
  padding: 150px 0;
}

#center .business-overview h4 {
  text-align: center;
}

#center .radius-table-two td {
  background: #fff;
}

@media screen and (max-width: 767px) {
  /* 事業概要 */

  #center .business-overview {
    padding: 80px 0;
  }
}

/* アクセス
------------------------------------------------------- */

#center .access {
  padding: 150px 0;
}

#center .access h4 {
  text-align: center;
}

#center .access-map {
  text-align: right;
  margin: 0 auto;
  max-width: 900px;
}

#center .access-map img {
  /* display: block;
  margin-bottom: 20px; */
}

#center iframe.google-map-iframe {
  border-radius: 15px;
  border: 1.5px solid #333;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #center .access {
    padding: 80px 10px;
  }

  #center iframe.google-map-iframe {
    height: 350px;
  }
}

/*  公共交通機関をご利用の場合
------------------------------------------------------- */

#center .transportation {
  margin-bottom: 100px;
}

#center .transportation h4 {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

#center .transportation-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px 0;
}

#center .transportation-block {
  display: flex;
  align-items: center;
  gap: 0 13px;
  margin-bottom: 35px;
}

#center .transportation-block p {
  font-size: 1.8rem;
  font-weight: 700;
}

#center .route-content .station-txt {
  background: #eee;
  border-radius: 30px;
  padding: 7px 10px;
  min-width: 110px;
  text-align: center;
  border: 1px solid #333;
}

#center .route-content .station-txt:last-of-type {
  background: #0064ff;
  color: #fff;
  border-radius: 0;
}

#center .route-content {
  display: flex;
  align-items: center;
  /* gap: 10px 20px; */
  gap: 10px 15px;
  margin-bottom: 40px;
}

#center .route-block {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px 0;
}

#center .route-block p {
  font-size: 1.4rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #center .transportation {
    margin-bottom: 80px;
  }

  /* @ 駅の名前 */

  #center .route-content .station-txt {
    min-width: 90px;
  }
}

/*  お車をご利用の場合
------------------------------------------------------- */

#center .car-access {
  margin: 0 auto 150px auto;
}

#center .car-access-map {
  max-width: 900px;
  margin: 0 auto 50px auto;
}

@media screen and (max-width: 767px) {
  #center .car-access {
    margin: 0 auto 80px auto;
  }
}

/*  PARKINGをご利用の場合
------------------------------------------------------- */

#center .parking {
  margin-bottom: 150px;
}

.parking-content {
  max-width: 900px;
  margin: 0 auto;
}

#center .parking h4 {
  display: flex;
  align-items: center;
  gap: 20px;
}

#center .parking h4 span {
  border: 1px solid #333;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

#center .parking-img {
  margin-bottom: 50px;
}

/* 外来 〜 禁止マークまで */

#center .parking-number-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 750px;
  margin: 0 auto;
}

#center .parking-number-block {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 13px;
  width: 50%;
}

.parking-number-block:last-of-type {
  margin-top: 10px;
}

.parking-number-block:after {
  /* content: '';
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%, 0%);
  background: url(../../img/common/icon-black-dots.svg) repeat-x center;
  background-size: 8px 6px;
  width: 55px;
  height: 10px; */
}

#center .parking-number-block .txt {
  position: relative;
  color: #0064ff;
  font-weight: 600;
  font-size: 1.5rem;
}

#center .parking-number-block .txt span:first-of-type {
  font-size: 1.4rem;
  font-weight: 700;
  position: absolute;
  top: 6px;
  left: 0;
}

#center .parking-number-block .txt span:nth-of-type(2) {
  font-size: 3rem;
  font-weight: 900;
  padding-left: 11px;
}

#center .parking-number-block .number {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: -8px;
}

#center .parking-number-block .number span {
  padding: 0 2px;
}

@media screen and (max-width: 767px) {
  #center .parking {
    margin-bottom: 100px;
  }

  #center .parking-number-block {
    width: 100%;
  }
}

/* ========================================================================
                    会社情報							[ /company ]
======================================================================== */

@media screen and (max-width: 767px) {
  .google-map {
    height: 350px;
  }
}

/* ========================================================================
                    立地企業紹介	 	[ /operating ]
======================================================================== */

#operating .txt-cloud-block {
  margin: 150px auto 70px auto;
}

#operating .operating-nav h4 {
  padding-left: 0;
  margin-bottom: 20px;
}

#operating .operating-nav h4::before {
  content: initial;
}

#operating .operating-nav ul {
  margin-left: 20px;
}

#operating .aside-page aside {
  margin-right: 0;
  background: #fff;
}

#operating .aside-page .aside-right {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f3f3f3;
}

#operating .txt-cloud-block .link-block {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px 0;
  margin-top: 70px;
}

#operating .txt-cloud-block .link-block a {
  display: inline-block;
  text-align: right;
  padding-right: 50px;
}

#operating .operating-all-txt-block {
  margin: 0 50px 80px 50px;
}

#operating .operating-all-txt-block h4 {
  color: #0064ff;
}

#operating .operation-map-img-block {
  position: relative;
  text-align: right;
  max-width: 910px;
}

#operating .operation-map-img-block img {
  width: 100%;
  /* margin-bottom: 20px; */
}

#operating .operation-map-img-block .google-map-link {
  font-weight: 600;
  margin-right: 30px;
  padding-right: 50px;
  margin-top: 20px;
  display: block;
}








@media screen and (max-width: 1199px) and (min-width: 768px) {
  #operating .anker-space {
    padding-top: 250px;
    margin-top: -250px;
  }
}

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

  #operating .aside-page .aside-right.first-aside {
    padding-top: 80px;
  }

  #operating .aside-page .aside-right {
    padding-top: 0px;
  }



  #operating .txt-cloud-block {
    margin: 60px auto 70px auto;
  }

  #operating .aside-page {
    padding-right: 0;
    padding-left: 0;
  }
}




#operating section {
  flex: 70%;
}

#operating .facility-content {
  margin-bottom: 100px;
  width: 910px;
}

#operating .facility-content.first {
  position: relative;
  z-index: 1;
}

#operating .table-title-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 100px 0 40px 0;
}

#operating .table-title-block h4 {
  margin-bottom: 0;
}

#operating .table-parts-wrap.facility-table th {
  background: #dcdcdc;
  color: #333;
  text-align: left;
}

#operating .table-parts-wrap.facility-table th,
#facility .table-parts-wrap.facility-table td {
  border-right: 1px solid #333;
}

#operating .table-parts-wrap.facility-table th:last-of-type,
#operating .table-parts-wrap.facility-table td:last-of-type {
  border-right: initial;
}

#operating .table-parts-wrap.facility-table td {
  padding: 10px 20px;
  text-align: left;
  max-width: 170px;
}

#operating .table-parts-wrap.facility-table td:first-of-type(2) {
  padding: 20px;
}

#operating .table-parts-wrap.facility-table td:nth-of-type(2) {
  /* padding: 0 20px 20px 20px; */
  padding: 10px 20px;
  width: 30%;
}

/* #operating .facility-content .radius-table {
  margin-bottom: 100px;

  border: 1px solid #333;
  border-radius: 15px;
}


#operating table {

  border: none;
}

#operating table th {
  background: #dcdcdc;
  text-align: left;
}

#operating table th,
#operating table td {
  border-bottom: initial;
  padding: 5px 20px;
  font-weight: 600;
}

#operating table td span {
  text-decoration: underline #333;
  text-underline-offset: 2px;
} */

/* 2行目に上の余白を開ける */

/* #operating table tr:nth-of-type(2) td {
  padding-top: 20px;

  border-radius: 0 0 0 15px;
} */

/* 最初の1行目を黄色に */

/* #operating table td:first-of-type {
  background: #ffffef;
}

#operating table tr:last-of-type td {
  padding-bottom: 20px;
}

#operating table th:nth-of-type(3),
#operating table td:nth-of-type(3) {
  border-right: initial;
} */

/* 三角形 */

#operating .toggle-target-separate td.room-name {
  position: relative;
  cursor: pointer;
  color: #0064ff;
  padding: 10px 20px;
  font-weight: 600;
  width: 38%;
}

#operating .toggle-target-separate .room-name::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 165px;
  transform: translateY(-30%);
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #0064ff;
}

#operating .toggle-target-separate.is-drop-open .room-name::after {
  border-bottom: 7px solid #0064ff;
  border-top: none;
}

#operating .toggle-target-separate,
#operating .toggle-separate-content {
  border-bottom: initial;
}

#operating .toggle-separate-content td span {
  border-bottom: 1px solid #333;
}

/* テクノプラザ本館は最初から開いておく */

#operating tr.toggle-separate-content.target-content1 {
  display: table-row;
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
  #operating .facility-content {
    width: 785px;
  }
}

@media screen and (max-width: 767px) {
  #operatingy section {
    flex: 70%;
    width: 100%;
  }

  #operating .written-aside-page {
    /* margin-bottom: 50px; */
  }

  /* @貸出施設一覧のテーブル */

  #operating .table-parts-wrap.facility-table {
    overflow-x: auto;
    white-space: nowrap;
  }

  #operating .toggle-target-separate .room-name::after {
    /* left: initial;
    right: 8px; */
    left: 160px;
    /* right: 8px; */
  }

  #operating .facility-content {
    /* margin-bottom: 100px; */
    margin-bottom: 80px;
    width: 100%;
  }

  #operating .table-parts-wrap.facility-table td {
    max-width: initial;
    min-width: 190px;
  }
}




/*　立地企業エリアマップ
------------------------------------------------------- */


/* 北エリア、東エリア、南エリア リンク */

#operating .north-link,
#operating .east-link,
#operating .south-link,
#operating .area-heading {
  min-width: 100px;
  padding: 5px 20px;
  color: #fff;
  border-radius: 20px;
  font-size: 2rem;
  font-weight: 600;
}


/* 北エリア リンク色 */

#operating .north-link {
  background: #0064ff;
}


/* 東エリア リンク色 */

#operating .east-link {
  background: #23aa37;
}

/* 南エリア リンク色 */

#operating .south-link {
  background: #f09600;
}


/* 北エリア、南エリア、東エリアの企業番号 */

#operating .area-number {
  position: relative;
  background: #0064ff;
  color: #fff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 3px;
  font-size: 2.5rem;
  font-weight: bold;
}



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

  #operating .operation-map-img-block {
    max-width: 500px;
    margin-inline: auto;
  }

  #operating .north-link, #operating .east-link,
  #operating .south-link,
  #operating .area-heading {
    font-size: 1.6rem;
  }


  #operating .area-number {
    width: 30px;
    height: 30px;
    padding-bottom: 1px;
    font-size: 1.8rem;
  }

}




/* 立地企業の全体図 リンク位置
-------------------------------------------------------  */

#operating .operating-all-content .north-link {
  position: absolute;
  top: 23%;
  left: 37%;
}

#operating .operating-all-content .east-link {
  position: absolute;
  bottom: 40%;
  right: 17%;
}

#operating .operating-all-content .south-link {
  position: absolute;
  bottom: 27%;
  left: 35%;
}


#operating .operation-map-img-block .north-link:hover,
#operating .operation-map-img-block .east-link:hover,
#operating .operation-map-img-block .south-link:hover {
  background: #333;
}


#operating .operation-map-img-block .copy-txt {
  position: absolute;
  right: 15px;
  bottom: 55px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}


/* 会社のリスト、画像、説明文 */

#operating .company-list-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 910px;
  margin-bottom: -100px;
}


/* 企業のリスト */

#operating .company-list-content nav li {
  display: flex;
  align-items: center;
  gap: 0 15px;
  margin-bottom: 10px;
  cursor: pointer;
}


#operating .company-list-content {
  position: relative;
  margin-left: 50px;
  z-index: 1;
}



/* 企業の左にある数字 */

#operating .area-small-number {
  background: #0064ff;
  color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1px;
  font-size: 2rem;
  font-weight: bold;
}


#operating .operation-map-img-block .area-heading {
  position: absolute;
  top: 4%;
  left: 3%;
}



/* 会社の画像と説明を、最初は非表示 */

#operating .company-details-content {
  display: none;
}

/* 左の会社名がクリックされたら表示 */

#operating .company-details-content.active {
  display: block;
}


/* 会社の画像と説明 */

#operating .company-details-content .radius-block {
  max-width: initial;
}

#operating .company-details-content .company-img-block {
  overflow: hidden;
  border: 1.5px solid #333;
  border-radius: 10px;
  width: 450px;
  height: 330px;
}

#operating .company-details-content .company-img-block img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#operating .company-details-content .radius-txt-block {
  position: relative;
  border: 1.5px solid #333;
  border-radius: 10px;
  max-width: 350px;
  margin: -50px 0 0 50px;
  padding-right: 40px;
  z-index: 1;
}


/* WEBサイトの矢印 */

/* #operating .company-details-content .oblique-arrow-link:hover .link-txt {
  color: #0064ff;
  text-decoration: none;
} */

#operating .company-details-content .oblique-arrow-link::before {
  right: 55px;
  z-index: 2;
}

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

#operating .company-details-content a .link-txt {
  padding-right: 135px;
}




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

  #operating .operation-map-img-block .copy-txt {
    right: 5px;
    bottom: 39px;
  }

  #operating .operating-all-content .north-link {
    top: 20%;
    left: 28%;
  }

  #operating .operating-all-content .east-link {
    bottom: 40%;
    right: 7%;
  }

  #operating .operating-all-content .south-link {
    bottom: 28%;
    left: 28%;
  }

  #operating .company-list-content {
    /* margin-left: 20px; */
    margin-inline: auto;
  }

  #operating .company-list-content ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  #operating .company-list-content ul li {
    border-bottom: 1.5px solid #333;
    margin-bottom: 0;
    min-height: 62px;
    padding: 5px;
    background: #fff;
    gap: 0 10px;
  }

  #operating .company-list-content ul li p {
    font-size: 1.3rem;
  }


  #operating .company-details-content .radius-txt-block p {
    font-size: 1.3rem;
  }



  /* @会社の情報の親クラス */

  #operating .company-list-wrapper {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: -50px;
    /* gap: 10px; */
    padding: 0 10px;
  }


  #operating .company-details-content{
    margin-top: -65px;
  }


  /* @会社リンク */

  #operating .company-list-wrapper .radius-block a {
    padding-top: 0;
  }



  /* 最初の会社 */

  #operating .company-list-content ul li:first-of-type {
    border-radius: 10px 0 0 0;
  }

  /* 2つ目の会社 */

  #operating .company-list-content ul li:nth-of-type(2) {
    border-radius: 0 10px 0 0;
  }


  /* 2つ目の会社まで */

  #operating .company-list-content ul li:nth-of-type(-n+2) {
    border-top: 1.5px solid #333;
  }

  /* 奇数の会社 */

  #operating .company-list-content ul li:nth-of-type(2n-1) {
    border-right: 1.5px solid #333;
    border-left: 1.5px solid #333;
  }

  /* 偶数の会社 */

  #operating .company-list-content ul li:nth-of-type(2n) {
    border-right: 1.5px solid #333;
  }


  /* 会社番号 */

  #operating .area-small-number {
    font-size: 1.4rem;
    min-width: 25px;
    min-height: 25px;
    padding-left: 1px;
  }



  /* @会社の画像、テキスト */

  #operating .company-details-content .radius-txt-block {
    max-width: 95%;
    /* margin-inline: auto; */
    /* padding-right: 40px; */
    margin-left: auto;
    margin-right: 0;
  }

  #operating .company-details-content .company-img-block {
    width: 100%;
    border-radius: 0 0 10px 10px;
  }


  /* @ WEBサイトの矢印 */

  #operating .company-details-content .oblique-arrow-link::before {
    right: 20px;
  }

  #operating .company-details-content a .link-txt {
    padding-right: 100px;
  }

}





/*  北エリア
------------------------------------------------------- */

#operating .operating-north-content .operation-map-img-block {
  margin-bottom: 70px;
}

#operating .operating-north-content .area-heading {
  background: #0064ff;
}

#operating .operating-north-content .copy-txt {
  bottom: 15px;
}


/* hover時に会社名を変える */

#operating .operating-north-content li:hover {
  color: #0064ff;
}


/* ① */

#operating .operating-north-content .area-number.first {
  position: absolute;
  top: 53%;
  left: 33%;
}


/* ② */

#operating .operating-north-content .area-number.second {
  position: absolute;
  top: 16%;
  right: 34.5%;
}


/* ③ */

#operating .operating-north-content .area-number.third {
  position: absolute;
  top: 32%;
  right: 42.5%;
}


/* ③ の2つ目 */

#operating .operating-north-content .area-number.third-2 {
  position: absolute;
  top: 43%;
  right: 26%;
}

#operating .operating-north-content .area-number.third-2::before {
  position: absolute;
  content: '';
  top: 90%;
  right: 44%;
  width: 2px;
  height: 35px;
  background-color: #0064ff;
}

#operating .operating-north-content .area-number.third-2::after {
  position: absolute;
  content: '';
  top: 178%;
  right: 35%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0064ff;
}



/* ④ */

#operating .operating-north-content .area-number.fourth {
  position: absolute;
  top: 38%;
  left: 42%;
}

#operating .operating-north-content .area-number.fourth::before {
  position: absolute;
  content: '';
  bottom: 88%;
  right: 48%;
  width: 2px;
  height: 24px;
  background-color: #0064ff;
}

#operating .operating-north-content .area-number.fourth::after {
  position: absolute;
  content: '';
  bottom: 145%;
  right: 40%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0064ff;
}


/* ⑤ */

#operating .operating-north-content .area-number.fifth {
  position: absolute;
  top: 52%;
  right: 43%;
}


/* ⑥ */

#operating .operating-north-content .area-number.sixth {
  position: absolute;
  bottom: 19%;
  right: 48.5%;
}


/* ⑦ */

#operating .operating-north-content .area-number.seventh {
  position: absolute;
  bottom: 16%;
  right: 33%;
}

#operating .operating-north-content .area-number.seventh::before {
  position: absolute;
  content: '';
  bottom: 48%;
  right: 93%;
  width: 24px;
  height: 2px;
  background-color: #0064ff;
}

#operating .operating-north-content .area-number.seventh::after {
  position: absolute;
  content: '';
  bottom: 41%;
  right: 160%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0064ff;
}


/* 本館の吹き出し */

#operating .operating-north-content .area-bubble.first {
  position: absolute;
  top: 35%;
  left: 26.5%;
  width: 65px;
  height: auto;
}


/* 第一別館 */

#operating .operating-north-content .area-bubble.second {
  position: absolute;
  bottom: 34%;
  right: 21%;
  width: 110px;
  height: auto;
}


/* 第二別館 */

#operating .operating-north-content .area-bubble.third {
  position: absolute;
  bottom: 25%;
  right: 29%;
  width: 110px;
  height: auto;
}


/* webサイトの矢印（北エリア） */

#operating .operating-north-content .oblique-arrow-link:hover .link-txt {
  color: #0064ff;
  text-decoration: none;
}

#operating .operating-north-content .oblique-arrow-link:hover::before {
  background: url(../../img/common/icon-harf-arrow-box-white-right.png) no-repeat center #0064ff;
  background-size: 28px 28px;
}




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

  #operating .operating-north-content .operation-map-img-block {
    margin-bottom: 20px;
  }

  #operating .operating-north-content .copy-txt {
    bottom: -2px;
  }


  #operating .operating-north-content .area-bubble.first {
    top: 24%;
    left: 22%;
    width: 60px;
  }

  #operating .operating-north-content .area-number.first {
    top: 53%;
    left: 30%;
  }

  #operating .operating-north-content .area-number.second {
    top: 14%;
    right: 34.5%;
  }

  #operating .operating-north-content .area-number.third {
    top: 30%;
    right: 39%;
  }

  #operating .operating-north-content .area-number.third-2 {
    top: 37%;
    right: 24%;
  }

  #operating .operating-north-content .area-number.third-2::before {
    top: 90%;
    right: 47%;
    height: 20px;
  }

  #operating .operating-north-content .area-number.third-2::after {
    top: 140%;
    right: 37%;
  }


  #operating .operating-north-content .area-number.fourth {
    top: 41%;
    left: 40.7%;
  }

  #operating .operating-north-content .area-number.fourth::before {
    right: 50%;
  }

  #operating .operating-north-content .area-number.fifth {
    top: 48%;
    right: 41%;
  }

  #operating .operating-north-content .area-number.sixth {
    bottom: 14%;
    right: 47.5%;
  }

  #operating .operating-north-content .area-number.seventh {
    bottom: 12%;
    right: 26%;
  }

  #operating .operating-north-content .area-number.seventh::before {
    bottom: 50%;
  }



  #operating .operating-north-content .area-bubble.second {
    bottom: 34%;
    right: 6%;
    width: 100px;
  }

  #operating .operating-north-content .area-bubble.third {
    bottom: 23%;
    right: 15%;
    width: 100px;
  }


  /* 会社をクリックしたら、文字と背景色を変える（北エリア） */

  #operating .operating-north-content li.click-now {
    background-color: #0064ff;
    color: #fff;
  }

  #operating .operating-north-content li.click-now .area-small-number {
    background-color: #fff;
    color: #0064ff;
  }

}





/*  南エリア
------------------------------------------------------- */

#operating .operating-south-content .operation-map-img-block {
  margin-bottom: 70px;
}

#operating .operating-south-content .copy-txt {
  bottom: 15px;
}

#operating .relevant-south-txt a {
  color: #f09600;
}

#operating .relevant-south-txt:before {
  background: #f09600;
}

#operating .operating-south-content .area-heading {
  background: #f09600;
}

#operating .operating-south-content .area-number,
#operating .operating-south-content .area-small-number {
  background: #f09600;
}


/* hover時に会社名を変える */

#operating .operating-south-content li:hover {
  color: #f09600;
}

/* 選択された会社の色 */

#operating .operating-south-content .relevant-part-txt {
  color: #f09600;
}


/* ① */

#operating .operating-south-content .area-number.first {
  position: absolute;
  top: 28.5%;
  right: 35.3%;
}


/* ② */

#operating .operating-south-content .area-number.second {
  position: absolute;
  top: 31%;
  left: 23%;
}


/* ③ */

#operating .operating-south-content .area-number.third {
  position: absolute;
  top: 53%;
  left: 30%;
}


/* ④ */

#operating .operating-south-content .area-number.fourth-1 {
  position: absolute;
  top: 52%;
  left: 14%;
}

#operating .operating-south-content .area-number.fourth-2 {
  position: absolute;
  top: 39%;
  left: 14%;
}

#operating .operating-south-content .area-number.fourth-3 {
  position: absolute;
  top: 31%;
  left: 51%;
}


/* ⑤ */

#operating .operating-south-content .area-number.fifth {
  position: absolute;
  bottom: 17%;
  left: 18.5%;
}


/* ⑥ */

#operating .operating-south-content .area-number.sixth {
  position: absolute;
  bottom: 16%;
  left: 23.3%;
}


/* ⑦ */

#operating .operating-south-content .area-number.seventh {
  position: absolute;
  bottom: 16%;
  left: 30%;
}

/* ⑧ */

#operating .operating-south-content .area-number.eighth {
  position: absolute;
  bottom: 17.5%;
  right: 47%;
}

/* ⑨ */

#operating .operating-south-content .area-number.ninth {
  position: absolute;
  bottom: 23%;
  right: 31%;
}

/* ⑩ */

#operating .operating-south-content .area-number.tenth {
  position: absolute;
  bottom: 32.5%;
  left: 44.5%;
}

/* 11 */

#operating .operating-south-content .area-number.eleventh {
  position: absolute;
  bottom: 32.5%;
  right: 39%;
}

/* 12 */

#operating .operating-south-content .area-number.twelfth {
  position: absolute;
  bottom: 43%;
  right: 29%;
}

/* 13 */

#operating .operating-south-content .area-number.thirteenth {
  position: absolute;
  top: 37%;
  right: 15.2%;
}

/* 14 */

#operating .operating-south-content .area-number.fourteenth {
  position: absolute;
  bottom: 35%;
  right: 14.5%;
}

/* 15 */

#operating .operating-south-content .area-number.fifteenth {
  position: absolute;
  top: 29%;
  left: 31.5%;
}

/* ベンチャーファクトリー の吹き出し */

#operating .operating-south-content .area-bubble.first {
  position: absolute;
  top: 26%;
  left: 35%;
  width: 60px;
  height: 49px;
  width: 160px;
  height: auto;
}


/* webサイトの矢印（南エリア） */

#operating .operating-south-content .oblique-arrow-link:hover .link-txt {
  color: #f09600;
  text-decoration: none;
}

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



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

  #operating .operating-south-content .operation-map-img-block {
    margin-bottom: 20px;
  }

  #operating .operating-south-content .copy-txt {
    bottom: -2px;
  }

  #operating .operating-south-content .area-bubble.first {
    top: 26%;
    left: 35%;
    width: 130px;
  }

  #operating .operating-south-content .area-bubble.first {
    top: 19%;
    left: 27%;
    width: 130px;
  }

  #operating .operating-south-content .area-number.first {
    top: 24%;
    right: 33%;
  }

  #operating .operating-south-content .area-number.second {
    top: 25%;
    left: 19%;
  }

  #operating .operating-south-content .area-number.third {
    top: 53%;
    left: 28%;
  }

  #operating .operating-south-content .area-number.fourth-1 {
    top: 52%;
    left: 9%;
  }

  #operating .operating-south-content .area-number.fourth-2 {
    top: 37%;
    left: 8%;
  }

  #operating .operating-south-content .area-number.fourth-3 {
    top: 28%;
    left: 50%;
  }

  #operating .operating-south-content .area-number.fifth {
    bottom: 13%;
    left: 14.5%;
  }

  #operating .operating-south-content .area-number.sixth {
    bottom: 9%;
    left: 22%;
  }

  #operating .operating-south-content .area-number.seventh {
    bottom: 8%;
    left: 30%;
  }

  #operating .operating-south-content .area-number.eighth {
    bottom: 8%;
    right: 45%;
  }

  #operating .operating-south-content .area-number.ninth {
    bottom: 15%;
    right: 27%;
  }

  #operating .operating-south-content .area-number.tenth {
    bottom: 30%;
    left: 42.5%;
  }

  #operating .operating-south-content .area-number.eleventh {
    bottom: 36%;
    right: 37%;
  }

  #operating .operating-south-content .area-number.twelfth {
    bottom: 39%;
    right: 27%;
  }

  #operating .operating-south-content .area-number.thirteenth {
    top: 35%;
    right: 13%;
  }

  #operating .operating-south-content .area-number.fourteenth {
    bottom: 32%;
    right: 12%;
  }


  /* 会社をクリックしたら、文字と背景色を変える（南エリア） */

  #operating .operating-south-content li.click-now {
    background-color: #f09600;
    color: #fff;
  }

  #operating .operating-south-content li.click-now .area-small-number {
    background-color: #fff;
    color: #f09600;
  }

}



/*  東エリア
------------------------------------------------------- */

#operating .operating-east-content {
  margin-bottom: 100px;
}

#operating .operating-east-content .operation-map-img-block {
  margin-bottom: 70px;
}

#operating .operating-east-content .copy-txt {
  bottom: 15px;
}

#operating .relevant-east-txt a {
  color: #23aa37;
}

#operating .relevant-east-txt:before {
  background: #23aa37;
}

#operating .operating-east-content .area-heading {
  background: #23aa37;
}

#operating .operating-east-content .area-number,
#operating .operating-east-content .area-small-number {
  background: #23aa37;
}


/* hover時に会社名を変える */

#operating .operating-east-content li:hover {
  color: #23aa37;
}

/* 選択された会社の色 */

#operating .operating-east-content .relevant-part-txt {
  color: #23aa37;
}



/* ① */

#operating .operating-east-content .area-number.first {
  position: absolute;
  top: 24.5%;
  right: 46.5%;
}


/* ② */

#operating .operating-east-content .area-number.second {
  position: absolute;
  top: 35%;
  right: 44.5%;
}

/* ③ */

#operating .operating-east-content .area-number.third {
  position: absolute;
  top: 48%;
  right: 38.3%;
}


/* ④ */

#operating .operating-east-content .area-number.fourth {
  position: absolute;
  bottom: 19%;
  right: 40%;
}


/* ⑤ */

#operating .operating-east-content .area-number.fifth {
  position: absolute;
  top: 10.5%;
  left: 39%;
}


/* ⑥ */

#operating .operating-east-content .area-number.sixth {
  position: absolute;
  top: 25%;
  left: 40%;
}


/* ⑦ */

#operating .operating-east-content .area-number.seventh {
  position: absolute;
  top: 34%;
  left: 41%;
}

/* ⑧ */

#operating .operating-east-content .area-number.eighth {
  position: absolute;
  bottom: 41.5%;
  left: 40.5%;
}


/* webサイトの矢印（東エリア） */

#operating .operating-east-content .oblique-arrow-link:hover .link-txt {
  color: #23aa37;
  text-decoration: none;
}

#operating .operating-east-content .oblique-arrow-link:hover::before {
  background: url(../../img/common/icon-harf-arrow-box-white-right.png) no-repeat center #23aa37;
  background-size: 28px 28px;
}




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

  #operating .operating-east-content {
    margin-bottom: 0px;
  }

  #operating .operating-east-content .operation-map-img-block {
    margin-bottom: 20px;
  }

  #operating .operating-east-content .copy-txt {
    bottom: -2px;
  }

  #operating .operating-east-content .area-number.first {
    top: 21%;
    right: 41%;
  }

  #operating .operating-east-content .area-number.second {
    top: 32%;
    right: 39%;
  }

  #operating .operating-east-content .area-number.third {
    top: 46%;
    right: 36%;
  }

  #operating .operating-east-content .area-number.fourth {
    bottom: 17%;
    right: 37%;
  }

  #operating .operating-east-content .area-number.fifth {
    top: 8%;
    left: 37%;
  }

  #operating .operating-east-content .area-number.sixth {
    top: 23%;
    left: 34%;
  }

  #operating .operating-east-content .area-number.seventh {
    top: 33%;
    left: 38%;
  }

  #operating .operating-east-content .area-number.eighth {
    bottom: 41%;
    left: 39%;
  }



  #operating .operating-east-content .company-details-content {
    margin-top: -2px;
  }


  /* 会社をクリックしたら、文字と背景色を変える（東エリア） */

  #operating .operating-east-content .company-list-content li.click-now {
    background-color: #23aa37;
    color: #fff;
  }

  #operating .operating-east-content li.click-now .area-small-number {
    background-color: #fff;
    color: #23aa37;
  }

}





/* ========================================================================
                    貸出施設案内						[ /facility ]
======================================================================== */

#facility h3 {
  /* font-size: 1.8rem; */
}

#facility h4 {
  /* margin-bottom: 40px; */
}

@media screen and (min-width: 768px) {
  #facility .txt-cloud-block img:nth-of-type(1) {
    position: absolute;
    top: -60px;
    left: 38%;
    z-index: -1;
  }

  #facility .txt-cloud-block img:nth-of-type(2) {
    position: absolute;
    top: 150px;
    left: 64%;
    z-index: -1;
  }

  #facility .txt-cloud-block img:nth-of-type(3) {
    position: absolute;
    top: -20px;
    right: 0%;
    z-index: -1;
  }
}

/* aside の位置調整
------------------------------------------------------- */

/* aside 貸出施設ご利用案内 */

#facility .guide-aside-page aside {
  padding-top: 2px;
}

/* aside お申し込み方法 */

#facility .how-to-aside-page aside {
  padding-top: 3px;
}

/* 県有施設予約サイト */

#facility .contract-aside-page aside {
  padding-top: 3px;
}

/* 貸出施設利用申込書 */

#facility .written-aside-page aside {
  padding-top: 3px;
}

/* 貸出施設一覧の料金表のボタンがあるテーブル
------------------------------------------------------- */

/* aside 貸出施設一覧 */

#facility .facility-aside-page aside {
  padding-top: 105px;
}

/* aside 空き状況一覧 */

#facility .space-aside-page aside {
  padding-top: 2px;
}

#facility section {
  flex: 70%;
}

#facility .facility-content {
  margin-bottom: 100px;
  width: 910px;
}

#facility .facility-content.first {
  position: relative;
  z-index: 1;
}

#facility .table-title-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 100px 0 40px 0;
}

#facility .table-title-block h4 {
  margin-bottom: 0;
}

#facility .table-parts-wrap.facility-table th {
  background: #dcdcdc;
  color: #333;
  text-align: left;
}

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

#facility .table-parts-wrap.facility-table th:last-of-type,
#facility .table-parts-wrap.facility-table td:last-of-type {
  border-right: initial;
}

#facility .table-parts-wrap.facility-table td {
  padding: 10px 20px;
  text-align: left;
  max-width: 170px;
}

#facility .table-parts-wrap.facility-table td:first-of-type(2) {
  padding: 20px;
}

#facility .table-parts-wrap.facility-table td:nth-of-type(2) {
  /* padding: 0 20px 20px 20px; */
  padding: 10px 20px;
  width: 30%;
}

/* #facility .facility-content .radius-table {
  margin-bottom: 100px;

  border: 1px solid #333;
  border-radius: 15px;
}


#facility table {

  border: none;
}

#facility table th {
  background: #dcdcdc;
  text-align: left;
}

#facility table th,
#facility table td {
  border-bottom: initial;
  padding: 5px 20px;
  font-weight: 600;
}

#facility table td span {
  text-decoration: underline #333;
  text-underline-offset: 2px;
} */

/* 2行目に上の余白を開ける */

/* #facility table tr:nth-of-type(2) td {
  padding-top: 20px;

  border-radius: 0 0 0 15px;
} */

/* 最初の1行目を黄色に */

/* #facility table td:first-of-type {
  background: #ffffef;
}

#facility table tr:last-of-type td {
  padding-bottom: 20px;
}

#facility table th:nth-of-type(3),
#facility table td:nth-of-type(3) {
  border-right: initial;
} */

/* 三角形 */

#facility .toggle-target-separate td.room-name {
  position: relative;
  cursor: pointer;
  color: #0064ff;
  padding: 10px 20px;
  font-weight: 600;
  width: 38%;
}

#facility .toggle-target-separate .room-name::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 165px;
  transform: translateY(-30%);
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #0064ff;
}

#facility .toggle-target-separate.is-drop-open .room-name::after {
  border-bottom: 7px solid #0064ff;
  border-top: none;
}

#facility .toggle-target-separate,
#facility .toggle-separate-content {
  border-bottom: initial;
}

#facility .toggle-separate-content td span {
  border-bottom: 1px solid #333;
}

/* テクノプラザ本館は最初から開いておく */

#facility tr.toggle-separate-content.target-content1 {
  display: table-row;
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
  #facility .facility-content {
    width: 785px;
  }
}

@media screen and (max-width: 767px) {
  #facility section {
    flex: 70%;
    width: 100%;
  }

  #facility .written-aside-page {
    /* margin-bottom: 50px; */
  }

  /* @貸出施設一覧のテーブル */

  #facility .table-parts-wrap.facility-table {
    overflow-x: auto;
    white-space: nowrap;
  }

  #facility .toggle-target-separate .room-name::after {
    /* left: initial;
    right: 8px; */
    left: 160px;
    /* right: 8px; */
  }

  #facility .facility-content {
    /* margin-bottom: 100px; */
    margin-bottom: 80px;
    width: 100%;
  }

  #facility .table-parts-wrap.facility-table td {
    max-width: initial;
    min-width: 190px;
  }
}

/* 空き情報
------------------------------------------------------- */

#facility .calendar-pdf-txt {
  margin-bottom: 20px;
}

#facility .space-info-block {
  text-align: right;
  margin-bottom: 40px;
}

#facility .space-info-img {
  width: 100%;
}

/* Googleスプレッドシート 出力箇所 */

.grid-fixed-table,
.waffle {
  width: 100%;
}

@media screen and (max-width: 767px) {
  /* Googleスプレッドシート　出力箇所 */

  #facility .google-spread-sheet {
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* 貸出施設ご利用案内
------------------------------------------------------- */

.double-circle-list dt {
  position: relative;
  padding-left: 20px;
  font-weight: 600;
  color: #0064ff;
  margin-bottom: 5px;
}

.double-circle-list dt::before {
  content: '◎';
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-80%);
  width: 15px;
  height: 15px;
  color: #0064ff;
}

.double-circle-list dd {
  margin-bottom: 30px;
}

.double-circle-list dd p {
  margin-left: 20px;
}

.double-circle-list .small-txt {
  font-size: 1.5rem;
}

/* 受付開始時期のテーブル */

#facility .reception-start-table {
  margin-bottom: 30px;
  text-align: center;
}

#facility .reception-start-table td:nth-of-type(2) {
  line-height: 2;
}

/* 受付開始時期テーブル */

/* #facility .facility-content .reception-start-table {
  text-align: center;
  margin-bottom: 50px;
}

#facility .reception-start-table .table-underline {
  border-bottom: 1px solid #333;
  border-radius: 0;
  padding-bottom: 15px;
}

#facility .reception-start-table th {
  background: #858585;
  color: #fff;
  padding: 15px 20px;
  text-align: center;
}

#facility .reception-start-table td {
  border-bottom: 1px solid #333;
  padding: 15px 0;
}

#facility .reception-start-table td:last-of-type {
  border-right: initial;
}

#facility .reception-start-table th:first-of-type {
  border-radius: 13px 0 0 0;
}

#facility .reception-start-table th:last-of-type {
  border-radius: 0 13px 0 0;
  border-right: initial;
}

#facility .reception-start-table tr:nth-of-type(2) td {
  border-radius: initial;
  padding-top: 15px;
}

#facility .reception-start-table tr:nth-of-type(5) td:first-of-type {
  padding-top: 10px;
}

#facility .reception-start-table td.right-border {
  border-right: 1px solid #333;
}

#facility .reception-start-table tr:last-of-type td {
  margin-bottom: 15px;
} */

@media screen and (max-width: 767px) {
  #facility .reception-start-table td {
    min-width: 80px;
  }
}

/* 利用の制限
------------------------------------------------------- */

#facility .caution-block {
  margin-bottom: 30px;
}

#facility .definition-list dt {
  margin-bottom: 5px;
}

#facility .definition-list dd {
  margin-bottom: 30px;
}

/*  お申し込み方法
------------------------------------------------------- */

/* 青色の縦線 */

#facility dl.how-to-list {
  position: relative;
}

#facility dl.how-to-list:before {
  content: '';
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #0064ff;
  z-index: -1;
}

#facility .how-to-txt-block > dt {
  position: relative;
  color: #0064ff;
  font-weight: 600;
  padding-left: 25px;
  margin-bottom: 10px;
}

#facility .how-to-txt-block > dd {
  padding: 0 25px 10px 25px;
}

#facility .how-to-txt-block > dt::before {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-55%);
  color: #0064ff;
  font-size: 3rem;
}

#facility .how-to-txt-block .first-title::before {
  content: '1';
}

#facility .how-to-txt-block .second-title::before {
  content: '2';
}

#facility .how-to-txt-block .third-title::before {
  content: '3';
}

#facility .how-to-txt-block .fourth-title::before {
  content: '4';
}

#facility .how-to-txt-block .fifth-title::before {
  content: '5';
}

#facility .how-to-txt-block .sixth-title::before {
  content: '6';
}

#facility .how-to-txt-block {
  background: #ffffd2;
  border-radius: 15px 15px 0 0;
  margin-bottom: 60px;
}

#facility .how-to-txt-block:last-of-type {
  margin-bottom: 0;
  padding-bottom: 20px;
}

#facility .how-to-txt-block .txt {
  margin-bottom: 30px;
}

#facility .how-to-list-in dt {
  margin-bottom: 5px;
}

#facility .how-to-list-in dd {
  margin-bottom: 30px;
}

#facility .how-to-list-in dd:last-of-type {
  margin-bottom: 0px;
}

#facility .how-to-txt-block .small-txt {
  font-size: 1.5rem;
}

/* 返還金額のテーブル */

#facility .return-table-wrap {
  background: #ffffd2;
  padding: 0 25px 25px 20px;
  border-radius: 0 0 15px 15px;
}

#facility .how-to-txt-block .return-table-wrap {
  padding: 0 0 25px 0;
}

#facility .table-parts-wrap th {
  background: #858585;
  color: #fff;
  font-weight: 600;
}

#facility .return-table-wrap .table-parts-wrap td {
  font-weight: 500;
  text-align: center;
  background: #fff;
}

#facility .return-table-wrap .table-parts-wrap td:nth-of-type(2) {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  /* @お申し込み方法 */

  #facility .how-to-txt-block > dd {
    padding: 0 10px 10px 10px;
  }

  #facility .return-table-wrap {
    padding: 0 10px 10px 10px;
  }

  #facility .return-table-wrap .table-parts-wrap td {
    padding: 15px 5px;
  }

  #facility .how-to-txt-block .return-table-wrap {
    padding: 0 0 10px 0;
  }
}

/*  県有施設予約サイト
------------------------------------------------------- */

.contract-aside-page {
}

.content-link-block {
  text-align: right;
  margin-top: 5px;
}

/* 利用の制限 */

#facility dt,
#facility dd {
  font-weight: 500;
}

.img-in-txt-block {
  position: relative;
}

.img-in-txt-block p {
  position: absolute;
  top: 30px;
  left: 30px;
  color: #0064ff;
}

#facility .contract-aside-page .txt {
  margin-bottom: 50px;
}

/* ========================================================================
                    貸出施設一覧							[ /facility-all ]
======================================================================== */

/* aside
-------------------------------------------------------  */

#facility-all .aside-page aside {
  padding: 80px 20px 80px 40px;
}

#facility-all .relevant-part-txt {
  padding-left: 0;
}

#facility-all .dots-nav {
  margin-bottom: 70px;
  max-width: 380px;
  margin-right: auto;
  margin-left: auto;
}

#facility-all .aside-page aside .dots-nav h4::before {
  content: initial;
}

#facility-all .aside-page aside .dots-nav li::before {
  width: 5px;
  height: 5px;
  left: 3px;
}

#facility-all .aside-page aside .dots-nav li {
  padding-left: 15px;
}

.facility-all {
  margin-top: 50px;
  margin-bottom: 500px;
}

/* 貸出施設一覧ページ スライダー */

#facility-all .facility-all-wrap {
  position: relative;
  margin-bottom: 180px;
}

#facility-all .facility-all-slider-wrap {
  /* width: 100%;
  position: absolute;
  top: 0;
  left: 43%; */
}

/* 料金表PDF */

#facility-all .link-block {
  text-align: right;
  margin-bottom: 20px;
  /* max-width: 700px; */
  max-width: 800px;
}

/* google mapインドアビュー */

#facility-all .link-block .half-arrow-link.black-arrow {
  padding-right: 50px;
  background: #fff;
  border: 1.5px solid #333;
  border-radius: 20px;
  padding: 5px 60px 5px 20px;
}

#facility-all .link-block .half-arrow-link.black-arrow:hover {
  text-decoration: none;
  background: #000;
  color: #fff;
}

#facility-all .link-block .half-arrow-link.black-arrow::before {
  top: 50%;
  right: 10px;
}

#facility-all .link-block .half-arrow-link.black-arrow:hover::before {
  background: url(../../img/common/icon-harf-arrow-white-right.svg) no-repeat center;
  /* background-size: contain; */
}

.facility-all-slider-content {
  position: relative;
  margin-bottom: 50px;
  /* width: 700px; */
  width: 800px;
}

/* 最初は非表示 */

.facility-all-slider-block {
  display: none;
}

/* クリックすると表示 */

.facility-all-slider-block.active {
  display: block;
}

.facility-all-slider-content .radius-heading {
  background: #ffffd2;
  color: #333;
  margin-bottom: 0;
}

_::-webkit-full-page-media,
_:future,
:root .facility-all-slider-content .radius-heading {
  margin-bottom: -1px;
}

.facility-all-slider-content .slick-slide {
  /* margin: 0 20px; */
  margin: 0;
  /* border: 1.5px solid #333; */
  /* border-radius: 0 10px 10px 10px; */
  /* height: 470px; */
  height: 530px;
}

.facility-all-slider-content .slick-slide img {
  display: block;
  margin: 0;
  /* width: 700px; */
  width: 800px;
  height: 100%;
  object-fit: cover;
  /* border-radius: 0 9px 9px 9px; */
  /* border-radius: 0 10px 10px 10px; */
  border: 1.5px solid #333;
  border-radius: 0 10px 10px 10px;
}

/* 20240412 貸出施設新レイアウト用に追加 */

.facility-all-slider-content .facility-all-slider2 .slick-slide {
  height: 100%;
}

.facility-all-slider-content .facility-all-slider2 .slick-slide img {
  border: 1.5px solid #333;
  border-radius: 10px 10px 10px 10px;
  height: 100px;
  width: 95%;
  margin-left: auto;
  cursor: pointer;
  display: block;
}

@media screen and (max-width: 767px) {
  .facility-all-slider-content .facility-all-slider2 .slick-slide img {
    height: 60px;
    margin-left: initial;
  }
}

/* 追加終わり */

.facility-all-slider-content .manufacture-txt {
  position: absolute;
  bottom: -55px;
  right: -50px;
  background: #fff;
  border: 1.5px solid #333;
  border-radius: 10px;
  padding: 20px;
  max-width: 320px;
}

.facility-all-slider-content .slick-dotted.slick-slider {
  /* margin-top: 20px; */
  margin-bottom: 0px;
}

/* スライダーのドット */

.facility-all-slider-content .slick-dots {
  bottom: -5px;
  left: -4px;
  text-align: left;
  position: relative;
  z-index: 2;
}

.facility-all-slider-content .slick-dots li button:before {
  content: '';
  background: #858585;
  width: 25px;
  height: 3px;
  opacity: 1;
}

.facility-all-slider-content .slick-dots li.slick-active button:before {
  content: '';
  background: #0064ff;
  width: 25px;
  height: 3px;
  opacity: 1;
}

/* 最初は非表示 */

.facility-all-slider-block,
.slider-txt-block,
.floor-slider-all-wrap,
.floor-slider-all-wrap2,
.floor-slider-all-wrap3 {
  display: none;
  /* visibility: hidden; */
}

/* クリックすると表示 */

.facility-all-slider-block.active,
.slider-txt-block.active,
.floor-slider-all-wrap.active,
.floor-slider-all-wrap2.active,
.floor-slider-all-wrap3.active {
  display: block;
  /* visibility: initial; */
}

/* 左右のボタン */

.facility-all .circle-btn-block {
  /* text-align: right;
  position: absolute;
  right: 0;
  bottom: 25px; */
  /* text-align: right; */
  position: relative;
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-end;
  gap: 0 20px;
}

.facility-all .circle-btn-block img {
  cursor: pointer;
}

.facility-all .circle-btn-block img:hover {
  opacity: 0.8;
}

.facility-all table {
  border-collapse: collapse;
  /* border: 1px solid #333; */
}

.facility-all table th,
.facility-all table td {
  /* border: 1px solid #333; */
  padding: 10px 20px;
  font-weight: 500;
}

.facility-all table th {
  background: #f1f1f1;
  width: 35%;
  text-align: left;
  font-weight: 600;
}

.facility-all .table-parts-wrap td {
  border-right: initial;
  background: initial;
  line-height: 1.7;
}

/* 貸出施設〜申込書のボタン一覧 */

.facility-all-link-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px 80px;
  max-width: 700px;
}

.facility-all-link-block a {
  display: block;
}

@media screen and (min-width: 1830px) {
  #facility-all .aside-page aside {
    padding: 80px 20px 80px 110px;
  }
}

@media screen and (max-width: 767px) {
  #facility-all .aside-page {
    margin-bottom: 50px;
  }

  #facility-all .facility-all {
    margin-bottom: 50px;
  }

  /* @ google mapインドアビュー */

  #facility-all .goole-map-indoor {
    margin-bottom: 50px;
  }

  .facility-all-slider-content {
    width: 100%;
  }

  /* @貸出施設一覧ページ スライダー */

  #facility-all .facility-all-wrap {
    position: relative;
    margin-bottom: 100px;
  }

  /* @スライダー画像 */

  .facility-all-slider-content .slick-slide {
    height: 250px;
  }

  /* @テーブル */

  #facility-all .table-parts-wrap {
    white-space: initial;
  }

  /* @貸出施設〜申込書のボタン一覧 */

  #facility-all .facility-all-link-block {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* ========================================================================
                    フロアガイド							[ /floor-guide ]
======================================================================== */

/* パス */

#floor-guide .path li:first-of-type,
#floor-guide .path li:last-of-type {
  margin-bottom: 0;
}

#floor-guide .path li:first-of-type span {
  font-weight: 700;
}

#floor-guide .path li:last-of-type span {
  font-weight: 600;
}

/* フロアガイド
------------------------------------------------------- */

#floor-guide .floor-guide {
  background: initial;
}

#floor-guide .floor-guide h3 {
  text-align: center;
}

#floor-guide .floor-guide .category-list {
  justify-content: center;
  margin-bottom: 60px;
}

#floor-guide .floor-guide .category-list li {
  margin-bottom: 0;
}

#floor-guide .floor-main-place {
  position: relative;
  /* min-height: 800px; */
}

#floor-guide h4 {
  display: inline-block;
  border-radius: 20px;
  padding: 5px 20px;
  min-width: 150px;
  text-align: center;
  background: #ffffd2;
  border: 1px solid #333;
}

#floor-guide h5 {
  font-size: 3.2rem;
  margin-bottom: 15px;
}

#floor-guide li {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}

#floor-guide li span {
  /* font-size: 1.8rem; */
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  #floor-guide .floor-guide {
    padding: 60px 0 150px 0;
  }
}

/* テクノプラザ本館
------------------------------------------------------- */

/* 写真非表示の間、一時的に記述した */

#first-place,
#second-place,
#venture-place {
  /* margin-top: -400px; */
  margin-top: -120px;
}

#floor-guide .floor-indoor-img-block {
  visibility: hidden;
  /* position: absolute; */
  /* top: 960px; */
}

#floor-guide .floor-place {
  position: relative;
  margin-bottom: 200px;
  min-height: 800px;
}

#floor-guide .floor-nav {
  /* margin-bottom: 250px; */
  /* margin-bottom: 380px; */
}

#floor-guide .floor-nav li a {
  font-size: 1.6rem;
  border-bottom: 1px solid #333;
}

#floor-guide .floor-nav .mark {
  color: #fff;
  background: #000;
  font-size: 1.4rem;
  border-radius: 20px;
  padding: 2px 10px;
  margin-left: 10px;
  min-width: 80px;
}

.floor-slider-block {
  /* position: relative; */
}

/* 館の画像 の基準位置 */

#floor-guide .floor-img {
  position: absolute;
}

/* テクノプラザ本館 5F */

#floor-guide .floor-img.main-5f {
  /* bottom: 98%;
  right: 10%; */
  top: 210px;
  right: 10%;
}

/* テクノプラザ本館 4F */

#floor-guide .floor-nav.main-4f {
  /* margin-bottom: 0px; */
  /* margin-bottom: -38px; */
}

#floor-guide .floor-img.main-4f {
  /* bottom: 95%;
  right: 18%; */
  width: auto;
  height: 580px;
  top: 190px;
  right: 18%;
}

/* テクノプラザ本館 3-1F */

#floor-guide .floor-nav.main-3-1f {
  /* margin-bottom: 0px; */
}

#floor-guide .floor-nav.main-3-1f .floor-slider-wrap {
  /* margin-top: -250px; */
}

#floor-guide .floor-nav.main-3-1f ul {
  margin-bottom: 20px;
}

#floor-guide .floor-img.main-3-1f {
  width: auto;
  height: 390px;
  /* right: 0;
  bottom: 200%; */
  top: 380px;
  right: 0;
}

.main-floor-3f-wrap .circle-btn-block {
  position: absolute;
  right: 0;
  top: -218px;
}

/* 第一別館 1F */

#floor-guide .floor-second-place {
  margin-top: -190px;
}

#floor-guide .floor-nav.first-place-1f {
  margin-bottom: 100px;
}

#floor-guide .floor-img.first-place-1f {
  width: auto;
  height: 220px;
  top: 350px;
  right: 0;
  /* bottom: 130%; */
}

/* 第一別館 2F */

#floor-guide .floor-nav.first-place-2f {
  /* margin-bottom: 100px; */
  margin-bottom: -60px;
}

#floor-guide .floor-img.first-place-2f {
  width: auto;
  height: 210px;
  top: 360px;
  right: 0;
  /* bottom: 130%; */
}

/* 第一別館 3F */

#floor-guide .floor-nav.first-place-3f {
  margin-bottom: 161px;
}

#floor-guide .floor-img.first-place-3f {
  width: auto;
  height: 210px;
  top: 320px;
  right: 0;
  /* bottom: 142%; */
}

/* 第一別館 4F */

#floor-guide .floor-nav.first-place-4f {
  margin-bottom: 191px;
}

#floor-guide .floor-img.first-place-4f {
  width: auto;
  height: 210px;
  top: 310px;
  right: 0;
  /* bottom: 145%; */
}

/* 第ニ別館 地下1F〜6F */

#floor-guide .floor-nav.second-place-f {
  /* margin-bottom: 380px; */
}

#floor-guide .floor-nav.second-place-f ul {
  min-height: 55px;
}

/* II 棟 */

#floor-guide .floor-img.second-place-f {
  width: auto;
  height: 540px;
  top: 180px;
  right: 0%;
  /* bottom: 115%; */
}

/* Ⅲ 棟 */

#floor-guide .floor-img.second-place-2-2f {
  width: auto;
  height: 280px;
  top: 440px;
  right: 42%;
  /* bottom: 115%; */
}

/* 第ニ別館 1F */

#floor-guide .floor-img.second-place-1f {
  width: auto;
  height: 560px;
  top: 200px;
  right: 0%;
  /* bottom: 102%; */
}

/* ベンチャーファクトリー */

#floor-guide .floor-img.venture-factory-f {
  width: auto;
  height: 420px;
  top: 320px;
  right: 20%;
  /* top: -290px; */
  /* bottom: 102%; */
}

/* 左右のボタン */

#floor-guide .circle-btn-block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  /* margin-bottom: 60px; */
  position: absolute;
  top: 750px;
  right: 0;
  z-index: 1;
}

#floor-guide .stairs-txt span {
  margin-right: 10px;
  color: #dcdcdc;
  font-weight: 700;
  font-size: 1.8rem;
}

#floor-guide .stairs-txt .on .under-txt {
  color: #333;
}

#floor-guide .stairs-txt span:last-of-type {
  margin-right: 0;
}

#floor-guide .stairs-txt .on {
  color: #333;
}

@media screen and (max-width: 767px) {
  #floor-guide .floor-nav {
    /* margin-bottom: 500px; */
    /* min-height: 1200px; */
    margin-bottom: 20px;
  }

  #floor-guide .floor-nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 10px;
    margin-bottom: 0;
  }

  #floor-guide .floor-nav ul p {
    font-size: 1.5rem;
  }

  #first-place,
  #second-place,
  #venture-place {
    margin-top: -120px;
  }

  #floor-guide .floor-place {
    min-height: 600px;
  }

  #floor-guide .floor-img {
    position: initial;
    margin-bottom: 20px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  /* @テクノプラザ本館 5F */

  #floor-guide .floor-img.main-5f {
    bottom: initial;
    right: 0%;
  }

  /* @テクノプラザ本館 4F */

  #floor-guide .floor-nav.main-4f {
    /* margin-bottom: 0px; */
    margin-bottom: initial;
    /* min-height: 1200px; */
  }

  #floor-guide .floor-img.main-4f {
    height: auto;
    right: 0;
    max-height: 400px;
  }

  /* テクノプラザ本館 3F */

  #floor-guide .floor-nav.main-3-1f {
    /* margin-bottom: 500px; */
    /* min-height: 1200px; */
  }

  #floor-guide .floor-nav.main-3-1f ul {
    margin-bottom: 0;
  }

  #floor-guide .floor-img.main-3-1f {
    height: auto;
    /* top: -40px; */
  }

  /* テクノプラザ本館 2F */

  #floor-guide .floor-nav.first-place-2f {
    margin-bottom: 20px;
  }

  /* 第一別館 */

  #floor-guide .floor-nav.first-place-1f,
  #floor-guide .floor-nav.first-place-3f,
  #floor-guide .floor-nav.first-place-4f {
    margin-bottom: 20px;
  }

  /* 第二別館 */

  #floor-guide .floor-img.second-place-f {
    width: auto;
    height: auto;
  }

  /* ベンチャーファクトリー */

  #floor-guide .floor-venture-place {
    margin-bottom: 100px;
  }

  #floor-guide .floor-venture-place .floor-nav ul {
    display: flex;
  }

  /* 地下1階の文字 */

  #floor-guide .stairs-txt .under-txt {
    font-size: 1.5rem;
  }

  /* ボタン */

  #floor-guide .circle-btn-block {
    position: relative;
    top: initial;
    gap: 10px;
    justify-content: center;
    /* position: absolute;
    top: 0;
    right: 0; */
  }

  #floor-guide .floor-img.first-place-1f,
  #floor-guide .floor-img.first-place-2f,
  #floor-guide .floor-img.first-place-3f,
  #floor-guide .floor-img.first-place-4f,
  #floor-guide .floor-img.venture-factory-f,
  #floor-guide .floor-img.second-place-1f {
    width: auto;
    height: auto;
  }

  /* 館内の写真 */

  #floor-guide .floor-indoor-img-block {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    display: none;
  }

  #floor-guide .floor-indoor-img-block img {
    width: 49%;
    margin-bottom: 2%;
  }
}

/* ========================================================================
                    図書資料室							[ /library-room ]
======================================================================== */

/* aside の位置調整（図書資料室）
------------------------------------------------------- */

#library-room section {
  flex: 70%;
}

/* aside 図書資料室ご利用案内 */

#library-room .library-guide-aside-page aside {
  padding-top: 102px;
}

/* aside 開館カレンダー */

#library-room .library-calendar-aside-page aside {
  padding-top: 3px;
}

/* aside フロアマップ */

#library-room .library-floor-map-aside-page aside {
  padding-top: 3px;
}

/* aside 概要 */

#library-room .library-summary-aside-page aside {
  padding-top: 3px;
}

/* aside 寄贈図書 雑誌/JIS規格 */

#library-room .library-jis-aside-page aside {
  padding-top: 3px;
}

/* aside 所蔵図書資料検索 */

#library-room .library-search-aside-page aside {
  padding-top: 3px;
}

#library-room .library-search-aside-page .img-in-txt-block img {
  padding: 15px;
}

/* 図書資料室 利用状況
------------------------------------------------------- */

#library-room .library-guide-wrap {
  margin-top: 100px;
  margin-bottom: 100px;
  max-width: 910px;
}

/* 青色の見出し、テキスト、ボタン、画像のエリア（共通パーツ） */

.page-txt-button-content {
  margin-bottom: 100px;
  max-width: 910px;
}

.page-txt-button-content .button-block {
  text-align: right;
  margin-bottom: 40px;
}

.page-txt-button-content .txt {
  margin-bottom: 20px;
}

/* 寄贈図書 雑誌/JIS規格
------------------------------------------------------- */

#library-room .library-jis-wrap {
  margin-bottom: 100px;
}

#library-room .jis-slider-content,
#library-room .jis-slider {
  position: relative;
  display: grid;
  max-width: 910px;
}

/* 青のスライダーボタン */

#library-room .jis-slider-content button.slide-arrow.next-arrow.slick-arrow,
#library-room .jis-slider-content button.slide-arrow.prev-arrow.slick-arrow {
  right: 0;
  border: 1px solid #0064ff;
}

#library-room .jis-slider-content button.slide-arrow.next-arrow.slick-arrow:hover,
#library-room .jis-slider-content button.slide-arrow.prev-arrow.slick-arrow:hover {
  background: #fff;
}

#library-room .jis-slider-content button.slide-arrow.next-arrow.slick-arrow::before {
  background: url(../../img/common/icon-harf-arrow-blue-right.png) no-repeat center;
  background-size: contain;
}

#library-room .jis-slider-content button.slide-arrow.prev-arrow.slick-arrow::before {
  background: url(../../img/common/icon-harf-arrow-blue-left.png) no-repeat center;
  background-size: contain;
}

#library-room .library-pdf-nav {
  background: #f2f7ff;
  padding: 50px 70px;
  display: flex;
  justify-content: center;
  gap: 10px;
  max-width: 910px;
  min-height: 430px;
  align-items: flex-start;
}

#library-room .library-pdf-nav ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 5px;
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
  #library-room .library-pdf-nav ul li a {
    font-size: 1.45rem;
  }
}

@media screen and (max-width: 767px) {
  #library-room .library-pdf-nav {
    padding: 50px 30px;
    flex-wrap: wrap;
    gap: 0 15px;
    justify-content: center;
    min-height: 780px;
  }

  #library-room .library-pdf-nav ul {
    grid-template-columns: repeat(2, 1fr);
  }

  #library-room .jis-slider-content button.slide-arrow.next-arrow.slick-arrow,
  #library-room .jis-slider-content button.slide-arrow.prev-arrow.slick-arrow {
    width: 35px;
    height: 35px;
  }

  #library-room .jis-slider-content button.slide-arrow.next-arrow.slick-arrow {
    right: -5px;
  }

  #library-room .jis-slider-content button.slide-arrow.prev-arrow.slick-arrow {
    left: -5px;
  }

  #library-room .jis-slider-content button.slide-arrow.next-arrow.slick-arrow::before {
    background: url(../../img/common/icon-harf-arrow-blue-right.png) no-repeat center;
    background-size: 20px;
  }

  #library-room .jis-slider-content button.slide-arrow.prev-arrow.slick-arrow::before {
    background: url(../../img/common/icon-harf-arrow-blue-left.png) no-repeat center;
    background-size: 20px;
  }
}

/* 所蔵図書資料検索
------------------------------------------------------- */

#library-room .library-search-aside-page .page-txt-button-content .txt {
  margin-bottom: 50px;
}

/* ========================================================================
                    所蔵図書資料検索							[ /library-materials ]
======================================================================== */

#library-materials .library-materials-wrap {
  margin: 100px auto;
}

#library-materials .dataTables_wrapper {
  position: initial;
  overflow-x: auto;
  white-space: nowrap;
}

#library-materials .dataTables_filter {
  position: absolute;
  top: -40px;
  right: 0px;
}

#library-materials .dataTables_info {
  position: absolute;
  bottom: -35px;
  left: 0;
}

#library-materials .dataTables_paginate.paging_simple {
  position: absolute;
  bottom: -35px;
  right: 0;
}

@media screen and (max-width: 767px) {
  #library-materials .dataTables_filter {
    right: 10px;
  }

  #library-materials .dataTables_info {
    left: 10px;
  }

  #library-materials .dataTables_paginate.paging_simple {
    right: 10px;
  }
}

/* ========================================================================
                        BLOG							[ /blog ]
======================================================================== */

/* BLOG 一覧ページ（archive）
----------------------------*/

@media screen and (max-width: 767px) {
  .blog {
    max-height: initial;
  }
}

/* ========================================================================
                    お知らせ							[ /news ]
======================================================================== */

/* お知らせ 一覧ページ（archive）
----------------------------*/

/* .widget-key.news {
  background: url(../../img/news/bg-news.png) no-repeat center / cover;
} */

/* BLOG一覧ページ（archive）
----------------------------*/

/* .widget-key.blog {
  background: url(../../img/blog/bg-blog.png) no-repeat center / cover;
} */

/* カスタム投稿（TOPページの表示）
-------------------------------*/

#archive-news .posting-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px 80px;
  margin-bottom: 20px;
}

/* TOPサムネイル */

#archive-news .posting-card-thumbnail,
.slider-noimage {
  height: 220px;
  overflow: clip;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.slider-noimage {
  margin-bottom: 0;
}

.wp-post-image,
#archive-news .posting-card__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#archive-news .posting-card__thumbnail img {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  border-radius: 10px;
}

/* カスタム投稿（アーカイブページの表示）
-----------------------------------*/

/* 見出し */

#archive-news h2 {
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 40px;
}

/* 投稿タイトル */

#archive-news .posting-card h2 {
  font-size: 4rem;
  margin-bottom: 40px;
  text-align: center;
}

/* アーカイブページ サムネイル */

#archive-news .posting-card-thumbnail,
#archive-news .column-list__noimage {
  height: 400px;
}

@media screen and (max-width: 767px) {
  /* @見出し */

  #archive-news h2 {
    text-align: left;
  }

  #archive-news .posting-card {
    grid-template-columns: repeat(1, 1fr);
  }

  /* @投稿タイトル */

  #archive-news .posting-card h2 {
    font-size: 2.2rem;
    margin-bottom: 20px;
    text-align: left;
  }

  /* @アーカイブページ サムネイル */

  #archive-news .posting-card-thumbnail,
  #archive-news .column-list__noimage {
    height: 220px;
  }

  /* タグ */

  .posting-card p {
    font-size: 1.6rem;
  }
}

/* お知らせ のカスタム投稿（アーカイブページ）
--------------------------------------------*/

#archive-news .sub-page-inner-wrap {
  margin-bottom: 100px;
}

#archive-news .category-link span:first-of-type:hover {
  color: #0064ff;
  border-bottom: 1px solid #0064ff;
}

#archive-news .category-list {
  margin-bottom: 30px;
}

.category-list .first-mark {
  padding: 0 20px 0 0;
}

#archive-news .posting-card.news .news-category {
  min-width: 110px;
  margin-right: 40px;
  font-size: 1.6rem;
}

#archive-news .news-heading {
  /* text-align: left;
  line-height: 1.45;
  letter-spacing: 0;
  margin-bottom: 75px; */
}

#archive-news .news-heading span {
  /* display: block;
  color: #D5D5D5;
  font-size: 2.7rem;
  letter-spacing: 0.05em; */
}

#archive-news .posting-card.news {
  display: block;
  margin-bottom: 80px;
}

#archive-news .posting-card.news ul li:first-of-type {
  border-top: 1px solid #333;
}

#archive-news time {
  font-weight: 600;
  margin-right: 15px;
}

#archive-news .posting-card.news a {
  display: flex;
  gap: 10px 30px;
  font-size: 1.8rem;
  padding: 30px 0px;
  border-bottom: 1px solid #333;
  transition: all 0.3s;
  font-weight: 600;
}

#archive-news .posting-card.news a:hover {
  /* background: #B5D2FF; */
}

#archive-news .posting-title-txt p {
  color: #5d5d63;
}

/* サムネイル */

#archive-news .posting-card.news .post-thumbnail {
  min-width: 320px;
  height: 250px;
  overflow: hidden;
  margin-left: auto;
}

#archive-news .posting-card.news img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #333;
}

/* 投稿の背景 */

#archive-news .posting-card-wrap.news {
  background: #f3f3f3;
  padding: 70px 0 100px 0;
}

/* 投稿日とカテゴリー */

#archive-news .posting-year-category {
  /* min-width: 300px; */
  min-width: 150px;
}

#archive-news .posting-title-txt h3 {
  font-size: 1.9rem;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  #archive-news .sub-page-inner-wrap {
    margin-bottom: 60px;
  }

  #archive-news .news-heading {
    margin-bottom: 20px;
  }

  #archive-news .news-heading span {
    font-size: 2.2rem;
  }

  #archive-news .posting-card.news a {
    font-size: 2rem;
    padding: 30px 0;
    flex-direction: column;
    line-height: 1.5;
  }

  #archive-news .posting-card.news time {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }

  .category-list .first-mark {
    padding: 0 7px 0 0;
  }
}

/* ========================================================================
                    イベント、セミナー、交流会（アーカイブ） 		[ /search ]
======================================================================== */

#archive-search .sub-page-inner-wrap {
  margin-bottom: 100px;
}

#archive-search .posting-card-wrap-all {
  background: #def6da;
  padding: 100px 0;
}

#archive-search .category-list {
  margin-bottom: 30px;
}

/* キーワード */

#archive-search .keyword-block {
  margin-bottom: 100px;
}

#archive-search .keyword-txt {
  position: relative;
  margin-right: 30px;
  min-width: 84px;
}

#archive-search .keyword-block .keyword-txt::before {
  content: '';
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  height: 1.5px;
  width: 100%;
  background: #333;
}

#archive-search .posting-card-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 80px;
  margin-bottom: 80px;
}

#archive-search .card-tag a {
  min-width: 120px;
}



@media screen and (max-width: 767px) {
  #archive-search .sub-page-inner-wrap {
    margin-bottom: 60px;
  }

  #archive-search .posting-card-wrap-all {
    padding: 60px 0 80px 0;
  }

  #archive-search .posting-card-wrap {
    grid-template-columns: repeat(1, 1fr);
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* 投稿 */

#archive-search .post-content {
  position: relative;
}

/* タイトル */

#archive-search .post-content h3,
#archive-search .post-content h3 {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 15px;
}

/* サムネイル */

#archive-search .post-content .post-thumbnail,
#archive-search .post-content .post-noimage {
  position: relative;
  /* border-radius: 15px; */
  /* border: 1px solid #333; */
  z-index: 1;
}

#archive-search .post-content .post-thumbnail img,
#archive-search .post-content .post-noimage img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 影 */

#archive-search .post-content .post-thumbnail img,
#archive-search .post-content .post-noimage img {
  /* border-radius: 13px; */
  border-radius: 15px;
  border: 1px solid #333;
}

#archive-search .post-content .post-thumbnail::before,
#archive-search .post-content .post-noimage::before {
  content: '';
  position: absolute;
  top: 5px;
  right: -5px;
  background: #333;
  border: 1px solid #333;
  /* width: 258px; */
  width: 98%;
  height: 228px;
  border-radius: 15px;
  z-index: -1;
}

/* 影の色 */

#archive-search .post-content.seminar-color .post-thumbnail::before,
#archive-search .post-content.seminar-color .post-noimage::before {
  background: #b4b400;
}

#archive-search .post-content.event-color .post-thumbnail::before,
#archive-search .post-content.event-color .post-noimage::before {
  background: #dc6464;
}

#archive-search .post-content.induction-color .post-thumbnail::before,
#archive-search .post-content.induction-color .post-noimage::before {
  background: #858585;
}

#archive-search .post-content.fellowship-color .post-thumbnail::before,
#archive-search .post-content.fellowship-color .post-noimage::before {
  background: #4477bb;
}

/* 点線 */

#archive-search .post-content h3::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0px;
  right: 0;
  background: url(../../img/common/icon-dot-red.png) no-repeat left #def6da;
  background-size: 152%;
}

#archive-search .post-content.fellowship-color h3::before {
  background: url(../../img/common/icon-dot-black.png) no-repeat left #def6da;
  background-size: 152%;
}

#archive-search .post-content.seminar-color h3::before {
  background: url(../../img/common/icon-dot-yellow.png) no-repeat left #def6da;
  background-size: 152%;
}

#archive-search .post-content.induction-color h3::before {
  background: url(../../img/common/icon-dot-gray.png) no-repeat left #def6da;
  background-size: 152%;
}

#archive-search .post-thumbnail,
#archive-search .post-noimage {
  width: 100%;
  height: clamp(230px, 16.67vw, 230px);
  overflow: initial;
  position: relative;
  margin-bottom: 20px;
}

#archive-search .post-txt-block {
  display: flex;
  margin-bottom: 5px;
}

#archive-search .post-txt-block:last-of-type {
  margin-bottom: 15px;
}

#archive-search .post-txt-block .name {
  min-width: 70px;
}

@media screen and (max-width: 767px) {
  #archive-search .post-thumbnail,
  #archive-search .post-noimage {
    height: 250px;
  }

  #archive-search .post-content.event-color .post-thumbnail::before,
  #archive-search .post-content.event-color .post-noimage::before {
    height: 250px;
  }

  #archive-search .post-content h3::before {
    background-size: 102%;
  }

  #archive-search .post-content .post-thumbnail::before,
  #archive-search .post-content .post-noimage::before {
    height: 248px;
  }
}

/* ========================================================================
                    求人情報（アーカイブ） 		[ /recruit ]
======================================================================== */

#archive-recruit .sub-page-inner-wrap {
  margin-bottom: 100px;
}

#archive-recruit .posting-card-wrap-all {
  padding-bottom: 100px;
}

.border-on .category-small-txt {
  border-bottom: 1px solid black;
}

.pre-recruit {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.5;
  margin-top: 100px;
  color: #858585;
}

.recruit-title {
  h2 {
    padding-bottom: 20px;
  }

  p {
    padding-bottom: 30px;
  }
}

#sheet-data {
  overflow-x: auto;

  table {
    text-wrap: nowrap;

    th, td {
      padding: 5px;
      border: 1px solid white;
    }

    th {
      color: white;
      background-color: #23aa37;
      padding: 10px;
    }

    tr {
      background: white;
    }

    tr:nth-child(even) {
      background: #efefef;
    }

    tr:hover {
      background: #d1d1d1;
    }

    a {
      color: #00aaff;
    }
  }
}

#archive-recruit {
  table {
    border: solid 2px #333;
    overflow-x: auto;
    text-wrap: nowrap;

    th, td {
      padding: 5px;
      border: 1px solid white;
    }

    th {
      color: white;
      background-color: #23aa37;
      padding: 10px;
    }

    tr {
      background: white;
    }

    tr:nth-child(even) {
      background: #efefef;
    }

    tr:hover {
      background: #d1d1d1;
    }

    a {
      color: #00aaff;
    }
  }
}

@media screen and (max-width: 767px) {
  .scroll {
    width: 100vw;
    overflow: auto;
  }
}

.recruit_capcule {
  padding-top: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;

  li {
    border: solid 2px #333;
    background-color: #EEEEEE;
    text-align: center;
    padding: 15px 12px;
  }

  img {
    height: 25vh;
    width: 100%;
    object-fit: cover;
  }

  p {
    padding: 0;
  }

  li:hover {
    background: #0064FF;
    color: white;
  }
}

@media screen and (max-width: 767px) {
  .recruit_capcule {
    padding-top: 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  
    li {
      border: solid 2px #333;
      background-color: #EEEEEE;
      text-align: center;
      padding: 15px 12px;
    }
  }
}

/* 現在は募集していません を一時的に表示させるCSS START（求人を公開時には、コメントアウト）
----------------------------------------------------------*/

/* カテゴリーのリンクを無効に */

#archive-recruit .category-list a {
  pointer-events: none;
}

/* 現在は募集しておりません の文章 */

#archive-recruit .temporary {
  text-align: center;
  line-height: 2.5;
  margin-bottom: 100px;
  padding: 100px 0;
}


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

  /* 現在は募集しておりません */

  #archive-recruit .temporary {
    margin-bottom: 0px;
  }
}



/* 現在は募集していません を一時的に表示させるCSS END（求人を公開時には、コメントアウト）
----------------------------------------------------------*/




@media screen and (max-width: 767px) {
  #archive-recruit .sub-page-inner-wrap {
    margin-bottom: 50px;
  }
}







/* 個別投稿ページ（共通）
------------------------------------------------------- */

#single {
  /* margin-bottom: 100px; */
}

/* 見出し */

#single .entry h1 {
  /* margin-top: 0; */
  font-size: 3rem;
}

#single .entry h1,
#single .entry h2,
#single .entry h3,
#single .entry h4,
#single .entry h5,
#single .entry h6 {
  /* line-height: 1.5; */
  margin-bottom: 20px;
}

#single .entry p {
  /* line-height: 1.7; */
  line-height: 2;
}

#single .entry p a:hover {
  color: #0064ff;
}

#single .posting-heading {
  /* border-bottom: 1px solid #707070;
  padding-bottom: 35px;
  margin-bottom: 75px;
  line-height: 1.5; */
}

#single time {
  /* display: block;
  color: #3B6CBA;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 25px; */
  margin-right: 20px;
}

#single .wp-block-image img {
  margin-bottom: 50px;
}

#single .wp-block-table {
  margin-bottom: 30px;
}

/* タグ */

#single .card-tag {
  /* margin: 100px 0 0 0;
  justify-content: center; */
}

/* 投稿ページ インナー */

.single-inner {
  max-width: 860px;
}

#single .single-inner .single-category {
  /* padding: 10px 20px; */
  display: inline-block;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-radius: 10px 10px 0 0;
}

#single .single-inner .single-category span,
#single .single-inner .single-category a {
  display: block;
  padding: 10px 20px;
}

/* 個別投稿ページ（共通）
------------------------------------------------------- */

#single .sub-page-inner {
  /* margin-bottom: 100px; */
}

/* 投稿日時 */

#single .time-category {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 50px;
  font-weight: 600;
  color: #858585;
}

/* カテゴリー */

#single .post-category {
  padding: 0px 5px;
}

/* サムネ */

#single .slider-thumbnail {
  margin-bottom: 50px;
}

#single .entry {
  /* margin-bottom: 100px; */
  /* padding-bottom: 100px; */
  padding: 100px 0;
}

#single ul {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  #single .entry {
    padding: 60px 0;
  }

  #single time {
    font-size: 1.6rem;
    margin-bottom: 0;
  }

  #single .entry .posting-heading {
    font-size: 1.9rem;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  /* @タグ */

  #single .card-tag {
    margin: 50px 0 0 0;
  }
}

/* 個別投稿ページ（お知らせ）
------------------------------------------------------- */

#single .news-entry {
  background: #f3f3f3;
}

#single .news-entry p a {
  color: #0064ff;
}



/* 個別投稿ページ（イベント、セミナー、交流会）
------------------------------------------------------- */

#single-search .entry {
  background: #def6da;
  padding: 100px 0;
}

#single-search .entry .post-thumbnail-content ul {
  margin: 30px 0;
}

#single-search .entry .post-thumbnail-content figure {
  margin: 30px 0;
}

#single-search .entry .post-thumbnail-content a:hover {
  color: #0064ff;
}

/* カテゴリーの楕円 */

#single-search .category-mark {
  position: initial;
  margin-bottom: 20px;
  margin-right: 10px;
}

#single-search .time-category {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 500;
}

/* 見出し */

#single-search .posting-heading {
  margin-bottom: 30px;
}

/* 外枠 */

#single-search .post-thumbnail-content {
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #333;
}

/* リンクの色 */

#single-search .post-thumbnail-content a {
  color: #0064ff;
}


/* タグのリンク色 */

#single-search .post-thumbnail-content .card-tag a {
  color: #333;
  min-width: 120px;
}


/* サムネイル */

#single-search .wp-post-image {
  border: none;
  border-radius: initial;
  margin-bottom: 30px;
}

#single-search .entry p {
  line-height: 1.7;
}

#single-search .card-tag {
  position: relative;
  justify-content: flex-end;
  /* margin: 50px 0; */
  padding: 50px 0;
  margin-bottom: 50px;
}

/* イベント記事のドット */

#single-search .event-color .card-tag:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0px;
  right: 0;
  background: url(../../img/common/icon-dot-red.png) repeat-x left;
  background-size: contain;
}

/* セミナー記事のドット */

#single-search .seminar-color .card-tag:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0px;
  right: 0;
  background: url(../../img/common/icon-dot-yellow.png) repeat-x left;
  background-size: contain;
}

/* 交流会記事のドット */

#single-search .fellowship-color .card-tag:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0px;
  right: 0;
  background: url(../../img/common/icon-dot-black.png) repeat-x left;
  background-size: contain;
}

#single-search .post-txt-block {
  display: flex;
  margin-bottom: 15px;
}

#single-search .post-txt-block .entry-name {
  min-width: 120px;
}

@media screen and (max-width: 767px) {
  #single-search .entry {
    background: #def6da;
    padding: 60px 0;
  }

  #single-search .post-thumbnail-content {
    padding: 25px 10px 10px 10px;
  }
}

/* ========================================================================
            個別投稿ページ（ものづくり企業のみなさま）				[ /manufacture ]
======================================================================== */

#single .sub-page-inner.single-manufacture {
  margin-bottom: 0;
}

#single .single-manufacture-aside aside {
  padding: 105px 20px 80px 50px;
}

#single .single-manufacture-aside .dots-nav h4::before {
  content: initial;
}

#single .single-manufacture-aside .entry {
  /* margin-top: 100px; */
}

#single .single-manufacture-aside .entry a {
  color: #0064ff;
  text-decoration: underline #0064ff;
  text-underline-offset: 2px;
}

#single .single-manufacture-aside .entry a.wp-block-file__button {
  color: #fff;
}

#single .single-manufacture-aside .entry .wp-block-button a {
  color: #fff;
  text-decoration: initial;
  text-underline-offset: initial;
}

#single .single-manufacture-aside .entry table {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}



@media screen and (max-width: 1300px) and (min-width: 768px) {
  #single .single-manufacture-aside .single-inner {
    max-width: 765px;
  }
}

/* ========================================================================
                        未来ビジネス創造セミナー							[ /future ]
======================================================================== */

/* アーカイブページ（未来ビジネス創造セミナー）
------------------------------------------------------- */

/* アンカーリンク */

#future-seminar-archive .anker-link-block {
  position: relative;
  margin-top: 80px;
  z-index: 1;
}

#future-seminar-archive .future {
  background: #e5e5a6;
  padding: 70px 0;
}

/* ヘルスケア */

#future-seminar-archive .health-care-heading {
  min-width: 120px;
}

/* エネルギー */

#future-seminar-archive .energy-heading {
  min-width: 120px;
}

/* DX化 */

#future-seminar-archive .dx-heading {
  min-width: 60px;
}

.radius-block-wrap-all {
  margin-bottom: 100px;
}

.radius-block-wrap.archive {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 150px;
  justify-content: space-between;
}

.radius-block-wrap.archive .radius-txt-block {
  background: #dcdcdc;
}

#future-seminar-archive .summary-txt {
  margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
  #future-seminar-archive .anker-link-block {
    margin-top: 60px;
  }

  #future-seminar-archive .future {
    padding: 60px 0 1px 0;
  }

  #future-seminar-archive .radius-block-wrap-all {
    margin-bottom: 80px;
  }

  .radius-block-wrap.archive {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* 個別ページ（未来ビジネス創造セミナー）
------------------------------------------------------- */

.single-future .entry {
  background: #e5e5a6;
}

.single-future .single-category {
  background: #fff;
  font-weight: 500;
}

.single-table-content {
  border: 1px solid #333;
  border-radius: 0 15px 15px 15px;
  padding: 30px 30px 0px 30px;
  background: #fff;
}

#single .single-table-content .wp-block-table {
  margin-bottom: 0;
}

#single .single-table-content tr:last-of-type td {
  border-bottom: initial;
}

#single .single-table-content .wp-block-image img {
  width: 100%;
  max-width: 800px;
}

#single .single-table-content .wp-block-table {
  margin: 0 -30px;

  border-bottom: 1px solid #333;
  margin-bottom: 30px;
}

#single .single-table-content .wp-block-table tr:first-of-type td:first-of-type {
  width: 33%;
}

#single .single-table-content .wp-block-table:last-of-type {
  margin-bottom: 0px;
  border-bottom: initial;
}


#single .single-table-content a {
  color:#0064ff;
}

#single .single-table-content .wp-block-buttons a {
  color: #fff;
}

/* お問い合わせ先のリンク */

#single .single-table-content .table-contact-content a {
  color: #333;
}



@media screen and (max-width: 767px) {
  .single-table-content {
    padding: 30px 10px 0px 10px;
  }

  #single .single-table-content .wp-block-table {
    /* margin: 0 -10px; */
    margin: 0 -10px 30px -10px;
  }

  #single .single-table-content .wp-block-table tr:first-of-type td:first-of-type {
    width: 25%;
    min-width: 90px;
  }

  #single .single-table-content .wp-block-table tr:first-of-type td {
    width: 90%;
  }
}


/* ========================================================================
                        ものづくりDX人材リスキリング	 	[ /reskilling ]
======================================================================== */

.single-reskilling .entry {
  background: #e5e5a6;
}

#single .single-reskilling .single-category,
.single-reskilling .single-category {
  background: #c2c2c2;
}

#single .single-category.reskilling-1,
#single .single-category.reskilling-2,
#single .single-category.reskilling-3 {
  background: #fff;
}

/* カテゴリー名 */

#single .single-category2 {
  position: absolute;
  left: 104px;
}

#single .single-category3 {
  position: absolute;
  left: 224px;
}

.single-reskilling .single-table-content {
  position: relative;
  background: #fff;
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  #single .single-category2 {
    position: absolute;
    left: 114px;
  }

  #single .single-category3 {
    left: 234px
  }

  #single .single-reskilling .single-table-content {
    background-size: 95% 9px;
  }

  .single-reskilling .single-table-content::before {
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
  }
}

/* ========================================================================
                    テクノプラザイノベーション研修（DBから出力するアーカイブページ）	 	[ /innovation ]
======================================================================== */

/* アーカイブページ（デジタルイノベーション研修）
------------------------------------------------------- */

#innovation-all .anker-link-block {
  position: relative;
  margin-top: 80px;
  z-index: 1;
}

#innovation-all .button-block-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 600px;
  margin-left: auto;
  gap: 20px;
  margin-bottom: 50px;
  z-index: 1;
}

#innovation-all .innovation-all {
  background: #e5e5a6;
  padding: 70px 0;
}

#innovation-all .summary-txt {
  margin-bottom: 70px;
}

#innovation-all .radius-block-toggle {
  position: relative;
  z-index: 1;
}

#innovation-all .radius-txt-block span {
  padding: 0 15px;
}

/* 区切り | */

#innovation-all .radius-txt-block .juncture {
  text-decoration: none;
}

/* モノづくり系研修 */

#innovation-all .manufacturing-heading {
  min-width: 190px;
}

/* DX系研修 */

#innovation-all .dx-heading {
  min-width: 110px;
}

/* ヒューマンスキル系研修 */

#innovation-all .human-heading {
  min-width: 250px;
}

/* ヒューマンスキル系研修 */

#innovation-all .aircraft-heading {
  min-width: 150px;
}

/* ヒューマンスキル系研修 */

#innovation-all .examination-heading {
  min-width: 270px;
}

/* 上三角 */

#innovation-all .radius-block-toggle h4 {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

#innovation-all .radius-block-toggle h4 span {
  padding-right: 30px;
}

#innovation-all .radius-block-toggle h4::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-30%);
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid black;
}

#innovation-all .radius-block-toggle h4.is-drop-open::after {
  border-bottom: 7px solid black;
  border-top: none;
}

@media screen and (max-width: 767px) {
  #innovation-all .anker-link-block {
    margin-top: 60px;
  }

  #innovation-all .innovation-all {
    background: #e5e5a6;
    padding: 50px 0 1px 0;
  }

  #innovation-all .radius-block-wrap-all {
    margin-bottom: 80px;
  }

  #innovation-all .button-block-wrap {
    flex-direction: column;
    text-align: right;
  }
}

/* ========================================================================
                    テクノプラザイノベーション研修（DBから出力する個別ページ）	 	[ /innovation ]
======================================================================== */

#single .single-innovation-wrap {
  background: #e5e5a6;
}

#single .single-innovation h2 {
  margin-bottom: 50px;
}

#single .single-innovation .single-category {
  background: #fff;
}

#single .single-innovation .post-category {
  font-size: 1.8rem;
  font-weight: 700;
}

#single .single-innovation img {
  margin-bottom: 50px;
}

#single .single-innovation li {
  padding-left: 0;
}

#single .single-innovation .single-table-content a {
  border-bottom: 1px solid #333;
}

#single .single-innovation .single-table-content a:hover {
  /* color:#0064ff;
  border-bottom: 1px solid #0064ff; */
}

#single .single-innovation .table-contact-content a {
  border: none;
}

/* SOLIDWORKS ロゴ */

#single .single-innovation-wrap.solidworks .single-table-content {
  position: relative;
}

#single .single-innovation-wrap.solidworks .single-table-content::before {
  content: '';
  position: absolute;
  width: 131px;
  height: 116px;
  top: 19px;
  right: 19px;
  background: url(../../img/page/icon-solid-works-logo.jpg) center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  #single .single-innovation img {
    margin-bottom: 30px;
  }

  #single .single-innovation-wrap.solidworks .single-table-content::before {
    width: 100px;
    height: 88.5px;
    top: 21.5px;
    right: 2px;
  }
}

/* ========================================================================
      助成金のご案内、受講のご案内、オーダーメイド研修のご案内	 	[ /innovation ]
======================================================================== */

#innovation-guide .simple-page-wrap {
  background: #e5e5a6;
}

#innovation-guide .simple-page-wrap .inner {
  border: 1px solid #333;
  border-radius: 15px;
  background: #ffff;
  overflow: hidden;
  padding: 30px 0 0 0;
}

#innovation-guide .simple-page-wrap p {
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  #innovation-guide .simple-page-wrap {
    padding-right: 10px;
    padding-left: 10px;
  }

  #innovation-guide .simple-page-wrap .inner {
    padding: 30px 10px 0 10px;
  }
}

/* ========================================================================
                    サイトマップ							[ /site-map ]
======================================================================== */

#site-map .site-map-menu-wrap a:hover {
  color: #0064ff;
}

#site-map .site-map-content {
  /* display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 30px; */
  padding-top: 100px;
  padding-bottom: 40px;
}

#site-map .site-map-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 30px;
  padding-bottom: 50px;
}

#site-map .site-map-menu-wrap .policy-nav {
  width: 100%;
}

#site-map .site-map-menu-wrap .policy-nav h2 {
  margin-bottom: 10px;
}

#site-map .sns-googlemap-wrap {
  margin-bottom: 110px;
}

#site-map .site-map-menu-wrap h2,
#site-map .site-map-menu-wrap h3 {
  display: inline-block;
}

#site-map .site-map-menu-wrap li:last-of-type h3 {
  margin-bottom: 0;
}

#site-map .sns-googlemap-wrap .google-map-link-block {
  text-align: right;
  margin-top: -25px;
}

#site-map .sns-googlemap-wrap .google-map-link-block a:hover {
  color: #333;
}

#site-map .manufacture {
  padding: 0;
}

#site-map .location ul li {
  margin-bottom: 0;
}


#site-map .location-nav ul .operating-sub-list {
  margin-bottom: 10px;
}

#site-map .location-nav ul .operating-sub-list li {
  margin-bottom: 5px;
}



@media screen and (max-width: 767px) {
  #site-map .site-map-menu-wrap .floor-nav {
    margin-bottom: 30px;
  }

  /* #site-map .site-map-content {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 60px;
  } */

  #site-map .site-map-grid {
    grid-template-columns: repeat(1, 1fr);
    /* padding-top: 60px; */
  }

  #site-map .sns-googlemap-wrap .sns {
    margin-bottom: 40px;
  }

  #site-map .sns-googlemap-wrap .google-map-link-block {
    margin-top: 0;
    text-align: left;
  }
}

/* ========================================================================
                        プライバシーポリシー							[ /privacy-policy/ ]
======================================================================== */

#privacy .privacy a {
  -webkit-text-decoration: underline #333;
  text-decoration: underline #333;
  text-underline-offset: 6px;
}

.simple-page-wrap {
  padding-top: 100px;
  padding-bottom: 100px;
}

.simple-page h3 {
  margin-bottom: 20px;
}

.simple-page p {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .simple-page-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/* ========================================================================
                        検索結果							[ search.php ]
======================================================================== */

#search .search-result {
  padding: 100px 0px;
}

/* 〜の検索結果 〇件 */

#search .search-result h3 {
  margin-bottom: 50px;
}

/* 検索結果のタイトル */

#search .search-result h4 {
  margin-bottom: 10px;
}

#search .search-result p {
  line-height: 2.5;
}

#search .search-result-nav {
  margin-bottom: 80px;
}

#search .search-result-nav li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #333;
}

/* ========================================================================
                        お問い合わせ							[ /contact/ ]
======================================================================== */

#contact .contact-txt-wrap {
  padding: 100px 0px;
}

#contact .contact-txt-wrap p {
  line-height: 2;
}

/* フォーム */

#contact .contact-form-wrap {
  position: relative;
  margin: 0 100px 100px 30px;
  padding-top: 100px;
}

#contact .contact-form-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  border-top: 1px solid #333;
  max-width: 1600px;
}

#contact .contact-form-wrap h3 {
  text-align: center;
  margin-bottom: 80px;
}

/* お問い合わせの項目 */

#contact .contact-form-wrap h4 {
  margin-bottom: 0;
  min-width: 360px;
  display: flex;
  justify-content: space-between;
  margin-right: 10px;
}

#contact .contact-form-wrap h4 span {
  color: #fff;
  background: #333;
  border-radius: 30px;
  font-size: 1.5rem;
  padding: 2px 10px;
}

/* フォームの項目 */

#contact .contact-form-wrap .form-content {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 25px;
}

#contact .contact-form-wrap .form-block {
  width: 100%;
}

/* 法人、個人 */

#contact .contact-form-wrap .form-content .form-block {
  width: 8%;
}

/* 本サイトをご覧になったきっかけ */

#contact .contact-form-wrap .chance-block {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

#contact .contact-form-wrap .chance-block label {
  min-width: 170px;
}

#contact .contact-form-wrap .chance-block .label-txt {
  min-width: 400px;
}

/* 郵便番号 */

#contact .contact-form-wrap .form-post-number {
  width: 100px;
}

#contact .contact-form-wrap .widget-btn {
  text-align: center;
  margin-top: 80px;
}

#contact .contact-form-wrap .widget-btn button {
  -webkit-text-decoration: underline #333;
  text-decoration: underline #333;
  text-underline-offset: 6px;
}

/* 電話番号 */

/* .fixation-page .contact-tel {
  margin-bottom: 10px;
} */

/* #contact table {
  margin-bottom: 50px;
}

#contact tr {
border-bottom: 1px solid #3C3C3C;
}

#contact tr:first-of-type {
  border-top: 1px solid #3C3C3C;
}

#contact th {
  background: #F0F0F0;
  width: 25%;
  padding: 26px 20px;
  font-weight: 600;
}

#contact th span {
  color: #e12120;
}

#contact td {
  text-align: left;
} */

/* お名前 */

#contact input.form-name {
  width: 400px;
}

/* メール */

#contact input.form-mail {
  /* width: 420px; */
}

/* TEL */

#contact input.form-tel {
}

/* テキストエリア */

#contact textarea {
  min-height: 150px;
}

#contact .please {
  margin-bottom: 50px;
}

/* ラジオボタン、チェックボックス */

#contact input[type='radio'],
#contact input[type='checkbox'] {
  position: relative;
  margin: 0 0.5em 0 0;
  vertical-align: baseline;
  cursor: pointer;
  scale: 1.6;
  border-radius: 50%;
  background: #cbcbcb;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  margin: 0 0 -3px 6px;
}

#contact input[type='radio']:checked:before,
#contact input[type='checkbox']:checked:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 7px;
  background: #333;
  border-radius: 50%;
}

#contact .form-block span,
#contact .chance-block span {
  margin-left: 8px;
}

@media screen and (max-width: 767px) {
  /* #contact th,
#contact td {
  display: block;
  width: 100%;
  padding: 20px 0;
}

#contact td:last-of-type {
  border: none;
  padding: 26px 0;
}

#contact input.form-name,
#contact input.form-tel,
#contact input.form-mail
  {
  width: 100%;
} */

  /* @フォーム */

  #contact .contact-txt-wrap {
    padding: 50px 0px;
  }

  #contact .contact-form-wrap {
    margin: 0 0 80px 0;
    padding-top: 80px;
  }

  #contact .contact-form-wrap h4 {
    min-width: initial;
    align-items: center;
  }

  /* @フォームの項目 */

  #contact .contact-form-wrap .form-content {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  #contact .contact-form-wrap .form-content .form-block {
    width: 100%;
  }

  #contact input.form-name {
    width: 100%;
  }

  #contact textarea {
    min-height: 200px;
  }

  /* 本サイトをご覧になったきっかけ */

  #contact .chance-block-content {
    width: 100%;
  }

  #contact .contact-form-wrap .chance-block {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  #contact .contact-form-wrap .chance-block .label-txt {
    min-width: initial;
    width: 100%;
  }

  /* @入力内容の確認 */

  #contact .contact-form-wrap .widget-btn {
    margin-top: 30px;
  }

  /* @必須項目 未入力画面
------------------------------------------------------------*/
  #formWrap p {
    font-size: 16px;
  }
}

/* ========================================================================
                        送信が完了しました						[ /contact/thanks ]
======================================================================== */

#contact .thanks {
  padding: 100px 0;
}

#contact .thanks h3 {
  margin-bottom: 30px;
}

#contact .thanks p {
  line-height: 1.7;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #contact .thanks {
    padding: 100px 10px;
  }
}

.slick-list {
  margin-bottom: 20px;
}


/* 立地企業紹介 */
.p-operating {
  padding-top: 77px;
  padding-bottom: 100px;
  background-color: #f3f3f3;
}

@media screen and (max-width: 767px) {
  .p-operating {
    padding-top: 38px;
  }
}

.p-operating__body {
  max-width: 1024px;
  width: 90%;
  margin-inline: auto;

}

.p-operating__anker {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

@media screen and (max-width: 767px) {
  .p-operating__anker {
    gap: 20px;
  }
}

.c-link__anker {
  font-size: 15px;
  line-height: 1.0;
  letter-spacing: 0.1em;
  color: #333;
}

.c-link__icon {
  text-decoration: underline !important;
  padding-right: 20px;
  background-image: url("../../img/operating/icon_link02.svg");
  background-position: right center;
  background-repeat: no-repeat;
  line-height: 12px;
}

.p-operating__block {
  padding-top: 66px;
}

.p-operating__block+.p-operating__block {
  padding-top: 270px;
}

@media screen and (max-width: 767px) {
  .p-operating__block {
    padding-top: 33px;
  }

  .p-operating__block+.p-operating__block {
    padding-top: 135px;
  }
}

.c-title__area {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: 1.6px;
  text-align: center;
  color: #0064ff;
}

.p-operating__card {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 68px 20px;
  margin-top: 64px;
}

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

    grid-template-columns: repeat(auto-fill, minmax(min(160px, 100%), 1fr));
    gap: 34px 15px;
    margin-top: 32px;
  }
}

.sli .p-operating__cardItem {}

.p-operating__cardLink {
  display: grid;
  gap: 17px;
}

@media screen and (max-width: 767px) {
  .p-operating__cardLink {
    display: grid;
    gap: 10px;
  }
}

.p-operating__cardImg {
  width: 100%;
  aspect-ratio: 240/180;
}

.p-operating__cardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  border: solid 2px #333;
}

.p-operating__cardText {
  font-size: 14px;
  line-height: 1.45;
  color: #333;
}

.p-operatingDetail {
  padding-top: 116px;
  padding-bottom: 116px;
  background-color: #f3f3f3;
}

@media screen and (max-width: 767px) {
  .p-operatingDetail {
    padding-top: 58px;
    padding-bottom: 58px;
  }
}

.p-operatingDetail__body {
  max-width: 850px;
  width: 90%;
  margin-inline: auto;
}

.p-operatingDetail__head {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 60px;
  padding: 0px 20px 0px 20px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: solid 1px #333;
  border-bottom: none;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .p-operatingDetail__head {
    min-height: 45px;
    padding: 0px 15px 0px 15px;
  }
}

.c-title__operatingName {
  font-size: 23px;
  font-weight: normal;
  line-height: 1.66;
  letter-spacing: 0.08em;
  color: #333;
}

@media screen and (max-width: 767px) {
  .c-title__operatingName {
    font-size: min(calc(16/384*100vw), 16px);
  }
}

.p-operatingDetail__wrap {
  position: relative;
  width: 100%;
  border-radius: 12px;
  border-top-left-radius: 0px;
  border: solid 1px #333;
  background-color: #fff;
}

.p-operatingDetail__img {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 2px;
  padding-top: 44px;
  padding-bottom: 44px;
  padding-left: 50px;
  padding-right: 50px;
}

@media screen and (max-width: 767px) {
  .p-operatingDetail__img {
    padding: 5%;
    /* padding-top: 33px;
    padding-bottom: 33px;
    padding-left: 38px;
    padding-right: 38px; */
  }
}

.p-operatingDetail__mainImg {
  width: 100%;
  /* aspect-ratio: 745/545; */
  grid-column: 1/4;
  grid-row: 1/2;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.p-operatingDetail__subImg {
  width: 100%;
  aspect-ratio: 249/245;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}



.p-operatingDetail__blockDetail {
  display: grid;
  grid-template-columns: calc(184/850*100%) calc(664/850*100%);
  border-top: solid 1px #333;
}

.p-operatingDetail__blockTitle {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 55px;
  padding-right: 15px;
  font-size: 17px;
  font-weight: normal;
  line-height: 1.1;
}

@media screen and (max-width: 767px) {
  .p-operatingDetail__blockTitle {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 10px;
  }
}

.p-operatingDetail__blockContents {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 55px;
  padding-right: 50px;
  border-left: solid 1px #333;
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}



@media screen and (max-width: 767px) {
  .p-operatingDetail__blockContents {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 10px;
  }

  .p-operatingDetail__blockContents a {
    font-size: 10px;
  }
}

.p-operatingDetail__btn {
  display: flex;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(25%, 50%);
}

.p-operatingDetail__btnText {
  display: block;
  padding-bottom: 12px;
  font-size: 10px;
  line-height: 1.0;
  letter-spacing: 0.08em;
  color: #333;
}

@media screen and (max-width: 767px) {
  .p-operatingDetail__btn {
    transform: translate(0%, 80%);

    img {
      width: 50px;
      height: auto;
    }
  }
}

.u-newLine {
  display: inline-block;
}


.js-tab-target.is-active {
  display: block;
}

.js-tab-target {
  display: none;
}

.anker-link-block span {
  cursor: pointer;
}

.anker-link-block span.is-active {
  font-weight: bold;
  color: #0064ff;
  text-decoration: underline;
}

.anker-link-block span:hover {
  font-weight: bold;
  color: #0064ff;
  text-decoration: underline;
}


/* 立地企業等連携事業 */

.p-exchange {
  padding-top: 77px;
  background-color: #f3f3f3;
}

.p-exchange p {
  padding: 10px;
}

.p-exchange a {
  color: #0064ff;
}

.p-exchange__body {
  max-width: 1024px;
  width: 90%;
  margin-inline: auto;
}

.p-exchange__title {
  padding-bottom: 50px;
  color: #0064ff;
}

.p-exchange h4 {
  margin: 0;
  padding-bottom: 25px;
}

.p-exchange__txt1 p {
  line-height: 2.5;
}

.ex__area {
  position: relative;
  padding-bottom: 60px;
}

.p-exchange .img-box {
  width: 30%;
}

.ex-tca-img {
  position: absolute;
  top: 25px;
  right: 0px;
}

.ex-tcplunch-txt {
  width: 68%;
  position: absolute;
  top: 20px;
  right: 0px;
}

.ex-openfac-img {
  position: absolute;
  top: -40px;
  right: 0px;
}

.ex-robotidea-txt {
  width: 68%;
  position: absolute;
  top: 125px;
  right: 0px;
}

.p-exchange__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

/* .ex-robotidea-img {
  position: absolute;
  top: 37px;
  right: 0px;
} */

.ex-robocon-txt {
  width: 68%;
  position: absolute;
  top: 130px;
  right: 0px;
}

.ex-tecmado-txt {
  width: 68%;
  position: absolute;
  top: 120px;
  right: 0px;
}

.ex-tca-txt, .ex-openfac-txt {
  width: 70%;
}

.p-exchange__sub-title {
  padding-top: 80px;
  padding-bottom: 25px;
}

.p-exchange__area {
  padding-bottom: 80px;
}

/* 立地企業等連携事業(レスポンシブ) */

@media screen and (max-width: 767px) {
  .p-exchange {
    padding-top: 38px;
  }
  
  .p-exchange__txt1 p {
    line-height: 1.4;
  }

  .p-exchange__body {
    width: 98%;
    padding-right: 32px;

    margin-inline: auto;
  }

  .p-exchange h4 {
    padding-bottom: 10px;
  }

  .p-exchange .img-box, .p-exchange .txt-box {
    width: 100%;
    position: initial;
  }

  .p-exchange__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* ========================================================================
                                アクセス							[ /access ]
======================================================================== */

#access .access {
  /* padding: 60px 0; */
  margin: 60px auto 160px;
}

#access .access h4 {
  text-align: center;
}

#access .access-map {
  text-align: right;
  margin: 0 auto;
  max-width: 900px;
}

#access .access-nav {
  margin-bottom: 10px;
}

/* #access .access-map img {
  display: block;
  margin-bottom: 20px;
} */

#access iframe.google-map-iframe {
  border-radius: 15px;
  border: 1.5px solid #333;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #access .access {
    padding: 35px 10px;
    margin-bottom: 0;
  }

  #access .access-nav {
    margin-right: 30px;
  }

  #access iframe.google-map-iframe {
    height: 350px;
  }
}

/*  公共交通機関をご利用の場合
------------------------------------------------------- */

#access .transportation {
  margin-bottom: 100px;
}

#access .transportation h4 {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

#access .transportation-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px 0;
}

#access .transportation-block {
  display: flex;
  align-items: center;
  gap: 0 13px;
  margin-bottom: 35px;
}

#access .transportation-block p {
  font-size: 1.8rem;
  font-weight: 700;
}

#access .route-content .station-txt {
  background: #eee;
  border-radius: 30px;
  padding: 7px 10px;
  min-width: 110px;
  text-align: center;
  border: 1px solid #333;
}

#access .route-content .station-txt:last-of-type {
  background: #0064ff;
  color: #fff;
  border-radius: 0;
}

#access .route-content {
  display: flex;
  align-items: center;
  /* gap: 10px 20px; */
  gap: 10px 15px;
  margin-bottom: 40px;
}

#access .route-block {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px 0;
}

#access .route-block p {
  font-size: 1.4rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #access .transportation {
    margin-bottom: 0px;
  }
  
  #access #public-transport {
    padding-top: 100px;
  }

  /* @ 駅の名前 */

  #access .route-content .station-txt {
    min-width: 90px;
  }

}

/*  お車をご利用の場合
------------------------------------------------------- */

#access .car-access {
  margin: 0 auto 150px auto;
}

#access .car-access-map {
  max-width: 900px;
  margin: 0 auto 50px auto;
}

@media screen and (max-width: 767px) {
  #access .car-access {
    margin: 0 auto;
  }

  #access #automobile {
    padding-top: 100px;
  }
}

/*  PARKINGをご利用の場合
------------------------------------------------------- */

#access .parking {
  margin-bottom: 150px;
}

#access .parking-content {
  max-width: 900px;
  margin: 0 auto;
}

#access .parking h4 {
  display: flex;
  align-items: center;
  gap: 20px;
}

#access .parking h4 span {
  border: 1px solid #333;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

#access .parking-img {
  margin-bottom: 50px;
}

/* 外来 〜 禁止マークまで */

#access .parking-number-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 750px;
  margin: 0 auto;
}

#access .parking-number-block {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 13px;
  width: 50%;
}

.parking-number-block:last-of-type {
  margin-top: 10px;
}

/* .parking-number-block:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%, 0%);
  background: url(../../img/common/icon-black-dots.svg) repeat-x center;
  background-size: 8px 6px;
  width: 55px;
  height: 10px;
} */

#access .parking-number-block .txt {
  position: relative;
  color: #0064ff;
  font-weight: 600;
  font-size: 1.5rem;
}

#access .parking-number-block .txt span:first-of-type {
  font-size: 1.4rem;
  font-weight: 700;
  position: absolute;
  top: 6px;
  left: 0;
}

#access .parking-number-block .txt span:nth-of-type(2) {
  font-size: 3rem;
  font-weight: 900;
  padding-left: 11px;
}

#access .parking-number-block .number {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: -8px;
}

#access .parking-number-block .number span {
  padding: 0 2px;
}

#access .bus-announce {
  padding: 15px;
  margin-bottom: 50px;
  border: solid 2.5px red;

  a {
    color: #0064ff;
  }
}

@media screen and (max-width: 767px) {
  #access #parking {
    padding-top: 100px;
  }

  #access .parking {
    margin-bottom: 100px;
  }

  #access .parking-number-block {
    width: 100%;
  }
}


/* ========================================================================
            投稿ページ (人材育成)						[ /manufacture/new-generations ]
======================================================================== */

.nGene {
  padding-top: 100px;
  max-width: 1024px;
  width: 90%;
  margin-inline: auto;
}

.nGene p {
  padding: 10px;
}

.nGene a {
  color: #0064ff;
}

.nGene__area {
  position: relative;
  padding-top: 90px;
  padding-bottom: 40px;
}

.nGene-title {
  padding-bottom: 50px;
  color: #0064ff;
}

.nGene .img-box {
  width: 30%;
}

.nGene-robocon-txt {
  width: 70%;
}

.nGene-robocon-img {
  position: absolute;
  top: 75px;
  right: 0;
}

.nGene-robotidea-txt {
  width: 68%;
  position: absolute;
  top: 100px;
  right: 0;
}

.nGene-fieldtrip-txt {
  width: 70%;
}

.nGene-fieldtrip-img {
  position: absolute;
  top: 50px;
  right: 0;
}

/* 人材育成(レスポンシブ) */
@media screen and (max-width: 767px) {
  .nGene {
    width: 98%;
    padding-right: 32px;

    margin-inline: auto;
  }

  .nGene .img-box, .nGene .txt-box {
    width: 100%;
    position: initial;
  }
}


/* ========================================================================
            飲食施設運営委託業務プロポーザル公募 	[ /cafe_2025 ]
======================================================================== */

#cafe_2025 {
  h2 {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
  }

  h1 {
    padding: 10px 0;
  }
  
  p {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  a {
    color: #0064ff;
    font-size: 1.8rem;
  }

  table {
    border-style: solid;
    width: 100%;
    border-collapse: collapse;
  }

  td {
    border-style: solid;
    padding: 8px;
    border-width: 1px;
  }

  section {
    padding-bottom: 40px;
  }
}