@charset "UTF-8";
main {
  position: relative;
  font-size: var(--h7);
}
main vtamago-contact-contents-area {
  display: block;
  width: var(--main-width);
  translate: calc((100vw - var(--main-width)) / 2);
  border: 1px solid skyblue;
  border-radius: 10px;
  margin-bottom: calc(var(--space2) * 3);
  overflow: hidden;
}
main vtamago-contact-contents-area vtamago-contact-contents-title {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid skyblue;
  background-color: rgb(209, 204, 255);
  padding: var(--space2);
  box-sizing: border-box;
}
main vtamago-contact-contents-area vtamago-contact-contents-title .red {
  color: red;
}
main vtamago-contact-contents-area vtamago-contact-contents-title .blue {
  color: blue;
}
main vtamago-contact-contents-area vtamago-contact-contents-title vtamago-contact-contents-title-annotation {
  margin-left: var(--space2);
  font-size: var(--h9);
}
main vtamago-contact-contents-area vtamago-contact-contents-title vtamago-contact-contents-title-annotation::before {
  display: contents;
  content: "*";
}
main vtamago-contact-contents-area vtamago-contact-contents-input-area {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space2);
  box-sizing: border-box;
}
main vtamago-contact-contents-area vtamago-contact-contents-input-area input[type=text],
main vtamago-contact-contents-area vtamago-contact-contents-input-area textarea {
  font-size: var(--h7);
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: calc(var(--space2));
  box-sizing: border-box;
  border: 1px solid black;
  resize: none;
}
main vtamago-contact-contents-area vtamago-contact-contents-input-area textarea::-webkit-scrollbar {
  display: none;
}
main vtamago-contact-contents-area vtamago-contact-contents-input-area button {
  font-size: var(--h7);
  width: auto;
  height: 100%;
  border-radius: 10px;
  padding: calc(var(--space2));
  box-sizing: border-box;
  background-color: white;
  border: 1px solid black;
  transition: all 0.1s;
}
main vtamago-contact-contents-area vtamago-contact-contents-input-area button:hover {
  translate: 1px 1px;
  background-color: #f8e2e5;
}
main vtamago-contact-contents-area vtamago-contact-contents-input-area label {
  color: blue;
}
main vtamago-contact-contents-area vtamago-contact-contents-input-area select::-ms-expand {
  display: none;
}
main vtamago-contact-contents-area vtamago-contact-contents-input-area select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: var(--h7);
  width: 80%;
  height: 100%;
  border-radius: 10px;
  padding: calc(var(--space2));
  box-sizing: border-box;
  background-color: white;
  border: 1px solid black;
}
main vtamago-contact-contents-area:last-child {
  border: 0;
  display: flex;
  justify-content: center;
  padding: calc(var(--space2));
  box-sizing: border-box;
}
main vtamago-contact-contents-area:last-child button, main vtamago-contact-contents-area:last-child a {
  border: 1px solid gray;
  background-color: white;
  border-radius: 10px;
  font-size: var(--h6);
  padding: calc(var(--space2));
  box-sizing: border-box;
  transition: all 0.1s;
  color: black;
  text-decoration: none;
}
main vtamago-contact-contents-area:last-child button:hover, main vtamago-contact-contents-area:last-child a:hover {
  translate: 1px 1px;
  background-color: #f8e2e5;
}
main vtamago-contact-contents-conf-area {
  width: 100vw;
  font-size: var(--h4);
  padding: calc(var(--space2));
  display: flex;
  justify-content: center;
  margin-top: calc(var(--space2) * 3);
  margin-bottom: calc(var(--space2) * 3);
  color: #313277;
}
main vtamago-contact-contents-comp-area {
  display: flex;
  justify-content: center;
}
main vtamago-contact-contents-comp-area vtamago-contact-contents-comp-label {
  display: flex;
  justify-content: center;
  border: 1px solid skyblue;
  padding: calc(var(--space2));
  margin-top: calc(var(--space2) * 3);
  margin-bottom: calc(var(--space2) * 3);
  color: #313277;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: white;
}

.conf vtamago-contact-contents-area vtamago-contact-contents-input-area {
  background-color: white;
}

.popUpArea {
  width: 100vw;
  position: fixed;
  top: calc(var(--space2) * -1);
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 97;
  font-size: var(--h5);
  /* 定義名 */
  animation-name: popUpAreaAction;
  /* 開始終了時の状態指定 */
  animation-fill-mode: forwards;
  /* アニメーション時間 */
  animation-duration: 0.2s;
  /* 進行具合 */
  animation-timing-function: ease;
  /* 初動遅延 */
  animation-delay: 0s;
  /* 再生の向き */
  animation-direction: normal;
}
.popUpArea .popUp {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(255, 232, 242);
  border-radius: 10px;
  margin-top: var(--space2);
  padding: calc(var(--space2) / 2);
  position: relative;
}
@keyframes popUpAreaAction {
  0% {
    top: -5vw;
  }
  100% {
    top: 0vw;
  }
}
.popUpArea .popUpSuccess {
  background-color: rgb(173, 230, 255);
  position: relative;
}

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