@charset "utf-8";

/*		Contents
---------------------------------------------------------------------------
	common
	header（PC）
	header（SP）
  path（パンくずリスト）
  loading（ローディング画面）
	main
  move（サイトのアニメーション）
	footer
------------------------------------------------------------------------ */


/* ========================================================================
	common
======================================================================== */
@media screen and (min-width:768px){


/* body 縮小させた際の指定 */

body {
  min-width: 1260px;
}


/* PCインナー幅 */

.inner {
  width: 1024px;
}


/* PCでSPの改行を表示
------------------------------------------------------- */

.sp-only {
  display: none;
}

}


/*  アウトライン 確認用
------------------------------------------------------- */

* {
  /* outline: 1px solid green!important; */
}



/*  body
------------------------------------------------------- */

body {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/*  インナー幅
------------------------------------------------------- */


.inner {
  height: 100%;
  margin: 0 auto;
  position: relative;
}


.inner-max {
  /* max-width: 1920px; */
  max-width: 1600px;
  margin: 0 auto;
}



/*  文字
------------------------------------------------------- */

p,
li {
  font-weight: 500;
}


/*  画像
------------------------------------------------------- */


/* 角が丸い画像 */

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


/* リンクホバー時
------------------------------------------------------- */


a:hover {
  /* opacity: 0.8; */
  /* transition-duration: 0.4s; */
  /* color: #0064ff; */
}

.anker-space {
  /* padding-top: 180px;
  margin-top: -180px; */
  scroll-margin-top: 180px;
}

@media screen and (max-width:767px) {
  .anker-space {
    /* padding-top: 0;
    margin-top: 0; */
    scroll-margin-top: 0;
  }
}


/* 該当箇所のテキスト色
------------------------------------------------------- */


.relevant-part-txt,
a.relevant-part-txt,
.relevant-part-txt a {
  color: #0064ff;
}


header.header a.relevant-part-txt {
  color: #0064ff;
  -webkit-text-decoration: underline #0064ff;
  text-decoration: underline #0064ff;
  text-underline-offset: 6px;
}



/* 領域を保ったまま、要素を隠す
------------------------------------------------------- */


.visible {
  visibility: hidden;
}



/* スライダー
------------------------------------------------------- */

/* ドットが1つだけの時は非表示 */

.slick-dots li:only-child {
  /* display: none; */
  visibility: hidden;
}



/* トグルで最初に非表示にしておく
------------------------------------------------------- */

.toggle-target-content,
.toggle-separate-content {
  display: none;
}



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

/* SPインナー幅 */
.inner {
  padding: 0 10px;
}

/* SPでPCの改行を非表示 */

.pc-only {
  display: none;
}

}


/* ========================================================================
	header（PC）
======================================================================== */


/* テクノプラザものづくり支援センター */

.header h1 {
  position: absolute;
  left: 20px;
  top: 15px;
}

.header h1 img {
  width: 32vw;
  transition: all 0.4s;
}


/* ヘッダー */

.header .sub-page-logo {
  top: -8px;
  left: -12px;
}


.header h1 .sub-page-logo-img {
  width: 360px;
}


.header h1 .fixed-logo-img {
  display: none;
}


/* 画面スクロールする前、スクロール後のロゴを隠す */

#top .header .sub-page-logo-img{
  display: none;
}


/* 画面スクロールした時 */

#top .header.fixed .default-logo-img {
  width: 18vw;
  display: none;
}

#top .header .scrolled-heading {
  top: -8px;
  left: -12px;
  z-index: 1;
}

#top .header.fixed .sub-page-logo-img{
  display: block;
}

/* .header.fixed h1 .default-logo-img {
  display: none;
} */


/* 貸出施設案内 */

.key-nav {
  /* position: fixed;
  right: 85px;
  bottom: 30px;
  z-index: 999; */
  display: none;
}



@media screen and (max-width: 1300px) and (min-width: 768px) {

  .header h1 img {
    width: 29.5vw;
  }

}



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

/* @テクノプラザものづくり支援センター */

  .header h1 {
    top: 5px;
    left: 10px;
  }

  .header h1 img {
    width: 70vw;
    height: auto;
    transition: all 0.4s;
    display: block;
  }

  .header.fixed .default-logo-img {
    width: 38vw;
    height: 100%;
    display: block;
  }

  .header h1 .sub-page-logo-img {
    /* width: 210px; */
    width: 225px;
  }


  /* 貸出施設案内 */

  .key-nav {
    /* display: none; */
    position: fixed;
    top: initial;
    right: 60px;
    bottom: 20px;
    z-index: 999;
  }

}






/* PC ハンバーガーメニュー
------------------------------------------------------- */

.burger {
  background: url(../../img/common/menu.svg) no-repeat top 12px left 5px #fff;
  width: 40px;
  height: 40px;
  background-size: 40px;
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 2;
  cursor: pointer;
}


/* メニュー最初は非表示 */

.header-pc-nav-wrap {
  display: none;
}


.header-pc-nav-wrap.is-active {
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  background: #f2f7ff;
  z-index: 1000;
  min-height: 600px;
  /* min-width: 650px; */
  min-width: 700px;
  height: 100%;
  /* padding: 40px 30px; */
  padding: 40px 30px 40px 60px;
  overflow-y: scroll;
}


.header-pc-nav-wrap.is-active a:hover {
  color: #0064ff;
}



/* バツボタン */

.burger.is-active {
  /* background: url(../../img/common/close.svg) no-repeat center #f2f7ff; */
  background: url(../../img/common/close.svg) no-repeat center;
  width: 40px;
  height: 40px;
  background-size: 40px;
  z-index: 9999;
}


@media screen and (max-width: 1300px) and (min-width: 768px) {

  .burger {
    right: 70px;
  }

}




@media screen and (max-width: 767px) {
  .burger {
    top: 20px;
    right: 20px;
  }
}



/* サイト内検索
------------------------------------------------------- */

form#searchform {
  position: relative;
}

form#searchform::before {
  content: '';
  position: absolute;
  width: 17px;
  height: 17px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: url(../../img/common/icon-search.png) no-repeat center;
  background-size: cover;
}


form#searchform input[type="text"] {
  background: #fff;
  height: 30px;
  border-radius: 20px;
  /* text-align: center; */
  padding-right: 40px;
  width: 170px;
  font-size: 1.5rem;
  font-weight: 500;
}


form#searchform input[type="text"]::placeholder {
	padding-left: 10px;
}



/* センターについて（ヘッダー、フッター）
------------------------------------------------------- */

.header-pc-nav-wrap .center-nav,
.footer-menu-wrap .center-nav,
.site-map-menu-wrap  .center-nav {
  margin-bottom: 20px;
}

