html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
  }
/* ------background------ */
.hero-section {
  width: 100vw;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
}

.hero-section .hero-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

  @media (max-width: 768px) {
  .hero-section .hero-image {
    object-position: left center;  
    height: 210px;  
  }
  } 

  /* -----------------------------button----------------------- */
 
 .button-wrapper {
  text-align: center;
  margin-top: 50px; 
}
.yellow-button {
  background-color: #61bcc9;
  color: white;
  font-size: 18px;
  padding: 12px 24px;
  text-decoration: none  !important;
  border: none;
  border-radius: 40px;
  font-weight: bold;
  display: inline-block;
  transition: background-color 0.3s;
  width: 300px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.yellow-button:hover {
  background-color: #e6a823;
}
 
/*-----------------
     ---Tour---
------------------*/
.centered-box {
    border: 2px dashed #ff9900;  
    background-color: #fff;
    width: 90%;              
    height: 770px;               
    margin: 40px auto ;           
    border-radius: 20px;         
    position: relative;        
    box-sizing: border-box;    
    padding: 30px ;              
  }
 
.centered-box .text-overlay3 {
    position: absolute;
    top:50px;
    left: 50px;
    text-align: left;
    z-index: 10;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);  
    line-height:1;
  }

.centered-box .text-overlay3 .line1 {
    font-size: 40px;  
    color: #61bcc9;  
  }
.centered-box .text-overlay3 .line2 {
    font-size: 18px;   
    color: #808080;   
  }

  /* kuang */
.centered-box .tour-icon-grid {
  display: flex;
  justify-content: center;
  gap: 80px;
  margin-top: 150px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 20px;
  padding: 20px;
  -webkit-overflow-scrolling: touch;

  scrollbar-width: thin; 
  scrollbar-color: #61bcc9 transparent;   
  padding-top:24px;
}

 .centered-box .tour-icon-grid::-webkit-scrollbar {
  height: 20px;  
}

.centered-box .tour-icon-grid::-webkit-scrollbar-track {
  background: transparent; 
}

.centered-box .tour-icon-grid::-webkit-scrollbar-thumb {
  background-color: #61bcc9;  
  border-radius: 6px;  
}

.centered-box .tour-icon-grid::-webkit-scrollbar-thumb:hover {
  background-color: #4aa7b3;  
}

.centered-box .tour-icon-grid::-webkit-scrollbar-button {
  display: none; 
  width: 0;
  height: 0;
}

