@charset "utf-8";
/* CSS Document */


/*<!--背景画像-->*/
body {
  background-image: url("../img/top10.png");
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100% auto;
}


/* ====================
   トップ画像スライダー
==================== */
.slider {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slider .top-image {
  grid-area: 1 / 1;
  width: 100%;
  height: auto;
  display: none;
}

.slider .top-image:first-child {
  display: block;
}

/* ====================
   トップ画像スライダー
==================== */
.top-image {
  width: 100%;
  height: auto;
}

.slider {
  position: relative;
}

/* ====================
   トップ画像下のロゴ
==================== */

.main-logo {
  width: 30%;
  height: auto;

  display: block;

  margin: 100px auto;
}


/* ====================
   画像＋説明文
==================== */

.content-box {
  display: flex;

  align-items: center;

  gap: 60px;

  width: 100%;
  max-width: 1200px;

  margin: 100px auto;
}


/* 画像 */

.image01,
.image02 {
  width: 50%;
  height: auto;
}


/* 説明文 */

.text01,
.text02 {
  flex: 1;
}


/* 見出し */

h3,
h4 {
  font-size: 1.5rem;
}


/* ====================
   総合画像
==================== */

.image03 {
  width: 100%;
  max-width: 1200px;

  height: auto;

  display: block;

  margin: 150px auto;
}


/* ====================
   ACCESS
==================== */

.location {
  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 60px;

  width: 100%;
  max-width: 1200px;

  margin: 80px auto;
}


/* 左 */

.location-info {
  width: 35%;
}


/* 右 */

.access-map {
  width: 65%;

  text-align: center;
}


/* Googleマップ */

.access-map iframe {
  width: 100%;
  max-width: 500px;

  height: 300px;
}

.slider {
  position: relative;
}

.slider .top-image {
  display: none;
}

.slider .top-image:first-child {
  display: block;
}
/* ====================
   追加画像スライダー
==================== */
.second-slider {
  width: 940px;
  max-width: 100%;
  margin: 40px auto;
  overflow: hidden;
}

.second-slider-track {
  display: flex;
  gap: 20px;
  transition: transform 0.8s ease;
}

.second-slider-track img {
  width: 215px;
  flex: 0 0 215px;
  height: auto;
  display: block;
}