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

00. Common Setting
01. Component Setting
02. Page 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
---------- ---------- */
.qh-Section .g-HeadingTitle__titleBlock__titleBox__title,
.qh-Section .g-HeadingTitle--v2__titleBlock__titleBox__title,
.qh-Section .g-PageTitle__titleBlock__titleBox__title,
.qh-Section .g-PageTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}

.qh-Section {
  background-color: #fcf8ef;
}

.qh-Section .g-Section__inner {
  max-width: none;
}

.qh-Section .g-Column {
  max-width: 1366px;
  margin: 0 auto;
}

@media only screen and (min-width: 1025px) {
  .qh-Section .g-Column.opt-lg-w70p,
  .qh-Section .g-Column.opt-lg-w60p {
    width: auto;
  }

  .qh-Section .g-Column.opt-lg-w70p .g-Column__inner {
    width: 70%;
    margin: 0 auto;
  }

  .qh-Section .g-Column.opt-lg-w60p .g-Column__inner {
    width: 60%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .qh-Section .g-Column.opt-md-w90p {
    width: auto;
  }

  .qh-Section .g-Column.opt-md-w90p .g-Column__inner {
    width: 90%;
    margin: 0 auto;
  }

  .qh-Section .g-Column__inner {
    padding: 0 45px;
  }

  .qh-Section .qh-md-fullwidth-Column .g-Column__inner {
    padding: 0;
  }
}

@media only screen and (max-width: 640px) {
  .qh-Section .l-Section__inner {
    padding: 0;
  }

  .qh-Section .g-Column__inner {
    padding: 0 15px;
  }

  .qh-Section .qh-sm-fullwidth-Column .g-Column__inner {
    padding: 0;
  }

  .qh-Section .g-Column.opt-sm-w90p {
    width: auto;
  }

  .qh-Section .g-Column.opt-sm-w90p .g-Column__inner {
    width: 90%;
    margin: 0 auto;
  }
}

.qh-Section .l-Section__inner,
.qh-Section .l-Column.is-gutter--m .l-Column__cols {
  padding-top: 0;
  padding-bottom: 0;
}

.qh-Section .cmn-richtext {
  letter-spacing: .02em;
  font-family: sans-serif;
}

/* Option
---------- ---------- */
/* Font Family */
.qh-fontfamily--01 {
  font-weight: 700;
  font-family: sans-serif;
}

.qh-fontfamily--02 {
  font-weight: 400;
  font-family: sans-serif;
}

.qh-fontfamily--03 {
  font-weight: 700;
  font-family: serif;
}

.qh-fontfamily--04 {
  font-weight: 400;
  font-family: serif;
}

/* Font Size */
.opt-fontsize--27 {
  font-size: 1.6875rem;
}

@media only screen and (max-width: 640px) {
  .opt-fontsize--27 {
    font-size: 1.3125rem;
  }
}

.opt-fontsize--16 {
  font-size: 1rem;
}

@media only screen and (max-width: 640px) {
  .opt-fontsize--16 {
    font-size: .875rem;
  }
}

/* Font Color */
.qh-fontcolor--01 {
  color: #e94724;
  font-weight: bold;
}

/* Text Decoration */
.qh-textD--01 {
  color: #ed5432;
  font-size: 1.25rem;
  display: inline-block;
  border: 2px solid #ed5432;
  border-radius: 30px;
  padding: 3px 36px;
}

@media only screen and (max-width: 640px) {
  .qh-textD--01 {
    font-size: 1rem;
  }
}

.qh-textD--02 {
  background-color: #fdf0b2;
  line-height: 1;
  font-weight: bold;
}

/* background */
.bg-col00 {
  background-color: #fcf8ef;
}

.bg-col01 {
  background-color: #f4eee2;
}

.bg-col02 {
  background-color: #fbe3f1;
}

.bg-col03 {
  background-color: #fff;
}

.bg-col04 {
  background-color: #ffec91;
}

/* -- ------------------------------
    01. Component Setting
------------------------------ --*/
/* Column Separator */
/* 01 */
.qh-num-Column {
  padding-top: 90px;
  padding-bottom: 100px;
}

.qh-num-Column .g-ColumnUnit {
  position: relative;
  border-radius: 20px;
  padding: 45px 25px 30px;
}

.qh-num-Column .g-GroupBox .g-HeadingTitle--v2:first-child{
  position: absolute;
  width: 50px;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 640px) {
  .qh-num-Column {
    padding-top: 50px;
    padding-bottom: 50px;
  }

.qh-num-Column .g-ColumnUnit {
  padding: 45px 30px 30px;
}
}

/* 01 */
@media only screen and (min-width: 641px) {
  .qh-num-Column.is-gutter--m .l-Column__cols,
  .qh-Column01.is-gutter--m .l-Column__cols {
    padding: 1.95%;
  }

  .qh-num-Column.is-gutter--m .l-Column__inner,
  .qh-Column01.is-gutter--m .l-Column__inner {
    margin-left: -1.95%;
    margin-right: -1.95%;
  }
}

/* 02 */
@media only screen and (min-width: 641px) {
  .qh-Column02.is-gutter--m .l-Column__cols {
    padding: 2.1%;
  }

  .qh-Column02.is-gutter--m .l-Column__inner {
    margin-left: -2.1%;
    margin-right: -2.1%;
  }
}

.qh-Column02 {
  padding-top: 170px;
}

.qh-Column02 .g-ColumnUnit {
  position: relative;
  border-radius: 20px;
  padding: 66px 13% 30px;
}

.qh-Column02 .g-GroupBox .g-HeadingTitle--v2:first-child{
  position: absolute;
  width: 200px;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 640px) {
  .qh-Column02 {
    padding-top: 80px;
  }

.qh-Column02 .g-ColumnUnit {
  padding: 50px 6% 30px;
}

  .qh-Column02 .g-GroupBox .g-HeadingTitle--v2:first-child{
    width: 150px;
    top: -40px;
  }
}

/* Group Box */
/* 01 */
.qh-GroupBox01 {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

/* 02 */
.qh-GroupBox02 {
  position: relative;
}

/* Image & Text Pack (V) */
.qh-ImageTextVP01.is-layoutT .g-ImageTextVP--v2__contentsBlock__image {
  margin-bottom: 36px;
}

@media only screen and (max-width: 640px) {
  .qh-ImageTextVP01.is-layoutT .g-ImageTextVP--v2__contentsBlock__image {
    margin-bottom: 20px;
  }
}

.qh-ImageTextVP01 .g-HeadingTitle .cmn-richtext {
  font-size: 1rem;
  font-family: sans-serif;
  font-weight: bold;
  display: inline-block;
  line-height: 1.75;
}

.qh-ImageTextVP01 .g-Text {
  font-size: 1rem;
}

.qh-ImageTextVP01 .l-AnnotationListUnit--v2 {
  font-size: 0.75rem;
}

@media only screen and (max-width: 640px) {
  .qh-ImageTextVP01 .g-HeadingTitle .cmn-richtext,
  .qh-ImageTextVP01 .g-Text {
    font-size: .875rem;
  }

  .qh-ImageTextVP01 .l-AnnotationListUnit--v2 {
    font-size: 0.625rem;
  }
}

/* Image & Text Pack (H) */
@media only screen and (min-width: 641px) {
  .qh-ImageTextHP01.g-ImageTextHP--v2 .g-ImageTextHP--v2__contentsBlock__image {
    padding: 0;
  }

  .qh-ImageTextHP01-1.g-ImageTextHP--v2 .opt-lg-imageW40p {
    grid-template-columns: 55.4% 44.6%;
  }

  .qh-ImageTextHP01-1 .g-ImageTextHP--v2__contentsBlock__text {
    padding-left: 18%;
  }

  .qh-ImageTextHP01-2.g-ImageTextHP--v2 .opt-lg-imageW40p {
    grid-template-columns: 46.2% 54.8%;
  }

  .qh-ImageTextHP01-2 .g-ImageTextHP--v2__contentsBlock__text {
    padding-right: 14%;
  }

  .qh-ImageTextHP01-3.g-ImageTextHP--v2 .opt-lg-imageW40p {
    grid-template-columns: 54.8% 46.2%;
  }

  .qh-ImageTextHP01-3 .g-ImageTextHP--v2__contentsBlock__text {
    padding-left: 22%;
  }

  .qh-ImageTextHP01-4.g-ImageTextHP--v2 .opt-lg-imageW40p {
    grid-template-columns: 47% 53%;
  }

  .qh-ImageTextHP01-4 .g-ImageTextHP--v2__contentsBlock__text {
    padding-right: 6%;
  }
}

@media only screen and (max-width: 640px) {
  .qh-ImageTextHP01.g-ImageTextHP--v2 .g-ImageTextHP--v2__contentsBlock {
    grid-template-areas:
      "headingTitle headingTitle"
      "text text";
  }

  .qh-ImageTextHP01 .g-ImageTextHP--v2__contentsBlock__text {
    padding: 0 7%;
  }

  .qh-ImageTextHP01 .g-ImageTextHP--v2__contentsBlock__image {
    display: none;
  }
}

/* qa */
.qh-q-title.is-layoutL .g-HeadingTitle--v2__titleBlock__imageBox,
.qh-a-title.is-layoutL .g-HeadingTitle__titleBlock__imageBox {
  padding: 0 50px;
  width: 30px;
}

.qh-q-title .cmn-richtext,
.qh-a-title .cmn-richtext {
  font-size: 1.125rem;
  font-weight: bold;
}

.qh-q-title .cmn-richtext {
  color: #9a3e70;
}

.qh-qa-AccordionListP .g-AccordionUnit__titleBlock {
  padding: 20px 75px 20px 0;
}

.qh-qa-AccordionListP .l-AccordionUnit__titleBlock.is-backgroundColor--1 {
  background-color: #f9f4f7;
}

.qh-qa-AccordionListP .g-AccordionUnit__contentBlock {
  padding: 30px 20px 0 130px;
}

.qh-qa-AccordionListP .g-AccordionUnit__titleBlock__icon {
  top: 50%;
  transform: translateY(-50%);
  right: 37px;
  margin-top: 0;
}

.qh-qa-AccordionListP .cmn-icon--up:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 15px solid #333333;
  border-top: 0;
}

.qh-qa-AccordionListP .cmn-icon--down:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 15px solid #333333;
  border-bottom: 0;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .qh-q-title.is-layoutL .g-HeadingTitle--v2__titleBlock__imageBox,
  .qh-a-title.is-layoutL .g-HeadingTitle__titleBlock__imageBox {
    padding: 0 40px;
  }

  .qh-qa-AccordionListP .g-AccordionUnit__contentBlock {
    padding: 30px 20px 0 110px;
  }
}

