@charset "UTF-8";
/******************************************************

        スマートフォンサイト用

******************************************************/
@media screen and (max-width: 767px) {
  /******************************************************/
  /* elements  */
  /******************************************************/
  * {
    margin: 0;
    padding: 0;
  }
  html {
    font-size: 10px;
  }
  body {
    background: #ffffff;
    color: #000000;
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック", YuGothic, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.53;
    letter-spacing: normal;
    -webkit-text-size-adjust: 100%;
  }
  strong,
  th {
    font-weight: bold;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 500;
  }
  h1 {
    color: #000000;
  }
  a {
    color: #000000;
    word-break: break-all;
    word-wrap: break-word;
  }
  a:link {
    color: #000000;
    text-decoration: none;
  }
  a:visited {
    color: #000000;
    text-decoration: none;
  }
  img {
    border-style: none;
    border-width: 0;
    max-width: 100%;
    height: auto;
    vertical-align: top;
  }
  ul,
  li {
    list-style: none;
  }
  video,
  iframe {
    max-width: 100%;
    height: auto;
  }
  /******************************************************/
  /* class  */
  /******************************************************/
  .none,
  .pc {
    display: none !important;
  }
  .mb0 {
    margin-bottom: 0 !important;
  }
  /******************************************************/
  /* header  */
  /******************************************************/
  header {
    padding: 17px 0 15px;
  }
  header #header_logo {
    line-height: 1;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    justify-content: center;
    align-items: center;
  }
  header #header_logo img {
    width: 25px;
    height: auto;
    margin-right: 10px;
  }
  /******************************************************/
  /* footer */
  /******************************************************/
  footer {
    text-align: center;
  }
  footer #footer_contact {
    background-color: #5388b8;
    padding: 44px 0 50px;
  }
  footer #footer_contact h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 2.4rem;
  }
  footer #footer_contact .description {
    color: #ffffff;
    font-weight: 500;
    font-size: 1.5rem;
    margin: 15px auto 25px;
  }
  footer #footer_contact .contact_area {
    background-color: #ffffff;
    display: block;
    width: 295px;
    padding: 18px 0 25px;
    margin: 0 auto;
  }
  footer #footer_contact .contact_area .number_area {
    font-weight: bold;
    font-size: 2rem;
  }
  footer #footer_contact .contact_area .number_area .icon {
    position: relative;
    top: 7px;
  }
  footer #footer_contact .contact_area .number_area .icon img {
    width: 17px;
    height: auto;
  }
  footer #footer_contact .contact_area .business_area {
    display: block;
    width: 140px;
    margin: 12px auto 0;
    font-weight: 500;
    font-size: 1.2rem;
    background-color: #ededed;
  }
  footer #footer_contact .contact_area .btn {
    width: 260px;
    height: 60px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 22px 0 20px;
    line-height: 1;
    margin: 18px auto 0;
    color: #ffffff;
    display: block;
    box-sizing: border-box;
    background-color: #333333;
    position: relative;
  }
  footer #footer_contact .contact_area .btn::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    transform: rotate(-45deg) translateY(-50%);
    position: absolute;
    right: 15px;
    top: 50%;
  }
  footer .copyright {
    width: 100%;
    background-color: #ffffff;
    font-weight: 500;
    font-size: 0.9rem;
    padding: 15px 0;
  }
}