/* CSS Document */
html, body, header, footer, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, p, div, a, table, tr, td, th {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

ul {
  list-style: none; }

a {
  text-decoration: none; }

img {
  max-width: 100%;
  max-height: 100%; }

.container-fluid {
  padding: 0; }

.sp {
  display: block; }
  @media screen and (min-width: 768px) {
    .sp {
      display: none; } }

.pc {
  display: none; }
  @media screen and (min-width: 768px) {
    .pc {
      display: block; } }

.inquiry-bg {
  width: 100%;
  background: #fff url("../images/inquiry-bg.jpg") no-repeat top center;
  background-size: cover;
  min-height: 50vw;
  padding: 10px; }
  .inquiry-bg .absmenu {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 3vw; }
  .inquiry-bg .form {
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
    padding: 10px;
    margin: 180px auto 0;
    background: #fff;
    width: 100%;
    max-width: 900px; }
    @media screen and (min-width: 768px) {
      .inquiry-bg .form {
        margin: 70px auto 0;
        padding: 40px; } }
    .inquiry-bg .form .thanks {
      font-size: 18px;
      color: #1c8051;
      font-weight: bold;
      padding-bottom: 20px; }
    .inquiry-bg .form .return-btn {
      background: #1c8051;
      padding: 15px 40px;
      border-radius: 50px;
      border: none;
      color: #fff;
      max-width: 400px;
      width: 100%;
      margin: 0 auto;
      display: inline-block; }
    .inquiry-bg .form .info {
      width: 100%;
      padding: 30px;
      border: 4px solid #1c8051;
      border-radius: 15px;
      text-align: center; }
      .inquiry-bg .form .info h2 {
        font-size: 18px;
        color: #1c8051;
        font-weight: bold;
        padding-bottom: 20px; }
    .inquiry-bg .form h3 {
      color: #1c8051;
      font-size: 18px;
      padding: 20px; }
    .inquiry-bg .form table {
      margin-top: 50px;
      width: 100%; }
      .inquiry-bg .form table .contact-line {
        border-bottom: 1px solid #1c8051; }
      .inquiry-bg .form table tr td {
        padding: 10px;
        font-size: 14px;
        vertical-align: top;
        color: #1c8051;
        font-weight: bold;
        display: block; }
        .inquiry-bg .form table tr td .require {
          color: #f00;
          font-size: 11px;
          padding-left: 1rem; }
        @media screen and (min-width: 768px) {
          .inquiry-bg .form table tr td {
            display: table-cell;
            padding: 20px; } }
        .inquiry-bg .form table tr td input[type=text], .inquiry-bg .form table tr td input[type=email], .inquiry-bg .form table tr td input[type=tel], .inquiry-bg .form table tr td textarea {
          width: 100%;
          line-height: 1.8rem;
          background: #e6e6e6;
          border: none; }
        .inquiry-bg .form table tr td button {
          background: #1c8051;
          padding: 15px 40px;
          border-radius: 50px;
          border: none;
          color: #fff;
          max-width: 400px;
          width: 100%;
          margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .inquiry-bg {
      padding: 50px; } }

.privacy p {
  padding: 0 20px;
  line-height: 1.8rem; }

header .btn01-sp, header .btn02-sp {
  width: 11vw;
  height: auto; }
header h1 {
  line-height: 0.5;
  width: 50%;
  padding-right: 10%;
  margin-left: 10px; }
  header h1 img {
    width: 40vw; }
    @media screen and (min-width: 768px) {
      header h1 img {
        width: auto; } }
  @media screen and (min-width: 768px) {
    header h1 {
      width: auto;
      margin-left: 0; } }

footer {
  padding: 50px 15px 10px;
  background: #1c8051 url("../images/footer-bg.svg") no-repeat right bottom;
  text-align: center;
  color: #fff; }
  @media screen and (min-width: 768px) {
    footer {
      padding: 50px 50px 10px; } }
  footer a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    margin: 30px 0;
    display: inline-block; }
    footer a:hover {
      color: #fff;
      opacity: .5; }

.wrap {
  margin: 0 auto; }

.gotop {
  position: fixed;
  bottom: 5vw;
  right: 3vw; }