@charset "utf-8";

/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position:relative;
    z-index: 1;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
  height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}


/*　
▼背景画像設定　
*/
/* 001 */
.S-001-1 {
    background:url("../img/001-1.png");
}

.S-001-2 {
    background:url("../img/001-2.png");
}

.S-001-3 {
    background:url("../img/001-3.png");
}

.S-001-4 {
    background:url("../img/001-4.png");
}
/* 002 */
.S-002-1 {
  background:url("../img/002-1.png");
}

.S-002-2 {
  background:url("../img/002-2.png");
}

.S-002-3 {
  background:url("../img/002-3.png");
}

.S-002-4 {
  background:url("../img/002-4.png");
}
/* 004 */
.S-003-1 {
  background:url("../img/003-1.png");
}

.S-003-2 {
  background:url("../img/003-2.png");
}

.S-003-3 {
  background:url("../img/003-3.png");
}

.S-003-4 {
  background:url("../img/003-4.png");
}
/* 004 */
.S-004-1 {
  background:url("../img/004-1.png");
}

.S-004-2 {
  background:url("../img/004-2.png");
}

.S-004-3 {
  background:url("../img/004-3.png");
}

.S-004-4 {
  background:url("../img/004-4.png");
}
/* 005 */
.S-005-1 {
  background:url("../img/005-1.png");
}

.S-005-2 {
  background:url("../img/005-2.png");
}

.S-005-3 {
  background:url("../img/005-3.png");
}

.S-005-4 {
  background:url("../img/005-4.png");
}
/* 006 */
.S-006-1 {
  background:url("../img/006-1.png");
}

.S-006-2 {
  background:url("../img/006-2.png");
}

.S-006-3 {
  background:url("../img/006-3.png");
}

.S-006-4 {
  background:url("../img/006-4.png");
}
/* 007 */
.S-007-1 {
  background:url("../img/007-1.png");
}

.S-007-2 {
  background:url("../img/007-2.png");
}

.S-007-3 {
  background:url("../img/007-3.png");
}

.S-007-4 {
  background:url("../img/007-4.png");
}/* 008 */
.S-008-1 {
  background:url("../img/008-1.png");
}

.S-008-2 {
  background:url("../img/008-2.png");
}

.S-008-3 {
  background:url("../img/008-3.png");
}

.S-008-4 {
  background:url("../img/008-4.png");
}
/* 009 */
.S-009-1 {
  background:url("../img/009-1.png");
}

.S-009-2 {
  background:url("../img/009-2.png");
}

.S-009-3 {
  background:url("../img/009-3.png");
}

.S-009-4 {
  background:url("../img/009-4.png");
}
/* 010 */
.S-010-1 {
  background:url("../img/010-1.png");
}

.S-010-2 {
  background:url("../img/010-2.png");
}

.S-010-3 {
  background:url("../img/010-3.png");
}

.S-010-4 {
  background:url("../img/010-4.png");
}
/* 011 */
.S-011-1 {
  background:url("../img/011-1.png");
}

.S-011-2 {
  background:url("../img/011-2.png");
}

.S-011-3 {
  background:url("../img/011-3.png");
}

.S-011-4 {
  background:url("../img/011-4.png");
}
/* 012 */
.S-012-1 {
  background:url("../img/012-1.png");
}

.S-012-2 {
  background:url("../img/012-2.png");
}

.S-012-3 {
  background:url("../img/012-3.png");
}

.S-012-4 {
  background:url("../img/012-4.png");
}
/* 013 */
.S-013-1 {
  background:url("../img/013-1.png");
}

.S-013-2 {
  background:url("../img/013-2.png");
}

.S-013-3 {
  background:url("../img/013-3.png");
}

.S-013-4 {
  background:url("../img/013-4.png");
}
/* 014 */
.S-014-1 {
  background:url("../img/014-1.png");
}

.S-014-2 {
  background:url("../img/014-2.png");
}

.S-014-3 {
  background:url("../img/014-3.png");
}

.S-014-4 {
  background:url("../img/014-4.png");
}
/* 015 */
.S-015-1 {
  background:url("../img/015-1.png");
}

.S-015-2 {
  background:url("../img/015-2.png");
}

.S-015-3 {
  background:url("../img/015-3.png");
}

