@charset "UTF-8";
/*ベースフォント*/
/*メインフォント*/
/*日付フォント*/
/*船舶名フォント*/
/*タイトルフォント*/
p {
  font-family: 'Sawarabi Gothic', sans-serif;
}

/*メインカラー*/
/*ベースカラー*/
/*ボタンカラー*/
/*アクセントカラー*/
/*テキストカラーブラック*/
/*テキストカラーホワイト*/
/*テキストカラーブルー*/
/*バックグランドカラー*/
/*ヘッダーカラー*/
body.noscroll {
  height: 100%;
  overflow: hidden;
}

/*body padding */
body {
  padding-top: 60px;
}

@media (min-width: 1025px) {
  body {
    padding-top: 0;
  }
}

/* /body padding  */
/* パンくずリスト */
#breadcrumbs {
  display: none;
}

@media (min-width: 1025px) {
  #breadcrumbs {
    max-width: 1500px;
    display: block;
    color: #b2b2b2;
    font-size: 1rem;
    letter-spacing: 0,02;
    padding-left: 2%;
    margin: 20px auto 110px auto;
  }
  #breadcrumbs a {
    color: #b2b2b2;
  }
}

/* /パンくずリスト */
h1 {
  color: #3e3a39;
}

p {
  color: #3e3a39;
}

a {
  color: #3e3a39;
}

/* wrapper */
.wrapper {
  max-width: 600px;
  margin: 0 auto;
}

/* wrapper   ▼PC用 */
@media (min-width: 1025px) {
  .wrapper {
    max-width: 1040px;
    margin: 0 auto;
  }
}

/* wrapper */
/*基準フォント 10px*/
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/*==================================================
pcだけ spだけ表示設定
===================================*/
/* pc sp   ▼モバイルファースト (全環境に共通のデザイン) */
.pc {
  display: none;
}

.sp {
  display: block;
}

/*pc sp   ▼PC用デザインとして付け足すデザイン */
@media (min-width: 1025px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
}

/* リンクボタン */
.link-btn {
  display: block;
  width: 151px;
  margin: 22px auto 0 auto;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  color: #3e3a39;
  border: 1.5px solid #3e3a39;
  padding: 8.3px 10px 8.3px 30px;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
}

/* 詳しく more-btn */
.more-btn {
  display: block;
  width: 75px;
  border: 1px solid #3e3a39;
  text-align: right;
  padding: 4.2px 0;
  margin: 0 auto;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
}

.more-btn img {
  width: 22px;
  padding-bottom: 4px;
  padding-right: 2px;
}

/* 詳しく detail-btn */
.detail-btn {
  width: 30%;
  background-color: #ffffff;
  border: 0.5px solid #3e3a39;
  padding: 2% 13%;
  font-size: 1rem !important;
  position: relative;
  text-align: center;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
}

.detail-btn i {
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 1025px) {
  .detail-btn {
    font-size: 1.6rem;
  }
}

/* リンクボタン２ link-btn2 */
.link-btn2 {
  display: block;
  width: 74%;
  max-width: 280px;
  padding: 12px 0;
  margin: 0 auto;
  border: 1.5px solid #3e3a39;
  font-size: 1.3rem;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
  font-weight: bold;
  position: relative;
  text-align: center;
  letter-spacing: 0.1em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.link-btn2 i {
  position: absolute;
  right: 4%;
  top: 30%;
}

.link-btn2:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #3e3a39;
  color: #ffffff;
}

