main {
  margin: 0 0 0 0;
  max-width: 1920px;
  min-width: 1366px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

input[type="tel"], input[type="email"], input[type="tel"]:focus-visible, input[type="email"]:focus-visible {
  border: none;
  outline: none;
}

input[type="radio"] {
  margin-right: -3px;
}

.main__top {
  width: 100%;
  height: 200px;
  position: relative;
}

.main__top__title {
  position: absolute;
  top: 20px;
  left: 21%;
  color: #3b3b3b;
  font-size: 50px;
  font-family: "NotoSerifJP-Medium", "Noto Serif JP";
  font-weight: 300;
  letter-spacing: 0.08em;
}

.main__top__nav {
  position: absolute;
  top: 100px;
  left: 69%;
}

.main__top__nav__upperPages {
  color: #bfbfbf;
  font-size: 16px;
  font-family: "NotoSansJP-Medium", "Noto Sans JP";
}

.main__top__nav__thisPage {
  color: #222;
  font-size: 16px;
  font-family: "NotoSansJP-Medium", "Noto Sans JP";
}

.contact__line {
  width: 100%;
  height: 1px;
  background: #9f7b4f;
}

.contact {
  width: 1110px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact.hidden {
  display: none;
}

.contact__circle__container {
  margin-top: 147px;
  width: 338px;
  display: flex;
  justify-content: space-between;
}

.contact__circle__container p {
  margin: 0;
}

.contact__circle {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact__circle__background {
  width: 66px;
  height: 66px;
  background: #faf9f7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222;
  font-size: 20px;
  font-family: "Poppins-Medium", "Poppins";
  font-weight: 500;
  letter-spacing: 0.04em;
}

.contact__circle__background--currentPage {
  background: #9f7b4f !important;
  color: #fff !important;
}

.contact__circle__text {
  margin-top: 11px;
  color: #222;
  font-size: 16px;
  font-family: "NotoSansJP-Medium", "Noto Sans JP";
}

.contact__caption {
  margin-top: 79px;
  color: #222;
  font-size: 16px;
  font-family: "NotoSansJP-Regular", "Noto Sans JP";
  line-height: 2.0;
  text-align: center;
}

.contact__circle__rightArrow {
  margin: 31px 25px 0 25px;
  width: 9px;
  height: 16px;
}

.contact__text {
  margin-top: 86px;
  color: #222;
  font-size: 16px;
  font-family: "NotoSansJP-Regular", "Noto Sans JP";
}

.contact__list {
  margin-top: 82px;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-top: #ccb9a2 1px solid;
}

.contact__list__item {
  border-bottom: #ccb9a2 1px solid;
  display: flex;
}

.contact__list__item__title {
  margin-top: 49px;
  width: 263px;
  color: #222;
  font-size: 16px;
  font-family: "NotoSansJP-Medium", "Noto Sans JP";
  font-weight: 500;
}

.contact__list__item__required {
  margin-top: 48px;
  width: 44px;
  height: 24px;
  background: #a23d3d;
  color: #fff;
  font-size: 14px;
  font-family: "NotoSansJP-Medium", "Noto Sans JP";
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact__list__item__right {
  margin: 31px 0 0 16px;
  display: flex;
  flex-direction: column;
}

.contact__list__item__right__customerType__inputRadio__container {
  margin: 18px 0 48px 0;
  width: 170px;
  display: flex;
  justify-content: space-between;
}

.contact__list__item__right__inputText {
  margin-bottom: 30px;
  width: 762px;
  height: 58px;
  background: #faf9f7;
  padding-left: 21px;
  color: #222;
  font-size: 16px;
  font-family: "NotoSansJP-Regular", "Noto Sans JP";
  border-radius: 6px;
}

.contact__list__item__right__inputText::placeholder {
  color: #2f2f2f;
  opacity: 0.4;
}

.contact__list__item__right__inputSelect__container {
  position: relative;
  width: fit-content;
  height: fit-content;
}

.contact__list__item__right__inputSelect {
  margin-bottom: 30px;
  width: 400px;
  height: 58px;
  background: #faf9f7;
  padding-left: 21px;
  color: #222;
  font-size: 16px;
  font-family: "NotoSansJP-Regular", "Noto Sans JP";
  border-radius: 6px;
}

.contact__list__item__right__inputSelect__downArrow {
  position: absolute;
  top: 34%;
  right: 12px;
  transform: translate(0, -50%);
  width: 14px;
  height: 10px;
}

.contact__list__item__right__inputRadio__container {
  margin-bottom: 30px;
  display: grid;
  gap: 5px;
}

.contact__list__item__right__textarea {
  margin-bottom: 30px;
  width: 762px;
  height: 260px;
  background: #faf9f7;
  padding: 18px 0 0 21px;
  color: #222;
  font-size: 16px;
  font-family: "NotoSansJP-Regular", "Noto Sans JP";
  border-radius: 6px;
}

.contact__list__item__right__textarea::placeholder {
  color: #2f2f2f;
  opacity: 0.4;
}

.contact__confirm {
  margin-top: 120px;
  display: flex;
  color: #222;
  font-size: 16px;
  font-family: "NotoSansCJKjp-Regular", "Noto Sans CJK JP";
}

.contact__confirm__link {
  text-decoration: underline;
}

.contact__submit {
  margin-top: 50px;
  width: 350px;
  height: 80px;
  background: #adadac;
  position: relative;
}

.contact__submit__button {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -o-appearance: none !important;
  width: 350px;
  height: 80px;
  color: #fff;
  font-size: 20px;
  font-family: "NotoSansJP-Regular", "Noto Sans JP";
  letter-spacing: 0.08em;
}

.contact__submit__button--disabled {
  background: #adadac;
}

.contact__submit__button--disabled:hover {
  cursor: not-allowed;
}

.contact__submit__button--able {
  background: #9f7b4f;
}

.contact__submit__button--able:hover {
  cursor: pointer;
}

.contact__submit__arrow {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translate(0, -50%);
  width: 16.12px;
  height: 10.7px;
}

.filler {
  width: 100%;
  height: 190px;
}