@charset "UTF-8";
/* ---------- ---------- ----------

00. Common Setting
01. Component Setting
02. Page SettingPage Setting

---------- ---------- ---------- */

/* ---------- ---------- ----------
:: for large screen ::
@media only screen and (min-width: 1025px) {
}
:: for medium screen ::
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
:: for small screen ::
@media only screen and (max-width: 640px) {
}
---------- ---------- ---------- */

/* -- ------------------------------
  00. Common Setting
------------------------------ --*/
/* Reset
---------- ---------- */

/* -- ------------------------------
  01. Component Setting
------------------------------ --*/
/* Column Separator */
.faq-logo-Column {
  width: 180px;
}

@media only screen and (max-width: 640px) {
  .faq-logo-Column {
    width: 120px;
  }
}

/* Page Title (H1) */
.faq-h1-01 .l-PageTitle--v2__h1 .cmn-richtext {
  padding-left: 0;
}

.faq-h1-01 .l-PageTitle--v2__h1 {
  font-size: 3.75rem;
  font-weight: 600;
}

@media only screen and (max-width: 640px) {
  .faq-h1-01 .l-PageTitle--v2__h1 {
    font-size: 2.25rem;
  }
}

/* ---------- Q&A contents ---------- */
.faq-wrap-01 .cmn-richtext,
.faq-ButtonP-01 .cmn-richtext {
  color: #464646;
  letter-spacing: .02em;
}

/* Heading Title Item */
.faq-wrap-01 .g-HeadingTitle--v2__titleBlock__imageBox {
  width: 32px;
  vertical-align: top;
}

.faq-wrap-01 > .g-HeadingTitle--v2 .cmn-richtext {
  font-weight: 600;
  font-size: 1.25rem;
}

@media only screen and (max-width: 640px) {
  .faq-wrap-01 > .g-HeadingTitle--v2 .cmn-richtext {
    font-weight: 600;
    font-size: 1rem;
  }
}

/* Image & Text Pack */
.faq-wrap-01 .g-ImageTextHP--v2.is-imageL .opt-lg-imageW10p {
  grid-template-columns: 47px auto;
}

.faq-wrap-01 .g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__image,
.faq-wrap-01 .g-HeadingTitle--v2.is-layoutL .g-HeadingTitle--v2__titleBlock__imageBox {
  padding-right: 15px;
}

.faq-wrap-01 .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}

.faq-wrap-01 .g-ImageTextHP--v2__contentsBlock__text__moreinfo .g-HeadingTitle--v2 .g-Text {
  padding-left: 1em;
}

/* Text Item */
.faq-wrap-01 .g-Text.opt-al_r {
  font-size: .75rem;
}

@media only screen and (max-width: 640px) {
  .faq-wrap-01 .g-Text.opt-al_r {
    font-size: .625rem;
  }
}

/* List Pack */
.faq-wrap-01 .g-List--ver2__ul {
  padding-left: 1.3rem;
}

.faq-wrap-01 .g-List--ver2 {
  margin-bottom: 3px;
}

/* Annotation List Pack */
.faq-wrap-01 .g-AnnotationListP--v2 {
  padding-left: 1.3rem;
  margin-bottom: 3px;
}

.faq-wrap-01 .l-AnnotationListUnit--v2 {
  font-size: 1rem;
}

@media only screen and (max-width: 640px) {
  .faq-wrap-01 .l-AnnotationListUnit--v2 {
    font-size: .875rem;
  }
}

/* HR Item */
@media only screen and (min-width: 641px) {
  .faq-wrap-01 .g-Hr {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 640px) {
  .faq-wrap-01 .g-Hr {
    margin-top: 30px;
  }
}

/* Button Pack */
.faq-ButtonP-01 .g-ButtonP__list__item {
  max-width: 370px;
  margin: 0 auto;
  float: none;
}

.faq-ButtonP-01 .g-ButtonP__list:after {
  content: none;
}

.faq-ButtonP-01 .is-colorset--1 .l-ButtonUnit__link {
  color: #464646;
  background-color: #fce4da;
  border-color: #464646;
  font-size: 1.5rem;
}

.faq-ButtonP-01 .is-colorset--1 .l-ButtonUnit__link .l-ButtonUnit__link__icon {
  color: #323232;
  font-size: .8em;
  transform: translateY(-50%);
  margin-top: 2px;
}

@media only screen and (max-width: 640px) {
  .faq-ButtonP-01 .is-colorset--1 .l-ButtonUnit__link {
    font-size:  1.25rem;
  }
}