.header-pc-nav-wrap.is-active h2,
.header-pc-nav-wrap.is-active h2 a,
.footer-menu-wrap h2,
.site-map-menu-wrap h2,
.site-map-menu-wrap h2 a {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.header-pc-nav-wrap.is-active h2:hover,
.header-pc-nav-wrap.is-active h2 a:hover,
.footer-menu-wrap h2:hover,
.site-map-menu-wrap h2:hover,
.site-map-menu-wrap h2 a:hover {
  /* text-decoration: underline #333;
  text-underline-offset: 6px; */
}



.header-pc-nav-wrap.is-active h3,
.header-pc-nav-wrap.is-active h3 a,
.footer-menu-wrap h3,
.site-map-menu-wrap h3,
.site-map-menu-wrap h3 a {
  position: relative;
  font-size: 1.6rem;
  margin-bottom: 10px;
  font-weight: 600;
}


/* 黒点 */

.header-pc-nav-wrap.is-active h3::before,
.footer-menu-wrap h3::before,
.site-map-menu-wrap h3::before {
  position: absolute;
  content: '';
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: #000;
  border-radius: 50%;
}


/* 黒点 */

.header-pc-nav-wrap.is-active h3:hover::before,
.footer-menu-wrap h3:hover::before,
.site-map-menu-wrap h3:hover::before {
  background: #0064ff;
}


/* 左の青線 */

/* .header-pc-nav-wrap .center-nav ul,
.header-pc-nav-wrap .location-nav,
.header-pc-nav-wrap .manufacture-nav,
.header-pc-nav-wrap .dx-nav, */
.list-left-line {
  padding-left: 40px;
  border-left: 2px solid #0064ff;
}



/* イベント、研修、セミナー、交流情報を探す
------------------------------------------------------- */

.header-pc-nav-wrap .event-nav,
.footer-menu-wrap .event-nav,
.site-map-menu-wrap .event-nav {
  margin-bottom: 10px;
}

.header-pc-nav-wrap .event-nav ul,
.footer-menu-wrap .event-nav ul,
.site-map-menu-wrap .event-nav ul {
  display: flex;
  flex-wrap: wrap;
}

.header-pc-nav-wrap .event-nav li {
  /* width: 25%;
  gap: 10px 0; */
}

.header-pc-nav-wrap .event-nav h2,
.footer-menu-wrap .event-nav h2,
.site-map-menu-wrap .event-nav h2 {
  margin-bottom: 10px;
}


.header-pc-nav-wrap .event-nav span,
.footer-menu-wrap .event-nav span,
.site-map-menu-wrap .event-nav span {
  margin: 0 5px;
}




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

.header-pc-nav-wrap .floor-nav,
.footer-menu-wrap .floor-nav,
.site-map-menu-wrap .floor-nav {
  margin-bottom: 50px;
}

.header-pc-nav-wrap .floor-nav h2,
.footer-menu-wrap .floor-nav h2,
.site-map-menu-wrap .floor-nav h2 {
  margin-bottom: 10px;
}

.header-pc-nav-wrap .floor-nav ul,
.footer-menu-wrap .floor-nav ul,
.site-map-menu-wrap .floor-nav ul {
  display: flex;
  flex-wrap: wrap;
}

.header-pc-nav-wrap .floor-nav ul a,
.footer-menu-wrap .floor-nav ul a,
.site-map-menu-wrap .floor-nav ul a {
  font-weight: 600;
}

.header-pc-nav-wrap .floor-nav span,
.footer-menu-wrap .floor-nav span,
.site-map-menu-wrap .floor-nav span {
  margin: 0 10px;
}



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

.header-pc-nav-wrap .floor-nav {
  margin-bottom: 25px;
}

}



/* 貸出施設案内、お問い合わせ、図書資料室 のボタン
------------------------------------------------------- */

.header-pc-nav-wrap .btn-nav {
  margin-bottom: 40px;
}

.header-pc-nav-wrap .btn-nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.header-pc-nav-wrap .btn-nav ul a.widget-btn-black,
.header-pc-nav-wrap .btn-nav ul a.widget-btn-blue {
  color: #fff;
}



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

  .header-pc-nav-wrap .btn-nav {
    margin-bottom: 30px;
  }

}





/* 立地企業のみなさま
------------------------------------------------------- */


.header-pc-nav-wrap .bottom-menu-wrap,
.footer-menu-wrap .bottom-menu-wrap,
.site-map-menu-wrap .bottom-menu-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 30px 0;
  margin-bottom: 50px;
}


.header-pc-nav-wrap .location,
.footer-menu-wrap .location {
  width: 50%;
}


.header-pc-nav-wrap .location-nav li,
.footer-menu-wrap .location-nav li,
.site-map-menu-wrap .location-nav li {
  margin-bottom: 10px;
  font-weight: 600;
}


.header-pc-nav-wrap .location-nav li a,
.footer-menu-wrap .location-nav li a,
.site-map-menu-wrap .location-nav li a {
  font-weight: 600;
}



/* 将来世代との交流
------------------------------------------------------- */

.header-pc-nav-wrap .new-generations,
.footer-menu-wrap .new-generations {
  width: 50%;
}



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

  .header-pc-nav-wrap .location,
  .footer-menu-wrap .location {
    width: 100%;
  }

  .header-pc-nav-wrap .new-generations,
  .footer-menu-wrap .new-generations {
    width: 100%;
}

}



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

.header-pc-nav-wrap .manufacture,
.footer-menu-wrap .manufacture {
  width: 50%;
}


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

  .header-pc-nav-wrap .manufacture,
  .footer-menu-wrap .manufacture {
    width: 100%;
  }

}



/* ものづくりDX人材になりたい、育てたいみなさま
------------------------------------------------------- */

.header-pc-nav-wrap .dx,
.footer-menu-wrap .dx {
  width: 50%;
}


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

  .header-pc-nav-wrap .dx,
  .footer-menu-wrap .dx {
    width: 100%;
  }

}




/* 指定管理者について ~ サイトマップ
------------------------------------------------------- */

.small-nav ul {
  display: flex;
}

.small-nav a {
  font-weight: 600;
  color: #858585;
}

.small-nav ul span {
  margin: 0 20px;
}



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

  .small-nav ul {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
  }

}






/* SNSメニュー
------------------------------------------------------- */


.header-pc-nav-wrap .sns-nav {
  /* position: fixed; */
  /* top: 90px; */
  /* right: 25px; */
  display: none;
}

.header-pc-nav-wrap .sns-nav li {
  margin-bottom: 20px;
}