@media only screen and (max-width: 640px) {
  .qh-q-title.is-layoutL .g-HeadingTitle--v2__titleBlock__imageBox,
  .qh-a-title.is-layoutL .g-HeadingTitle__titleBlock__imageBox {
    padding: 0 15px;
    width: 25px;
  }

  .qh-q-title .cmn-richtext,
  .qh-a-title .cmn-richtext {
    font-size: 1rem;
  }

  .qh-qa-AccordionListP .g-AccordionUnit__titleBlock {
    padding: 15px 40px 15px 0;
  }

  .qh-qa-AccordionListP .g-AccordionUnit__contentBlock {
    padding: 30px 20px 0 55px;
  }

  .qh-qa-AccordionListP .g-AccordionUnit__titleBlock__icon {
    right: 15px;
  }

  .qh-qa-AccordionListP .cmn-icon--up:before {
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 14px solid #333333;
  }

  .qh-qa-AccordionListP .cmn-icon--down:before {
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-top: 14px solid #333333;
  }
}

/* List Pack */
.qh-List01 .g-List--ver2__ul {
  padding-left: 1.5em;
}

.qh-List01 .g-List--ver2__ul__item {
  font-size: 1.125rem;
  margin-bottom: .5em;
}

@media only screen and (max-width: 640px) {
  .qh-List01 .g-List--ver2__ul__item {
    font-size: .875rem;
  }
}

