@charset "UTF-8";
/* ========================================================================
sora_contact.css - お問い合わせ用スタイル -
======================================================================== */
.contactIndex {
  /* 新規導入に関するご相談
  ============================================================= */
  /* ご利用中のお客様のお問い合わせ
  ============================================================= */
}

.contactIndex .h4Design01 .-small {
  font-weight: 500;
}

.contactIndex .secConsultation {
  background-color: #ebf5ff;
}

.contactIndex .secConsultationInner {
  padding: 0.7rem 0.83rem 1.12rem;
}

@media screen and (min-width: 768px), print {
  .contactIndex .secConsultationInner {
    margin-left: auto;
    margin-right: auto;
    max-width: 13.66rem;
  }
}

.contactIndex .mediaItemTitle {
  font-size: 0.2rem;
  font-weight: 500;
}

.contactIndex .mediaItemTitle .-strong {
  font-size: 120%;
  font-weight: 700;
}

.contactIndex .secContact {
  background-color: #fff;
}

/* PC設定 */
@media screen and (min-width: 768px), print {
  .contactIndex {
    /* お電話でのお問い合わせ */
  }
  .contactIndex .pageLinkWrap {
    padding: 0.96rem 1.83rem 0.88rem;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px), print {
  .contactIndex .pageLinkWrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 13.66rem;
  }
}

@media screen and (min-width: 768px), print {
  .contactIndex .h3Design01 {
    font-size: 0.28rem;
    line-height: 1.6;
    padding: 0.09rem 0.1rem 0.1rem;
  }
  .contactIndex .h4Design01 {
    font-size: 0.18rem;
  }
  .contactIndex .h4Design01 + * {
    margin-top: 0.22rem;
  }
  .contactIndex .mediaItemBody {
    padding: 0.1rem 0.6rem 0.1rem 0.355rem;
  }
  .contactIndex .mediaItemImg {
    width: 1.68rem;
    height: 1.68rem;
  }
  .contactIndex .-noImg .mediaItemInner {
    padding: 0.2rem 0.6rem 0.2rem 0.4rem;
    min-height: 1.42rem;
  }
  .contactIndex .contactList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .contactIndex .contactList > .contactListItem {
    width: calc((100% - 0.4rem) / 2);
  }
  .contactIndex .contactList > .contactListItem:nth-child(n + 3) {
    margin-top: 0.4rem;
  }
  .contactIndex .contactList > .contactListItem:nth-child(n + 2) {
    margin-left: 0.4rem;
  }
  .contactIndex .contactList > .contactListItem:nth-child(odd) {
    margin-left: 0px;
  }
  .contactIndex .contactList > .contactListItem:nth-child(2n) {
    margin-right: -1%;
  }
  .contactIndex .secContactInfo {
    margin-top: 0.9rem;
  }
  .contactIndex .secContactInfo .contactInfo {
    margin-top: 0.4rem;
  }
  .contactIndex .secContactInfo .contactBox {
    padding: 0.6rem 1.2rem;
  }
  .contactIndex .secContactInner {
    padding: 0.8rem 0.83rem 1.28rem;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px), print {
  .contactIndex .secContactInner {
    margin-left: auto;
    margin-right: auto;
    max-width: 13.66rem;
  }
}

/* SP設定 */
@media screen and (max-width: 767px) {
  .contactIndex .secConsultationInner {
    padding: 0.395rem 0.2rem 0.55rem;
  }
  .contactIndex .mediaItemTitle {
    font-size: 0.13rem;
  }
  .contactIndex .contactListItem + .contactListItem {
    margin-top: 0.2rem;
  }
  .contactIndex .secContactInner {
    padding: 0.395rem 0.2rem 0.55rem;
  }
}

.secNewsWrap{ 
    margin-left: auto;
    margin-right: auto;
    max-width: 13.66rem;
    padding: 0.56rem 1.83rem 0rem;
}
.secNewsInner{
    border: #ff0000 10px solid;
    padding: 30px;
}
@media screen and (max-width: 767px) {
  .secNewsWrap{ 
      max-width: 13.66rem;
    padding: 0.2rem 0.2rem;
  }
  .secNewsInner{
      border: #ff0000 6px solid;
      padding: 12px;
  }
}