/*
* contact
*
* @author: kawai
* @date: 2021.02.01
* @breakpoint:
*    -> pc/[min-width:960px]
*    -> tab/[min-width:560 - max-width:959]
*    -> sp/[max-width:559]
*/
._blue-bar-title {
  font-size: clamp(2 * 1rem,2.2 * 10 / 1920 * 100vw,2.4 * 1rem);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ._blue-bar-title {
    font-size: 1.1458333333vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  ._blue-bar-title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 559px) {
  ._blue-bar-title {
    font-size: min(2.2 * 1rem,2.2 * 10 / 375 * 100vw);
  }
}

.contact__inner {
  padding-top: 5.2083333333vw;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.contact__intro p {
  text-align: center;
}
.contact__intro ul {
  display: flex;
  justify-content: space-between;
  padding-top: 3.3854166667vw;
}
.contact__intro ul li {
  width: 48%;
}
.contact__intro ul a {
  display: block;
  background-color: #F2F4FF;
  text-align: center;
  padding: 1.5625vw 1.5625vw 3.6458333333vw;
  color: black;
  font-weight: bold;
  position: relative;
}
.contact__intro ul a p {
  font-size: min(2.2 * 1rem,2.2 * 10 / 1920 * 100vw);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact__intro ul a p {
    font-size: 1.1458333333vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .contact__intro ul a p {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 559px) {
  .contact__intro ul a p {
    font-size: min(2.2 * 1rem,2.2 * 10 / 375 * 100vw);
  }
}
.contact__intro ul a span {
  font-size: min(1.8 * 1rem,1.8 * 10 / 1920 * 100vw);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact__intro ul a span {
    font-size: 0.9375vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .contact__intro ul a span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 559px) {
  .contact__intro ul a span {
    font-size: min(1.8 * 1rem,1.8 * 10 / 375 * 100vw);
  }
}
.contact__intro ul a::after {
  transition: 0.3s;
  content: "";
  position: absolute;
  bottom: 1.5625vw;
  left: 50%;
  display: block;
  border-top: 16px solid #001AAC;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: translateX(-50%);
}
.contact__intro ul a:hover {
  background-color: #dfe3fa;
}
.contact__intro ul a:hover::after {
  bottom: 1.0416666667vw;
}
.contact__tel {
  padding-top: 5.2083333333vw;
}
.contact__tel__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact__tel__content__number {
  font-size: min(6.6 * 1rem,6.6 * 10 / 1920 * 100vw);
  color: #001AAC;
  font-weight: bold;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact__tel__content__number {
    font-size: 3.4375vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .contact__tel__content__number {
    font-size: 6.6rem;
  }
}
@media screen and (max-width: 559px) {
  .contact__tel__content__number {
    font-size: min(6.6 * 1rem,6.6 * 10 / 375 * 100vw);
  }
}
.contact__tel__content__sub {
  font-size: clamp(1.6 * 1rem,1.8 * 10 / 1920 * 100vw,2 * 1rem);
  margin-top: 1.3020833333vw;
  margin-left: 1.5625vw;
  margin-right: 2.6041666667vw;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact__tel__content__sub {
    font-size: 0.9375vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .contact__tel__content__sub {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 559px) {
  .contact__tel__content__sub {
    font-size: min(1.8 * 1rem,1.8 * 10 / 375 * 100vw);
  }
}
.contact__form {
  padding-top: 5.2083333333vw;
}
.contact__form input[type=text],
.contact__form input[type=email],
.contact__form select,
.contact__form textarea {
  background-color: #F2F4FF;
  border: none;
  padding: 15px;
  font-size: clamp(1.6 * 1rem,1.8 * 10 / 1920 * 100vw,2 * 1rem);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact__form input[type=text],
.contact__form input[type=email],
.contact__form select,
.contact__form textarea {
    font-size: 0.9375vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .contact__form input[type=text],
.contact__form input[type=email],
.contact__form select,
.contact__form textarea {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 559px) {
  .contact__form input[type=text],
.contact__form input[type=email],
.contact__form select,
.contact__form textarea {
    font-size: min(1.8 * 1rem,1.8 * 10 / 375 * 100vw);
  }
}
.contact__form input[type=radio] {
  margin-top: -3px;
}
.contact__form dl {
  padding-top: 1.5625vw;
  display: flex;
  flex-wrap: wrap;
  font-size: clamp(1.6 * 1rem,1.8 * 10 / 1920 * 100vw,2 * 1rem);
  justify-content: space-between;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact__form dl {
    font-size: 0.9375vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .contact__form dl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 559px) {
  .contact__form dl {
    font-size: min(1.8 * 1rem,1.8 * 10 / 375 * 100vw);
  }
}
.contact__form dl dt {
  width: 26%;
  margin-bottom: 15px;
  margin-top: 10px;
}
.contact__form dl dd {
  width: 70%;
  margin-bottom: 15px;
}
.contact__form .contact__type {
  display: flex;
  flex-wrap: wrap;
}
.contact__form .contact__type span.mwform-radio-field.horizontal-item {
  width: 26%;
  margin-left: 0;
}
.contact__form input[type=text],
.contact__form input[type=email],
.contact__form textarea {
  width: 100%;
  max-width: 550px;
}
.contact__form textarea {
  height: 14em;
}
.contact__form input.name-field {
  width: 40%;
}
.contact__form .contact__zip {
  margin-bottom: 15px;
}
.contact__form .contact__pref {
  margin-bottom: 15px;
}
.contact__form .contact__address1 {
  margin-bottom: 15px;
}
.contact__form .contact__privacy {
  text-align: center;
  padding-top: 2.6041666667vw;
}
.contact__form .contact__privacy label {
  display: inline-block;
  margin-top: 1.0416666667vw;
}
.contact__form .contact__privacy .mwform-checkbox-field-text {
  font-size: clamp(1.8 * 1rem,2 * 10 / 1920 * 100vw,2.2 * 1rem);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact__form .contact__privacy .mwform-checkbox-field-text {
    font-size: 1.0416666667vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .contact__form .contact__privacy .mwform-checkbox-field-text {
    font-size: 2rem;
  }
}
@media screen and (max-width: 559px) {
  .contact__form .contact__privacy .mwform-checkbox-field-text {
    font-size: min(2 * 1rem,2 * 10 / 375 * 100vw);
  }
}
.contact__form .contact__submit {
  display: flex;
  justify-content: center;
  padding-top: 2.6041666667vw;
}
.contact__form .contact__submit input {
  transition: 0.3s;
  background-color: #001AAC;
  border: none;
  padding: 20px 60px;
  color: white;
  font-size: min(2.4 * 1rem,2.4 * 10 / 1920 * 100vw);
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  margin: 0 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact__form .contact__submit input {
    font-size: 1.25vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .contact__form .contact__submit input {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 559px) {
  .contact__form .contact__submit input {
    font-size: min(2.4 * 1rem,2.4 * 10 / 375 * 100vw);
  }
}
.contact__form .contact__submit input:hover {
  transform: scale(1.1);
}
.contact__form .contact__submit input[name=submitBack] {
  background-color: #999;
}
.contact__form .mw_wp_form_confirm dd {
  margin-top: 10px;
}
.contact .mw_wp_form_complete p {
  text-align: center;
}
.contact .mw_wp_form_complete a {
  display: inline-block;
  background-color: #001AAC;
  color: white;
  padding: 10px 30px;
  margin-top: 2.0833333333vw;
}

@media screen and (max-width: 559px) {
  ._blue-bar-title {
    font-size: min(2 * 1rem,2 * 10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none), screen and (max-width: 559px) and (-ms-high-contrast: active) {
  ._blue-bar-title {
    font-size: 1.0416666667vw;
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none) and (min-width: 192rem), screen and (max-width: 559px) and (-ms-high-contrast: active) and (min-width: 192rem) {
  ._blue-bar-title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 559px) and (max-width: 559px) {
  ._blue-bar-title {
    font-size: min(2 * 1rem,2 * 10 / 375 * 100vw);
  }
}
@media screen and (max-width: 559px) {
  .contact__intro p {
    text-align: left;
  }
  .contact__intro ul {
    display: block;
    padding-top: 8vw;
  }
  .contact__intro ul li {
    width: auto;
  }
  .contact__intro ul a {
    padding: 5.3333333333vw 2.6666666667vw 13.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  .contact__intro ul a p {
    text-align: center;
  }
  .contact__intro ul a::after {
    bottom: 5.3333333333vw;
  }
  .contact__tel {
    padding-top: 13.3333333333vw;
  }
  .contact__tel__content {
    display: block;
    text-align: center;
  }
  .contact__tel__content__number {
    font-size: min(3.6 * 1rem,3.6 * 10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none), screen and (max-width: 559px) and (-ms-high-contrast: active) {
  .contact__tel__content__number {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none) and (min-width: 192rem), screen and (max-width: 559px) and (-ms-high-contrast: active) and (min-width: 192rem) {
  .contact__tel__content__number {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 559px) and (max-width: 559px) {
  .contact__tel__content__number {
    font-size: min(3.6 * 1rem,3.6 * 10 / 375 * 100vw);
  }
}
@media screen and (max-width: 559px) {
  .contact__tel__content__sub {
    margin: 0;
    font-size: min(1.6 * 1rem,1.6 * 10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none), screen and (max-width: 559px) and (-ms-high-contrast: active) {
  .contact__tel__content__sub {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none) and (min-width: 192rem), screen and (max-width: 559px) and (-ms-high-contrast: active) and (min-width: 192rem) {
  .contact__tel__content__sub {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 559px) and (max-width: 559px) {
  .contact__tel__content__sub {
    font-size: min(1.6 * 1rem,1.6 * 10 / 375 * 100vw);
  }
}
@media screen and (max-width: 559px) {
  .contact__form {
    padding-top: 13.3333333333vw;
  }
  .contact__form dl {
    display: block;
  }
  .contact__form dl dt {
    width: auto;
    margin-bottom: 10px;
  }
  .contact__form dl dt p {
    display: inline-block;
  }
  .contact__form dl dd {
    width: auto;
    margin-bottom: 30px;
  }
  .contact__form input.name-field {
    width: 100%;
  }
  .contact__form .contact__type {
    display: block;
  }
  .contact__form .contact__type span.mwform-radio-field.horizontal-item {
    display: block;
    width: auto;
  }
  .contact__form .contact__submit {
    padding: 8vw;
  }
  .contact__form .mw_wp_form_confirm .contact__submit input {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 559px) {
  .contact .mw_wp_form_complete p {
    text-align: left;
  }
  .contact .mw_wp_form_complete a {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    text-align: center;
  }
}