@media (min-width: 1025px) {
  .link-btn2 {
    display: block;
    width: 74%;
    max-width: 430px;
    padding: 30px 0;
    margin: 0 auto;
    border: 1.5px solid #3e3a39;
    font-size: 2.2rem;
    font-family: 'Sawarabi Gothic', sans-serif;
    -webkit-transform: rotate(0.03deg);
            transform: rotate(0.03deg);
    font-weight: bold;
    position: relative;
    text-align: center;
    letter-spacing: 0.1em;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .link-btn2 i {
    position: absolute;
    right: 4%;
    top: 34%;
  }
  .link-btn2:hover {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #3e3a39;
    color: #ffffff;
  }
}

/* 見学＆エントリーボタン entry-link-btn */
.entry-link-btn {
  width: 76%;
  margin: 0 auto;
  background-color: #bfdaf2;
  color: #3e3a39;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
  font-size: 1.4rem;
  letter-spacing: 0.0rem;
  font-weight: bold;
  padding: 13px 8%;
  max-width: 200px;
}

/* アンダーライン */
.under-line {
  width: 114px;
  height: 3px;
  background-color: #88c1c5;
  margin: 0 auto;
}

/* アンダーライン */
.under-line2 {
  width: 80px;
  height: 3px;
  background-color: #88c1c5;
}

/* タイトル */
.title {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  text-align: center;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
}

@media (min-width: 1025px) {
  .title {
    font-size: 2.9rem;
  }
}

/* 各ページタイトル */
.page-title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2em;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
}

@media (min-width: 1025px) {
  .page-title {
    font-size: 4.2rem;
    letter-spacing: 0.2em;
    line-height: 1.3;
  }
}

/* 各ページサブタイトル */
.page-sub-title {
  color: #7fb5e5;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0.2em;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
  font-weight: bold;
}

@media (min-width: 1025px) {
  .page-sub-title {
    color: #7fb5e5;
    font-size: 2.7rem;
    line-height: 2;
  }
}

/* 電話 メール ボタン */
.contact-btn {
  width: 100%;
}

.contact-btn a {
  display: block;
  margin: 0 auto 14px auto;
  width: 170px;
  font-size: 1.37rem;
  background-color: #3e3a39;
  color: #ffffff;
  padding: 11px 0px;
  letter-spacing: 0.2rem;
  text-align: center;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
}

.contact-btn a img.telephone {
  width: 15px;
}

.contact-btn a img.mail {
  width: 20px;
  padding-bottom: 1px;
}

/* カレント */
.current {
  border-bottom: 2px solid #88c1c5;
}

/*ベースフォント*/
/*メインフォント*/
/*日付フォント*/
/*船舶名フォント*/
/*タイトルフォント*/
p {
  font-family: 'Sawarabi Gothic', sans-serif;
}

/* ▼モバイルファースト (全環境に共通のデザイン) */
/* メインヴィジュアル */
.mv {
  width: 100%;
  margin-top: -32px;
  padding-bottom: 76px;
  background-color: #88c1c5;
}

.mv-container {
  width: 100%;
  position: relative;
  /* ページネーションの余白 */
  /* ページネーションのサイズと色 */
  /* スワイパーの文字のアニメーション定義 */
  /* /スワイパーの文字のアニメーション定義 */
}

.mv-container .page-nation {
  position: absolute;
  width: 100%;
  bottom: -8%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 999;
}

.mv-container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.mv-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px 8px;
}