@media screen and (min-width:768px){

/* PCヘッダーエリア */

.header {
  /* position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background: #fff;
  z-index: 2; */
}


/* 企業ロゴ */

/* header .header-heading {
  position: absolute;
  top: 0px;
  max-width: 430px;
  margin: 45px 0 0 3.1vw;
  line-height: 1;
}


header.fixed .header-heading {
  margin: 0 0 0 3.1vw;
} */


/* スクロールした時 */

/* header .header-heading.fixed {
  margin: 22px 0 0 3.1vw;
} */


.header-pc-logo-link {
  /* display: flex;
  align-items: center; */
}



/*　企業ロゴを固定 */

/* .header-pc-logo {
  min-width: 240px;
  display: flex;
} */


/* .header-pc-logo a {
  display: flex;
  align-items: center;
} */


/* ページがスクロールした時、ロゴの高さを縮める */

/* header.header.fixed .header-pc-logo {
  height: 85px;
  border-radius: 0;
  box-shadow: none;
  transition: .3s;
} */



/* お問い合わせ */

/* header .contact {
  position: relative;
  box-sizing: border-box;
} */


/* .header__contact::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 16px;
  top: 50%;
  left: 43px;
  transform: translateY(-50%);
  background: url(../../img/common/contact-icon.png) no-repeat center;
} */

}



/* 黒色 ロゴを最初は非表示 */

/* .black-logo {
  display: none;
} */


/* 白色 ロゴ */
/* 
header.header.fixed .white-logo {
  display: none;
} */

/* スクロールした時、黒色ロゴを表示 */
/* 
header.header.fixed .black-logo {
  display: flex;
}



.contact a::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 16px;
  top: 50%;
  left: 43px;
  transform: translateY(-50%);
  background: url(../../img/common/contact-icon.png) no-repeat center;
}


.contact a:hover::before {
  background: url(../../img/common/blue-contact-icon.png) no-repeat center;
  transition-duration: 0.3s;
}



.contact a {
  background: #3B6CBA;
  padding: 20px 0;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
  text-align: center;
  width: 240px;
  border: 1px solid #3B6CBA;
  transition-duration: 0.3s;
}

.contact a:hover {
  background: #fff;
  color: #3B6CBA;
  opacity: 1;
}

.contact-txt {
  display: block;
  margin-left: 28px;
  font-size: 2.0rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-top: -2px;
} */


/* Windows用 位置調整 */

/* .win .contact-txt {
  display: block;
  margin-top: -2px;
} */



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


  /* SP時に、SNSのリストを非表示 */

  .header-pc-nav-wrap .sns-nav {
    display: block;
  }



  .header-pc-nav-wrap .sns-nav ul {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 490px;
    right: 18px;
    max-width: 45px;
  }




  /* SPメニュー */

  .header-pc-nav-wrap.is-active {
    width: 100%;
    min-width: initial;
    /* height: 100vh; */
    padding: 40px 20px 60px 20px;
  }
}






/* ----------------------------------------
	menu（PC）
---------------------------------------- */


@media screen and (min-width:768px){

/* PCメニュー
--------------*/

.header-main-nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0 30px;
}

.header-main-nav ul:nth-of-type(1) {
  margin-right: 65px;
}



/* PCメニュー 下線 */

.header-main-nav ul a {
  position: relative;
  display: flex;
  align-items: center;
  color: #858585;
  font-weight: 600;
}



.header-main-nav .second-menu-list a {
  color: #333;
}

.header.fixed .header-pc-wrap ul a {
  /* color: #37373e; */
}


/* .header-pc-wrap ul a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0%;
  width: 100%;
  height: 3px;
  background:#fff;
  transition: all .3s;
  transform: scale(0, 1);
  transform-origin: left top;
}

.header-pc-wrap ul a:hover::after {
  transform: scale(1, 1);
}


.header-pc-wrap ul a.header-link-underline:hover::after {
  display: none;
}

a.header-link-underline {
  position: relative;
}

a.header-link-underline:before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 3px;
  width: 100%;
  border-bottom: 3px solid #fff;
} */


/* サブページ PCメニュー 下線 */

.sub-header .header-pc-wrap ul a::after {
  background:#3B6CBA;
}

.sub-header a.header-link-underline:before {
  border-bottom: 3px solid #3B6CBA;
}


/* PC時はSPメニューを非表示 */

.header-sp-wrap {
  display: none;
}


/* スマホ時はハンバーガーボタンを非表示 */

.burger {
  /* display: none; */
}


/* PCヘッダーメニュー */

.header-pc-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  /* min-height: 100px; */
  /* max-width: 1920px; */
  min-width: 1260px;
  margin: 0 auto;
  position: absolute;
  /* top: 80px; */
  /* color: #fff; */
  z-index: 1;
  width: 100%;
}


/* PCヘッダーメニュー */

.header-main-nav {
  margin-left: auto;
  gap: 20px 0;
  display: grid;
}

.header-main-nav a:hover {
  color:#0064ff;
}

.header-main-nav li {
  /* margin-right: 45px;
  font-weight: 400;
  letter-spacing: 0.05em; */
  /* color: #000; */
}

.sub-header ul a {
  /* color: #000; */
}


/* .header-pc-wrap li:last-child a {
  position: relative;
  padding-left: 25px;
  font-size: 2.0rem;
  font-weight: 500;
}


.header-pc-wrap li:last-child span::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 20px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../../img/common/icon-man.png) no-repeat center;
} */


/* スクロールした際、黒色の人のアイコンに変更 */

/* header.fixed .header-pc-wrap li:last-child span::before {
  background: url(../../img/common/icon-man-black.png) no-repeat center;
} */


/* サブページ 人のアイコン */

/* .sub-header .header-pc-wrap li:last-child span::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 20px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../../img/common/icon-man-black.png) no-repeat center;
} */

}


/* ========================================================================
	相談、貸出施設、SNSボタン、SCROLL文字
======================================================================== */

.books-sns-content {
  position: relative;
}



/* SNSボタン */

.books-sns-content .sns-nav {
  position: fixed;
  /* top: 330px; */
  top: 435px;
  right: 25px;
  z-index: 999;
}


/* 貸出施設 */

.books-sns-content .books-txt-link-block {
  position: fixed;
  top: 310px;
  right: 0;
  z-index: 999;
}


.books-sns-content .books-txt-link {
  position: relative;
  writing-mode: vertical-rl;
  background: #0064ff;
  color: #fff;
  width: 100%;
  padding: 20px 40px 15px 10px;
  border-radius: 15px 0 0 15px;
  border: 1.5px solid #333;
  margin-bottom: 40px;
  min-width: 75px;
}