.S-015-4 {
  background:url("../img/015-4.png");
}
/* 016 */
.S-016-1 {
  background:url("../img/016-1.png");
}

.S-016-2 {
  background:url("../img/016-2.png");
}

.S-016-3 {
  background:url("../img/016-3.png");
}

.S-016-4 {
  background:url("../img/016-4.png");
}
/* 017 */
.S-017-1 {
  background:url("../img/017-1.png");
}

.S-017-2 {
  background:url("../img/017-2.png");
}

.S-017-3 {
  background:url("../img/017-3.png");
}

.S-017-4 {
  background:url("../img/017-4.png");
}
/* 018 */
.S-018-1 {
  background:url("../img/018-1.png");
}

.S-018-2 {
  background:url("../img/018-2.png");
}

.S-018-3 {
  background:url("../img/018-3.png");
}

.S-018-4 {
  background:url("../img/018-4.png");
}
/* 019 */
.S-019-1 {
  background:url("../img/019-1.png");
}

.S-019-2 {
  background:url("../img/019-2.png");
}

.S-019-3 {
  background:url("../img/019-3.png");
}

.S-019-4 {
  background:url("../img/019-4.png");
}
/* 020 */
.S-020-1 {
  background:url("../img/020-1.png");
}

.S-020-2 {
  background:url("../img/020-2.png");
}

.S-020-3 {
  background:url("../img/020-3.png");
}

.S-020-4 {
  background:url("../img/020-4.png");
}
/* 021 */
.S-021-1 {
  background:url("../img/021-1.png");
}

.S-021-2 {
  background:url("../img/021-2.png");
}

.S-021-3 {
  background:url("../img/021-3.png");
}

.S-021-4 {
  background:url("../img/021-4.png");
}
/* 022 */
.S-022-1 {
  background:url("../img/022-1.png");
}

.S-022-2 {
  background:url("../img/022-2.png");
}

.S-022-3 {
  background:url("../img/022-3.png");
}

.S-022-4 {
  background:url("../img/022-4.png");
}
/* 023 */
.S-023-1 {
  background:url("../img/023-1.png");
}

.S-023-2 {
  background:url("../img/023-2.png");
}

.S-023-3 {
  background:url("../img/023-3.png");
}

.S-023-4 {
  background:url("../img/023-4.png");
}
/* 024 */
.S-024-1 {
  background:url("../img/024-1.png");
}

.S-024-2 {
  background:url("../img/024-2.png");
}

.S-024-3 {
  background:url("../img/024-3.png");
}

.S-024-4 {
  background:url("../img/024-4.png");
}
/* 025 */
.S-025-1 {
  background:url("../img/025-1.png");
}

.S-025-2 {
  background:url("../img/025-2.png");
}

.S-025-3 {
  background:url("../img/025-3.png");
}

.S-025-4 {
  background:url("../img/025-4.png");
}
/* 026 */
.S-026-1 {
  background:url("../img/026-1.png");
}

.S-026-2 {
  background:url("../img/026-2.png");
}

.S-026-3 {
  background:url("../img/026-3.png");
}

.S-026-4 {
  background:url("../img/026-4.png");
}
/* 027 */
.S-027-1 {
  background:url("../img/027-1.png");
}

.S-027-2 {
  background:url("../img/027-2.png");
}

.S-027-3 {
  background:url("../img/027-3.png");
}

.S-027-4 {
  background:url("../img/027-4.png");
}
/* 028 */
.S-028-1 {
  background:url("../img/028-1.png");
}

.S-028-2 {
  background:url("../img/028-2.png");
}

.S-028-3 {
  background:url("../img/028-3.png");
}

.S-028-4 {
  background:url("../img/028-4.png");
}
/* 029 */
.S-029-1 {
  background:url("../img/029-1.png");
}

.S-029-2 {
  background:url("../img/029-2.png");
}

.S-029-3 {
  background:url("../img/029-3.png");
}

.S-029-4 {
  background:url("../img/029-4.png");
}
/* 030 */
.S-030-1 {
  background:url("../img/030-1.png");
}

.S-030-2 {
  background:url("../img/030-2.png");
}

.S-030-3 {
  background:url("../img/030-3.png");
}

.S-030-4 {
  background:url("../img/030-4.png");
}
/* 031 */
.S-031-1 {
  background:url("../img/031-1.png");
}

