@charset "utf-8";
/* /////////////////// その他  //////////////////////////// */

/* /////////////////////////////////////////
プライバシーポリシー
////////////////////////////////////////// */

#privacy ol{
  margin-left:1.2rem;
}

/* /////////////////////////////////////////
イベント
////////////////////////////////////////// */

#event h1 img{
  max-width:500px;
  width:50vw;
}

/* 一覧 */

#event .event-list li{
  margin-left:42.5px;
  margin-bottom:42.5px;
  width:325px;
  max-width:325px !important;
}

#event .event-list li:nth-child(3n+1){
  margin-left:0;
}

#event .event-list a img{
  display:block;
  object-fit: cover;
  object-position:top;
  width:100%;
  height:325px;
  border:1px solid #ddd;
}

#event .event-list a:hover img{
  opacity:1;
}

#event .event-list a div{
  color:#fff;
  padding:20px 25px;
  font-family: toppan-bunkyu-midashi-go-std, sans-serif;
  font-size:1.3rem;
  line-height:1.6;
}

/* 詳細 */

#event .event-detail{
  width:700px;
  margin:0 auto;
}

#event .event-detail img{
  border:1px solid #ddd;
}

#event .event-detail h2{
  color:#fff;
  margin-bottom:0;
  padding:30px;
}

#event .event-detail .event-text{
  margin-top:60px;
}

#event .event-detail table{
  border-collapse:collapse;
  font-size:0.9rem;
  width:100%;
  margin-top:60px;
  margin-bottom:60px;
}

#event .event-detail table th,td{
  border:1px solid #ccc;
  padding:30px;
}

#event .event-detail table th{
  width:20%;
  text-align:center;
}

#event .event-detail table td{
  width:80%;
}

/* 色指定 */
#event .event-green{
  background:#007f41;
}

#event .event-pink{
  background:#ef857d;

}

#event .event-yellow{
  background:#fedc50;
}

@media screen and ( max-width:1160px )
{
  /* 一覧 */
  #event .event-list li{
    width:31%;
    margin-left:3.5%;
    margin-bottom:3.5vw;
  }

  #event .event-list a img{
    display:block;
    object-fit: cover;
    width:100%;
    height:26vw;
  }
  
}

@media screen and ( max-width:760px )
{
  #event h1 img{
    width:60vw;
  }

  /* 一覧 */
  #event .event-list li{
    width:48%;
    margin-left:4%;
    margin-bottom:4vw;
  }

  #event .event-list li:nth-child(3n+1){
    margin-left:4%;
  }

  #event .event-list li:nth-child(2n+1){
    margin-left:0;
  }

  #event .event-list a img{
      height:40vw;
  }

  #event .event-list a div{
      padding:15px 20px;
      font-size:0.9rem;
  }

  /* 詳細 */

  #event .event-detail{
    width:100%;
  }

  #event .event-detail h2{
    padding:20px;
  }

  #event .event-detail .event-text{
    margin-top:30px;
  }

  #event .event-detail table{
    font-size:0.8rem;
    margin-top:30px;
    margin-bottom:30px;
  }

  #event .event-detail table th,td{
    padding:20px;
  }

  #event .event-detail table th{
    width:20%;
    text-align:center;
  }

  #event .event-detail table td{
    width:80%;
  }
}

/* /////////////////////////////////////////
NOTE
////////////////////////////////////////// */
#note h1{
  text-align:center;
  padding-top:50px;
  margin-bottom:50px;
}

#note h1 img{
  max-width:423px;
  width:46.5vw;
}

/* 一覧 */

#note .note-list li{
  margin-left:42.5px;
  margin-bottom:42.5px;
  width:325px;
  max-width:325px !important;
  background:#007F41;
}

#note .note-list li:nth-child(3n+1){
  margin-left:0;
}

#note .note-list a img{
  display:block;
  object-fit: cover;
  width:100%;
  height:325px;
}

#note .note-list a div{
  color:#fff;
  padding:20px 25px;
  font-family: toppan-bunkyu-midashi-go-std, sans-serif;
  font-size:1.3rem;
  line-height:1.6;
}

/* 詳細 */

#note .note-detail{
  width:700px;
  margin:0 auto;
}

#note .note-detail h2{
  color:#fff;
  background:#007F41;
  margin-bottom:0;
  padding:30px;
}

#note .note-detail .note-text{
  margin-top:60px;
  margin-bottom:60px;
}

@media screen and ( max-width:1160px )
{
  /* 一覧 */
  #note .note-list li{
    width:31%;
    margin-left:3.5%;
    margin-bottom:3.5vw;
  }

  #note .note-list a img{
    display:block;
    object-fit: cover;
    width:100%;
    height:26vw;
  }
  
}

@media screen and ( max-width:760px ){
  #note h1 img{
    width:55.8vw;
  }

  /* 一覧 */
  #note .note-list li{
    width:48%;
    margin-left:4%;
    margin-bottom:4vw;
  }

  #note .note-list li:nth-child(3n+1){
    margin-left:4%;
  }

  #note .note-list li:nth-child(2n+1){
    margin-left:0;
  }

  #note .note-list a img{
      height:40vw;
  }

  #note .note-list a div{
      padding:15px 20px;
      font-size:0.9rem;
  }

  /* 詳細 */

  #note .note-detail{
    width:100%;
  }

  #note .note-detail h2{
    padding:20px;
  }

  #note .note-detail .note-text{
    margin-top:30px;
    margin-bottom:30px;
  }
}

