.main-visual {
  margin-top: 0;
  margin-bottom: calc(80 / 750 * 100vw);
  height: calc(680 / 750 * 100vw);
  background: linear-gradient(#ee2013 0, #f74813 50%, #ff6512 85%, #ff6513 100%);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.overlay-text {
    display: block;
  width: calc(176 / 375 * 100vw);
  transform: translateY(calc(-17 / 375 * 100vw));
}

.main-cars {
  width: calc(285 / 375 * 100vw);
  height: calc(116 / 375 * 100vw);
  position: absolute;
  left: 50%;
  bottom: calc(18 / 750 * 100vw);
  transform: translateX(-50%);
  opacity: .85;
}

.car-c {
  width: calc(96 / 375 * 100vw);
  position: absolute;
  top: calc(29 / 375 * 100vw);
  left: 0;
}
.car-a {
  width: calc(105 / 375 * 100vw);
  position: absolute;
  top: calc(20 / 375 * 100vw);
  right: 0;
}
.car-b {
  width: calc(146 / 375 * 100vw);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-52%);
}


/*リンク地図*/

.maps{
    margin: 0 0 calc(50 / 375 * 100vw);
    padding: calc(17 / 375 * 100vw) calc(17 / 374 * 100vw) calc(13 / 375 * 100vw);
    background: linear-gradient(#ffd23e 0, #ffe381 50%, #ffd23e 100%);
}

/*店舗情報*/
.pref-block{
  margin-bottom: 0;
}
.pref-out{
  display: flex;
  margin-bottom: calc(24 / 375 * 100vw);
}
.kazari{
  width: 100%;
  border-bottom: 4px dotted #331e1e;
  position: relative;
  bottom: .9em;
}
.pref{
  font-size: 1.5em;
  white-space: nowrap;
}

.shop-data{
  display: flex;
  flex-direction: column;
  margin-bottom: calc(32 / 375 * 100vw);/**/
}
.shop-link{
  width: 100%;
  margin-bottom: calc(18 / 375 * 100vw);
  position: relative;
  border: 2px solid #ff6512;
  border-radius: calc(10 / 375 * 100vw);
  background: linear-gradient(#ff5900 0, #ffbd4a 100%);
  color: #fff;
  line-height: 1.2;
  padding: calc(17 / 375 * 100vw) calc(60 / 375 * 100vw) calc(17 / 375 * 100vw) calc(13 / 375 * 100vw);
  box-shadow: 0 calc(7 / 375 * 100vw) #ff6512;
  
  & .cir{
    width: calc(45.4 / 375 * 100vw);
    height: calc(45.4 / 375 * 100vw);
    background-color: #fff6e3;
    border-radius: 50%;
    position: absolute;
    top:50%;
    right:calc(9 / 375 * 100vw);
    transform: translateY(-50%);
  }
  
  & .tri{
    width: calc(16.8 / 375 * 100vw);
        height: calc(23.8 / 375 * 100vw);
    background-color: #ff6512;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-34%, -50%);
  }
  
  & .shop-name{
    font-size: 1.5em;
    text-align: left;
    
      & .visit{
    font-size: .8em;
        white-space: nowrap;
  }
  }

  & .shop-adress{
    font-size: 1.2em;
  }
}

.contact-link{
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(18 / 375 * 100vw);
  
  & a{
    width: calc(162 / 375 * 100vw);
  }
}

/*scroll*/
#hokkaido-area,
#北海道,
#青森県,
#岩手県,
#宮城県,
#秋田県,
#山形県,
#福島県,
#kantou,
#茨城県,
#栃木県,
#群馬県,
#埼玉県,
#千葉県,
#東京都,
#神奈川県,
#hokuriku,
#新潟県,
#富山県,
#石川県,
#福井県,
#chubu,
#山梨県,
#長野県,
#岐阜県,
#静岡県,
#愛知県,
#三重県,
#kansai,
#滋賀県,
#京都府,
#大阪府,
#兵庫県,
#奈良県,
#和歌山県,
#chugoku,
#鳥取県,
#島根県,
#岡山県,
#広島県,
#山口県,
#shikoku,
#徳島県,
#香川県,
#愛媛県,
#高知県,
#kyusyu,
#福岡県,
#佐賀県,
#長崎県,
#熊本県,
#大分県,
#宮崎県,
#鹿児島県,
#okinawa,
#沖縄県{
    scroll-margin-top: calc(260 / 750 * 100vw);
}

@media screen and (min-width: 601px) {
  
  .main-visual {
  margin-bottom: calc(60 / 1000 * 100vw);
  height: calc(528 / 1000 * 100vw);
}
  
  .overlay-text {
  width: calc(266 / 1000 * 100vw);
    max-width: 266px;
  transform: translateY(calc(-96 / 1000 * 100vw));
}
  
  .main-cars {
  width: calc(594 / 1000 * 100vw);
    max-width: 594px;
  height: calc(242 / 1000 * 100vw);
    max-height: 242px;
  bottom: calc(36 / 1000 * 100vw);
}
  
  .car-c {
  width: calc(200 / 1000 * 100vw);
    max-width: 200px;
  top: calc(60 / 1000 * 100vw);
}
.car-a {
  width: calc(220 / 1000 * 100vw);
  max-width: 220px;
  top: calc(40 / 1000 * 100vw);
}
.car-b {
  width: calc(305 / 1000 * 100vw);
max-width: 305px;
}
  
  /*リンク地図*/
.maps{
  display: flex;
    margin: 0 0 calc(60 / 1000 * 100vw);
    padding: calc(20 / 1000 * 100vw) calc(17 / 375 * 100vw) calc(13 / 375 * 100vw);
    background: linear-gradient(#ffd23e 0, #ffe381 50%, #ffd23e 100%);
  border-radius: 5px;
}
  .image-map{
    width: 41%;
    max-width: 378px;
  }
  
.map-list{
  padding-left: 1.5rem;
  width: 57%;
  max-width:530px;
  font-size: 1.5vw;
  
  & li span:first-child{
    display: inline-block;
    width: 5.5em;
  }
  
  & li a{
    white-space: nowrap;
  }
  
  & li span.line{
    display: inline;
  }
}
 
  .pref-out {
  margin-bottom: calc(24 / 1000 * 100vw);
}
  .pref-block {
  margin-bottom: calc(18 / 1000 * 100vw);
}
  
  .shop-data{
  margin-bottom: calc(18 / 1000 * 100vw);
}
  
  .shop-link{
    padding: calc(68 / 750 * 23vw) calc(68 / 750 * 64vw) calc(68 / 750 * 23vw) calc(68 / 750 * 13vw);
    border-radius: 10px;
    box-shadow: 0 calc(8 / 1000 * 680 / 750 * 100vw) #ff6512;
    margin-bottom: calc(36 / 1000 * 680 / 750 * 100vw);
    
      & .cir {
    width: calc(45.4 / 1000 * 680 / 750 * 100vw);
    height: calc(45.4 / 1000 * 680 / 750 * 100vw);
    right: calc(10 / 1000 * 680 / 750 * 100vw);
  }
    & .tri {
    width: calc(16.8 / 1000 * 680 / 750 * 100vw);
    height: calc(23.8 / 1000 * 680 / 750 * 100vw);
  }
    
  }
  
  .contact-link {
     width: 100%;
    justify-content: space-evenly;
    margin-bottom: calc(36 / 1000 * 680 / 750 * 100vw);
    
  & a {
    width: calc(680 / 750 * 36vw);
  }
    
    & .tel-area{
      width: calc(680 / 750 * 36vw);
      font-weight: 700;
      color:#ff6512;
      aspect-ratio: 600 / 215;
      background-size: contain;
    background-repeat: no-repeat;
      position: relative;
      
      & p{
        position: absolute;
        display: inline-block;
top: 4.5vw;
  left: 9vw;
  font-size: 3.1vw;
      }
    }
}
  .webp .tel-area {
    background-image: url(../img/link-tel2.webp);
}

.no-webp .tel-area {
    background-image: url(../img/link-tel2.png);
}
  
  /*scroll*/
#hokkaido-area,
#北海道,
#青森県,
#岩手県,
#宮城県,
#秋田県,
#山形県,
#福島県,
#kantou,
#茨城県,
#栃木県,
#群馬県,
#埼玉県,
#千葉県,
#東京都,
#神奈川県,
#hokuriku,
#新潟県,
#富山県,
#石川県,
#福井県,
#chubu,
#山梨県,
#長野県,
#岐阜県,
#静岡県,
#愛知県,
#三重県,
#kansai,
#滋賀県,
#京都府,
#大阪府,
#兵庫県,
#奈良県,
#和歌山県,
#chugoku,
#鳥取県,
#島根県,
#岡山県,
#広島県,
#山口県,
#shikoku,
#徳島県,
#香川県,
#愛媛県,
#高知県,
#kyusyu,
#福岡県,
#佐賀県,
#長崎県,
#熊本県,
#大分県,
#宮崎県,
#鹿児島県,
#okinawa,
#沖縄県{
    scroll-margin-top: calc(110 / 750 * 100vw);
}
  
}

@media screen and (min-width: 811px) {
  
  .main-visual {
    margin-bottom: 60px;
    max-height: 528px;
  }
  .overlay-text {
  transform: translateY(-90px);
}
  .main-cars {
    bottom: 36px;
  }
  .car-c {
  top: initial;
    bottom: 23px;
}
.car-a {
  top: initial;
  bottom: 10px;
}
.car-b {
  width: calc(305 / 1000 * 100vw);
max-width: 305px;
}
  
  .maps{
    margin: 0 0 60px;
    padding: 20px 34px 18px;
  }
  
  .shop-data{
    flex-direction: row;
  }
  .shop-link-o{
    width: 36%;
    max-width: 360px;
    margin-right: 3%;
  }
  
    .shop-link{
    width: calc(680 / 750 * 36vw);
    max-width: 360px;
      padding: calc(2250% / 360) calc(6200% / 360) calc(2350% / 360) calc(1400% / 360);
      margin-bottom: 0;
      box-shadow: 0 6px #ff6512;
      
      & .cir {
    width: 45px;
    height: 45px;
    right: calc(100% / 36);
  }
    & .tri {
    width: 17px;
    height: 24px;
  }
  }
  
  .contact-link {
     width: 64%;
    max-width: 600px;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0;
    
    & a {
      width: 46%;
    max-width: 280px;
  }
    
    & .tel-area{
      width:  46%;
    max-width: 280px;
      
      & p{
        font-size: 1.7rem;
        top:36%;
        left: 28%;
      }
    }
  }
  
  /*scroll*/
#hokkaido-area,
#北海道,
#青森県,
#岩手県,
#宮城県,
#秋田県,
#山形県,
#福島県,
#kantou,
#茨城県,
#栃木県,
#群馬県,
#埼玉県,
#千葉県,
#東京都,
#神奈川県,
#hokuriku,
#新潟県,
#富山県,
#石川県,
#福井県,
#chubu,
#山梨県,
#長野県,
#岐阜県,
#静岡県,
#愛知県,
#三重県,
#kansai,
#滋賀県,
#京都府,
#大阪府,
#兵庫県,
#奈良県,
#和歌山県,
#chugoku,
#鳥取県,
#島根県,
#岡山県,
#広島県,
#山口県,
#shikoku,
#徳島県,
#香川県,
#愛媛県,
#高知県,
#kyusyu,
#福岡県,
#佐賀県,
#長崎県,
#熊本県,
#大分県,
#宮崎県,
#鹿児島県,
#okinawa,
#沖縄県{
    scroll-margin-top: 175px;
}
}

@media screen and (min-width: 1011px) {
.map-list {
    font-size: 1rem;
  }
}