/* .s-contents__wrapper--contact-form,
.s-contents__wrapper--contact-confirm,
.s-contents__wrapper--contact-thanks{
  flex-direction: column;
}



.s-contents__wrapper--contact .s-text__wrapper{
  flex-direction: column;
} */

/* .s-contents__wrapper--contact .ms-p-contact__wrapper{
  padding-right: 0;
}

.s-contents__wrapper--contact .s-title__area,
.s-contents__wrapper--contact-form .s-title__area,
.s-contents__wrapper--contact-confirm .s-title__area,
.s-contents__wrapper--contact-thanks .s-title__area{
  @media (--pc) {
    width: 100%;
    flex: unset;
  }
} */

.btn_pc_listItem:nth-child(4)::after{
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #bea484;
}

.is-gray-nav .btn_pc_listItem:nth-child(4)::after{
  bottom: -20px;
}

@media (width <= 1440px) {

.s-title__area{
    width: 100%;
    padding-inline-end: 0;
}
  }

@media (width > 840px){

.s-contents__wrapper--contact,
.s-contents__wrapper--contact-form,
.s-contents__wrapper--contact-confirm,
.s-contents__wrapper--contact-thanks{
    padding-top: 117px;
}
  }

@media (width > 1440px) {

.s-contents__wrapper--contact,
.s-contents__wrapper--contact-form,
.s-contents__wrapper--contact-confirm,
.s-contents__wrapper--contact-thanks{
    padding-inline-end: 80px;
}
  }

@media (width <= 1440px) {

.s-contents__wrapper--contact,
.s-contents__wrapper--contact-form,
.s-contents__wrapper--contact-confirm,
.s-contents__wrapper--contact-thanks{
    padding-inline: calc(150 / 1440 * 100%);
}
  }

@media (width <= 840px) {

.s-contents__wrapper--contact,
.s-contents__wrapper--contact-form,
.s-contents__wrapper--contact-confirm,
.s-contents__wrapper--contact-thanks{
    padding-inline: calc(50 / 750 * 100%);
}
  }

@media (width <= 1440px) {

.s-contents__wrapper--contact .s-text__wrapper,
.s-contents__wrapper--contact-form .s-text__wrapper,
.s-contents__wrapper--contact-confirm .s-text__wrapper,
.s-contents__wrapper--contact-thanks .s-text__wrapper{
    padding-inline: 0;
    margin-inline: 0;
}
  }

@media (width <= 840px) {

.s-contents__wrapper--contact .s-title__area{
    margin-block-end: 48px;
}
  }

@media (width <= 840px) {

.s-contents__wrapper--contact-form .s-title__area,
.s-contents__wrapper--contact-confirm .s-title__area,
.s-contents__wrapper--contact-thanks .s-title__area{
    margin-block-end: 32px;
}
  }

@media (width > 840px) {

.s-contents__wrapper--contact-thanks{
    padding-top: 117px;
    padding-right: 80px;
}
  }

@media (width <= 840px) {

.s-contents__wrapper--contact{
    padding-right: 25px;
}
  }

.co-input{
  padding-inline: 0.5em;
}

/* placeholder */

.co-input::placeholder{
  color: #CCC;
}

.co-form__item.is-inactive{
  display: none;
}

.co-select__wrapper::after{
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 180px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4.5px 0 4.5px;
  border-color: #000 transparent transparent transparent;
  pointer-events: none;
}

@media (width <= 840px) {

.co-input__item{
    height: auto;
}
  }

.co-image:last-child{
  margin-block-end: 0;
}

.co-form__item__noborder #co-number::after{
  /* @media (--pc) {
    top: 50%;
    transform: translateY(-50%);
  } */
   display: none !important;
}

.co-form__item__noborder #co-number .co-input__select-wrapper{
  display: inline-block;
  position: relative;
}

.co-form__item__noborder #co-number .co-input__select-wrapper::after{
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4.5px 0 4.5px;
  border-color: #000 transparent transparent transparent;
  pointer-events: none;
}

.co-tell__wrapper{
  padding-block-end: 0 !important;
}