.mv-container .swiper-pagination-bullet {
  background-color: #ffffff;
  height: 8.5px;
  width: 8.5px;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.mv-container .swiper {
  width: 100%;
  /* アクティブなスワイパーの文字の動き */
  /* /アクティブなスワイパーの文字の動き */
  /*スクロールダウン全体の場所*/
  /*Scrollテキストの描写*/
  /* 線の描写 */
  /*高さ・位置・透過が変化して線が上から下に動く*/
}

.mv-container .swiper-slide-active h2 {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.mv-container .swiper-slide-active h3 {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: .8s;
          animation-delay: .8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.mv-container .swiper-slide {
  width: 100%;
}

.mv-container .swiper-slide-img {
  width: 100%;
  height: 640px;
  background-image: url(../images/mv/mv-sp1.jpg);
  background-size: cover;
  background-position: 50% 30%;
  position: relative;
}

.mv-container .swiper-slide-img2 {
  width: 100%;
  height: 640px;
  background-image: url(../images/mv/mv-sp2.png);
  background-size: cover;
  background-position: 83% 30%;
  position: relative;
}

.mv-container .swiper-slide-img3 {
  width: 100%;
  height: 640px;
  background-image: url(../images/mv/mv-sp3.jpg);
  background-size: cover;
  background-position: 50% 30%;
  position: relative;
}

.mv-container .swiper-slide-img4 {
  width: 100%;
  height: 640px;
  background-image: url(../images/mv/mv-sp4.jpg);
  background-size: cover;
  background-position: 50% 30%;
  position: relative;
}

.mv-container .swiper-slide .mv-logo {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 12.5%;
}

.mv-container .swiper-slide .mv-logo img {
  width: 133px;
}

.mv-container .swiper-slide .mv-text {
  width: 100%;
  color: #ffffff;
  text-align: center;
  position: absolute;
  bottom: 16%;
}

.mv-container .swiper-slide .mv-text h2 {
  font-size: 3.4rem;
  font-family: 'Nunito', sans-serif;
  font-style: italic;
  line-height: 27px;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.mv-container .swiper-slide .mv-text h3 {
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 26px;
  letter-spacing: 0.05em;
}

.mv-container .swiper .scrolldown1 {
  /*描画位置※位置は適宜調整してください*/
  position: absolute;
  left: 50%;
  bottom: 16px;
  /*全体の高さ*/
  height: 50px;
}

.mv-container .swiper .scrolldown1 span {
  /*描画位置*/
  position: absolute;
  left: -15px;
  top: -15px;
  /*テキストの形状*/
  color: #eee;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  font-weight: bold;
}

.mv-container .swiper .scrolldown1::after {
  content: "";
  /*描画位置*/
  position: absolute;
  top: 0;
  /*線の形状*/
  width: 1.6px;
  height: 33px;
  background: #eee;
  /*線の動き1.4秒かけて動く。永遠にループ*/
  -webkit-animation: pathmove 1.4s ease-in-out infinite;
          animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}

@-webkit-keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 30px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 50px;
    opacity: 0;
  }
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 30px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 50px;
    opacity: 0;
  }
}

/* /メインヴィジュアル */
/* トップページニュース */
.top-page-news {
  width: 100%;
}

/* /トップページニュース */
/* トップページブログ */
.top-page-blog {
  width: 100%;
  padding-top: 66px;
  padding-bottom: 73px;
}

/* /トップページブログ */
/* ニュース・ブログ 共通css info */
.info {
  width: 100%;
  background-color: #88c1c5;
}

.info-container {
  width: 90%;
  margin: 0 auto;
}

.info-container h1 {
  width: 100%;
  font-size: 4rem;
  font-family: 'Nunito', sans-serif;
  font-style: italic;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

.info-container h2.sub-title {
  width: 100%;
  margin-top: 6px;
  font-size: 1.4rem;
  color: #3e3a39;
  background-color: #ffffff;
  text-align: center;
  font-weight: bold;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
}

.info-container-inner {
  width: 100%;
}

.info-container-inner #wpsp-41 {
  width: 100%;
}

.info-container-inner #wpsp-60 {
  width: 100%;
}

.info-container-inner .wp-show-posts {
  width: 100%;
}

.info-container-inner .wp-show-posts .wp-show-posts-single {
  margin-bottom: 0 !important;
  padding: 23px 0 0 0;
}

.info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin: 0 !important;
}

.info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-header .wp-show-posts-entry-title {
  font-size: 1.6rem;
  width: 100%;
}

.info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-header .wp-show-posts-entry-title a {
  color: #ffffff;
  letter-spacing: 0.1em;
  font-weight: 600;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
}

.info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-header .wp-show-posts-entry-meta {
  font-size: 1.4rem;
  width: 100%;
  padding-bottom: 4px;
}

.info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-header .wp-show-posts-entry-meta .wp-show-posts-posted-on a {
  color: #3e3a39;
  letter-spacing: 0.1em;
  font-weight: bold;
  font-family: 'Mukta', sans-serif;
}

.info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-summary {
  font-size: 1.6rem;
  width: 100%;
}

.info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-summary p {
  color: #ffffff;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.info-container .link-btn-container {
  width: 100%;
}

/* /ニュース・ブログ 共通css info */
/* 船の電気屋さんとは */
.top-page-funedenki {
  width: 100%;
}

