/** メインビジュアル **/
#main_visual{
  background-image: url("https://gtrakgolf.com/wp-content/uploads/2025/11/shop_mv.webp");
  background-size: cover;
  background-position: center;
  width: 100%;
  height: calc(100vh - 50px - 50px);
}
#main_visual .container{
  padding: 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#main_visual .main-title h1{
  font-size: clamp(27px, 8.6vw, 60px);
  margin-bottom: 15px;
  text-align: center;
  letter-spacing: -4.2px;
}
#main_visual .main-title h1 span{
  font-size: clamp(20px, 5vw, 32px);
  letter-spacing: 0;
  margin-top: 2px;
}
#main_visual .main-title p{
  font-family: "Shippori Mincho", serif;
  font-size: clamp(12px, 4vw, 28px);
  background-color: rgba(255, 255, 255, .75);
  padding: 3px 8px;
  color: #000;
  width: fit-content;
  margin: 0 auto;
}
#main_visual .main_catch{
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 130px;
}
#main_visual .main_info{
  left: 10px;
  min-width: 110px;
  min-height: 110px;
  font-size: clamp(15px, 1.5vw, 26px);
}
@media(min-width: 1081px){
  #main_visual{ background-image: url("https://gtrakgolf.com/wp-content/uploads/2025/11/shop_mv_pc-scaled.webp"); height: 570px; }
  #main_visual .main-title h1{ margin-bottom: 48px; }
  #main_visual .main-title p{ margin-bottom: 50px; padding: 5px 8px; }
  #main_visual .main_catch{ left: inherit; right: 10%; bottom: 25px; width: 200px; }
  #main_visual .main_catch img{ height: 50px; }
  #main_visual .main_info{ left: 10px; }
}
@media(min-width: 1200px){
  #main_visual .main_info{ left: -49px; font-size: clamp(14px, 1.9vw, 24px); width: 13vw; height: 13vw; top: 30px; }
  #main_visual .main_catch { right: calc(0% - 50px); }
}
/** 無人店舗管理システム **/
#management h2{
  font-size: clamp(25px, 6vw, 36px);
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  line-height: 1em;
}
#management h2 span{
  font-size: clamp(20px, 6vw, 36px);
  font-family: "Noto Serif JP", serif;
  width: fit-content;
  padding: 3px 15px;
  margin: 0 auto 15px;
  letter-spacing: 4px;
}
#management img{
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.5);
}
#management figcaption{
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  margin-top: 30px;
  line-height: 1.8em;
}
@media(min-width: 769px){
  #management h2 span{
    display: inline-block;
    margin:auto;
    margin-right: .4em;
    margin-bottom: 0;
    padding: 8px 16px 12px 21px;
  }
  #management figcaption{
    font-size: 20px;
  }
}

/** 導入実績 **/
#user .splide__arrow{
  background-color: #000;
}

/** 選ばれる理由 **/
#reason{
  background-image: none;
  background-color: #000;
}
@media(min-width: 769px){
  #reason .splide__pagination--ttb{
    right: -3vw;
  }
}
@media(min-width: 1300px){
  #reason .splide__pagination--ttb{
    right: -5.9%;
  }
}