.books-sns-content .books-txt-link::before {
  /* content: '';
  position: absolute;
  top: 13px;
  left: 10px;
  background: url(../../img/common/icon-book.svg) no-repeat center;
  background-size: cover;
  width: 22px;
  height: 17px;
  z-index: 1; */
}


/* 相談 */

.books-sns-content .consultation-txt-link-block {
  position: fixed;
  top: 150px;
  right: 0;
  z-index: 999;
}

.books-sns-content .consultation-txt-link {
  position: relative;
  writing-mode: vertical-rl;
  background: #cb6a6a;
  color: #fff;
  width: 100%;
  padding: 20px 40px 15px 10px;
  border-radius: 15px 0 0 15px;
  border: 1.5px solid #333;
  margin-bottom: 40px;
  min-width: 75px;
}



/* 研修（追従） */

.books-sns-content .innovation-txt-link-block {
  position: fixed;
  top: 230px;
  right: 0;
  z-index: 999;
}

.books-sns-content .innovation-txt-link {
  position: relative;
  writing-mode: vertical-rl;
  background: #b4b400;
  color: #fff;
  width: 100%;
  padding: 20px 40px 15px 10px;
  border-radius: 15px 0 0 15px;
  border: 1.5px solid #333;
  margin-bottom: 40px;
  min-width: 75px;
}



.books-sns-content .sns-nav ul {
  display: grid;
  gap: 15px 0;
}

.scroll-txt-block {
  position: absolute;
  /* top: 380px; */
  top: 440px;
  right: 33px;
}

.scroll-txt {
  position: relative;
  writing-mode: vertical-rl;
  margin: 100px 0 0 15px;
  /* padding-bottom: 100px; */
  padding-bottom: 130px;
  z-index: 2;
}


.scroll-txt::before {
  content: '';
  position: absolute;
  top: 60px; /* 最初の位置を上に設定 */
  left: 44%;
  width: 1px;
  height: 60px;
  background: #333;
  animation: Scroll-Anime linear 1.4s infinite;
  opacity: 0;
}

@keyframes Scroll-Anime {
  0% {
    top: 60px; /* 上端からスタート */
    opacity: 0;
  }
  30% {
    top: 120px; /* 要素の開始位置に移動 */
    opacity: 1;
  }
  100% {
    top: 100%; /* 要素を下端に移動 */
    opacity: 0;
  }
}


@media screen and (min-width: 768px) {

_::-webkit-full-page-media, _:future, :root .scroll-txt {
  margin-right: 25px;
}

}


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


  /* 相談 */


  .books-sns-content .consultation-txt-link-block {
    top: 100px;
    width: 43px;
  }

  /* 貸出施設案内、研修のボタン */

  .books-sns-content .books-txt-link-block {
    width: 43px;
    /* top: 90px; */
    top: 200px;
  }

  /* 研修 */

  .books-sns-content .innovation-txt-link-block {
    width: 43px;
    top: 150px;
  }



  .books-sns-content .books-txt-link,
  .books-sns-content .innovation-txt-link,
  .books-sns-content .consultation-txt-link {
    padding: 8px 41px 5px 5px;
    font-size: 1.4rem;
  }


  .books-sns-content .books-txt-link::before {
    top: 7px;
    left: 12px;
    width: 19px;
    height: 14.5px;
  }


  /* SNSボタン */

  .books-sns-content .sns-nav {
    top: 290px;
    right: 2px;
    /* display: none; */
  }

  .books-sns-content .sns-nav ul li {
    width: 40px;
    height: 40px;
  }


  /* SCROLL文字 */

  .scroll-txt-block {
    top: 410px;
    right: 30px;
  }


  .scroll-txt {
    margin: 100px 0 0 0px;
  }


  /* SP時は非表示 */

  nav.header-main-nav {
    display: none;
  }


}




/* ========================================================================
	header（SP）
======================================================================== */

@media screen and (max-width:1600px) and (min-width:768px) {

}


@media screen and (max-width:1000px) and (min-width:768px) {
  .header__contact {
}
}




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

.header {
  /* position: fixed; */
  /* top: 0; */
  /* left: 50%; */
  /* transform: translateX(-50%); */
  /* width: 100%; */
  /* z-index: 3; */
}

.header-sp-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  background: #fff;
  width: 100%;
}


/* スクロールした時、背景を白色に */

/* .header.fixed .header-sp-wrap {
  background: #fff;
} */


/* .header-sp-wrap::after {
  content: '';
  border-bottom: 1px solid rgba(6,31,60,.15);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
} */


/* @企業ロゴ */
/* 
.header-sp-logo {
  width: 240px;
  height: 60px;
  align-items: center;
  justify-content: center;
  padding: 0px 10px;
} */


/* 黒色　ロゴ */

/* .header-sp-logo.black-logo {
  display: flex;
}

.header-sp-logo.black-logo a {
  margin-bottom: 3px;
} */

/* 白色　ロゴ */

/* .header-sp-logo.white-logo {
  display: flex;
}

.header.fixed .header-sp-logo {
  display: flex;
} */


/* SP お問い合わせ のアイコン  */

/* .contact-sp {
  width: 60px;
  height: 60px;
  background: #3B6CBA;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 70px;
  margin-left: auto;
}

.contact-sp a {
  display: flex;
} */


/* ページがスクロールした時、ロゴの高さを縮める */

/* header.header.fixed .header-sp-logo {
  border-radius: 0;
  box-shadow: none;
  transition: .3s;
} */
}



/* ----------------------------------------
    menu（SP）
---------------------------------------- */

/* @media screen and (max-width:1600px) and (min-width:768px) {

.header-pc-wrap li  {
}
}


@media screen and (max-width:1000px) and (min-width:768px) {

.header-pc-wrap nav {
  margin-left: 12%;
  padding-left: 300px;
}

.header-pc-wrap ul {
  font-size: 1.8rem;
}

} */




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


/* @ハンバーガーメニュー
--------------------*/

/* @ハンバーガーメニューを固定 */

body.active {
	height: 100%;
	overflow: hidden;
}


/* @スマホ時はPCメニューを非表示 */

.header-pc-wrap {
  /* display: none; */
}


/* @スマホ時はSPメニューを表示 */

.header-sp-wrap.is-active {
  display: block;
}


/* @ハンガーガーメニュー ボタン */

/* .burger {
  background: url(../../img/common/menu.svg);
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
} */





/* @閉じるボタン */

/* .burger.is-active {
  background: url(../../img/common/close.svg);
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
} */


/* @ヘッダーSPメニュー を最初は非表示 */

.header-sp-nav {
  display: none;
}


.header-sp-nav.is-active {
  display: block;
}



/* @ハンバーガーメニューがクリックされた際は 表示 */

