@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*** ここから追加 ***/

/*** ロゴの設定 ***/

/*** スクロール時ロゴの設定 ***/

/*** ヘッダーの設定 ***/
@media (min-width: 960px) {
  .-parallel .l-header__gnav {
    background-color: #2b679a !important;
  }
}
/* メニュー文字サイズ */
.c-gnav > .menu-item > a .ttl {
  font-size: 17px;
  font-weight: 600 !important;
}
/*** メインビジュアル ***/
.p-mainVisual__textLayer {
  margin-top: 5vh;
  left: 35% !important;
  width: 60% !important;
}
@media (min-width: 600px) {
  .p-mainVisual__slideTitle {
    font-size: 36px !important;
    font-family: 800 !important;
  }
}
.p-mainVisual__slideTitle::before {
  position: absolute;
  top: 10%;
  content: 'BOTTLING TECHNOLOGY SINCE 1980s';
  font-size: 14px;
  font-weight: 800 !important;
  letter-spacing: 0.3rem;
}
.hero-ttl {
  margin-bottom: 2rem !important;
}

.hero-text {
  font-size: 20px !important;
  line-height: 2rem;
}
/*** フッターの設定 ***/

/*** ページトップアイコン設定 ***/
/* ページトップアイコンを画像に変更する場合のみ */
#pagetop {
  background: url('') no-repeat center;
  background-size: contain;
  border: none;
  box-shadow: none;
  opacity: 1;
  border-radius: 0;
  width: 60px;
  height: 60px;
}
/*** 共通設定 ***/

/*** ページタイトル ***/

/*** セクションタイトル ***/

/*** ボックスデザイン1 ***/

/*** ボックスデザイン2 ***/

/*** ボックスデザイン3 ***/

/*** ボックスデザイン4 ***/

/*** ボックスデザイン5 ***/

/*** ボタンデザイン ***/
.btn-01 a {
  background-color: #fff;
}
.btn-01 a :hover {
  color: #fff !important;
}

/*** その他 ***/
.gap-0 {
  gap: 0 !important;
}
.text-red {
  color: #a70823;
}
.pc-none {
  display: none;
}
.tab-only {
  display: none;
}
.back-w {
  background-color: rgb(255, 255, 255, 0.7);
  padding: 40px;
}
/* 820px以下の設定 */
@media screen and (max-width: 820px) {
  /*** メインビジュアル ***/
  .p-mainVisual__textLayer {
    margin-top: 0;
    left: 50% !important;
    width: 100% !important;
  }
  @media (min-width: 600px) {
    .p-mainVisual__slideTitle {
      font-size: 32px !important;
      font-family: 800 !important;
    }
  }
  .p-mainVisual__slideTitle::before {
    top: 30%;
  }
  .hero-ttl {
    margin-bottom: 1.7rem !important;
  }
  .hero-text {
    font-size: 18px !important;
    line-height: 1.75rem;
  }
  /* メニュー */
  .c-iconBtn__icon {
    color: #2e3192 !important;
  }
}

/* 480px以下の設定 */
@media screen and (max-width: 480px) {
  a
  /*** メインビジュアル ***/
  .p-mainVisual__textLayer {
    margin-top: 8%;
    left: 50% !important;
    width: 100% !important;
  }
  @media (min-width: 600px) {
    .p-mainVisual__slideTitle {
      font-size: 24px !important;
      font-family: 800 !important;
    }
  }
  .p-mainVisual__slideTitle::before {
    top: 15%;
    font-size: 12px;
    letter-spacing: 0.2rem;
  }
  .hero-ttl {
    margin-bottom: 1.7rem !important;
  }
  .hero-text {
    font-size: 16px !important;
    line-height: 1.75rem;
  }
  /* メニュー */
  .c-iconBtn__icon {
    color: #2e3192 !important;
  }
  .pc-none {
    display: block;
  }
  .mob-none {
    display: none;
  }
  .tab-none {
    display: block;
  }
  .tab-only {
    display: none;
  }
  .mob-h20 {
    height: 20px !important;
  }
  .mob-h30 {
    height: 30px !important;
  }
  .mob-h40 {
    height: 40px !important;
  }
  .mob-h60 {
    height: 60px !important;
  }

  /*** メインビジュアル ***/

  /*** フッター ***/
}