@charset "utf-8";
/* CSS Document */

#main {
  z-index: -1;
}

.customer_service {
  padding-top: 4rem;
  padding-bottom: 4rem;
  text-align: center;
}

.customer_service_ttl {
  font-size: 1.6875rem;
  margin-bottom: 4rem;
}

.customer_service_text {
  margin-bottom: 1rem;
}

.info_box {
  box-sizing: border-box;
  max-width: 480px;
  margin: 0 auto 4rem;
  border: 1px solid #09c;
  border-radius: 10px;
  padding: 1rem;
}

.info_ttl {
  color: #09c;
  font-weight: bold;
  font-size: 1.25rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #09c;
  margin-bottom: 1.5rem;
}

.tel_info_ttl::before { 
  font-family: "icomoon"; 
  content: "\e942";
  display: inline-block;
  color: #09c;
  margin-right: 0.5em;
  font-size: 1.5rem;
}

.tel_num {
  margin-bottom: 0.8rem;
}

.tel_num a {
  font-size: 3.125rem;
  color: #666;
  font-weight: bold;
}

.tel_info_time span {
  font-weight: bold;
}

.tel_info_note {
  font-size: 0.875rem;
}

.mail_info_box {
  display: none;
}

.inquiry_btn {
  display: block;
  box-sizing: border-box;
  max-width: 480px;
  padding: 1.8rem 1rem;
  border-radius: 10px;
  margin: 0 auto;
  background: #4bd8d8;
  background: linear-gradient(to right, #4bd8d8 0%,#0099cc 100%);
  color: #fff;
  font-size: 1.875rem;
  font-weight: bold;
  box-shadow: 0 6px 0 #069;
}

.inquiry_btn::after { 
  font-family: "icomoon"; 
  content: "\e901";
  display: inline-block;
  color: #fff;
  margin-left: 0.5em;
  font-size: 1.5rem;
  font-weight: normal;
}

@media screen and (max-width: 736px) {
  .customer_service {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .customer_service_ttl {
    font-size: 1.25rem;
    margin-bottom: 2rem;
  }

  .customer_service_text {
    text-align: left;
    font-size: 0.75rem;
  }

  .info_box {
    max-width: 100%x;
    margin: 0 auto 1rem;
    padding: 0.8rem;
  }

  .info_ttl {
    font-size: 1.15rem;
    margin-bottom: 1rem;
  }
  
  .tel_num a {
    font-size: 2rem;
  }

  .tel_info_time {
    font-size: 0.75rem;
  }

  .tel_info_note {
    font-size: 0.625rem;
  }
  
  .mail_info_box {
    display: block;
  }
  
  .mail_info_ttl::before { 
    font-family: "icomoon"; 
    content: "\e90b";
    display: inline-block;
    color: #09c;
    margin-right: 0.5em;
    font-size: 1.5rem;
  }
  
  .email {
    font-size: 1.25rem;
    font-weight: bold;
  }
  
  .email span::after {
    content: "@";
  }

  .inquiry_btn {
    padding: 0.8rem 1rem;
    border-radius: 2rem;
    background: #81cced;
    background: linear-gradient(to bottom right, #81cced 0%, #7db9e8 100%);
    font-size: 0.875rem;
    box-shadow: none;
  }

  .inquiry_btn::after { 
    font-size: 1rem;
  }
}