.header-pc-logo.is-active {
  /* display: block; */
}


/* @ハンバーガーメニューの内容 */

.header-sp-list-content {
  position: fixed;
  top: 60px;
  right: 0;
  width: 100%;
  /* height: 100%; */
  height: 100vh;
  background: #fff;
  background: url(../../img/top/bg-recruit-info.png) no-repeat center / cover;
  padding: 10px;
  z-index: 2;
}

.header-sp-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.header-sp-item {
  position: relative;
  width: 49%;
  background: #fff;
  font-weight: 600;
  margin-bottom: 2%;
}

.header-sp-item::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  /* background: url(../../img/common/black-arrow.png) no-repeat center; */
  background-size: 14px 10px;
  width: 14px;
  height: 10px;
}

.header-sp-item a {
  color: #37373e;
  width: 100%;
  height: 100%;
  display: block;
  padding: 20px 10px;
}
}



/* ========================================================================
	path（パンくずリスト）
======================================================================== */

.path {
  display: flex;
  color: #3B4043;
  gap: 0 30px;
  /* max-width: 1200px; */
  width: 100%;
  align-items: center;
}

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

.path a,
.path span {
  font-weight: 600;
  font-size: 1.6rem;
}

.path-item {
  position: relative;
  white-space: nowrap;
}

.path-item::after {
  content: '';
  width: 11px;
  height: 8px;
  position: absolute;
  right: -22px;
  top: 55%;
  transform: translateY(-50%);
  background: url(
../../img/common/icon-gray-arrow.png) no-repeat center;
  background-size: cover;
}


/* テキスト */

.path li span {
  color: #3B4043;
  /* font-family: -apple-system, 'lato', sans-serif; */
  letter-spacing: 0.05em;
  /* padding-right: 40px; */
  font-size: 1.7rem;
}

/* テキスト(TOP) */

.path .path-home-txt {
  color: #c2c2c2;
}


/* 該当のパス以外はグレー色 */

.path .path-parent span,
.path .path-parent span a {
  color: #c2c2c2;
}



/* パンくずリスト リンク */

li.path-item a {
  text-decoration: none;
}

.path li span.last-path-txt {
  color: #3B4043;
  /* font-family: -apple-system, 'lato', sans-serif; */
  letter-spacing: 0.05em;
  /* padding-right: 40px; */
  font-size: 1.6rem;
}



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

.path {
  /* padding: 0 20px; */
  padding: 0;
  font-size: 1.4rem;
  gap: 2px 20px;
  bottom: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.path li span {
  font-size: 1.6rem;
}

.path-item::after {
  top: 57%;
  right: -17px;
}

.path-item-child {
  margin-top: 3px;
}

}




/* ========================================================================
	main
======================================================================== */

/* メイン */
main {
  /* margin-top: 100px; */
  /* overflow: hidden; */
  overflow-x: clip;
}


/* サブページ のメイン */

.sub-page-main {
  margin: 150px 0 0 0;
}


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

/* @サブページ　のメイン */

.sub-page-main {
  /* padding-bottom: 60px; */
  margin-top: 90px;
}
}


/*  フォントサイズ
--------------------------------------*/
main p {
  font-size: 1.6rem;
  font-weight: 500;
}

/* 固定ページ、タグページ テキスト */

#fixation p,
#single p {
  letter-spacing: 0;
  /* line-height: 1.76; */
  /* margin-bottom: 35px; */
  margin-bottom: 30px;
}


/* カスタム投稿のサムネ画像と、NOIMAGEの画像 */
/* hover が外れた際に、サムネ画像が戻るスピードを指定（アニメーション） */

.wp-post-image,
.slider-noimage img,
.posting-card-thumbnail img {
  transition: transform 0.5s ease-out;
}


/* hover した際にサムネ画像を拡大（アニメーション） */

#home .slider-content:hover .wp-post-image,
#home .slider-content:hover .slider-noimage img,
.posting-card-content:hover .wp-post-image,
.posting-card-content:hover .posting-card-thumbnail img {
  /* transform: scale(1.12, 1.12); */
  transition: 1s all;
}


/* .wp-post-image:hover,
.column-list__noimage-img:hover,
.posting-card__noimage-img:hover {
  transform: scale(1.1, 1.1);
  transition: 1s all;
} */


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

  /*  フォントサイズ
--------------------------------------*/
  main p {
    font-size: 1.6rem;
  }

  /* @カード型の3カラム */

  .column-list__item {
    width: 380px;
    width: 100%;
  }

}



/* サブページのタイトル
----------------------------- */

.sub-page-main .sub-page-inner-wrap {
  padding: 0 100px 0 30px;
}


.sub-page-main .sub-page-inner {
  position: relative;
  min-height: 35px;
  display: flex;
  align-items: center;
  /* border-bottom: 1px solid #333; */
  /* margin-bottom: 80px; */
  /* margin-left: 30px;
  margin-right: 30px; */
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
}


.sub-page-main .sub-page-inner:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  height: 1px;
  width: 100%;
  background: #333;
}




/* @サブページのタイトル
----------------------------- */

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

  .sub-page-main .sub-page-inner {
    /* min-height: initial;
    height: 250px; */
    /* padding-left: 10px;
    padding-bottom: 3px;
    padding-right: 45px; */
    padding: 0 45px 3px 10px;
  }

  .sub-page-main .sub-page-inner-wrap {
    /* padding: 0 10px; */
    /* padding: 0 60px 0 0; */
    padding: 0;
  }
}



/* キービジュアル
----------------------------- */

/* ブルーの上乗せ背景 */

.widget-key__bg-color {
  /* display: block;
  width: 100%;
  height: 100%; */
}

.widget-key__bg-color:before {
  /* background-color: rgb(36, 116, 188); */
  /* background-color: #2474bc; */
  /* background-color: rgb(114, 156, 196); */
  /* opacity: 0.45;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0; */
}


/* 記事のカテゴリーの項目 */

.category-list {
  display: flex;
  align-items: center;
}

.category-list ul {
  display: flex;
  margin-top: 2px;
}

.category-list ul li {
  display: flex;
  align-items: center;
}


/* ALL */

.category-list ul .category-first-item a {
  color: #333;
  border-bottom: 1px solid #333;
}

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

.category-list span:first-of-type {
  /* padding-left: 0; */
}

.category-list .category-small-txt {
  padding: 0;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
}


.category-list .all-color-category-link .category-small-txt:hover {
  color: #333;
  border-bottom: 1px solid #333;
}

.category-list .event-color-category-link .category-small-txt:hover {
  color: #dc6464;
  border-bottom: 1px solid #dc6464;
}