.top-page-funedenki-container {
  width: 90%;
  margin: 0 auto;
  padding-top: 98px;
  padding-bottom: 79px;
}

.top-page-funedenki-container h1 {
  padding-bottom: 27px;
}

.top-page-funedenki-container-logo {
  width: 100%;
  text-align: center;
  padding: 48.5px 0 34px 0;
}

.top-page-funedenki-container-logo img {
  width: 150px;
}

.top-page-funedenki-container-inner {
  width: 100%;
}

.top-page-funedenki-container-inner p {
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.7;
}

.top-page-funedenki-container .more-btn-container {
  width: 100%;
  margin-top: 34px;
}

/* /船の電気屋さんとは */
/* 事業内容 */
.top-page-business {
  width: 100%;
}

.top-page-business-container {
  width: 90%;
  margin: 0 auto;
  /* 船舶電装 陸上電装 環境事業 共通CSS*/
}

.top-page-business-container h1.title {
  padding-bottom: 17px;
}

.top-page-business-container .item2 {
  margin-top: 46%;
}

.top-page-business-container-inner {
  width: 100%;
  height: 200px;
  margin-top: 40px;
  margin-bottom: 50%;
  position: relative;
}

.top-page-business-container-inner-textbox {
  width: 80%;
  max-height: 180px;
  min-height: 180px;
  background-color: #bfdaf2;
  padding: 4% 6%;
  position: relative;
  z-index: 999;
}

.top-page-business-container-inner-textbox h2 {
  font-family: 'Nunito', sans-serif;
  font-style: italic;
  font-size: 1rem;
  letter-spacing: 0.2em;
  padding-bottom: 18px;
}

.top-page-business-container-inner-textbox h1 {
  font-size: 1.6rem;
  font-weight: bold;
  padding-bottom: 18px;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
}

.top-page-business-container-inner-textbox p {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: justify;
  line-height: 1.53;
}

.top-page-business-container-inner-textbox .detail-btn-container {
  width: 100%;
  position: absolute;
  bottom: -4%;
  left: 14%;
}

.top-page-business-container-inner-img {
  width: 80%;
  max-height: 180px;
  position: absolute;
  right: 0;
  top: 76%;
  z-index: 998;
}

.top-page-business-container-inner-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* /事業内容 */
/* 施工事例 */
.top-page-results {
  width: 100%;
  margin-top: 230px;
}

.top-page-results-container {
  width: 90%;
  padding-bottom: 12%;
  margin: 0 auto;
}

.top-page-results-container h1.title {
  padding-bottom: 17px;
}

.top-page-results-container-inner {
  width: 100%;
  padding-top: 12%;
}

.top-page-results-container-inner-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-page-results-container-inner-item-img {
  width: 50%;
}

.top-page-results-container-inner-item-img img {
  width: 100%;
}

.top-page-results-container-inner-item-text {
  width: 50%;
  font-family: 'Sawarabi Gothic', sans-serif;
  font-weight: 500;
  padding: 0 0 0 4%;
}

.top-page-results-container-inner-item-text h1 {
  font-size: 1.7rem;
}

.top-page-results-container-inner-item-text p {
  font-size: 1.4rem;
  line-height: 1.5;
}

/* /施工事例 */
/* 採用情報 */
.recruit-link {
  width: 100%;
  margin-top: 80px;
}

.recruit-link-container {
  width: 90%;
  margin: 0 auto;
}

.recruit-link-container-img {
  width: 100%;
  position: relative;
}

.recruit-link-container-img img {
  width: 100%;
}

.recruit-link-container-img-inner {
  width: 28%;
  position: absolute;
  left: 10%;
  bottom: 10%;
}

.recruit-link-container-img-inner h2 {
  display: inline-block;
  font-family: 'Nunito', sans-serif;
  font-style: italic;
  font-size: 0.9rem;
  background-color: #ffffff;
  letter-spacing: 0.2em;
  margin-bottom: 4%;
  padding: 1% 4%;
}

.recruit-link-container-img-inner h1 {
  display: inline-block;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #ffffff;
  letter-spacing: 0.1em;
  margin-bottom: 12%;
  padding: 1% 6%;
}