/* /////////////////////////////////////////
アクセス
////////////////////////////////////////// */

#access h1 img{
  max-width:488px;
  width:53.6vw;
}

#access .map{
  width:100%;
  height:450px;
  border:0;
}

#access .parking{
  justify-content: space-between;
}

#access .parking-img{
  width:55%;
  height:55%;
}

#access .parking-text{
  width: 40%;
}

@media screen and ( max-width:760px ){
  #access h1 img{
    width:64.3vw;
  }

  #access .parking-img{
    width: 100%;
    max-width: 100vw; /* 親要素をはみ出さないようにするため */
    overflow: hidden; /* はみ出た部分を非表示にするため */
    margin-bottom:20px;
  }

  #access .parking-img img{
    width: 130%; /* 画像を120%の大きさに */
    height: auto; /* アスペクト比を保持するため */
    float:right;
  }
  
  #access .parking-text{
    width: 100%;
  }

  #access .map{
    height:350px;
  }
}


/* /////////////////////////////////////////
よくある質問
////////////////////////////////////////// */

#faq h1 img{
  max-width:331px;
  width:36.3vw;
}

.question{
  background:#007F41;
  color:#fff;
  font-weight:bold;
  align-items:top;
}

.answer {
  background:#ffdc4f;
  font-weight:bold;
  align-items:top;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease; /* アニメーションを追加 */
}

.question img, .answer img{
  margin:25px 0px 25px 75px;
  display:inline-block;
  width:33px;
  height:39px;
}

.question p, .answer p{
  width: calc(100% - 110px);
  padding:25px 75px 25px 15px;
  margin:0;
}

.question p{
  background:url(../images/q-arrow.png) no-repeat;
  background-size:20px 24px;
  background-position:right 30px center;
}

.faq {
  margin-bottom: 30px;
}

.faq .question {
  cursor: pointer; /* カーソルをポインターに変更してクリック可能であることを示す */
}

@media screen and ( max-width:760px ){
  #faq h1 img{
    width:43.5vw;
  }

  .question{
    background:#007F41;
    color:#fff;
    font-weight:bold;
    align-items:top;
  }

  .answer {
    background:#ffdc4f;
    font-weight:bold;
    align-items:top;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease; /* アニメーションを追加 */
  }

  .question img, .answer img{
    margin:15px 0px 15px 15px;
    display:inline-block;
    width:24.75px;
    height:29.25px;
  }

  .question p, .answer p{
    width: calc(100% - 65px);
    padding:15px 15px 15px 15px;
    margin:0;
  }

  .question p{
    background-size:14px 16.8px;
    background-position:right 0px center;
    padding-right:40px;
  }
  
  .faq {
    margin-bottom: 15px;
  }
}

/* /////////////////////////////////////////
お問い合わせ
////////////////////////////////////////// */

#inquiry dt{
  width:30%;
  padding:10px 0 10px;
  font-weight:bold;
}

#inquiry dd{
  width:70%;
  padding:10px 0;
}

#inquiry .form-area{
  padding:30px;
  width:700px;
  margin:0 auto;
}

#inquiry input[type=text], #inquiry input[type=email], #inquiry input[type=tel], textarea{
  padding:8px;
  font-size:1rem;
  border:1px solid #ccc;
  border-radius:0;
  width:100%;
}

#inquiry textarea{
  height:7rem;
}

#inquiry input[type=submit]{
  background:#007F41;
  font-size:1.2rem;
  font-weight:bold;
  color:#fff;
  padding:20px 40px;
  border-radius:100px;
  display: inline-block;
  text-align:center;
  border:none;
}

#inquiry .hissu{
  color:#f00;
  padding:0 5px;
  line-height:1;
  font-size:0.8rem;
  margin-left:5px;
}

#inquiry .input-attention{
  color:#f00;
  margin-top:5px;
}

#inquiry .button-area{
  text-align:center;
  margin:20px auto;
  justify-content: center;
}

#inquiry .back-button{
  background:#666 !important;
  margin-right:10px;
}

#inquiry .kawasaki{
  width:700px;
  margin:80px auto 0;
}

#inquiry .kawasaki-link{
  font-size:0.9rem;
}

#inquiry .kawasaki-link li{
  margin-bottom:10px;
}

#inquiry .kawasaki-logo{
  text-align:right;
  margin-top:50px;
}

#inquiry .kawasaki-logo img{
  width:150px;
}

@media screen and ( max-width:760px ){
  #inquiry dt{
    width:100%;
    padding:0;
    font-weight:bold;
  }

  #inquiry dd{
    width:100%;
    padding:0 0 10px;
  }

  #inquiry .form-area{
    width:100%;
  }

  #inquiry input[type=text], #inquiry input[type=email], #inquiry input[type=tel], textarea{
    padding:8px;
    font-size:1rem;
    border:1px solid #ccc;
    border-radius:0;
    width:100%;
  }

  #inquiry textarea{
    height:7rem;
  }

  #inquiry input[type=submit]{
    font-size:1rem;
    padding:20px 30px;
  }

  #inquiry .back-button{
    margin-right:5px;
  }

  #inquiry .hissu{
    padding:0 5px;
    line-height:1;
    font-size:0.8rem;
    margin-left:5px;
  }

  #inquiry .input-attention{
    margin-top:5px;
  }

  #inquiry .kawasaki{
    width:100%;
    margin:40px auto 0;
  }

  #inquiry .kawasaki-link{
    font-size:0.8rem;
  }
}