.category-list .induction-color-category-link .category-small-txt:hover {
  color: #858585;
  border-bottom: 1px solid #858585;
}

.category-list .seminar-color-category-link .category-small-txt:hover {
  color: #b4b400;
  border-bottom: 1px solid #b4b400;
}

.category-list .fellowship-color-category-link .category-small-txt:hover {
  color: #4477bb;
  border-bottom: 1px solid #4477bb;
}

.category-list .facility-color-category-link .category-small-txt:hover {
  color: #0064ff;
  border-bottom: 1px solid #0064ff;
}


/* 記事のカテゴリー */

.category-mark {
  color: #fff;
  border: 1px solid #333;
  background: #333;
  border-radius: 20px;
  padding: 1px 10px;
  text-align: center;
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 1px;
}

.event-color .category-mark {
  background: #dc6464;
}

.seminar-color .category-mark {
  background: #b4b400;
}

.fellowship-color .category-mark {
  background: #4477bb;
}

.facility-color .category-mark {
  background: #333;
}

.induction-color .category-mark {
  background: #858585;
}


/* 記事のタグ
------------------- */

.card-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 10px;
}

.card-tag a {
  color: #333;
  border: 1px solid #333;
  border-radius: 20px;
  padding: 0 10px;
  text-align: center;
}





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

/* 記事のカテゴリーの項目 */

/* 記事のカテゴリーの項目 */

  .category-list {
    justify-content: center;
  }

  .category-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }


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

}






/* ----------------------------------------
	h要素
---------------------------------------- */




/* h_line
---------------------------------------- */





/* ----------------------------------------
	clearfix
---------------------------------------- */



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


/* ----------------------------------------
	table
---------------------------------------- */





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

/* .radius-table table {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-radius: 15px;
  border-spacing: 0;
  border-collapse: separate;
}

.radius-table table th,
.radius-table table td {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

.radius-table table tr:first-of-type th:first-of-type {
  border-radius: 15px 0 0 0;
}

.radius-table table tr:first-of-type th:last-of-type {
  border-radius: 0 15px 0 0;
}

.radius-table table tr:first-child td {
  border-radius: 0 15px 0 0;
}

.radius-table table tr:last-child th {
  border-radius: 0 0 0 15px;
}

.radius-table table tr:last-child th {
  border-radius: 0 0 15px 0;
} */



/* 
.radius-table table {
  border-collapse: separate;
}

.radius-table td:first-of-type {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px;
}

.radius-table th {
  border-radius: 15px 15px 0 0;
  padding: 0;
  border: none;
}

.radius-table th span {
  display: block;
  border-radius: 15px 15px 0 0;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
}

/* 最後の行を丸める */

.radius-table tr:last-of-type td:last-of-type {
  border-radius: 0 0 15px 0;
}

.radius-table tr:last-of-type td:first-of-type {
  border-radius: 0 0 0 15px;
}





/* 角丸のテーブル 2行
------------------------------------------------------- */

.radius-table-two table {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-radius: 15px;
  border-spacing: 0;
  border-collapse: separate;
  width: 700px;
  margin: 0 auto;
}

.radius-table-two table th,
.radius-table-two table td {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 13px 40px;
}

.radius-table-two table th {
  background: #00aaff;
  color: white;
  padding: 12px 30px;
  width: 30%;
}

.radius-table-two table tr:first-of-type th:first-of-type {
  border-radius: 15px 0 0 0;
}

.radius-table-two table tr:first-of-type td:last-of-type {
  border-radius: 0 15px 0 0;
}

.radius-table-two table tr:last-child th {
  border-radius: 0 0 0 15px;
}

.radius-table-two table tr:last-child td {
  border-radius: 0 0 15px 0;
}




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

  .radius-table-two table {
    width: 100%;
  }

  .radius-table-two table th {
    padding: 12px 10px;
  }

  .radius-table-two table th, .radius-table-two table td {
    padding: 13px 10px;
  }

}


/* 〜についての見出し、テキスト（雲型の2つの画像、歯車の画像）
------------------------------------------------------- */

.txt-cloud-block {
  position: relative;
  margin: 150px auto 220px auto;
}

.txt-cloud-block h3 {
  color: #0064ff;
  margin-bottom: 170px;
}

.txt-cloud-block p {
  line-height: 2.5;
}


/* 雲型 画像1枚目 */

.txt-cloud-block img:nth-of-type(1) {
  position: absolute;
  top: -60px;
  left: 30%;
  z-index: -1;
}

/* 雲型 画像2枚目 */

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

/* 歯車 画像3枚目 */

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



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

  .txt-cloud-block {
    margin-top: 60px;
    margin-bottom: 100px;
  }

  .txt-cloud-block h3 {
    color: #0064ff;
    margin-bottom: 20px;
  }

  .txt-cloud-block p {
    line-height: 2.5;
    margin-bottom: 30px;
  }


  /* 雲型 画像1枚目 */

  .txt-cloud-block img:nth-of-type(1) {
    position: initial;
    width: 80%
  }

  /* 雲型 画像2枚目 */

  .txt-cloud-block img:nth-of-type(2) {
    position: initial;
    display: block;
    width: 80%;
    margin-left: auto;
  }

  .txt-cloud-block img:nth-of-type(3) {
    /* position: initial;
    display: block;
    margin-left: auto;
    margin-top: -330px;
    margin-bottom: 310px;
    width: 35%; */
    display: none;
}

}





/* ========================================================================
	movie（サイトのアニメーション）
======================================================================== */


/* 投稿 左から右に出現する
------------------------------------------------------- */

/* .slider-content {
  opacity: 0;
}


.move-fade-left-right {
  animation-name: Move-Fade-Left-Right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  opacity: 0;
  background: rgba(0,0,0,0);
}

.move-fade-left-right:nth-of-type(2) {
  animation-delay: 0.2s;
}

.move-fade-left-right:nth-of-type(3) {
  animation-delay: 0.4s;
}

.move-fade-left-right:nth-of-type(4) {
  animation-delay: 0.4s;
}

.move-fade-left-right:nth-of-type(5) {
  animation-delay: 0.4s;
}

.move-fade-left-right:nth-of-type(6) {
  animation-delay: 0.4s;
}



@keyframes Move-Fade-Left-Right {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}




.fade-up {
  animation-name: TOP-Fade-Up;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes TOP-Fade-Up {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
} */


/* キービジュアル　見出し 下から出るアニメーション
-------------------------------------------------------  */

/* .widget-key h1 {
  animation-name: Key-Fade-Up;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes Key-Fade-Up {
  0% {
    opacity: 0;
    transform: translate(-50%, -40%);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
} */