.recruit-link-container-img-inner .more-btn {
  background-color: #ffffff;
  border: none;
  text-align: left;
  display: inline-block;
  width: 80px;
  padding: 1% 4%;
}

/* /採用情報 */
/* 代表挨拶 */
.profile-link {
  width: 100%;
  margin-top: 20px;
}

.profile-link-container {
  width: 90%;
  margin: 0 auto;
}

.profile-link-container-img {
  width: 100%;
  position: relative;
}

.profile-link-container-img img {
  width: 100%;
}

.profile-link-container-img-inner {
  width: 30%;
  position: absolute;
  left: 10%;
  bottom: 10%;
}

.profile-link-container-img-inner h2 {
  display: inline-block;
  font-family: 'Nunito', sans-serif;
  font-style: italic;
  font-size: 0.9rem;
  letter-spacing: 0.2em;
  margin-bottom: 4%;
  padding: 1% 4%;
}

.profile-link-container-img-inner h1 {
  display: inline-block;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 12%;
  padding: 1% 6%;
}

.profile-link-container-img-inner .more-btn {
  border: none;
  text-align: left;
  display: inline-block;
  width: 80px;
  padding: 1% 4%;
}

/* /代表挨拶 */
/* 環境への取り組み */
.business-link {
  width: 100%;
  margin-top: 20px;
}

.business-link-container {
  width: 90%;
  margin: 0 auto;
}

.business-link-container-img {
  width: 100%;
  position: relative;
}

.business-link-container-img img {
  width: 100%;
}

.business-link-container-img-inner {
  width: 60%;
  position: absolute;
  left: 10%;
  bottom: 10%;
}

.business-link-container-img-inner h2 {
  display: inline-block;
  font-family: 'Nunito', sans-serif;
  font-style: italic;
  font-size: 0.9rem;
  letter-spacing: 0.2em;
  margin-bottom: 4%;
  padding: 1% 4%;
}

.business-link-container-img-inner h1 {
  display: inline-block;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 8%;
  padding: 1% 4%;
}

.business-link-container-img-inner .more-btn {
  border: none;
  text-align: left;
  display: inline-block;
  width: 80px;
  padding: 1% 1% 1% 4%;
}

/* /環境への取り組み */
/* いしかわばぁばの日記 */
.nikki {
  text-align: center;
}

/* /いしかわばぁばの日記 */
/* マップ */
.map {
  width: 100%;
  margin-top: 70px;
}

.map-container {
  width: 100%;
}

.map-address {
  width: 80%;
  margin: 20px auto;
}

.map-address p {
  font-size: 1.3rem;
  line-height: 1.86;
  letter-spacing: 0.05em;
  font-weight: bold;
}

/* /マップ */
/* コンタクト */
.top-page-contact {
  width: 100%;
  margin-top: 150px;
  margin-bottom: 80px;
}

.top-page-contact a {
  display: block;
  margin: 0 auto 14px auto;
  width: 74%;
  max-width: 280px;
  font-size: 1.6rem;
  background-color: #3e3a39;
  color: #ffffff;
  padding: 13px 0px;
  letter-spacing: 0.2em;
  text-align: center;
  font-family: 'Sawarabi Gothic', sans-serif;
  -webkit-transform: rotate(0.03deg);
          transform: rotate(0.03deg);
}

.top-page-contact a img.telephone {
  width: 18px;
}

.top-page-contact a img.mail {
  width: 20px;
  padding-bottom: 1px;
}

