@charset "UTF-8";

/* 資料ダウンロード / 物件リクエスト 共通スタイル */
/*------------------------------------------------*/
#contents.catalog-download .inner,
#contents.request-office .inner {
  max-width: 1120px;
}
.catalog-download .catalogIntroBox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 40px;
  border: 4px solid #f54825;
  margin: 40px 0;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .catalog-download .catalogIntroBox {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }
}
.catalog-download .catalogIntroBox__photos {
  position: relative;
  flex-shrink: 0;
  width: 369px;
  height: 245px;
}
@media only screen and (max-width: 750px) {
  .catalog-download .catalogIntroBox__photos {
    width: 100%;
    max-width: 340px;
    height: 240px;
  }
}
.catalog-download .catalogIntroBox__photo {
  position: absolute;
  display: block;
  width: 338px;
  height: 205px;
  object-fit: cover;
  box-shadow: 0 3.678px 9.194px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 750px) {
  .catalog-download .catalogIntroBox__photo {
    width: 90%;
    max-width: 338px;
    height: auto;
    aspect-ratio: 338/205;
  }
}
.catalog-download .catalogIntroBox__photo--1 {
  top: 0;
  left: 9px;
  transform: rotate(6.64deg);
}
.catalog-download .catalogIntroBox__photo--2 {
  top: 15px;
  left: 0;
  transform: rotate(4deg);
}
.catalog-download .catalogIntroBox__photo--3 {
  top: 39px;
  left: 0;
}
.catalog-download .catalogIntroBox__text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.catalog-download .catalogIntroBox__title {
  margin: 0;
  color: #f54825;
  font-family: "Noto Sans JP", "NotoSansCJKjp-bold", sans-serif;
  font-weight: 700;
  font-size: 31px;
  line-height: 1.4;
}
@media only screen and (max-width: 750px) {
  .catalog-download .catalogIntroBox__title {
    font-size: 22px;
  }
}
.catalog-download .catalogIntroBox__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: #151515;
}
.catalog-download .catalogIntroBox__desc p {
  margin: 0;
}
.catalog-download .catalogIntroBox__note {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  line-height: 1.8;
  color: #151515;
}
@media only screen and (max-width: 750px) {
  .catalog-download .catalogIntroBox__note {
    font-size: 15px;
  }
}