.tour-icon-grid .tour-icon-box {
  position: relative;
  flex: 0 0 auto;
  scroll-snap-align: center;
  width: 330px;
  height: 530px;
  border: 2px solid #61bcc9;
  border-radius: 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;  
  overflow-wrap: break-word;
  justify-content: flex-start;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.tour-icon-box img {
  width: 300px;
  height: auto;
  margin-top: 0;
 }

 .guide-badge {
    position: absolute;
    top: -10px;
    right: -30px;
    background-color: #61bcc9; 
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  }

.tour-icon-box .icon-label {
  font-size: 16px;
  color: #61bcc9; 
  margin-bottom: 30%;
  font-weight:bold;
}

 .tour-icon-box  {
    font-size: 12px;
    color: #333;
    margin-bottom: 20%;
  }

.tour-icon-grid .tour-text {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
  text-align: left;
  margin-top: -10px;
}

  .bottom-text {
    position: absolute;         
    bottom: 20px;                
    right: 20px;                 
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
  }
  .bottom-text p {
    margin: 0;
  }
  .bottom-text .price {
    color: #61bcc9;
    font-size: 16px;
  }
.plan-link {
  background-color: #f8b62d;
  color: white;
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  display: inline-block; 
  margin-bottom: 40px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.plan-link a {
  text-decoration: none;
  color: white;
  display: block; 
}
.swipe-hint {
 display:none;
}
 
@media (max-width: 1180px) {
  .centered-box {
  padding: 10px;
  margin: 20px auto;
  top:50px;
  height:750px;    
  }
  .centered-box .text-overlay3 {
  position: absolute;
  top:50px;
  left: 50px;
  line-height:1;
  margin-bottom:-50px;
 }
.centered-box  .text-overlay3 .line1 {
  font-size: 32px;
 }

.centered-box .text-overlay3 .line2 {
  font-size: 16px;
 }

.centered-box .tour-icon-grid {
   justify-content: flex-start;
   scroll-snap-type: x mandatory;
   overflow-x: auto;
   margin-top:-10px !important;
   border-radius: 25px;
   gap: 60px;
   padding: 20px 50px;
  }
 
 .tour-icon-grid .tour-icon-box {
    scroll-snap-align: center;
    margin: 0 auto;
    margin-top:10px;
    height:500px;
    width:290px;
  }

 .tour-icon-box .icon-label {
  font-size: 15px;
  font-weight:bold;
  margin-bottom: 30%;
}

.tour-icon-grid .tour-text {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
  text-align: left;
  margin-top: -20px;
}
 
  .guide-badge {
    top:  10px;
    right:  10px ;
    font-size:14px;
    width: 70px;
    height: 70px;
  }
  
.swipe-hint {
  display: none;
  font-size: 12px;
  color: #ff6600;
  text-align: center;
  margin-bottom: -10px;
  animation: blink 2.5s infinite;
  margin-top:160px;
}
  .swipe-hint {
    display: block;
  }
 
 @keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
}

 
.centered-box .tour-introduction {
font-size:16px;
color:#333;
margin-top:120px;
  margin-left:20px;
 }


/* --------------------------GUIDE------------------------- */
.info-section-alt {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  margin: 50px auto;
   width: 90%;          
  box-sizing: border-box;
  position: relative;
}
.guide-note{
font-size:16px;
color:#333;
margin-top:50px;
}
.guide-name{
 font-size:26px;
 color:#f29219;
 font-weight:bold;  
 margin-top:50px;
}
 
.outer-boxguide {
  background-color: #fafdfe;  
  border: 2px dashed #24a1b6;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap; 
  box-sizing: border-box;
  margin-top:0;
}

.item {
  flex: 1 1 30%;   
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}

 .item img {
  width: 100%;     
  height: auto;
  display: block;
  border-radius: 8px;
}
.text-box {
  width: 80%;         
  max-width: 300px;   
  margin: 0 auto;     
  text-align: left;    
  box-sizing: border-box;
}


.text-box .title {
  font-size: 24px;
  color: #000;
  padding:0 !important;
  white-space: nowrap;
 }

@media (max-width: 966px) {
  .outer-boxguide {
    flex-direction: column;
    padding:5px;        
    gap: 15px;               
  }

  .guide-name {
    font-size: 22px !important;
    margin-top: 30px !important;        
    margin-left:20px;
  }

  .text-box {
    width: 70% !important;    
    max-width: none !important;  
    margin: 0 auto;
   }

  .text-box .title {
    font-size: 18px !important;
    line-height: 1.3;    
    word-break: break-word;
  }

  .text-box .description {
    font-size: 12px !important;
    line-height: 1.4;
    word-break: break-word;
  }

  .text-box .small-orange {
    font-size: 13px;
    margin-bottom: 5px;
  }

  .item {
    flex: none !important;   
    width: 100% !important;    
    box-sizing: border-box;
  }

  .item img {
    max-width: 450px;   
     border-radius: 8px;
  }
}

 
/*     GUIDE 資格    */
.guide-shikaku {
  display: flex;
  gap: 10px;                
  align-items: center;     
  justify-content: center;   
  flex-wrap: wrap;         
}

.left-box {
  width: 220px;
  height: 220px;
  position: relative;
  flex-shrink: 0;           
  margin-left:100px;
}

.left-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 1;
}

.yellow-blur {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 220px;
  background: rgba(255, 221, 0, 0.7);
  filter: blur(25px);
  border-radius: 50%;
  z-index: 0;
}

.right-box {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}

.right-box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  object-fit: cover;
}

/* right text */
.guidetext-overlay {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 20px;   
  box-sizing: border-box;
  max-height: 90%;   
  overflow-y: auto;
  z-index: 2;
}

 .guidetext-overlay .overlay-logo {
  width:230px;        
  height: auto;
  display: block;
  margin-bottom: 10px;   
}

 .guidetext-overlay p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #000;
}

 .guidetext-overlay p span {
  display: inline-block;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 6px 6px 6px;
  margin-bottom: 6px;
  border-radius: 3px;
  box-decoration-break: clone;
 }

@media (max-width: 992px) {
  .guide-shikaku {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
  }

  .guide-shikaku .left-box {
    width: 120px !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }

  .guide-shikaku .left-box img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  .guide-shikaku .right-box {
    position: relative; 
    width: 100%; 
    max-width: 500px; 
    height: 400px; 
    margin: 0 auto;
  }

  .guide-shikaku .right-box img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    object-fit: cover;
  }

  .guidetext-overlay {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;  
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;  
    padding: 10px;
    background: rgba(255, 255, 255, 0.5); 
    box-sizing: border-box;
  }

  .guidetext-overlay .overlay-logo {
    width: 180px;
    margin-bottom: 8px;
  }

  .guidetext-overlay p {
    font-size: 12px !important;
    text-align: center;
    margin: 0;
    line-height: 1.5;
  }

  .yellow-blur {
    background: rgba(255, 221, 0, 0.2);
    filter: blur(30px);
  }
}


