@charset "UTF-8";
/* IEハック用mixin */
/* ==========================================================================//
//
// お問い合わせ固有のデザインのスタイル定義
//
// ========================================================================== */

.category-inquiry .c-control::placeholder,
.category-inquiry .c-control--short::placeholder,
.category-inquiry .c-control--middle::placeholder,
.category-inquiry .c-select::placeholder,
.category-inquiry .c-textarea::placeholder {
  color: #ccc;
  font-size: 0.9em;
}

/* IE */
.category-inquiry .c-control:-ms-input-placeholder,
.category-inquiry .c-control--short:-ms-input-placeholder,
.category-inquiry .c-control--middle:-ms-input-placeholder,
.category-inquiry .c-select:-ms-input-placeholder,
.category-inquiry .c-textarea:-ms-input-placeholder {
  color: #ccc;
  font-size: 0.9em;
}

/* Edge */
.category-inquiry .c-control::-ms-input-placeholder,
.category-inquiry .c-control--short::-ms-input-placeholder,
.category-inquiry .c-control--middle::-ms-input-placeholder,
.category-inquiry .c-select::-ms-input-placeholder,
.category-inquiry .c-textarea::-ms-input-placeholder {
  color: #ccc;
  font-size: 0.9em;
}

@media print, screen and (max-width: 800px) {
  .category-inquiry .inquiry-button-box {
    padding: 30px 10px;
  }
}

.category-inquiry .btn-partnerlease {
  min-width: 220px;
  padding: 5px 11px 5px 21px;
  font-size: 0.95em;
}

.category-inquiry .btn-partnerlease:before,
.category-inquiry .btn-partnerlease:hover:before {
  left: 5px;
}

@media print, screen and (min-width: 801px) {
  .category-inquiry .btn-partnerlease:hover {
    color: rgba(51, 51, 51, 0.8);
  }
  .category-inquiry .btn-partnerlease:hover:before {
    opacity: 0.7;
  }
}

/* agree */
@media print, screen and (min-width: 801px) {
  .category-inquiry.subcategory-ps .text__security {
    text-align: center;
  }
}

/* telephonelist */
@media print, screen and (min-width: 801px) {
  .subcategory-telephonelist .p-card-category__link {
    height: 150px!important;
  }
}

.subcategory-telephonelist .listmodal {
  max-width: 810px;
  padding: 80px 20px 50px;
}

@media print, screen and (min-width: 801px) {
  .subcategory-telephonelist .listmodal {
    padding: 60px 30px 40px;
  }
}

@media print, screen and (max-width: 800px) {
  .subcategory-telephonelist .blocker {
    padding: 20px;
  }
  .subcategory-telephonelist .listmodal {
    width: 100%;
  }
  .subcategory-telephonelist .listmodal a.close-modal {
    top: 23px;
    right: 23px;
    width: 24px;
    height: 24px;
  }
}

.subcategory-telephonelist .listmodal .c-heading-02--center {
  margin: 0;
  font-size: 2.4rem;
}

@media print, screen and (min-width: 801px) {
  .subcategory-telephonelist .listmodal .c-heading-02--center {
    font-size: 2.8rem;
  }
}

.subcategory-telephonelist .listmodal .modal-card__group {
  margin-top: 20px;
}

@media print, screen and (min-width: 801px) {
  .subcategory-telephonelist .listmodal .modal-card__group {
    margin-top: 40px;
  }
}

.subcategory-telephonelist .listmodal .modal-card__group ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card {
  min-width: 100%;
  flex-basis: 100%;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

@media print, screen and (min-width: 801px) {
  .subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card {
    min-width: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
    margin-bottom: 20px;
  }
}

.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body {
  position: relative;
  padding: 20px;
  line-height: 1.5;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body .service__name {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
}

.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body .department + .department {
  margin-top: 5px;
}

.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body .department__name,
.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body .affiliated__name {
  font-weight: bold;
}

.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body .department__tel {
  white-space: nowrap;
}

.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body .department__name + .department__tel:before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
}

.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body .affiliated__name {
  margin-bottom: 10px;
}

.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body .formlink {
  margin-top: 5px;
}

.subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body .freeword {
  margin-top: 5px;
  font-size: 1.4rem;
}

@media print, screen and (max-width: 800px) {
  .subcategory-telephonelist .listmodal .modal-card__group ul li.modal-card .modal-card__body a[href^="tel:"] {
    text-decoration: underline;
  }
}

/* form */
@media print, screen and (min-width: 801px) {
  .category-inquiry .p-form__head--wide {
    width: 240px;
  }
}

/* shareholders form */
@media print, screen and (min-width: 801px) {
  .shareholdersform-heading__line01:after {
    display: inline-block;
    content: "";
    width: 1em;
  }
  .category-inquiry .p-form__head--padding {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .category-inquiry .p-form__body--alignment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .category-inquiry .p-form__body--alignment .p-form__block {
    width: 100%;
  }
  .category-inquiry .p-form__label--flexend,
  .category-inquiry .p-form__tag--flexend {
    align-self: flex-end;
  }
  .category-inquiry .p-form__title--memo {
    align-self: flex-start;
  }
}
.category-inquiry .p-form__title--memo {
  width: 100%;
  font-size: 1.35rem;
  line-height: 1.5;
}


/* l-main-header
------------------------------------------------------------------------------*/
.l-main-header {
  background: url("../images/inquiry/index_bg_01_sp.jpg") no-repeat bottom center;
  background-size: cover;
}

@media print, screen and (min-width: 801px) {
  .l-main-header {
    max-width: 100%;
    background: url("../images/inquiry/index_bg_01_pc.jpg") no-repeat center;
  }
}

@media only screen and (min-width: 801px) and (-webkit-min-device-pixel-ratio: 2) {
  .l-main-header {
    max-width: 1440px;
    background: url("../images/inquiry/index_bg_01_pc@2x.jpg") no-repeat center;
    background-size: cover;
  }
}

@media print, screen and (min-width: 801px) {
  .l-main-header__title {
    font-size: 3.4rem;
  }
}

.l-main-header__title {
  color: #3a3a3a;
}

@media screen and (max-width: 800px) {
  .l-main-header__title {
    margin-right: -5px;
  }
}


@media screen and (max-width: 800px) {
  .index-inquiry .l-main-header__title {
    padding-bottom: 55px;
  }
}