/* .fixation-page .inner {
  animation-name: Inner-Fade-UP;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes Inner-Fade-UP {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
} */




/* 左から右に出現する（固定ページ、アーカイブページ）
-------------------------------------------------------  */

/* #fixation .inner,
#archive .inner,
#single-page .inner {
  opacity: 0;
}


#fixation .inner,
#archive .inner,
#single .inner {
  animation-name: Move-Fade-Left-Right-Fixation-Inner;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  opacity: 0;
}


@keyframes Move-Fade-Left-Right-Fixation-Inner {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
} */




/* 左から右に出現する（TOPページ）
-------------------------------------------------------  */

/* #home .home-widget-key span {
  opacity: 0;
}


#home .home-widget-key span {
  animation-name: Move-Fade-Left-Right-TOP;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}


@keyframes Move-Fade-Left-Right-TOP {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
} */



/* 上から下に出現する（TOPページ）
-------------------------------------------------------  */
/*
#top h1 {
  opacity: 0;
}


#top h1 {
  animation-name: Move-Fade-Top-Bottom;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}


@keyframes Move-Fade-Top-Bottom {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
} */



/* 上から下に出現する（TOPページ・ヘッダーメニュー）
-------------------------------------------------------  */

/* #top .header-pc-wrap,
#top .header-sp-wrap {
  opacity: 0;
}


#top .header-pc-wrap,
#top .header-sp-wrap {
  animation-name: Move-Fade-Top-Bottom;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: 7.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: all 0.3s;
} */

.header-pc-wrap {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  padding: 30px;
  z-index: 1000;
  width: 100%;
}


/* header.fixed .header-pc-wrap {
  background: #fff;
} */



header.fixed .header-pc-wrap::after {
  content: '';
  border-bottom: 1px solid rgba(6,31,60,.15);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}


/* @keyframes Move-Fade-Top-Bottom {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
} */


@media screen and (max-width: 1300px) and (min-width: 768px) {

  .header-pc-wrap {
    padding: 30px 70px;
  }

}


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

  .header-pc-wrap {
    padding: 40px;
  }

}


/* 画像アニメーション（左から右へシュッと動く）
-------------------------------------------------------  */


/* .left-right-slide {
  position: relative;
  overflow: hidden;
}

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



/* ========================================================================
	製造業のみなさま スライダー
======================================================================== */

.manufacture-wrap {
  position: relative;
}

.manufacture-wrap .dots-nav li {
  width: fit-content;
}

.manufacture-wrap nav .invisible-list {
  display: none;
}

.manufacture-slider-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 43%;
}

.manufacture-slider-content {
  position: relative;
  margin-bottom: 50px;
  width: 450px;
}

/* 最初は非表示 */

.manufacture-slider-block {
  display: none;
}

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

.manufacture-slider-block.active {
  display: block;
}

.manufacture .manufacture-slider-block a:hover span {
  /* text-decoration: underline #333;
  text-underline-offset: 6px; */
}


.manufacture-slider-content .radius-heading {
  background: #0064ff;
  color: #fff;
  margin-bottom: 0;
}


.manufacture-slider-content .slick-slide {
  /* margin: 0 20px; */
  margin: 0;
  border: 1.5px solid #333;
  border-radius: 0 10px 10px 10px;
  /* height: 320px; */
  height: 350px;
}

.manufacture-slider-content .slick-slide img {
  display: block;
  margin: 0;
  /* width: 450px; */
  width: 600px;
  height: 100%;
  object-fit: cover;
  border-radius: 0 9px 9px 9px;
}

.manufacture-slider-content .manufacture-txt {
  position: absolute;
  /* bottom: -55px; */
  bottom: -30px;
  right: -50px;
  background: #fff;
  border: 1.5px solid #333;
  border-radius: 10px;
  /* padding: 20px; */
  padding: 20px 60px 20px 20px;
  /* max-width: 320px; */
  width: 320px;
  min-height: 65px;
}

.manufacture-slider-content .link-txt {
  position: absolute;
  top: 30px;
  right: 0;
  padding-right: 30px;
}


/* キービジュアル のスライダーのドット */

.key-slider-content .slick-dots {
  bottom: 5px;
  left: 4vw;
  text-align: left;
  z-index: 1;
}


/* ものづくり企業のみなさま のスライダーのドット */

.manufacture-slider-content .slick-dots {
  display: none;
  bottom: 5px;
  left: 13px;
  text-align: left;
  z-index: 1;
}

.manufacture-slider-content .slick-dots li button:before,
.key-slider-content .slick-dots li button:before {
  content: '';
  background: #858585;
  width: 25px;
  height: 4px;
  border: 0.5px solid #fff;
  opacity: 1;
}

.manufacture-slider-content .slick-dots li.slick-active button:before,
.key-slider-content .slick-dots li.slick-active button:before {
  content: '';
  background: #0064ff;
  width: 25px;
  height: 4px;
  opacity: 1;
}



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