/*ーーーーーガイド説明ーーーーー*/
  .guidegradient-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(to bottom, 
    #ffffff 0%,       
    #ffffff 60%,      
    #e0f0ff 100%);
     width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 20px;
    margin-bottom:40px;
    padding-bottom:40px !important;
  }

   .guideleft-part {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start; 
    position: relative;
  }

  .image-container {
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
  }

   .image-container img {
    width: 120% !important;
    height: auto;
    display: block;
    border-radius: 8px;
  }

  .guide-text-overlay {
  position: absolute;
  top: 50%;                      
  left: 20px;                    
  transform: translateY(-50%);   
  max-width: 60%;
  padding: 10px;
  color: #000;
  border-radius: 8px;
  text-align: left !important;
  z-index: 10;
}

.guide-text-overlay .big-title {
  font-size: 12px !important;
  font-weight: bold;
  text-align: left !important;
  margin: 0;   
}

.guide-name {
   margin-left: 10px;  
  text-align: left;
  margin-top: -8px; 
}

.guide-name .ja-name {
  display: block;             
  font-weight: bold;        
  font-size: 18px;           
  color: #000;                
  text-transform: uppercase;   
  letter-spacing: 0.05em;      
 }

.guide-name .en-name {
  display: block;           
  font-weight: 300;      
  font-size: 12px;            
  color: #000;                
  text-transform: none;       
}

 .small-line-box {
  margin-top: 0;
  padding-left: 10px;  
}

   .small-line-box {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    width: 100%;
  }

   .small-orange {
    font-size: 14px !important;
    color: orange;
    font-weight: bold;
    white-space: nowrap;
  }

   .orange-line {
    flex-grow: 1;
    border: none;
    height: 1px;
    background-color: orange;
    margin: 0;
  }

.guideleft-part .description {
    font-size: 14px !important;
     color: #000;
    text-align: left;
    width: 95%;
  margin: 5px auto 0 auto;      white-space: pre-line; 
  }

   .guideright-part {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    margin-top: 30px;
    gap: 12px;
  }

   .guideright-part > .small-orange {
    font-size: 16px !important;
    margin-top: 10px;
  }

 .skill-row,
.feature-row {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 280px;            
  justify-content: flex-start;  
}
   .flag-icon {
    width: 20px;
    height: 20px;
    object-fit: cover;
    flex-shrink: 0;
  }

.skill-name,
.feature-name {
  font-size: 12px;
  white-space: nowrap;
  width: 80px;
  flex-shrink: 0;
}

