/* Scss Document */
/* Scss Document */
.faq {
  width: 100%;
  margin: 0;
  padding: 60px 100px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@media (max-width: 1200px) {
  .faq {
    padding: 60px 40px 0; } }
@media (max-width: 800px) {
  .faq {
    padding: 60px 20px 0; } }
.intro {
  margin: 70px 0 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start; }
  .intro__right {
    width: calc(100% - 170px - 40px);
    margin: 0 0 0 40px; }
    .intro__right--txt {
      line-height: 1.7; }
    .intro__right--dl {
      margin: 30px 0 0;
      padding: 40px 40px 10px;
      background-color: #FFF;
      border: 1px solid #d1c4af;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .intro__right--dl dt {
        margin: 0 0 40px;
        display: inline-block;
        font-size: 1.1111111111rem;
        font-weight: 700;
        position: relative; }
        .intro__right--dl dt::after {
          content: '';
          width: 100%;
          height: 18px;
          background-color: #fff2a6;
          position: absolute;
          bottom: -5px;
          left: 0;
          z-index: 1; }
        .intro__right--dl dt span {
          position: relative;
          z-index: 2; }
      .intro__right--dl dd {
        margin: 0;
        padding: 0; }
        .intro__right--dl dd ul {
          margin: 0;
          padding: 0;
          list-style: none;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap; }
          .intro__right--dl dd ul li {
            margin: 0 30px 30px 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
            .intro__right--dl dd ul li:nth-of-type(4n+1) a::before {
              background-color: #1a7ed4; }
            .intro__right--dl dd ul li:nth-of-type(4n+2) a::before {
              background-color: #f87974; }
            .intro__right--dl dd ul li:nth-of-type(4n+3) a::before {
              background-color: #7dc350; }
            .intro__right--dl dd ul li:nth-of-type(4n+4) a::before {
              background-color: #f9cb61; }
            .intro__right--dl dd ul li a {
              padding: 0 0 0 15px;
              color: #3a3535;
              position: relative;
              transition: 0.1s linear; }
              .intro__right--dl dd ul li a::before {
                content: '';
                width: 10px;
                height: 10px;
                position: absolute;
                top: 10px;
                left: 0;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%; }
              .intro__right--dl dd ul li a:hover {
                text-decoration: none;
                top: 1px;
                left: 1px;
                opacity: 0.7;
                filter: alpha(opacity=70);
                -ms-filter: alpha(opacity=70); }

@media (max-width: 800px) {
  .intro {
    flex-direction: column;
    align-items: center; }
    .intro__right {
      width: 100%;
      margin: 30px 0 0; }
      .intro__right--dl {
        padding: 40px 20px 10px; } }
.sec {
  margin: 100px 0 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .sec:not(:first-of-type) {
    margin: 80px 0 0; }
  .sec__title {
    width: 100%;
    margin: 0 0 50px;
    padding: 0 0 30px;
    font-size: 1.7777777778rem;
    font-weight: 700;
    line-height: 1.0;
    border-bottom: 4px double #3a3535; }
    .sec__title span {
      padding: 0 0 0 44px;
      background-image: url("../img/common/mkr01.svg");
      background-position: top 15px left;
      background-repeat: no-repeat;
      background-size: 24px; }

@media (max-width: 700px) {
  .sec__title {
    font-size: 1.3333333333rem; }
    .sec__title span {
      display: inline-block;
      background-position: top left; } }
.secList {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none; }
  .secList__item {
    margin: 0 0 10px;
    padding: 40px;
    background-color: #FFF; }
    .secList__item:last-of-type {
      margin: 0; }
    .secList__item--que {
      margin: 0;
      padding: 0;
      font-size: 1.1111111111rem;
      font-weight: 700;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex; }
      .secList__item--que span:first-of-type {
        width: 30px;
        height: 30px;
        margin: 0 20px 0 0;
        color: #FFF;
        font-family: "Zen Maru Gothic", sans-serif;
        font-weight: 500;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #7dc350;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
      .secList__item--que span:last-of-type {
        width: calc(100% - 30px - 20px); }
    .secList__item--ans {
      margin: 20px 0 0;
      padding: 0;
      line-height: 1.7;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex; }
      .secList__item--ans span:first-of-type {
        width: 30px;
        height: 30px;
        margin: 0 20px 0 0;
        color: #FFF;
        font-family: "Zen Maru Gothic", sans-serif;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f87974;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
      .secList__item--ans span:last-of-type {
        width: calc(100% - 30px - 20px); }

@media (max-width: 800px) {
  .secList__item {
    padding: 40px 20px; } }