.S-031-2 {
  background:url("../img/031-2.png");
}

.S-031-3 {
  background:url("../img/031-3.png");
}

.S-031-4 {
  background:url("../img/031-4.png");
}
/* 032 */
.S-032-1 {
  background:url("../img/032-1.png");
}

.S-032-2 {
  background:url("../img/032-2.png");
}

.S-032-3 {
  background:url("../img/032-3.png");
}

.S-032-4 {
  background:url("../img/032-4.png");
}
/* 033 */
.S-033-1 {
  background:url("../img/033-1.png");
}

.S-033-2 {
  background:url("../img/033-2.png");
}

.S-033-3 {
  background:url("../img/033-3.png");
}

.S-033-4 {
  background:url("../img/033-4.png");
}
/* 034 */
.S-034-1 {
  background:url("../img/034-1.png");
}

.S-034-2 {
  background:url("../img/034-2.png");
}

.S-034-3 {
  background:url("../img/034-3.png");
}

.S-034-4 {
  background:url("../img/034-4.png");
}
/* 035 */
.S-035-1 {
  background:url("../img/035-1.png");
}

.S-035-2 {
  background:url("../img/035-2.png");
}

.S-035-3 {
  background:url("../img/035-3.png");
}

.S-035-4 {
  background:url("../img/035-4.png");
}
/* 036 */
.S-036-1 {
  background:url("../img/036-1.png");
}

.S-036-2 {
  background:url("../img/036-2.png");
}

.S-036-3 {
  background:url("../img/036-3.png");
}

.S-036-4 {
  background:url("../img/036-4.png");
}
/* 037 */
.S-037-1 {
  background:url("../img/037-1.png");
}

.S-037-2 {
  background:url("../img/037-2.png");
}

.S-037-3 {
  background:url("../img/037-3.png");
}

.S-037-4 {
  background:url("../img/037-4.png");
}
/* 038 */
.S-038-1 {
  background:url("../img/038-1.png");
}

.S-038-2 {
  background:url("../img/038-2.png");
}

.S-038-3 {
  background:url("../img/038-3.png");
}

.S-038-4 {
  background:url("../img/038-4.png");
}
/* 039 */
.S-039-1 {
  background:url("../img/039-1.png");
}

.S-039-2 {
  background:url("../img/039-2.png");
}

.S-039-3 {
  background:url("../img/039-3.png");
}

.S-039-4 {
  background:url("../img/039-4.png");
}
/* 040 */
.S-040-1 {
  background:url("../img/040-1.png");
}

.S-040-2 {
  background:url("../img/040-2.png");
}

.S-040-3 {
  background:url("../img/040-3.png");
}

.S-040-4 {
  background:url("../img/040-4.png");
}
/* 041 */
.S-041-1 {
  background:url("../img/041-1.png");
}

.S-041-2 {
  background:url("../img/041-2.png");
}

.S-041-3 {
  background:url("../img/041-3.png");
}

.S-041-4 {
  background:url("../img/041-4.png");
}
/* 042 */
.S-042-1 {
  background:url("../img/042-1.png");
}

.S-042-2 {
  background:url("../img/042-2.png");
}

.S-042-3 {
  background:url("../img/042-3.png");
}

.S-042-4 {
  background:url("../img/042-4.png");
}
/* 043 */
.S-043-1 {
  background:url("../img/043-1.png");
}

.S-043-2 {
  background:url("../img/043-2.png");
}

.S-043-3 {
  background:url("../img/043-3.png");
}

.S-043-4 {
  background:url("../img/043-4.png");
}
/* 044 */
.S-044-1 {
  background:url("../img/044-1.png");
}

.S-044-2 {
  background:url("../img/044-2.png");
}

.S-044-3 {
  background:url("../img/044-3.png");
}

.S-044-4 {
  background:url("../img/044-4.png");
}
/* 045 */
.S-045-1 {
  background:url("../img/045-1.png");
}

.S-045-2 {
  background:url("../img/045-2.png");
}

.S-045-3 {
  background:url("../img/045-3.png");
}

.S-045-4 {
  background:url("../img/045-4.png");
}
/* 046 */
.S-046-1 {
  background:url("../img/046-1.png");
}

.S-046-2 {
  background:url("../img/046-2.png");
}