.skill-bar,
.feature-bar {
  flex-grow: 1;
  width: 220px;              
  height: 8px;
  background: #eee;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

   .skill-fill {
    height: 100%;
    border-radius: 8px 0 0 3px;
    background: orange;
    transition: width 0.3s ease;
  }

  .feature-fill {
    height: 100%;
    border-radius: 8px 0 0 3px;
    background: #71c7d5;
    transition: width 0.3s ease;
  }

.guideright-part .feature-row {
  display: flex;
justify-content: space-between;
  align-items: center;
  gap: 8px;                 
  width: 280px;           
}

.guideright-part .feature-name {
  width: 160px;
  white-space: nowrap;
  text-align: left;         
  flex-shrink: 0;
}

.guideright-part .feature-bar {
  width: 100px !important;
  flex-grow: 0 !important;
  height: 8px;
  background: #eee;
  border-radius: 3px;
  overflow: hidden;
}

.guide-comment1 {
    font-size: 12px !important;
    margin: 0 !important;
    color: #000;
}

 @media (min-width: 790px) {
  .guidegradient-section {
    flex-direction: row;
    align-items: flex-start;  
    justify-content: space-between;
    padding: 10px;         
    background: linear-gradient(to bottom, 
      #ffffff 0%,       
      #ffffff 60%,      
      #e0f0ff 100%);
  }

  .guideleft-part {
    width: 60%;              
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
  }

  .image-container {
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
  }

  .image-container img {
    width: 100% !important;    
    height: auto;
    display: block;
  }

  .guide-text-overlay {
    position: absolute;
    top: 50%;                     
    left: 20px;
    transform: translateY(-50%);
    max-width: 60%;
    padding: 10px;
    text-align: left !important;
  }

  .guide-text-overlay .big-title {
    font-size: 18px !important;
    font-weight: bold;
    margin: 0;
  }

  .guide-name {
    margin-left: 10px;
    text-align: left;
    margin-top: 10px;
  }

  .guide-name .ja-name {
    font-weight: bold;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .guide-name .en-name {
    font-weight: 300;
    font-size: 14px;
    color: #000;
  }

  .small-line-box {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    width: 100%;
    padding-left: 10px;
  }

  .small-orange {
    font-size: 14px !important;
    color: orange;
    font-weight: bold;
    white-space: nowrap;
  }

  .orange-line {
    flex-grow: 1;
    border: none;
    height: 1px;
    background-color: orange;
  }

  .guideleft-part .description {
    font-size: 12px !important;
    color: #000;
    text-align: left;
    width: 95%;
    margin: 5px auto 0 auto;
    white-space: pre-line;
  }

  .guideright-part {
    width: 38% !important;               
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    margin-top: 0;           
    gap: 12px;
  }

  .guideright-part > .small-orange {
    font-size: 16px !important;
    margin-top: 10px;
  }

  .skill-row,
  .feature-row {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .skill-bar,
  .feature-bar {
    flex-grow: 1;
    width: auto;          
    height: 8px;
    background: #eee;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
  }

  .skill-fill {
    height: 100%;
    border-radius: 8px 0 0 3px;
    background: orange;
    transition: width 0.3s ease;
  }

  .feature-fill {
    height: 100%;
    border-radius: 8px 0 0 3px;
    background: #71c7d5;
    transition: width 0.3s ease;
  }

  .guide-comment {
    font-size: 12px !important;
    margin-top: 1px;
    color: #000;
  }
}


/* ----------form ------------*/
.additional-block {
  display: flex;
  flex-direction: column;
  align-items: center; 
}
 
.additional-table-container {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  overflow-x: auto;
}

.additional-table {
  width:30%;
  border-collapse: collapse;
  text-align: center;
  font-size: 12px;
}

.additional-table th,
.additional-table td {
  border: 2px solid #61bcc9;
  padding: 10px;
  background-color: #f9f9f9;
  white-space: nowrap;
}

.additional-table th {
  background-color: #61bcc9;
  color: white;
}

.guideadditional-notes {
  list-style: none;
  margin: 10px auto;       
  padding-left: 0;          
  max-width: 60%;             
  text-align: left; 
}

.guideadditional-notes li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 8px;
  font-size:10px;
}
.guideadditional-notes li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  background-color: #ffc107;
  border-radius: 50%;
}

 @media (min-width: 768px) {
.additional-table {
  width:60%;
  border-collapse: collapse;
  text-align: center;
  font-size: 16px;
}
   
.guideadditional-notes li {
  font-size:12px;
}
   
}
 

/*  ----------  */
 .info-section-alt .text-overlay7 {
  position:static;  
  top: 60px ;
  left:50px !important;
  text-align: left;
  z-index: 10;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  line-height:1;  
}

 .info-section-alt .text-overlay7 .line1 {
  font-size: 40px;
  color: #61bcc9;
}

 .info-section-alt .text-overlay7 .line2 {
  font-size: 18px;
  color: #808080;
}

 .info-section-alt .price-notes2 {
  font-size: 15px;
  color: #444444;
  margin-top: 50px;
  line-height: 1.8;
  margin-left: 10px;   
  text-align: left;
}


@media (max-width: 1280px) {
 .info-section-alt .text-overlay7 {
   top: 50px ;
      margin-top:20px;
   margin-left:20px;
   
}

 .info-section-alt .text-overlay7 .line1 {
  font-size: 30px !important;
  color: #61bcc9;

  }

 .info-section-alt .text-overlay7 .line2 {
  font-size: 16px;
  color: #808080;
 }
 .info-section-alt {
  top: 30px;
   width: 90%;
   padding:10px;
   
 }
.guide-note{
font-size:16px;
color:#333;
margin-top:50px;
margin-left:20px;
margin-bottom:40px;
}
}

@media (max-width: 768px) {
  .outer-box {
    flex-direction: column;
  }
  .item {
    flex: 1 1 100%;   
  }
}

/* ------- Guide Photo  -------- */
.guide-photo-gallery {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin: 120px 20px 40px 20px;
  flex-wrap: wrap;
}

.guide-photo-gallery img {
  width: 30%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.guide-photo-gallery img:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}

/* ------- Responsive: Mobile -------- */
@media (max-width: 768px) {
  .guide-photo-gallery {
    flex-direction: column;    
    align-items: center;       
    gap: 30px;                 
  }

  .guide-photo-gallery img {
    width: 90%;                  
    max-width: 380px;         
  }
}



/* ------------ SUPPORT CAR  ------------- */
.text-overlay8 {
  position: absolute;
  top: 50px;
  left: 50px;
  text-align: left;
  z-index: 10;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  line-height:1;
}
.text-overlay8 .line1 {
  font-size: 40px;
  color: #61bcc9;
}
.text-overlay8 .line2 {
  font-size: 18px;
  color: #808080;
  line-height:1.2;  

}
 .notes-car {
  font-size: 15px;
  color: #444444;
  margin-top: 150px;
  line-height: 1.8;
  margin-left: 30px;
  text-align: left;
}
.info-section-alt-with-image {
  background-color: rgba(240, 253, 255, 0.8);
  border-radius: 20px;
  padding: 20px;
 padding-bottom: 80px;
  margin: 50px auto;
  width: 90%;
  display: flex;
  flex-direction: column;  
  gap: 20px;
  justify-content: center;
  position: relative;
}
.info-section-alt-with-image .text-block {
  flex: 1;
  min-width: 200px;
}
.info-section-alt-with-image .image-block {
  flex: 1;
}
.info-section-alt-with-image .image-block img {
  width: 100%;
  max-width: 450px;
  height: auto;
  border-radius: 30px;
  object-fit: cover;
}
.info-section-alt-with-image .image-block {
  width: 50%;
  display: flex;
  justify-content: right;
   box-sizing: border-box;
  margin-left: auto; 
  margin-right:10px;
  margin-top:-260px;
 }
 
.info-section-alt-with-image .support-car-table-container {
 width: 100%;
  margin-top:180px;
}
.info-section-alt-with-image .support-car-table-container2 {
  width:  100%;
  margin-top:20px;
}

.support-car-table {
  border-collapse: collapse;
  width:40%;
  max-width: 100%;
  text-align: left;
  font-size: 12px;
  margin-left:30px; 
}

.support-car-table th,
.support-car-table td {
  border: 2px solid #61bcc9;
  padding: 8px;
  background-color: #f9f9f9;
  text-align: center;       
  vertical-align: middle; 
  white-space: nowrap; 
}

.support-car-table th {
  background-color: #61bcc9;
  color: white;
}
.additional-block .support-car-notes {
  list-style: none;
  margin: 10px auto;             
  padding-left: 0;               
  max-width:90%;                   
  text-align: left;
  margin-top:30px;
  margin-bottom:30px;
}
.additional-block .support-car-notes li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 8px;
  font-size: 12px;
}

.additional-block .support-car-notes li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  background-color: #ffc107;  
  border-radius: 50%;
}

 
@media (max-width:1036px) {
  .info-section-alt-with-image {
    flex-direction: column;
     width: 90%;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom:50px; 
 
}
  .info-section-alt-with-image .image-block {
   display:none !important;
  }
 
.info-section-alt-with-image .text-overlay8 {
    top: 50px;
    left:50px;
    line-height:1;
  }
.text-overlay8 .line1 {
    font-size: 30px;
    color: #61bcc9;
  }
.text-overlay8 .line2 {
    font-size: 14px;
    color: #808080;
  }
 .price-notes3 .notes-car{
    margin-top: 150px;
    margin-left: 30px;  
    text-align: left;
    padding-right:30px;
   font-size:12px;
  }

.support-car-table {
  border-collapse: collapse;
    text-align: left;
  font-size: 10px;
 }
 .support-car-table {
    width: 90% !important;   
    margin-left: 0 !important;  
    font-size: 11px;      
     margin-right: 30px !important;  
  }

  .support-car-table-container,
  .support-car-table-container2 {
    overflow-x: auto;        
   margin-left:30px;

  }
 
  .support-car-table th {
    padding :3px 3px;      
    font-size: 10px;        
    line-height:1;  
  
  }
  .support-car-table td {
    padding:0 !important;            
    font-size: 10px;
  }

.support-car-notes li {
  font-size: 12px;
}
.support-car-notes {
  margin: 20px 30px;
  padding-left: 20px;
  list-style: none;
}
}
 

.full-background {
  position: fixed;
  left: 0;
  bottom: 0;    
  width: 100%;
  height: 100%;  
  background-image: url('https://biwaichi.bike/.assets/bg.png') ;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}