/* Heading Title Item */
.qh-btn-title01 {
  width: 90%;
  max-width: 350px;
  margin: 0 auto;
}

/* -- ------------------------------
    02. Page Setting
------------------------------ --*/
/* Section  */
@media only screen and (min-width: 641px) {
  .qh-head04 {
    position: relative;
  }

  .qh-head04 .g-HeadingTitle--v2:nth-child(2) {
    position: absolute;
    top: 65%;
  }
}

/* cta */
.qh-Section .js-stickyColumn {
  visibility: hidden;
}

.qh-Section .js-stickyColumn {
  position: relative;
  z-index: 3;
}

.qh-Section .js-stickyColumn.is-fixed {
  opacity: 1;
  height: auto;
  visibility: visible;
}

.qh-cta-wrap {
  position: relative;
}

.qh-cta-wrap .g-HeadingTitle--v2 {
  position: absolute;
  top: calc(100vh - 200px);
  right: 0;
  width: 185px;
  z-index: 3;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .qh-cta-wrap .g-HeadingTitle--v2 {
    top: calc(100vh - 225px);
  }
}

.qh-cta-wrap .l-HeadingTitle--v2.is-link:hover,
.qh-cta-wrap .l-HeadingTitle--v2.is-link:focus,
.qh-cta-wrap .l-HeadingTitle--v2.is-link:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
  opacity: 1;
}

.qh-cta-wrap .l-HeadingTitle--v2.is-link:hover .g-Image--v2,
.qh-cta-wrap .l-HeadingTitle--v2.is-link:focus .g-Image--v2,
.qh-cta-wrap .l-HeadingTitle--v2.is-link:active .g-Image--v2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: .7;
}

@media only screen and (max-width: 640px) {
  .qh-cta-wrap .g-HeadingTitle--v2 {
    top: calc(100vh - 160px);
    right: -20px;
    width: 119px;
  }
}