@charset "UTF-8";
/*!===========================
このcssはSassから生成されていますので、
直接編集しないようご注意ください。
===========================*/
@media (max-width: 767px) {
  html {
    font-size: 31.25%; }

  /* class
  ============================== */
  .pc {
    display: none; }

  .sp {
    display: block; }

  img.sp,
  span.sp {
    display: inline; }

  table.sp {
    display: table; }

  .alignleft,
  .alignright {
    float: none;
    max-width: 100% !important;
    margin-bottom: 0; }

  .alignleft {
    margin-right: 0; }

  .alignright {
    margin-left: 0; }

  .col:not(table) {
    display: block; }
    .col:not(table) > * {
      width: auto !important;
      margin-left: 0 !important; }
      .col:not(table) > *:nth-child(n+2) {
        margin-top: 2rem !important; }
    .col:not(table) > table {
      width: 100% !important; }

  .btn, .btn02, .form [type="button"],
  .form [type="submit"],
  .form [type="reset"] {
    font-size: 2.8rem; }

  .scroll {
    overflow-x: auto; }
    .scroll::-webkit-scrollbar {
      height: 5px; }
    .scroll::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-thumb {
      border-radius: 5px; }
    .scroll::-webkit-scrollbar-track {
      background: #CCCCCC; }
    .scroll::-webkit-scrollbar-thumb {
      background: #666666; }
    .scroll table {
      white-space: nowrap; }

  /* form
  ============================== */
  .form [type="text"],
  .form [type="number"],
  .form [type="search"],
  .form [type="email"],
  .form [type="tel"],
  .form [type="url"],
  .form [type="password"],
  .form [type="date"],
  .form [type="datetime-local"],
  .form [type="month"],
  .form [type="week"],
  .form [type="time"],
  .form textarea,
  .form select {
    font-size: 1.6rem; }

  .form .form-table {
    display: block; }
    .form .form-table > dt,
    .form .form-table > dd {
      width: auto;
      padding-left: 0;
      padding-right: 0; }
    .form .form-table > dt {
      font-weight: bold; }
    .form .form-table > dd {
      padding-top: 0;
      border: 0; }

  /* ==================================================
  header
  ================================================== */
  header {
    padding-top: 6px;
    padding-bottom: 6px; }

  #hlogo {
    width: 230px;
    margin: 0 auto; }

  #gnav {
    font-size: 4rem; }

  .drawer-hamburger {
    width: 20px;
    margin-top: 23px; }

  .drawer-hamburger-icon {
    margin: 7px 0; }
    .drawer-hamburger-icon::before {
      top: -7px; }
    .drawer-hamburger-icon::after {
      top: 7px; }

  /* ==================================================
  footer
  ================================================== */
  #fnav {
    margin-bottom: 0; }

  #fnav1 li {
    width: 28%;
    max-width: inherit; }

  .btn-taiken {
    padding: .8em 0rem 18rem .8em; }

  /* ==================================================
  main
  ================================================== */
  /* top
  ============================== */
  .top-info {
    font-size: 3.5rem; }
    .top-info a {
      padding: 1.0em 15px !important; }

  #top-kv {
    background-image: url("../img/bg01-sp.jpg"); }

  #top-kv02 {
    text-align: center;
    padding-top: 40vw;
    background: url("../img/bg02-sp.png") center top/100% no-repeat, linear-gradient(181deg, #fff 30%, #8cc63f 100%); }
    #top-kv02 > div {
      padding-right: 0; }
    #top-kv02 p {
      margin-top: 0; }
    #top-kv02 figure {
      position: static;
      width: auto;
      margin-top: 4rem; }
      #top-kv02 figure img {
        max-width: 80% !important; }

  #top-kv03 {
    padding: 140% 0 0;
    background: url("../img/main-img-sp.jpg") top center/cover no-repeat; }

  #content .top-pr {
    background: url("../img/bg11.jpg") left top/contain no-repeat; }
    #content .top-pr p {
      margin-top: 2em;
      width: 100vw;
      margin-left: 0; }

  #content .top-pr1 p {
    margin-top: 2em;
    width: 90vw;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }

  #content .top-pr2 p {
    margin-top: 2em;
    width: 100vw;
    margin-left: 0; }

  #top-sec02-03 ul {
    max-width: 290px; }
    #top-sec02-03 ul li {
      display: block; }
      #top-sec02-03 ul li > * {
        width: auto !important; }
      #top-sec02-03 ul li > div {
        margin-top: 2rem; }
      #top-sec02-03 ul li.bg {
        min-height: 300px; }
        #top-sec02-03 ul li.bg::after {
          left: 50px;
          width: 320px;
          height: 200px; }

  #top-sec03 h3 {
    font-size: 3.6rem; }
  #top-sec03 .ttl {
    display: block; }
    #top-sec03 .ttl p {
      margin-left: 0 !important; }

  #top-access {
    padding-bottom: 20rem; }
    #top-access .col {
      text-align: center; }

  #content .top-pr-anniv .wrap .btn-wrap {
    position: absolute;
    left: 9%;
    bottom: 10.5%;
    width: 82%; }
  #content .top-pr-anniv .wrap .btn-wrap1 {
    position: absolute;
    right: 9%;
    bottom: 7.8%;
    width: 82%; }

  /* law
  ============================== */
  #law-sec01 dt {
    float: none; }
    #law-sec01 dt br {
      display: none; }
  #law-sec01 dd {
    padding-left: 0;
    padding-top: 1em; }
  
    .lesson {
      display: inline-block;
      max-width: 900px;
      font-size: 2.6rem;
      font-weight: bold;
      text-align: center;
      margin: 0 auto;
      dt,
      dd {
        margin-top: 1.5rem;
        &:first-of-type {
          margin-top: 0;
        }
      }
      dt {
        width: 40%;
      }
      dd {
        width: 80%;
        padding-left: 2rem;
        strong {
          font-size: 3.7rem;
        }
      }
    }   
  
  }

/*# sourceMappingURL=sp.css.map */