/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */
/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {
    
  ul.rental-service li {
    margin-bottom: 0!important;
  } 
    
  ul.rental-service li a {
    width: 100%;
    height: auto;
    padding: 8%;
    border-radius: 5px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    background-color: var(--color-white);
    margin-bottom: 30px;
    transition: all 0.4s ease-out;
    text-decoration: none;
  }
  ul.rental-service li a:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  ul.rental-service li a h2 {
    font-size: clamp(16px, 1vw, 20px);
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: 0.5em;
    color: var(--color-black);
    border-bottom: solid 2px var(--color-black);
    padding-bottom: 10px;
  }
  ul.rental-service li a .bb9 {
    border-bottom: 1px dotted var(--color-999);
    padding-bottom: 10px;
  }
  ul.rental-service li a .features {
    padding-top: 10px;
  }
  ul.rental-service li a img {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto 20px;
  }
  ul.rental-service li a p {
    line-height: 2em;
    color: var(--color-black);
    margin-bottom: 0em;
    font-size: 12px !important;
  }
  .about-flow h4 {
    font-size: clamp(18px, 1.1vw, 30px);
    font-weight: 500;
    font-family: var(--font-min);
    color: var(--color-block);
    letter-spacing: 0;
    line-height: 1.5em;
    margin-bottom: 0.2em;
  }
  p.fmc_bn {
    width: fit-content;
    height: auto;
    display: block;
    font-size: 14px;
    line-height: 1em;
    margin: 0;
    order: 4;
  }
  p.fmc_bn a {
    width: 100%;
    height: auto;
    display: block;
    text-decoration: none;
    padding: 10px 25px 10px 10px;
    text-align: left;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: auto 12px;
    transition: 3s all;
    color: var(--color-white);
    background-color: var(--color-5th);
    background-image: url(../img/header/ic-ar_h_w.svg);
  }
    
    


    
}
/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    
    
      ul.rental-service li {
    margin-bottom: 0!important;
  } 
    
  ul.rental-service li a {
    width: 100%;
    height: auto;
    padding: 8%;
    border-radius: 5px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    background-color: var(--color-white);
    margin-bottom: 30px;
    transition: all 0.4s ease-out;
    text-decoration: none;
  }
  ul.rental-service li a:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  ul.rental-service li a h2 {
    font-size: clamp(16px, 1vw, 20px);
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: 0.5em;
    color: var(--color-black);
    border-bottom: solid 2px var(--color-black);
    padding-bottom: 10px;
  }
  ul.rental-service li a .bb9 {
    border-bottom: 1px dotted var(--color-999);
    padding-bottom: 10px;
  }
  ul.rental-service li a .features {
    padding-top: 10px;
  }
  ul.rental-service li a img {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto 20px;
  }
  ul.rental-service li a p {
    line-height: 2em;
    color: var(--color-black);
    margin-bottom: 0em;
    font-size: 12px !important;
  }
  .about-flow h4 {
    font-size: clamp(18px, 1.1vw, 30px);
    font-weight: 500;
    font-family: var(--font-min);
    color: var(--color-block);
    letter-spacing: 0;
    line-height: 1.5em;
    margin-bottom: 0.2em;
  }
  p.fmc_bn {
    width: fit-content;
    height: auto;
    display: block;
    font-size: 14px;
    line-height: 1em;
    margin: 0;
    order: 4;
  }
  p.fmc_bn a {
    width: 100%;
    height: auto;
    display: block;
    text-decoration: none;
    padding: 10px 25px 10px 10px;
    text-align: left;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: auto 12px;
    transition: 3s all;
    color: var(--color-white);
    background-color: var(--color-5th);
    background-image: url(../img/header/ic-ar_h_w.svg);
  }
        .flc45 ,  .flc55 {
       margin-bottom: 0 !important;
  }
    
}
/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
    
          ul.rental-service li {
    margin-bottom: 0!important;
  } 
    
  ul.rental-service li a {
    width: 100%;
    height: auto;
    padding: 8%;
    border-radius: 5px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    background-color: var(--color-white);
    margin-bottom: 30px;
    transition: all 0.4s ease-out;
    text-decoration: none;
  }
  ul.rental-service li a:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  ul.rental-service li a h2 {
    font-size: clamp(16px, 1vw, 20px);
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: 0.5em;
    color: var(--color-black);
    border-bottom: solid 2px var(--color-black);
    padding-bottom: 10px;
  }
  ul.rental-service li a .bb9 {
    border-bottom: 1px dotted var(--color-999);
    padding-bottom: 10px;
  }
  ul.rental-service li a .features {
    padding-top: 10px;
  }
  ul.rental-service li a img {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto 20px;
  }
  ul.rental-service li a p {
    line-height: 2em;
    color: var(--color-black);
    margin-bottom: 0em;
    font-size: 12px !important;
  }
  .about-flow h4 {
    font-size: clamp(18px, 1.1vw, 30px);
    font-weight: 500;
    font-family: var(--font-min);
    color: var(--color-block);
    letter-spacing: 0;
    line-height: 1.5em;
    margin-bottom: 0.2em;
  }
  p.fmc_bn {
  
width: 80%;
    height: auto;
    display: block;
    font-size: 14px;
    line-height: 1em;
    margin: 0 auto;
      
  }
  p.fmc_bn a {
    width: 100%;
    height: auto;
    display: block;
    text-decoration: none;
    padding: 10px 25px 10px 10px;
    text-align: left;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: auto 12px;
    transition: 3s all;
    color: var(--color-white);
    background-color: var(--color-5th);
    background-image: url(../img/header/ic-ar_h_w.svg);
  }
        .flc45 ,  .flc55 {
       margin-bottom: 0 !important;
  }
    
    
    
}