/* line 23, contact.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1, h2, h3, h4, h5, h6,
p,
blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* line 43, contact.scss */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* line 48, contact.scss */
html,
body {
  overflow-x: clip; }

/* line 52, contact.scss */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth; }

/* line 57, contact.scss */
body {
  font-size: 15px;
  color: #000000;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* line 63, contact.scss */
body,
input,
textarea {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400; }

/* line 70, contact.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 74, contact.scss */
caption,
th,
td {
  font-weight: normal;
  text-align: left; }

/* line 80, contact.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  color: #000000;
  clear: both;
  line-height: 1;
  letter-spacing: 0.05em;
  margin: 0;
  padding: 0; }

/* line 94, contact.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

/* line 106, contact.scss */
p {
  color: #000000;
  margin-bottom: 15px;
  line-height: 1.9; }

/* line 111, contact.scss */
img {
  border: none;
  vertical-align: top;
  max-width: 100%;
  height: auto; }

/* line 117, contact.scss */
.pc {
  display: block; }
  @media screen and (max-width: 800px) {
    /* line 117, contact.scss */
    .pc {
      display: none; } }

/* line 123, contact.scss */
.sp {
  display: none; }
  @media screen and (max-width: 800px) {
    /* line 123, contact.scss */
    .sp {
      display: block; } }

/* line 130, contact.scss */
main {
  width: 100%;
  max-width: 894px; }
  @media screen and (max-width: 800px) {
    /* line 130, contact.scss */
    main {
      max-width: inherit; } }

/* line 138, contact.scss */
.contact {
  position: relative;
  width: 100%;
  padding: 25px 20px 15px; }
  @media screen and (max-width: 800px) {
    /* line 138, contact.scss */
    .contact {
      padding: 18px 11px 15px; } }
  /* line 145, contact.scss */
  .contact .title {
    display: flex;
    justify-content: center; }
    /* line 148, contact.scss */
    .contact .title h2 {
      display: inline-block;
      text-align: center;
      margin: 0 auto 64px; }
      @media screen and (max-width: 800px) {
        /* line 148, contact.scss */
        .contact .title h2 {
          display: block;
          width: 94.8%;
          margin: 0 auto 12px; } }
      @media screen and (max-width: 800px) {
        /* line 157, contact.scss */
        .contact .title h2 img {
          width: 100%;
          max-width: 270px;
          margin: 0 auto; } }
      /* line 164, contact.scss */
      .contact .title h2::after {
        position: absolute;
        left: -155px;
        top: -10px;
        width: 124px;
        height: 129px;
        content: "";
        background-image: url("../img/guidebox.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: cover;
        z-index: 0; }
        @media screen and (max-width: 800px) {
          /* line 164, contact.scss */
          .contact .title h2::after {
            display: block;
            position: relative;
            left: 50%;
            top: auto;
            translate: -50% 0;
            width: 112px;
            min-width: 112px;
            height: 117px;
            min-height: 117px;
            margin-top: 18px; } }
  /* line 191, contact.scss */
  .contact .contact-content {
    width: 100%;
    max-width: 645px;
    margin: 0 auto; }
    @media screen and (max-width: 800px) {
      /* line 191, contact.scss */
      .contact .contact-content {
        max-width: inherit; } }
    /* line 198, contact.scss */
    .contact .contact-content .read-contact {
      font-size: 20px;
      line-height: 1.7;
      margin-bottom: 40px; }
      @media screen and (max-width: 800px) {
        /* line 198, contact.scss */
        .contact .contact-content .read-contact {
          font-size: 16px;
          line-height: 1.875;
          margin-bottom: 25px; } }
    /* line 208, contact.scss */
    .contact .contact-content table {
      width: 100%; }
      /* line 210, contact.scss */
      .contact .contact-content table th,
      .contact .contact-content table td {
        display: block;
        width: 100%;
        font-size: 20px; }
        @media screen and (max-width: 800px) {
          /* line 210, contact.scss */
          .contact .contact-content table th,
          .contact .contact-content table td {
            font-size: 16px;
            line-height: 1.2; } }
        /* line 219, contact.scss */
        .contact .contact-content table th .bikou,
        .contact .contact-content table td .bikou {
          display: block;
          width: calc(100% + 1.4em);
          padding: 12px 0 10px 1.4em;
          font-size: 15px;
          line-height: 1.5; }
          @media screen and (max-width: 800px) {
            /* line 219, contact.scss */
            .contact .contact-content table th .bikou,
            .contact .contact-content table td .bikou {
              width: 100%;
              font-size: 13px;
              padding: 10px 0 5px 17px; } }
      /* line 232, contact.scss */
      .contact .contact-content table th {
        padding: 0 0 10px; }
        /* line 234, contact.scss */
        .contact .contact-content table th .bikou {
          color: #FF0000; }
      /* line 238, contact.scss */
      .contact .contact-content table td {
        padding: 0 0 32px 20px; }
        @media screen and (max-width: 800px) {
          /* line 238, contact.scss */
          .contact .contact-content table td {
            padding-left: 17px; } }
        /* line 243, contact.scss */
        .contact .contact-content table td.nm {
          padding-left: 0; }
        /* line 246, contact.scss */
        .contact .contact-content table td .qualification {
          height: 162px;
          background-color: #FFFFFF;
          border: 1px solid #707070;
          overflow-y: auto;
          padding: 15px; }
          /* line 252, contact.scss */
          .contact .contact-content table td .qualification p {
            font-size: 14px;
            line-height: 1.57; }
            /* line 255, contact.scss */
            .contact .contact-content table td .qualification p:last-child {
              margin-bottom: 0; }

/* line 268, contact.scss */
input,
textarea {
  padding: 10px;
  font-size: 16px;
  border: 1px solid #707070;
  background-color: #FFFFFF; }
  @media screen and (max-width: 800px) {
    /* line 268, contact.scss */
    input,
    textarea {
      padding: 6px; } }

/* line 278, contact.scss */
button,
input {
  line-height: normal; }

/* line 282, contact.scss */
textarea {
  vertical-align: top; }

/* line 285, contact.scss */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
  padding: 0; }

/* line 293, contact.scss */
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="file"],
select,
textarea {
  width: 100%; }
  @media screen and (max-width: 800px) {
    /* line 293, contact.scss */
    input[type="text"],
    input[type="password"],
    input[type="tel"],
    input[type="email"],
    input[type="file"],
    select,
    textarea {
      width: calc(100% - 10px); } }

/* line 306, contact.scss */
label {
  display: inline-block;
  margin-right: 1em; }

/* line 310, contact.scss */
input[type="radio"] {
  transform: scale(2);
  accent-color: #707070;
  margin-left: 10px; }

/* line 315, contact.scss */
.wpcf7-list-item-label {
  display: inline-block;
  font-size: 20px;
  margin: 0 10px 0 0; }
  @media screen and (max-width: 800px) {
    /* line 315, contact.scss */
    .wpcf7-list-item-label {
      font-size: 16px; } }

/* line 323, contact.scss */
input[type="file"] {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer; }
  @media screen and (max-width: 800px) {
    /* line 323, contact.scss */
    input[type="file"] {
      font-size: 11px; } }
  /* line 331, contact.scss */
  input[type="file"]::file-selector-button {
    color: white;
    font-size: 20px;
    font-weight: bold;
    background-color: #9D9D9D;
    background-image: url("../img/icon_file.svg");
    background-repeat: no-repeat;
    background-position: 15px center;
    border: 1px solid #707070;
    border-radius: 10px;
    cursor: pointer;
    padding: 6px 30px 4px 50px;
    margin-right: 10px; }
    @media screen and (max-width: 800px) {
      /* line 331, contact.scss */
      input[type="file"]::file-selector-button {
        font-size: 13px;
        padding: 6px 10px 4px 30px;
        background-position: 10px center;
        background-size: 15px 13px; } }

/* line 353, contact.scss */
input[type="submit"],
input[type="button"] {
  display: inline-block;
  position: relative;
  min-width: 160px;
  height: 45px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  background-color: #BB4F4F;
  border: 1px solid #707070;
  transition: all .3s;
  cursor: pointer;
  margin: 0 auto 15px;
  padding: 0 10px; }
  @media screen and (max-width: 800px) {
    /* line 353, contact.scss */
    input[type="submit"],
    input[type="button"] {
      font-size: 15px;
      min-width: 108px;
      height: 30px; } }

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