:root {
  --side-padding: clamp(2rem, calc(1.6rem + 1vw), 2.5rem);
  --side-padding-sp: clamp(1.0256410256410255rem, calc((0rem) + 5.12821vw), 1.25rem);
  --content-max-width: clamp(72rem, calc(57.6rem + 36vw), 90rem);
}

:root {
  --color-black: #000;
  --color-white: #fff;
  --color-bg-gray: #f1f1f1;
  --color-gray: #CCCCCC;
  --color-gray-ex-text: #828282;
  --color-gray-ex-background: #F1F1F1;
  --color-gray-ex-background-light: #FAFAFA;

  --color-gold-ex-text: #976B47;
  --color-gray-ex-border: #E2E2E2;
  --color-green: #829687;
  --color-gray-ex-button: #636363;

  --color-key: #829687;
}

:root {
  --Font-family-DNP-ShueiMinPr6N: dnp-shuei-mincho-pr6n, sans-serif;
  --Font-family-DNP-ShueiGoGinStd: dnp-shuei-gothic-gin-std,sans-serif;
}

:root{
  --leading-trim: calc((1em - 1lh) / 2);
}

:root {
  --easing-cubic-out: cubic-bezier(0.23, 1, 0.32, 1);
  --easing-cubic-in: cubic-bezier(0.42, 0, 1, 1);
  --easing-cubic-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --easing-cubic-out-in: cubic-bezier(0.23, 1, 0.32, 1);
  --easing-quad-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easing-quad-in: cubic-bezier(0.16, 1, 0.3, 1);
  --easing-quad-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --easing-quad-out-in: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easing-quart-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easing-quart-in: cubic-bezier(0.16, 1, 0.3, 1);
  --easing-quart-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --easing-quart-out-in: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easing-quint-out: cubic-bezier(0.23, 1, 0.32, 1);
  --easing-quint-in: cubic-bezier(0.64, 0, 0.78, 0);
  --easing-quint-in-out: cubic-bezier(0.86, 0, 0.07, 1);
  --easing-quint-out-in: cubic-bezier(0.77, 0, 0.17, 1);
  --easing-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
  --easing-expo-in: cubic-bezier(0.95, 0.05, 0.79, 0.03);
  --easing-expo-in-out: cubic-bezier(1, 0, 0, 1);
  --easing-expo-out-in: cubic-bezier(0, 0, 0, 1);
  --easing-circ-out: cubic-bezier(0.075, 0.82, 0.165, 1);
  --easing-circ-in: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --easing-circ-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --easing-circ-out-in: cubic-bezier(0.075, 0.82, 0.165, 1);
}

:root {
  --z-index-global-logo: 80;
  --z-index-global-nav: 90;
  --z-index-global-nav-toggle: 100;
  --z-index-curtain: 200;
}