/* /コンタクト */
/* ▼タブレット用デザインとして付け足すデザイン */
/* ▼PC用デザインとして付け足すデザイン */
@media (min-width: 1025px) {
  /* メインヴィジュアル */
  .mv {
    width: 100%;
    margin-top: -182px;
    position: relative;
  }
  .mv-container {
    width: 100%;
    position: relative;
    /* ページネーションの余白 */
    /* ページネーションのサイズと色 */
  }
  .mv-container .page-nation {
    z-index: 1000;
  }
  .mv-container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .mv-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px 8px;
  }
  .mv-container .swiper-pagination-bullet {
    background-color: #ffffff;
    height: 8.5px;
    width: 8.5px;
  }
  .mv-container .swiper {
    width: 100%;
  }
  .mv-container .swiper-slide {
    width: 100%;
  }
  .mv-container .swiper-slide-img {
    width: 100%;
    height: 825px;
    background-image: url(../images/mv/mv-pc1.jpg);
  }
  .mv-container .swiper-slide-img2 {
    width: 100%;
    height: 825px;
    background-image: url(../images/mv/mv-pc2.png);
  }
  .mv-container .swiper-slide-img3 {
    width: 100%;
    height: 825px;
    background-image: url(../images/mv/mv-pc3.jpg);
  }
  .mv-container .swiper-slide-img4 {
    width: 100%;
    height: 825px;
    background-image: url(../images/mv/mv-pc4.jpg);
  }
  .mv-container .swiper-slide .mv-logo {
    width: 100%;
  }
  .mv-container .swiper-slide .mv-logo img {
    width: 133px;
  }
  .mv-container .swiper-slide .mv-text {
    bottom: 8%;
    left: -24%;
  }
  .mv-container .swiper-slide .mv-text h2 {
    font-size: 8.1rem;
    line-height: 0.9;
    letter-spacing: 0.05em;
  }
  .mv-container .swiper-slide .mv-text h3 {
    margin-top: 20px;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: 0.02em;
  }
  /* /メインヴィジュアル */
  /* トップページニュース */
  .top-page-news {
    width: 100%;
  }
  /* /トップページニュース */
  /* トップページブログ */
  .top-page-blog {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  /* /トップページブログ */
  /* ニュース＆ブログ PCレイアウト用 */
  .info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #88c1c5;
  }
  /* ニュース＆ブログ PCレイアウト用 */
  /* ニュース・ブログ 共通css info */
  .info {
    width: 520px;
  }
  .info-container {
    width: 96%;
    padding-bottom: 42px;
  }
  .info-container h1 {
    width: 100%;
  }
  .info-container h2.sub-title {
    margin-bottom: 20px;
  }
  .info-container-inner {
    width: 100%;
  }
  .info-container-inner #wpsp-41 {
    width: 100%;
  }
  .info-container-inner #wpsp-60 {
    width: 100%;
  }
  .info-container-inner .wp-show-posts {
    width: 100%;
  }
  .info-container-inner .wp-show-posts .wp-show-posts-single {
    margin-bottom: 0 !important;
    padding: 28px 0 0 0;
  }
  .info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner {
    position: relative;
  }
  .info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 !important;
  }
  .info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-header .wp-show-posts-entry-title {
    font-size: 1.8rem;
    white-space: nowrap;
    margin-left: auto;
    position: absolute;
    left: 20%;
  }
  .info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-header .wp-show-posts-entry-title a {
    letter-spacing: 0.1em;
  }
  .info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-header .wp-show-posts-entry-meta {
    width: 100%;
  }
  .info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-header .wp-show-posts-entry-meta .wp-show-posts-posted-on a {
    font-size: 1.24rem;
  }
  .info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-summary {
    font-size: 1.8rem;
    white-space: nowrap;
    margin-left: auto;
    position: absolute;
    left: 20%;
    top: 0;
  }
  .info-container-inner .wp-show-posts .wp-show-posts-single .wp-show-posts-inner .wp-show-posts-entry-summary p {
    letter-spacing: 0.05em;
  }
  .info-container .link-btn-container {
    width: 100%;
    margin-top: 40px;
  }
  /* /ニュース・ブログ 共通css info */
  /* 船の電気屋さんとは */
  .top-page-funedenki {
    width: 100%;
  }
  .top-page-funedenki-container {
    padding-top: 150px;
    padding-bottom: 169px;
  }
  .top-page-funedenki-container h1 {
    padding-bottom: 38.3px;
  }
  .top-page-funedenki-container .title {
    font-size: 2.9rem;
  }
  .top-page-funedenki-container-logo {
    width: 100%;
    text-align: center;
    padding: 58.6px 0 50px 0;
  }
  .top-page-funedenki-container-logo img {
    width: 222px;
  }
  .top-page-funedenki-container-inner {
    width: 100%;
  }
  .top-page-funedenki-container-inner p {
    font-size: 1.6rem;
    line-height: 2;
  }
  .top-page-funedenki-container .more-btn-container {
    width: 100%;
    margin-top: 34px;
  }
  /* /船の電気屋さんとは */
  /* 事業内容 */
  .top-page-business {
    width: 100%;
    margin: 0 auto;
  }
  .top-page-business-container {
    width: 100%;
    margin: 0 auto;
    /* PCレイアウト用 陸上電装*/
    /* /PCレイアウト用 陸上電装 */
    /* 船舶電装 陸上電装 環境事業 共通CSS*/
    /* /船舶電装 陸上電装 環境事業 共通CSS*/
  }
  .top-page-business-container h1.title {
    padding-bottom: 30px;
    font-size: 2.9rem;
  }
  .top-page-business-container .item2 {
    margin-top: 46%;
  }
  .top-page-business-container .pc-reverse .top-page-business-container-inner-textbox {
    margin-top: 20%;
    margin-left: 50%;
    z-index: 999;
  }
  .top-page-business-container .pc-reverse .top-page-business-container-inner-img {
    width: 70%;
    max-height: 180px;
    position: absolute;
    right: 0;
    top: -54%;
    left: -50%;
    z-index: 998;
    margin-left: 50%;
  }
  .top-page-business-container .pc-reverse .top-page-business-container-inner-img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .top-page-business-container-inner {
    margin-top: -60px;
    margin-bottom: -103px;
  }
  .top-page-business-container-inner-textbox {
    width: 50%;
    max-height: none;
    min-height: none;
    margin-top: 20%;
    z-index: 999;
  }
  .top-page-business-container-inner-textbox h2 {
    font-family: 'Nunito', sans-serif;
    font-style: italic;
    font-size: 1.6rem;
  }
  .top-page-business-container-inner-textbox h1 {
    font-size: 3.6rem;
  }
  .top-page-business-container-inner-textbox p {
    font-size: 1.7rem;
    line-height: 1.82;
  }
  .top-page-business-container-inner-textbox .detail-btn-container {
    bottom: -4%;
    left: 14%;
  }
  .top-page-business-container-inner-textbox .detail-btn-container .detail-btn {
    font-size: 1.8rem;
  }
  .top-page-business-container-inner-img {
    width: 70%;
    right: 0;
    top: -54%;
    z-index: 998;
  }
  .top-page-business-container-inner-img img {
    width: 100%;
  }
  /* /事業内容 */
  /* 施工事例 */
  .top-page-results {
    margin-top: 478px;
  }
  .top-page-results-container {
    padding-bottom: 0%;
    margin: 0 auto;
    /* 施工事例 PCレイアウト用*/
    /* 施工事例 PCレイアウト用*/
  }
  .top-page-results-container h1.title {
    padding-bottom: 29px;
    font-size: 2.9rem;
  }
  .top-page-results-container .results-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .top-page-results-container-inner {
    padding-top: 47.5px;
  }
  .top-page-results-container-inner-item {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
  .top-page-results-container-inner-item-img {
    width: 100%;
  }
  .top-page-results-container-inner-item-img img {
    width: 100%;
  }
  .top-page-results-container-inner-item-text {
    width: 100%;
    padding: 0 0 0 0%;
  }
  .top-page-results-container-inner-item-text h1 {
    font-size: 2rem;
    padding: 2% 0;
  }
  .top-page-results-container-inner-item-text p {
    font-size: 1.5rem;
    line-height: 1.2;
    padding: 2% 0;
  }
  /* /施工事例 */
  /* 採用・代表挨拶・環境 wrapperPCレイアウト用 */
  .links-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 246px;
  }
  /* /採用・代表挨拶・環境 wrapperPCレイアウト用 */
  /* 代表挨拶・環境 wrapperPCレイアウト用 */
  .links-wrapper-item {
    margin-left: auto;
  }
  /* /代表挨拶・環境 wrapperPCレイアウト用 */
  /* 採用情報 */
  .recruit-link {
    margin-top: 0px;
  }
  .recruit-link-container {
    width: 100%;
  }
  .recruit-link-container-img {
    width: 100%;
    text-align: left;
  }
  .recruit-link-container-img img {
    width: 98%;
  }
  .recruit-link-container-img-inner {
    position: absolute;
    left: 10%;
    bottom: 10%;
  }
  .recruit-link-container-img-inner h2 {
    font-size: 1.6rem;
  }
  .recruit-link-container-img-inner h1 {
    font-size: 2.9rem;
    padding: 1% 2%;
  }
  .recruit-link-container-img-inner .more-btn {
    width: 120px;
    padding: 1% 2%;
    font-size: 1.8rem;
  }
  .recruit-link-container-img-inner .more-btn img {
    width: 48px;
    padding-bottom: 8px;
    padding-right: 0px;
  }
  /* /採用情報 */
  /* 代表挨拶 */
  .profile-link {
    margin-top: 0px;
  }
  .profile-link-container {
    width: 100%;
  }
  .profile-link-container-img {
    width: 100%;
    text-align: right;
  }
  .profile-link-container-img img {
    width: 98%;
  }
  .profile-link-container-img-inner {
    position: absolute;
    left: 6%;
    bottom: 10%;
  }
  .profile-link-container-img-inner h2 {
    font-size: 1.6rem;
    padding: 1% 21% 1% 0 !important;
  }
  .profile-link-container-img-inner h1 {
    font-size: 2.9rem;
  }
  .profile-link-container-img-inner .more-btn {
    width: 135px;
    padding: 1% 1% 1% 0;
    font-size: 1.8rem;
  }
  .profile-link-container-img-inner .more-btn img {
    width: 48px;
    padding-bottom: 8px;
    padding-right: 0px;
  }
  /* /代表挨拶 */
  /* 環境への取り組み */
  .business-link {
    margin-top: 24px;
  }
  .business-link-container {
    width: 100%;
  }
  .business-link-container-img {
    text-align: right;
  }
  .business-link-container-img img {
    width: 98%;
  }
  .business-link-container-img-inner {
    position: absolute;
    left: 4%;
    bottom: 8%;
  }
  .business-link-container-img-inner h2 {
    font-size: 1.6rem;
    padding: 1% 6% 1% 0 !important;
  }
  .business-link-container-img-inner h1 {
    font-size: 2.9rem;
    margin-bottom: 6%;
    padding: 1% 6%;
  }
  .business-link-container-img-inner .more-btn {
    width: 270px;
    padding: 1% 1% 1% 0;
    font-size: 1.8rem;
  }
  .business-link-container-img-inner .more-btn img {
    width: 48px;
    padding-bottom: 8px;
    padding-right: 0px;
  }
  /* /環境への取り組み */
  /* いしかわばぁばの日記 */
  .nikki {
    text-align: center;
    margin-top: 80px;
  }
  /* /いしかわばぁばの日記 */
  /* マップ */
  .map {
    margin-top: 170px;
  }
  .map-container {
    height: 420px;
  }
  .map-address {
    width: 80%;
    margin: 20px auto;
  }
  .map-address p {
    font-size: 1.3rem;
    line-height: 1.86;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  /* /マップ */
  /* コンタクト */
  .top-page-contact {
    width: 100%;
  }
  .top-page-contact a {
    text-align: center;
  }
  .top-page-contact a img.telephone {
    width: 18px;
  }
  .top-page-contact a img.mail {
    width: 20px;
    padding-bottom: 1px;
  }
  /* /コンタクト */
}
/*# sourceMappingURL=front-page.css.map */

/* ニュー採用情報 */


.top-new-recruit {
  position: relative;
}

.top-new-recruit-btn {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%) !important;
  max-width: 200px;
}
.top-new-recruit-btn img {
	width: 100%;
}
/* PC */
@media (min-width: 1025px) {
  .top-new-recruit-btn {
    max-width: 100%;
    left: 25%;
    bottom: 20px;
  }
	.top-new-recruit {
margin-bottom: 50px;
}
}