/* ==========================================================================
   Author's custom styles SP
   ========================================================================== */
.pc {
  display: none;
}

a[href^="tel:"] {
  color: inherit;
}

#sec01 {
  background-color: #F0EDE1;
}
#sec01 a {
  color: #2A65CB;
}
#sec01 .inner {
  width: 89.744vw;
  margin: 2.564vw auto 0;
}
#sec01 .inner div + div {
  margin: 5.128vw 0 0 0;
}
#sec01 .inner:last-of-type dl {
  display: flex;
  flex-direction: column;
}
#sec01 dl {
  padding: 3.846vw 5.128vw;
  border: #2A65CB 0.256vw solid;
  background-color: rgba(255, 255, 255, 0.3);
  margin-top: 5.128vw;
}
#sec01 dl:first-of-type {
  margin-top: 0;
}
#sec01 dl dt {
  color: #4A80DF;
  font-weight: bold;
  font-size: 4.103vw;
  margin-top: 5.128vw;
}
#sec01 dl dt:first-of-type {
  margin-top: 0;
}
#sec01 dl dd {
  font-size: 3.077vw;
  line-height: 2;
  margin-top: 0.769vw;
}
#sec01 h2:not(:first-of-type) {
  margin-top: 7.692vw;
}
#sec01 a.btn {
  display: block;
  margin: 7.692vw auto 0;
  width: 46.154vw;
  font-size: 4.103vw;
  font-weight: 700;
  line-height: 12.308vw;
  color: #fff;
  text-align: center;
  background-color: #2A65CB;
}

#mailform {
  background-color: #F0EDE1;
}
#mailform a {
  color: #2A65CB;
}
#mailform .inner {
  width: 89.744vw;
  margin: 2.564vw auto 0;
}
#mailform .box-a {
  border: 0.513vw solid #2A65CB;
  padding: 3.846vw;
  margin-bottom: 5.128vw;
}
#mailform .box-a h3 {
  font-weight: bold;
  margin-bottom: 1.282vw;
  font-size: 4.103vw;
}
#mailform .box-a p {
  font-size: 3.59vw;
}
#mailform .box-a .check-agree {
  margin-top: 2.564vw;
}
#mailform .notice {
  font-size: 3.59vw;
  margin-bottom: 3.846vw;
}
#mailform dl {
  padding: 3.846vw 5.128vw;
  margin-bottom: 5.128vw;
  border: #2A65CB 0.513vw solid;
  background-color: rgba(255, 255, 255, 0.3);
  margin-top: 5.128vw;
}
#mailform dl:first-of-type {
  margin-top: 0;
}
#mailform dl dt {
  color: #4A80DF;
  font-weight: bold;
  font-size: 4.103vw;
  margin-top: 5.128vw;
}
#mailform dl dt:first-of-type {
  margin-top: 0;
}
#mailform dl dd {
  font-size: 3.077vw;
  line-height: 2;
  margin-top: 0.769vw;
}
#mailform dl dd input {
  background-color: #fff;
  width: 100%;
  font-size: 4.103vw;
  padding: 0vw 3.846vw;
}
#mailform dl dd input#corpolate-subject, #mailform dl dd input#recruit-subject {
  width: auto;
}
#mailform dl dd textarea {
  background-color: #fff;
  width: 100%;
  font-size: 4.103vw;
  padding: 0vw 3.846vw;
}
#mailform dl dd .error_blank {
  color: #cc0000;
}
#mailform #form_submit {
  margin-top: 7.692vw;
}
#mailform #form_submit #form_submit_button {
  display: block;
  width: 64.103vw;
  cursor: pointer;
  padding: 2.564vw 7.692vw;
  margin: 0 auto;
  color: #fff;
  font-size: 4.103vw;
  font-weight: bold;
  background-color: #2A65CB;
}
#mailform #form_submit #form_submit_button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
#mailform .thanks p {
  font-size: 4.103vw;
}