/* .manufacture-slider-content button.slide-arrow.next-arrow.slick-arrow {
  top: -90px;
  right: 5%;
}

.manufacture-slider-content button.slide-arrow.prev-arrow.slick-arrow {
  top: -125px;
  right: 12%;
  left: initial;
  transform: initial;
} */




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

  /* ものづくり企業のみなさま aside をスマホ対応 */

  .manufacture-wrap {
    display: flex;
    flex-wrap: wrap;
  }

  .manufacture .manufacture-wrap .dots-nav {
    width: 50%;
    z-index: 1;
    margin-bottom: 0;
  }


  /* SPでは消す */

  .manufacture-wrap .dots-nav h4 {
    display: none;
  }


  .manufacture .manufacture-wrap .dots-nav ul {
    display: grid;
    grid-template-columns: repeat(2, 100%);
    margin-left: 0;
  }

  .manufacture-wrap .dots-nav li {
    background: #fff;
    margin-bottom: 0;
    padding: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    /* border-left: 1px solid #333; */
  }



  .manufacture-wrap .dots-nav li.click-now {
    background:#0064ff;
  }

  .manufacture-wrap .dots-nav li.click-now a {
    color: #fff;
  }

  /* SP時ボーダーライン */
  .manufacture-wrap nav li {
    border-top: 1.5px solid #333;
    border-left: 1.5px solid #333;
  }

  /* 3n番目のli */
  .manufacture-wrap nav li:nth-child(3n) {
    border-right: 1.5px solid #333;
  }

  /* 最初のli */
  .manufacture-wrap nav li:nth-child(2) {
    border-top-left-radius: 10px;
  }

  /* 2番目のli */
  .manufacture-wrap nav li:nth-child(3) {
    border-top-right-radius: 10px;
  }

  /* 最後のli */
  .manufacture-wrap nav .invisible-list {
    pointer-events: none;
    border-right: 1.5px solid #333;
  }

  /* DX実践拠点　の最初のリスト */

  /* .manufacture-wrap .dx-practice-nav li:first-of-type {
    border-top: 1.5px solid #333;
    border-radius: 10px 0 0 0;
  } */


  /* セミナー、イベント の最初のリスト */

  /* .manufacture-wrap .seminar-nav li:first-of-type {
    border-top: 1.5px solid #333;
    border-radius: 0 10px 0 0;
  } */


  /* DX実践拠点、学生との連携 のリスト */

  /* .manufacture-wrap .dx-practice-nav li,
  .manufacture-wrap .student-nav li {
    border-left: 1.5px solid #333;
    border-right: 1.5px solid #333;
    border-bottom: 1.5px solid #333
  } */


  /* セミナー、イベント のリスト */

  /* .manufacture-wrap .seminar-nav li,
  .manufacture-wrap .other-nav li {
    border-right: 1.5px solid #333;
    border-bottom: 1.5px solid #333;
  } */


  /* DX実践拠点〜その他支援のリスト */

  .manufacture-wrap .dots-nav li::before {
    content: initial;
  }


  /* リストのリンク */

  .manufacture-wrap .dots-nav li a {
    width: 100%;
    height: 100%;
    display: block;
  }


  /* 投稿タイトル　SPで消す */

  .manufacture-slider-content .radius-heading {
    display: none;
  }

  /* 画像　SP時の角調整 */

  .manufacture-slider-content .slick-slide {
    border-radius: 0 0 0 10px;
  }

  /* DX実践拠点〜その他支援のリスト のスライダー */

  .manufacture-slider-wrap {
    position: initial;
    /* margin-top: -85px; */
    /* z-index: 1; */
  }

  .manufacture-slider-content {
    position: relative;
    margin-bottom: 50px;
    width: 100%;
  }


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

  .manufacture-slider-content .slick-slide {
    height: 340px;
  }


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

  .manufacture-slider-content .slick-dots {
    bottom: 35px;
  }

  .manufacture-slider-content .manufacture-txt {
    position: relative;
    bottom: 0;
    right: 0;
    margin-left: auto;
    margin-top: -50px;
  }

  .manufacture .manufacture-wrap .half-arrow-black-link {
    /* bottom: -30px; */
    bottom: 0;
    right: 0;
  }


  /* 詳しく見る */

.manufacture-slider-content .link-txt {
    position: absolute;
    top: initial;
    right: 0;
    bottom: -32px;
    padding-right: 80px;
  }



  .manufacture .manufacture-wrap .half-arrow-black-link::before {
    top: initial;
    bottom: -40px;
    right: 0;
}


}









/* ========================================================================
	footer
======================================================================== */

footer {
  border-top: 1px solid #333;
}

footer .footer-menu-wrap {
  padding: 50px 0;
  background: #f2f7ff;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

footer .footer-menu-wrap a:hover {
  color: #0064ff;
}

footer .footer-menu-content {
  display: flex;
}

footer .footer-menu-content h2,
footer .footer-menu-content h2 a {
  font-size: 1.8rem;
  font-weight: 600;
}

footer .footer-menu-content h3 {
  font-size: 1.5rem;
}

footer .footer-menu-content h3 a {
  font-weight: 600;
}


/* イベント〜交流会の情報を探す */

footer .footer-menu-content .footer-search {
  line-height: 2;
}


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

  footer .footer-menu-content {
    flex-wrap: wrap;
  }
}






/* footer 立地企業のみなさま
------------------------------------------------------- */

footer .footer-menu-wrap .bottom-menu-wrap {
  margin-bottom: 0;
}


/* footer テクノプラザものづくり支援センター */

.footer-last-menu-wrap {
  padding: 130px 0 100px 0;
}

.footer-last-menu-wrap a:hover {
  color: #0064ff;
}

.footer-last-menu-wrap .address-block {
  margin-bottom: 30px;
}

.footer-last-menu-wrap .address-block p {
  margin-bottom: 5px;
  font-weight: 600;
}

.footer-last-menu-wrap .small-nav {
  margin-bottom: 30px;
}

.footer-last-menu-wrap .small-nav ul {
  display: flex;
}

.footer-last-menu-wrap .small-nav ul span {
  margin: 0 20px;
}


footer .small-nav a {
  color: #333;
}

footer .copyright small {
  font-weight: 500;
  font-size: 1.5rem;
}



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

  .footer-last-menu-wrap {
    padding: 60px 10px 80px 10px;
  }


  .footer-last-menu-wrap .small-nav ul {
    /* display: grid;
    grid-template-columns: repeat(2, 1fr); */
  }

}




/* ----------------------------------------
	contact fixed
---------------------------------------- */


footer .contact-fixed {
  position: fixed;
  bottom: 30px;
  right: 90px;
  z-index: 999;
  display: none;
}


footer .contact-fixed a.widget-btn-white {
  min-width: 100px;
  padding: 5px 10px;
}


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

  footer .contact-fixed {
    bottom: 20px;
    right: 60px;
  }

}



/* ----------------------------------------
	footer fixed
---------------------------------------- */

/* 追従ボタン */

.footer-fixed {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 10;
  display: none;
  width: 25vw;
  max-width: 420px;
  min-width: 320px;
}

/* 追従ボタン　画像 */

.footer-fixed__picture-img {
  width: 100%;
}


/* 閉じるボタン */

/* .footer-fixed__close-btn {
  position: absolute;
  top: 50px;
  right: 50px;
  top: 14%;
  right: 12%;
  z-index: 1;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #f46d00;
}

.footer-fixed__close-btn::before, .footer-fixed__close-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 15px;
  background: #f46d00;
}

.footer-fixed__close-btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}

.footer-fixed__close-btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
} */


/* 追従ボタン */

/* .footer-fixed__link {
  display: block;
}

.footer-fixed__link:hover {
  opacity: 0.9;
}



.footer-fixed-none {
  display: none;
}

.footer-fixed-on {
  display: block;
} */


footer .page-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  /* width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #3B6CBA;
  display: flex;
  align-items: center;
  justify-content: center; */
  cursor: pointer;
  background: #fff;
  background-size: 37px;
  border-radius: 50%;
  z-index: 999;
  display: none;
}

footer .page-top:hover {
  opacity: 0.8;
}

footer .page-top img {
  /* width: 15px; */
  height: auto;
}



@media screen and (max-width:767px){
  footer .page-top {
    /* position: absolute; */
    bottom: 20px;
    right: 10px;
    /* width: 50px;
    height: 50px; */
  }
}