.S-046-3 {
  background:url("../img/046-3.png");
}

.S-046-4 {
  background:url("../img/046-4.png");
}
/* 047 */
.S-047-1 {
  background:url("../img/047-1.png");
}

.S-047-2 {
  background:url("../img/047-2.png");
}

.S-047-3 {
  background:url("../img/047-3.png");
}

.S-047-4 {
  background:url("../img/047-4.png");
}
/* 048 */
.S-048-1 {
  background:url("../img/048-1.png");
}

.S-048-2 {
  background:url("../img/048-2.png");
}

.S-048-3 {
  background:url("../img/048-3.png");
}

.S-048-4 {
  background:url("../img/048-4.png");
}
/* 049 */
.S-049-1 {
  background:url("../img/049-1.png");
}

.S-049-2 {
  background:url("../img/049-2.png");
}

.S-049-3 {
  background:url("../img/049-3.png");
}

.S-049-4 {
  background:url("../img/049-4.png");
}
/* 050 */
.S-050-1 {
  background:url("../img/050-1.png");
}

.S-050-2 {
  background:url("../img/050-2.png");
}

.S-050-3 {
  background:url("../img/050-3.png");
}

.S-050-4 {
  background:url("../img/050-4.png");
}
/* 051 */
.S-051-1 {
  background:url("../img/051-1.png");
}

.S-051-2 {
  background:url("../img/051-2.png");
}

.S-051-3 {
  background:url("../img/051-3.png");
}

.S-051-4 {
  background:url("../img/051-4.png");
}
/* 052 */
.S-052-1 {
  background:url("../img/052-1.png");
}

.S-052-2 {
  background:url("../img/052-2.png");
}

.S-052-3 {
  background:url("../img/052-3.png");
}

.S-052-4 {
  background:url("../img/052-4.png");
}
/* 053 */
.S-053-1 {
  background:url("../img/053-1.png");
}

.S-053-2 {
  background:url("../img/053-2.png");
}

.S-053-3 {
  background:url("../img/053-3.png");
}

.S-053-4 {
  background:url("../img/053-4.png");
}


/*　
▲背景画像設定　
*/


.slider-item {
    width: 100%;
    height: 90vh; /* 高さを調整 */
    padding: 20px; /* 余白を追加 */
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* 背景画像のサイズを調整 */
}




/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
  z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #ccc;/*矢印の色*/
    border-right: 2px solid #ccc;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
  position: relative;
  z-index: 3;
    text-align:center;
  margin:-50px 0 0 0;
}

.slick-dots li {
    display:inline-block;
  margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

/*========= レイアウトのためのCSS ===============*/
ul{
  margin:0;
  padding: 0;
  list-style: none;
}

a{
  color: #fff;
}

a:hover,
a:active{
  text-decoration: none;
}

h1{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size:6vw;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wrapper{
  position: relative;
}

.container{
  background:#555;
}

.container p{
  padding: 300px 0; 
  text-align: center;
  color: #fff;
}


.logo {
    margin-left: 20px;
    margin-top: 7px;
}
.download {
    margin-right: 20px;
    margin-top: 7px;
}

/* スライダーのレイアウト調整 */


/* ナビゲーションバー */
.nav-ver {
  z-index: 1000;
  position: fixed;
  height: 80px;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 20px; /* 余白を追加 */
  background-color: #fff;
}

.logo img, .download img {
  height: auto; /* 画像の高さを自動調整 */
}

/* その他スタイリング */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ナビゲーションバー内の画像サイズ調整 */
.logo img, .download img {
  height: 40px; /* 画像の高さを40pxに設定 */
  width: auto; /* 画像の幅を自動調整 */
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .logo img, .download img {
      height: 30px; /* 画面幅が768px以下の場合の画像の高さ */
  }

  .nav-ver {
      padding: 5px 15px; /* 画面幅が768px以下の場合のナビゲーションバーのパディング調整 */
  }
}

/* ライトモードのデフォルトスタイル */
body {
  background-color: #ffffff; /* 明るい背景色 */
  color: #000000; /* 暗いテキスト色 */
}

/* ダークモード時のスタイル */
@media (prefers-color-scheme: dark) {
  body {
      background-color: #000000; /* 暗い背景色 */
      color: #ffffff; /* 明るいテキスト色 */
  }
}