@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 印刷用
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ****************************************************************************************************
   * 共通
**************************************************************************************************** */
/* ---------------------- */
/* ビジュアルロゴ非表示
/* ---------------------- */
body.layout-index #visual::after {
  display: none;
}
#header .logo {
  display: none !important;
}

/* ---------------------- */
/* ヘッダー非表示
/* ---------------------- */
#header .content .row-1 {
  display: none;
}
#header .content .row-2 {
  display: none;
}
#header .info-area {
  display: none;
}

/* ---------------------- */
/* フッター非表示
/* ---------------------- */
#pagetop {
  display: none !important;
}

/* ****************************************************************************************************
   * トップページ
**************************************************************************************************** */
/* ---------------------- */
/* 鹿山製作所の特長
/* ---------------------- */

.feature::before {
  display: none;
}
.feature::after {
  display: none;
}

/* ---------------------- */
/* 事業内容
/* ---------------------- */
.business {
  height: auto;
}
.business .photo {
  position: relative;
  top: 0;
  right: 0;
  transform: translateY(0%);
  width: 90%;
  margin: 0 auto;
}
.business picture img {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
}
  
.business .detail {
  max-width: 640px;
  width: 100%;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
}
.business .detail .content {
  max-width: 100%;
}

/* ---------------------- */
/* 設備紹介
/* ---------------------- */
.facility {
  height: auto;
}
.facility .photo {
  position: relative;
  top: 0;
  left: 0;
  transform: translateY(0%);
  width: 90%;
  margin: 0 auto;
}
.facility picture img {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
}
.facility .detail {
  max-width: 640px;
  width: 100%;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  justify-content: flex-start;
}
.facility .detail .content {
  max-width: 100%;
}
.facility .detail .content .btn {
  margin: 0 auto;
}

/* ****************************************************************************************************
   * 鹿山製作所の特長
**************************************************************************************************** */
/* ---------------------- */
/* 共通
/* ---------------------- */

.feature > section ~ section {
  margin-top: 50px;
}

/* ---------------------- */
/* 偶数
/* ---------------------- */

.feature > section:nth-child(even) {
  position: relative; 
  height: auto;
}
.feature > section:nth-child(even) .photo {
  position: relative;
  top: 0;
  right: 0;
  transform: translateY(0%);
  width: 90%;
  margin: 1em auto 0;
}
.feature > section:nth-child(even) picture img {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
}
  
.feature > section:nth-child(even) .detail {
  max-width: 640px;
  width: 100%;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
}
.feature > section:nth-child(even) .detail .content {
  max-width: 100%;
}

/* ---------------------- */
/* 奇数
/* ---------------------- */

.feature > section:nth-child(odd) {
  position: relative;
  height: auto;
}
.feature > section:nth-child(odd) .photo {
  position: relative;
  top: 0;
  left: 0;
  transform: translateY(0%);
  width: 90%;
  margin: 1em auto 0;
}
.feature > section:nth-child(odd) picture img {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
}
.feature > section:nth-child(odd) .detail {
  max-width: 640px;
  width: 100%;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  justify-content: flex-start;
}
.feature > section:nth-child(odd) .detail .content {
  max-width: 100%;
}

/* ****************************************************************************************************
   * 採用情報
**************************************************************************************************** */

/* ---------------------- */
/* 奇数
/* ---------------------- */
.recruit > section ~ section {
  margin-top: 50px;
}
.recruit > section:nth-child(odd) {
  position: relative; 
  height: auto;
}
.recruit > section:nth-child(odd) .photo {
  position: relative;
  top: 0;
  right: 0;
  transform: translateY(0%);
  width: 100%;
  margin: 1em auto 0;
}
.recruit > section:nth-child(odd) picture img {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
}
  
.recruit > section:nth-child(odd) .detail {
  max-width: 640px;
  width: 100%;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
}
.recruit > section:nth-child(odd) .detail .content {
  max-width: 100%;
}



/* ---------------------- */
/* 偶数
/* ---------------------- */

.recruit > section:nth-child(even) {
  position: relative;
  height: auto;
}
.recruit > section:nth-child(even) .photo {
  position: relative;
  top: 0;
  left: 0;
  transform: translateY(0%);
  width: 100%;
  margin: 1em auto 0;
}
.recruit > section:nth-child(even) picture img {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
}
.recruit > section:nth-child(even) .detail {
  max-width: 640px;
  width: 100%;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  justify-content: flex-start;
}
.recruit > section:nth-child(even) .detail .content {
  max-width: 100%;
}