.catalog-download .cdForm__block,
.request-office .cdForm__block {
  background: #f3f3f3;
  border-left: 4px solid #f54825;
  padding: 80px;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
}
@media only screen and (max-width: 750px) {
  .catalog-download .cdForm__block,
  .request-office .cdForm__block {
    padding: 30px 20px;
  }
}
.catalog-download .cdForm__block--optional,
.request-office .cdForm__block--optional {
  border-left: none;
  background: #f3f3f3;
}
.catalog-download .cdForm__note,
.request-office .cdForm__note {
  margin: 0 0 36px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: #151515;
}
.catalog-download .cdForm__requiredHint,
.request-office .cdForm__requiredHint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 36px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: #151515;
}
.catalog-download .cdForm__requiredHint:before,
.request-office .cdForm__requiredHint:before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #f54825;
}
.catalog-download .cdForm__row,
.request-office .cdForm__row {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-bottom: 36px;
}
.catalog-download .cdForm__row:last-child,
.request-office .cdForm__row:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .catalog-download .cdForm__row,
  .request-office .cdForm__row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
}
.catalog-download .cdForm__label,
.request-office .cdForm__label {
  flex-shrink: 0;
  width: 150px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Noto Sans JP", "NotoSansCJKjp-bold", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  line-height: 1.3;
}
.catalog-download .cdForm__label--required:before,
.catalog-download .cdForm__label--optional:before,
.request-office .cdForm__label--required:before,
.request-office .cdForm__label--optional:before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.catalog-download .cdForm__label--required:before,
.request-office .cdForm__label--required:before {
  background: #f54825;
}
.catalog-download .cdForm__label--optional:before,
.request-office .cdForm__label--optional:before {
  background: #ccc;
}
.catalog-download .cdForm__field,
.request-office .cdForm__field {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.catalog-download .cdForm__field input[type="text"],
.catalog-download .cdForm__field input[type="email"],
.catalog-download .cdForm__field input[type="tel"],
.catalog-download .cdForm__field input[type="url"],
.catalog-download .cdForm__field input[type="number"],
.catalog-download .cdForm__field select,
.catalog-download .cdForm__field textarea,
.request-office .cdForm__field input[type="text"],
.request-office .cdForm__field input[type="email"],
.request-office .cdForm__field input[type="tel"],
.request-office .cdForm__field input[type="url"],
.request-office .cdForm__field input[type="number"],
.request-office .cdForm__field select,
.request-office .cdForm__field textarea {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 16px;
  background: #fff;
  border: 1px solid #dbdbdc;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  color: #000;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.catalog-download .cdForm__field textarea,
.request-office .cdForm__field textarea {
  height: 130px;
  padding: 16px;
  line-height: 1.6;
  resize: vertical;
}
.catalog-download .cdForm__field--short input,
.catalog-download .cdForm__field--short select,
.request-office .cdForm__field--short input,
.request-office .cdForm__field--short select {
  width: 100px;
}
.catalog-download .cdForm__field--tel .mwform-tel-field,
.request-office .cdForm__field--tel .mwform-tel-field {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.catalog-download .cdForm__field--tel .mwform-tel-field input[type="text"],
.request-office .cdForm__field--tel .mwform-tel-field input[type="text"] {
  width: 80px;
  flex-shrink: 0;
}
.catalog-download .cdForm__field .mwform-checkbox-field,
.catalog-download .cdForm__field .mwform-radio-field,
.request-office .cdForm__field .mwform-checkbox-field,
.request-office .cdForm__field .mwform-radio-field {
  margin: 0;
}
.catalog-download .cdForm__field .mwform-checkbox-field > label,
.catalog-download .cdForm__field .mwform-radio-field > label,
.request-office .cdForm__field .mwform-checkbox-field > label,
.request-office .cdForm__field .mwform-radio-field > label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #232426;
}
.catalog-download .cdForm__field .mwform-checkbox-field input[type="checkbox"],
.catalog-download .cdForm__field .mwform-checkbox-field input[type="radio"],
.catalog-download .cdForm__field .mwform-radio-field input[type="checkbox"],
.catalog-download .cdForm__field .mwform-radio-field input[type="radio"],
.request-office .cdForm__field .mwform-checkbox-field input[type="checkbox"],
.request-office .cdForm__field .mwform-checkbox-field input[type="radio"],
.request-office .cdForm__field .mwform-radio-field input[type="checkbox"],
.request-office .cdForm__field .mwform-radio-field input[type="radio"] {
  width: 18px;
  height: 18px;
  margin: 0;
  flex-shrink: 0;
}
.catalog-download .cdForm__field--checkGrid,
.request-office .cdForm__field--checkGrid {
  flex-wrap: wrap;
  gap: 24px 48px;
  align-items: flex-start;
}
.catalog-download .cdForm__field--checkGrid .mwform-checkbox-field.horizontal-item,
.request-office .cdForm__field--checkGrid .mwform-checkbox-field.horizontal-item {
  flex: 0 0 290px;
}
@media only screen and (max-width: 750px) {
  .catalog-download .cdForm__field--checkGrid .mwform-checkbox-field.horizontal-item,
  .request-office .cdForm__field--checkGrid .mwform-checkbox-field.horizontal-item {
    flex: 0 0 100%;
  }
}

.catalog-download .cdForm__submitWrap,
.request-office .cdForm__submitWrap {
  text-align: center;
  margin-top: 40px;
}
.catalog-download .cdForm__submit,
.request-office .cdForm__submit {
  display: inline-block;
  min-width: 280px;
  padding: 24px 30px;
  background: #f54825;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-family: "Noto Sans JP", "NotoSansCJKjp-bold", sans-serif;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.catalog-download .cdForm__submit:hover,
.request-office .cdForm__submit:hover {
  opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
}