@media screen and (min-width: 768px) {
  /***************************

      PC

    *****************************/
  /* Style adjustments for viewports that meet the condition */
  .sp {
    display: none;
  }
  #sec01 {
    padding: 40px 55px;
    background-color: #F0EDE1;
  }
  #sec01 .inner {
    width: 750px;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
    gap: 0px;
  }
  #sec01 .inner div + div {
    margin: 0 0 0 0;
  }
  #sec01 dl {
    width: 370px;
    padding: 15px;
    border: #2A65CB 0.083vw solid;
    margin: 0 0 10px 0;
  }
  #sec01 dl dt {
    color: #4A80DF;
    font-weight: bold;
    font-size: 13.75px;
    margin-top: 20px;
  }
  #sec01 dl dt:first-of-type {
    margin-top: 0;
  }
  #sec01 dl dd {
    font-size: 11.25px;
    line-height: 2;
    margin-top: 3px;
  }
  #sec01 h2:not(:first-of-type) {
    margin-top: 30px;
  }
  #sec01 a.btn {
    display: block;
    margin: 30px auto 0;
    width: 320px;
    font-size: 16px;
    font-weight: 700;
    line-height: 52px;
  }
  #mailform {
    background-color: #F0EDE1;
  }
  #mailform a {
    color: #2A65CB;
  }
  #mailform .inner {
    width: 750px;
    margin: 10px auto 0;
  }
  #mailform .box-a {
    border: 1px solid #2A65CB;
    padding: 15px;
    margin-bottom: 30px;
  }
  #mailform .box-a h3 {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16px;
  }
  #mailform .box-a p {
    font-size: 14px;
  }
  #mailform .box-a .check-agree {
    margin-top: 10px;
  }
  #mailform .notice {
    font-size: 14px;
    margin-bottom: 30px;
  }
  #mailform dl {
    padding: 30px 40px;
    margin-bottom: 20px;
    border: #2A65CB 1px solid;
    background-color: rgba(255, 255, 255, 0.3);
    margin-top: 20px;
  }
  #mailform dl:first-of-type {
    margin-top: 0;
  }
  #mailform dl dt {
    color: #4A80DF;
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
  }
  #mailform dl dt:first-of-type {
    margin-top: 0;
  }
  #mailform dl dd {
    font-size: 12px;
    line-height: 2;
    margin-top: 3px;
  }
  #mailform dl dd input {
    background-color: #fff;
    width: 100%;
    font-size: 16px;
    padding: 0px 15px;
  }
  #mailform dl dd textarea {
    background-color: #fff;
    width: 100%;
    font-size: 16px;
    padding: 0px 15px;
  }
  #mailform #form_submit {
    margin-top: 30px;
  }
  #mailform #form_submit #form_submit_button {
    display: block;
    width: 250px;
    cursor: pointer;
    padding: 10px 30px;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background-color: #2A65CB;
  }
  #mailform #form_submit #form_submit_button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
  }
  #mailform .thanks p {
    text-align: center;
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) {
  /***************************

      PC - vw

    *****************************/
  /* Style adjustments for viewports that meet the condition */
  .sp {
    display: none;
  }
  #sec01 {
    padding: 3.333vw 0 4.583vw;
    background-color: #F0EDE1;
  }
  #sec01 .inner {
    width: 62.5vw;
    margin: 1.667vw auto 0;
    display: flex;
    justify-content: space-between;
  }
  #sec01 dl {
    width: 30.833vw;
    padding: 1.25vw;
    border: #2A65CB 0.083vw solid;
    margin: 0 0 0.833vw 0;
  }
  #sec01 dl dt {
    color: #4A80DF;
    font-weight: bold;
    font-size: 1.146vw;
    margin-top: 1.667vw;
  }
  #sec01 dl dt:first-of-type {
    margin-top: 0;
  }
  #sec01 dl dd {
    font-size: 0.938vw;
    line-height: 2;
    margin-top: 0.25vw;
  }
  #sec01 h2:not(:first-of-type) {
    margin-top: 2.5vw;
  }
  #sec01 a.btn {
    display: block;
    margin: 2.5vw auto 0;
    width: 26.667vw;
    font-size: 1.333vw;
    font-weight: 700;
    line-height: 4.333vw;
  }
  #mailform {
    background-color: #F0EDE1;
  }
  #mailform a {
    color: #2A65CB;
  }
  #mailform .inner {
    width: 62.5vw;
    margin: 0.833vw auto 0;
  }
  #mailform .box-a {
    border: 0.083vw solid #2A65CB;
    padding: 1.25vw;
    margin-bottom: 2.5vw;
  }
  #mailform .box-a h3 {
    font-weight: bold;
    margin-bottom: 0.417vw;
    font-size: 1.333vw;
  }
  #mailform .box-a p {
    font-size: 1.167vw;
  }
  #mailform .box-a .check-agree {
    margin-top: 0.833vw;
  }
  #mailform .notice {
    font-size: 1.167vw;
    margin-bottom: 2.5vw;
  }
  #mailform dl {
    padding: 2.5vw 3.333vw;
    margin-bottom: 1.667vw;
    border: #2A65CB 0.083vw solid;
    background-color: rgba(255, 255, 255, 0.3);
    margin-top: 1.667vw;
  }
  #mailform dl:first-of-type {
    margin-top: 0;
  }
  #mailform dl dt {
    color: #4A80DF;
    font-weight: bold;
    font-size: 1.333vw;
    margin-top: 1.667vw;
  }
  #mailform dl dt:first-of-type {
    margin-top: 0;
  }
  #mailform dl dd {
    font-size: 1vw;
    line-height: 2;
    margin-top: 0.25vw;
  }
  #mailform dl dd input {
    background-color: #fff;
    width: 100%;
    font-size: 1.333vw;
    padding: 0vw 1.25vw;
  }
  #mailform dl dd textarea {
    background-color: #fff;
    width: 100%;
    font-size: 1.333vw;
    padding: 0px 1.25vw;
  }
  #mailform #form_submit {
    margin-top: 2.5vw;
  }
  #mailform #form_submit #form_submit_button {
    display: block;
    width: 20.833vw;
    cursor: pointer;
    padding: 0.833vw 2.5vw;
    margin: 0 auto;
    color: #fff;
    font-size: 1.667vw;
    font-weight: bold;
    background-color: #2A65CB;
  }
  #mailform #form_submit #form_submit_button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
  }
  #mailform .thanks p {
    text-align: center;
    font-size: 1.167vw;
  }
}/*# sourceMappingURL=contact.css.map */