.ms-c-form{
  font-size: 13px;
  letter-spacing: .1em;
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

@media (width > 840px) {

.ms-c-form{
    padding-block-end: 90px;
}
  }

@media (width <= 840px) {

.ms-c-form{
    /* padding-inline: calc(50 / 750 * 100%); */
    padding-block-end: 80px;
}
  }

.ms-c-form .co-form__item:first-child{
  border-block-start: 1px solid #e2e2e2;
}

@media (width > 840px) {

.ms-c-form__lead-notes{
    margin-block-end: 60px;
}
  }

@media (width <= 840px) {

.ms-c-form__lead-notes{
    margin-block-end: 32px;
}
  }

.ms-c-form .co-input__item{
  position: relative;
}

.ms-c-form .error-message{
  position: absolute;
  bottom: -16px;
  left: 0;
  margin-left: 31px;
  font-size: 9.98px;
  letter-spacing: .05em;
  color: #ea2c2c;
}

.ms-c-form--confirm #co-number::after,
.ms-c-form--confirm #co-sector::after,
.ms-c-form--confirm .co-addres::after{
  display: none !important;
}

@media (width > 840px) {

.ms-c-form--confirm .co-item__buildingName {
    flex: 0 0 188px;
}
  }

.ms-c-form--confirm .co-return__button{
  display: block;
}

@media (width > 840px) {

.ms-c-form--confirm .co-button__area{
    display: flex;
    width: 600px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
}
  }

@media (width > 840px) {

.ms-c-form--confirm .co-button {
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
}
  }

.ms-c-form--confirm .co-images-list .co-image::after{
  display: none !important;
}

.ms-c-form--confirm .co-privacy{
  display: none !important;
}

.ms-c-form .co-privacy__box .error-message{
  bottom: -20px;
  width: 100%;
  text-align: center;
  margin: 0;
}

.ms-c-form .co-input__item textarea{
  padding-block: 10px;
}

@media (width > 840px) {

.ms-c-form .co-itemWrap--building .error-message{
    margin-left: 0 !important;
}
  }

/* 送信中ボタンのスタイル */

input[type="submit"].is-submitting,
button[type="submit"].is-submitting {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.ms-c-file-upload{
  position: relative;
}

.ms-c-file-upload__input {
  position: relative;
}

.ms-c-file-upload__button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 13px;
}

@media (width > 840px){

.ms-c-file-upload__button {
    height: 38px;
    justify-content: space-between;
    border: 1px solid #dedede;
    padding-inline-start: 15px;
}
  }

@media (width <= 840px){

.ms-c-file-upload__button {
    gap: 10px;
    height: 32px;
}
  }

.ms-c-file-upload__button-text{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #E2E2E2;
}

@media (width > 840px){

.ms-c-file-upload__button-text{
    width: 120px;
}
  }

@media (width <= 840px){

.ms-c-file-upload__button-text{
    order: 1;
    border: 1px solid rgba(118, 118, 118, 1);
    border-radius: 4px;
    background-color: rgba(239, 239, 239, 1);
    padding-inline: 10px;
}
  }

.ms-c-file-upload__input-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(50%);
  clip: rect(0 0 0 0);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.ms-c-file-upload__actions{
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  visibility: hidden;
  pointer-events: none;
  cursor: pointer;
}

@media (width > 840px){

.ms-c-file-upload__actions{
    right: 124px;
}
  }

@media (width <= 840px){

.ms-c-file-upload__actions{
    right: 0;
}
  }

.ms-c-file-upload__actions.is-visible{
  visibility: visible;
  pointer-events: auto;
}

@media (width <= 840px){

.ms-c-file-upload__input-placeholder{
    order: 2;
}
  }

.ms-c-image-upload{
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (width > 840px){

.ms-c-image-upload{
    gap: 6px;
}
  }

@media (width <= 840px){

.ms-c-image-upload{
    gap: 18px;
}
  }

.ms-c-image-upload__label{
  /*visialy hidden*/
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(50%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

@media (width > 840px) {

.ms-c-section.is-anchor{
    scroll-margin-top: 110px;
}
  }

@media (width <= 840px) {

.ms-c-section.is-anchor{
    scroll-margin-top: 66px;
}
  }

@media (width > 840px) {

.ms-c-section.has-margin-block-start{
    margin-block-start: 80px;
}
  }

@media (width <= 840px) {

.ms-c-section.has-margin-block-start{
    margin-block-start: 60px;
}
  }

.ms-c-section.has-medium-margin-block-start{
  margin-block-start: 60px;
}

.ms-c-section.has-small-margin-block-start{
  margin-block-start: 40px;
}

@media (width > 840px) {

.ms-c-section.has-auto-margin-block-start:not(:first-child){
    margin-block-start: 80px;
}
  }

@media (width <= 840px) {

.ms-c-section.has-auto-margin-block-start:not(:first-child){
    margin-block-start: 60px;
}
  }

.ms-c-section__title{
  background: #F1F1F1;
  color: #000;
  font-feature-settings: 'pwid' on;
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 175%;
  letter-spacing: 0.15em;
}

@media (width > 840px) {

.ms-c-section__title{
    padding: 4px 16px;
    font-size: 18px;
}
  }

@media (width <= 840px) {

.ms-c-section__title{
    padding: 4px 15px;
    font-size: 16px;
}
  }

.ms-c-section__stitle{
  color: #000;
  font-feature-settings: 'pwid' on;
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 175%;
  letter-spacing: 2.7px;
}

@media (width > 840px) {

.ms-c-section__stitle{
    font-size: 18px;
}
  }

@media (width <= 840px) {

.ms-c-section__stitle{
    font-size: 16px;
}
  }

.ms-c-section__lead{
  color: #000;
  font-feature-settings: 'palt' on;
  font-family: dnp-shuei-gothic-gin-std,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.15em;
}

.ms-c-section__lead.is-min{
    font-family: dnp-shuei-mincho-pr6n, sans-serif;
  }

@media (width > 840px) {

.ms-c-section__lead.is-min{
      font-size: 18px;
  }
    }

@media (width <= 840px) {

.ms-c-section__lead.is-min{
      font-size: 16px;
  }
    }

.ms-c-section__lead.is-min-s{
    font-family: dnp-shuei-mincho-pr6n, sans-serif;
  }

@media (width > 840px) {

.ms-c-section__lead.is-min-s{
      font-size: 16px;
  }
    }

@media (width <= 840px) {

.ms-c-section__lead.is-min-s{
      font-size: 14px;
  }
    }

@media (width > 840px) {

.ms-c-section__lead:not(:first-child){
    margin-block-start: 16px;
}
    .ms-c-section__lead.is-mbs-large:not(:first-child){
      margin-block-start: 24px;
    }
  }

@media (width <= 840px) {

.ms-c-section__lead:not(:first-child){
    margin-block-start: 12px;
}
    .ms-c-section__lead.is-mbs-large:not(:first-child){
      margin-block-start: 20px;
    }
  }

@media (width > 840px) {

.ms-c-section__content:not(:first-child){
    margin-block-start: 20px;
}
    .ms-c-section__content.has-large-margin-block-start:not(:first-child){
      margin-block-start: 24px;
    }
  }

@media (width <= 840px) {

.ms-c-section__content:not(:first-child){
    margin-block-start: 12px;
}
    .ms-c-section__content.has-large-margin-block-start:not(:first-child){
      margin-block-start: 20px;
    }
  }

@media (width > 840px) {

.ms-c-section__content-l:not(:first-child){
    margin-block-start: 20px;
}
  }

@media (width <= 840px) {

.ms-c-section__content-l:not(:first-child){
    margin-block-start: 16px;
}
  }

.ms-c-section__content.has-large-margin-block-start{
  margin-block-start: 32px;
}

.ms-c-section__dl-btn-wrappers{
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ms-c-section__dl-btn-wrapper{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ms-c-section__dl-btn-title{
  color: #000;
  font-feature-settings: 'palt' on;
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-weight: 500;
  line-height: 175%;
}

@media (width > 840px) {

.ms-c-section__dl-btn-title{
    font-size: 16px;
}
  }

@media (width <= 840px) {

.ms-c-section__dl-btn-title{
    font-size: 14px;
}
  }

.ms-c-list{
  line-height: 200%;
}

.ms-c-list li{
  position: relative;
  list-style: none;
  padding-inline-start: 13px;
}

.ms-c-list li::before{
  content: '';
  position: absolute;
  top: calc(0.5lh - 0.2em);
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #CCCCCC;
}

.ms-c-note {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-family: dnp-shuei-gothic-gin-std,sans-serif;
  font-size: 13px;
  color: #828282;
  line-height: 200%;
}

.ms-c-note--small{
  font-size: 11px;
}

.ms-c-button {
  display: block;
  padding: 12px 30px;
  border: 1px solid #829687;
  border-radius: 0;
  font-feature-settings: 'palt' on;
  font-family: dnp-shuei-gothic-gin-std,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.15em;
  text-align: center;
  transition: opacity 0.4s;
  box-sizing: border-box;
}

.ms-c-button:focus,
.ms-c-button:focus-visible {
  outline: 1px solid #829687;
  outline-offset: 3px;
}

.ms-c-button:focus:not(:focus-visible) {
  outline: none;
}

.ms-c-button--middle {
  width: 100%;
}

@media (width > 840px) {

.ms-c-button--middle {
    max-width: 280px;
}
  }

.ms-c-button--large {
  width: 100%;
}

@media (width > 840px) {

.ms-c-button--large {
    max-width: 340px;
}
  }

.ms-c-link{
  text-decoration: underline;
}

.ms-c-modal-bg{
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  opacity: 0;
  background: #000;
  transition: opacity .4s;
  pointer-events: none;
}

.ms-c-modal-bg.modal-open{
  opacity: .75;
  pointer-events: auto;
  z-index: 20;
}

.ms-p-contact__wrapper{
  width: 100%;
}

@media (width > 840px) {

.ms-p-contact__wrapper{
    padding-block-end: 90px;
}
  }

@media (width <= 840px) {

.ms-p-contact__wrapper{
    padding-block-end: 80px;
}
  }

.ms-p-contact__content{
  color: #000;
  font-feature-settings: 'palt' on;
  font-family: dnp-shuei-gothic-gin-std,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 1.3px;
}

@media (width > 840px) {

.ms-p-contact__content{
    padding-block-start: 32px;
}
  }

@media (width <= 840px) {

.ms-p-contact__content{
    padding-block-start: 24px;
    font-size: 12px;
    letter-spacing: 1.2px;
}
  }

.ms-p-contact__dl{
  display: flex;
  flex-direction: column;
}

@media (width > 840px) {

.ms-p-contact__dl{
    gap: 32px;
}
  }

@media (width <= 840px) {

.ms-p-contact__dl{
    gap: 24px;
}
  }

.ms-p-contact__dl-item{
  display: flex;
  flex-direction: column;
}

@media (width > 840px) {

.ms-p-contact__dl-item{
    gap: 16px;
}
  }

@media (width <= 840px) {

.ms-p-contact__dl-item{
    gap: 12px;
}
  }

.ms-p-contact__dl dt{
  font-feature-settings: 'pwid' on;
  font-family: dnp-shuei-mincho-pr6n, sans-serif;

  font-style: normal;
  font-weight: 500;
  line-height: 175%;
}

@media (width > 840px) {

.ms-p-contact__dl dt{
    font-size: 16px;
    letter-spacing: 2.4px;
}
  }

@media (width <= 840px) {

.ms-p-contact__dl dt{
    font-size: 14px;
    letter-spacing: 2.1px;
}
  }

.ms-p-contact__btns{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (width <= 840px) {

.ms-p-contact__btns{
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
}
  }

.ms-p-contact__btns .ms-c-button{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-inline: 13px;
}

.ms-p-contact__tel-box{
  display: flex;
  flex-direction: column;
  padding: 24px 24px;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  background: #FAFAFA;
}

.ms-p-contact__tel-box-text{
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 1.3px;
}

@media (width <= 840px) {

.ms-p-contact__tel-box-text{
    font-size: 12px;
    letter-spacing: 1.2px;
}
  }

.ms-p-contact__tel-box-btn{
  width: 181px;
  background: none;
  border: none;
  cursor: pointer;
}

.ms-p-contact__tel-box-btn img{
  width: 100%;
  height: auto;
}

.ms-p-contact__tel-aside{
  display: flex;
  flex-direction: column;
  margin-block-start: 32px;
}

.ms-p-contact__tel-table{
  width: fit-content;
  margin-block-start: 10px;
}

.ms-p-contact__tel-table th{
  padding-inline-end: 1.5em;
  text-align: left;
  white-space: nowrap;
}

.ms-p-contact__tel-table td{
  text-align: left;
}

.ms-p-contact__tel-table th,
.ms-p-contact__tel-table td{
  padding-block: 1px;
  vertical-align: top;
}

.ms-p-contact__tel-note{
  margin-block-start: 7px;
}

.ms-p-contact__tel-box-tel{
  font-size: 15px;
}

@media (width <= 840px) {

.ms-u-pc-only{
    display: none;
}
  }

@media (width > 840px) {

.ms-u-sp-only{
    display: none;
}
  }

@media (width > 1440px) {

.ms-u-lg-lw-only{
    display: none;
}
  }

@media (width <= 1440px) {

.ms-u-lg-up-only{
    display: none;
}
  }
