@charset "UTF-8";
/*　口コミパーツ
----------------------------- */
.viral-box-wrap {
  margin: 3rem 0 5rem;
  background: #f9f2e1;
  border-radius: 0.5rem;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .viral-box-wrap .basic-column-box {
    background: #fff;
    padding: 2rem;
    margin: 0; }
  .viral-box-wrap .box-wrap__inner {
    width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    margin-right: 20px; }
    .viral-box-wrap .box-wrap__inner .caption,
    .viral-box-wrap .box-wrap__inner .viral-info {
      color: #000; }
  .viral-box-wrap .paragraph-frame {
    clear: both;
    margin: 15px 0 0; }
  .viral-box-wrap .catch-copy {
    display: inline-block;
    width: 100%;
    line-height: 1.4;
    font-size: 1.8rem;
    margin: 0 0 0 20px;
    padding: 2px 0 5px;
    font-weight: bold;
    text-align: left;
    position: relative; }
    .viral-box-wrap .catch-copy::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1rem;
      background: url(img/bd_3.png) repeat-x center left;
      left: 0;
      right: 0;
      bottom: -0.8rem;
      margin: auto; }
  .viral-box-wrap .box-wrap {
    margin: 0; }
  .viral-box-wrap.column1 .viral-head, .viral-box-wrap.column2 .viral-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .viral-box-wrap.column1 {
    display: block; }
    .viral-box-wrap.column1 .basic-column-box {
      background: #fff;
      border-radius: 1rem;
      padding: 25px; }
      .viral-box-wrap.column1 .basic-column-box:nth-child(even) {
        margin-top: 2rem; }
    .viral-box-wrap.column1 .box-wrap__inner {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
      flex: 0 0 10%;
      margin-right: 20px;
      width: 10%; }
    .viral-box-wrap.column1 .box-wrap div:nth-of-type(1) img {
      margin: 0 auto 20px;
      display: block;
      border-radius: 100%; }
  .viral-box-wrap.column2 .basic-column-box {
    border-radius: 1rem;
    background: #fff; }
    .viral-box-wrap.column2 .basic-column-box:first-child {
      margin-right: 10px; }
    .viral-box-wrap.column2 .basic-column-box::before {
      content: none; }
    .viral-box-wrap.column2 .basic-column-box::after {
      content: none; }
  .viral-box-wrap.column2 .catch-copy {
    font-size: 1.8rem;
    width: 100%;
    margin: 0 0 1rem; }
  .viral-box-wrap.column3 {
    background: #f9f2e1;
    padding: 2rem; }
    .viral-box-wrap.column3 .box-wrap__inner {
      display: block;
      width: 100%;
      text-align: center; }
    .viral-box-wrap.column3 .catch-copy {
      width: 100%;
      margin: 0;
      padding: 0 0 1rem;
      font-size: 1.8rem; }
    .viral-box-wrap.column3 .basic-column-box {
      border: none;
      background: #fff;
      border-radius: 1rem;
      margin-right: 10px;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .viral-box-wrap.column3 .basic-column-box::before {
        content: none; }
      .viral-box-wrap.column3 .basic-column-box:last-child {
        margin-right: 0; }
      .viral-box-wrap.column3 .basic-column-box::after {
        content: none; }

/*　共通パーツ01,02
----------------------------- */
.lower_bottom {
  margin: 40px 0;
  padding: 0 3% 3%;
  background: #d4f0a0;
  border-radius: 1rem;
  position: relative;
  }
  .lower_bottom .mainttl {
    padding: 3.5rem 1.5rem;
    font-size: 2.8rem;
    text-align: center;
    line-height: 1.4;
    position: relative;
    font-weight: bold;
    color: #333;
    }
    .lower_bottom .mainttl::before {
      content: '';
      position: absolute;
      width: 79%;
      height: 7px;
      background: url(img/bd_4.png) left center/contain repeat-x;
      left: 0;
      right: 0;
      top: 2rem;
      margin: auto; }
    .lower_bottom .mainttl::after {
      content: '';
      position: absolute;
      width: 79%;
      height: 7px;
      background: url(img/bd_4.png) left center/contain repeat-x;
      left: 0;
      right: 0;
      bottom: 2rem;
      margin: auto; }
    .lower_bottom .mainttl span {
      display: block;
      font-size: 1.8rem; }
  .lower_bottom .cmn-column1 .cmn-parts-box {
    margin: 0 0 0 3%;
    padding: 10px 15px 15px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #ffe084;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .lower_bottom .cmn-column1 .cmn-parts-box:not(:first-child) {
      margin-top: 3%; }
    .lower_bottom .cmn-column1 .cmn-parts-box .cmn01-catch-copy {
      margin: 0;
      border: none; }
      .lower_bottom .cmn-column1 .cmn-parts-box .cmn01-catch-copy::before {
        display: none; }
    .lower_bottom .cmn-column1 .cmn-parts-box .cmn01-image {
      text-align: center; }
  .lower_bottom .cmn-column2 .cmn-parts-box {
    background: #fff;
    width: calc((100% / 2) - 10px);
    margin: 3% 0 0;
    padding: 10px 15px 15px;
    border: 1px solid #16b7bf;
    border-radius: 3px; }
    .lower_bottom .cmn-column2 .cmn-parts-box:nth-child(1), .lower_bottom .cmn-column2 .cmn-parts-box:nth-child(2) {
      margin-top: 0; }
  .lower_bottom .cmn-column2,
  .lower_bottom .cmn-column3 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .lower_bottom .cmn-column2 .cmn-parts-box,
    .lower_bottom .cmn-column3 .cmn-parts-box {
      padding: 10px 15px 15px;
      background: #fff;
      border-radius: 10px;
      border: solid 2px #fedd41;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      }
      .lower_bottom .cmn-column2 .cmn-parts-box .cmn01-image,
      .lower_bottom .cmn-column3 .cmn-parts-box .cmn01-image {
        text-align: center; }
    .lower_bottom .cmn-column2 .ttl,
    .lower_bottom .cmn-column3 .ttl {
      text-align: center;
      padding: 0 15px;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.4;
      color: #000;
      margin: 0 0 8px; }
    .lower_bottom .cmn-column2 .cmn-parts-box:first-child,
    .lower_bottom .cmn-column3 .cmn-parts-box:first-child {
      margin-left: 0; }
  .lower_bottom .cmn-parts-box .cmn01-ttl {
    font-weight: bold;
    line-height: 1.4;
    font-size: 2.2rem;
    position: relative;
    margin-bottom: 20px;
    color: #333;
    padding: 16px 0; }
    .lower_bottom .cmn-parts-box .cmn01-ttl::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 7px;
      background: url(img/bd_5.png) left center/contain repeat-x;
      left: 0;
      right: 0;
      bottom: -0.5rem;
      margin: auto; }

.lower_bottom .cmn01-paragraph {
  background: #ffe084;
  padding: 0.5rem 1rem;
  margin: 2rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 1rem; }
  .lower_bottom .cmn01-paragraph p {
    margin: 0; }
  .lower_bottom .cmn01-paragraph .txt_bold {
    color: #222;
    font-size: 1.6rem;
    font-weight: normal;
    padding: 0 5px 0 0;
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    background: none; }
  .lower_bottom .cmn01-paragraph .txt_marker {
    font-family: 'Noto Sans JP', sans-serif;
    border: none;
    color: #3a9284; }
  .lower_bottom .cmn01-paragraph .txt_price_m {
    font-size: 1.8rem; }

.lower_bottom .cmn01-ttl {
  text-align: center;
  padding: 0 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #222;
  margin: 0 0 8px;
  position: relative; }
  .lower_bottom .cmn01-ttl::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 7px;
    background: url(img/bd_5.png) left center/contain repeat-x;
    left: 0;
    right: 0;
    bottom: -0.5rem;
    margin: auto; }

.lower_bottom ul.tag-list-area li.tag-list-area__li {
  width: calc(96%/2);
  margin: 0 6px 7px 0; }
  .lower_bottom ul.tag-list-area li.tag-list-area__li:nth-child(even) {
    margin-right: 0px; }

/*　テキストバナー
----------------------------- */
.text-banner-area {
  background-size: cover;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  background: #fbf6e4;
  border: solid 1px #ffe69d;
  padding: 2rem 3rem; }
  .text-banner-area .text-banner-area__text {
    width: 100%; }
  .text-banner-area .cmn02-text-banner-area__catch {
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    color: #3a9284; }
  .text-banner-area .cmn02-text-banner-area__title {
    display: block;
    padding: 0 0 10px;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 10px;
    text-align: center;
    position: relative;
    color: #3a9284; }
  .text-banner-area .cmn02-text-banner-area__text {
    padding: 3rem;
    width: 70%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  .text-banner-area .cmn02-text-banner-area__image {
    width: 40%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .text-banner-area .btn-internal a,
  .text-banner-area .btn-web a,
  .text-banner-area .btn-tel a {
    margin-bottom: 0; }

/*　監修者パーツ
----------------------------- */
.supervision-area {
  margin: 40px 0;
  padding: 3rem;
  border: 1px solid #aa8e69;
  border-radius: 1rem;
  background: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .supervision-area .cmn-parts-box {
    position: relative; }
    .supervision-area .cmn-parts-box .mainttl {
      font-size: 25px;
      font-weight: bold;
      line-height: 1.4;
      color: #fff;
      margin: 0 0 20px;
      text-align: center;
      padding: 13px 13px 13px 10px;
      background: #aa8e69;
      max-width: 700px;
      position: relative;
      left: -3.4rem; }
      .supervision-area .cmn-parts-box .mainttl a {
        color: #fff;
        position: relative; }
  .supervision-area.cmn-column2 .cmn-parts-box .mainttl {
    position: static; }
  .supervision-area .image-wrap .text-wrap .catch-copy {
    width: 100%;
    line-height: 1.4;
    padding: 0 0 1rem;
    font-size: 19px;
    margin: 0 0 15px;
    position: relative;
    text-align: center; }
  .supervision-area .text-wrap {
    width: 100%; }
  .supervision-area .image-left,
  .supervision-area .image-right {
    display: block;
    margin: auto;
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }
    .supervision-area .image-left .caption,
    .supervision-area .image-right .caption {
      display: block;
      color: #000; }
  .supervision-area .image-right {
    padding: 0 0 0 3rem; }
  .supervision-area .image-left {
    padding: 0 3rem 0 0; }

.lower_bottom span.txt_marker {
  font-size: 2.5rem;
  background: none; }

/* add */
.slick-slide span,
.viral-info,
.viral-quote {
  text-align: center;
  font-size: 10px;
  color: #888888;
  line-height: 1.4;
  word-wrap: break-word;
  display: block; }

/*----------------------------------------------------
SPサイトcss
----------------------------------------------------*/
@media screen and (max-width: 480px) {
  /*　口コミパーツ
----------------------------- */
  .viral-box-wrap .box-wrap__inner {
    display: inline-block;
    width: 20%;
    vertical-align: top; }
  .viral-box-wrap .catch-copy {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    line-height: 1.4;
    font-size: 2rem;
    margin: 0;
    padding: 2px 0 5px; }
  .viral-box-wrap .paragraph-frame {
    clear: both;
    margin: 15px 0 0; }
  .viral-box-wrap .catch-copy {
    width: 100%;
    font-size: 1.5rem; }
  .viral-box-wrap .box-wrap__inner {
    width: 20%;
    text-align: center; }
    .viral-box-wrap .box-wrap__inner img {
      max-height: 120px;
      width: auto;
      display: block;
      margin: auto; }
  .viral-box-wrap.column1 .box-wrap__inner {
    width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    margin-right: 5%; }
  .viral-box-wrap.column2 .basic-column-box {
    border: none;
    margin-top: 2rem; }
    .viral-box-wrap.column2 .basic-column-box:first-child {
      margin: 0; }
  .viral-box-wrap.column2 .catch-copy {
    font-size: 1.6rem;
    width: 100%; }
  .viral-box-wrap.column3 {
    padding: 0; }
    .viral-box-wrap.column3 .viral-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .viral-box-wrap.column3 .basic-column-box {
      border: none;
      margin: 2rem 2rem 0; }
      .viral-box-wrap.column3 .basic-column-box:last-child {
        margin: 2rem; }
    .viral-box-wrap.column3 .box-wrap__inner {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      margin-right: 5%;
      width: 20%; }
    .viral-box-wrap.column3 .catch-copy {
      width: 100%;
      padding: 0 0 1rem;
      font-size: 1.6rem; }
  /*　共通パーツ01,02
----------------------------- */
  .lower_bottom {
    margin: 4rem 0; }
    .lower_bottom::before {
      top: -44px; }
    .lower_bottom .mainttl {
      font-size: 2.4rem;
      padding: 3.5rem 2rem;
      background-size: 17%;
      }
      .lower_bottom .mainttl span {
        font-size: 1.3rem; }
    .lower_bottom .cmn-column3 .cmn-parts-box p:first-child {
      font-size: 1.9rem; }
    .lower_bottom .cmn-column3 .cmn-parts-box:first-child {
      margin: 0 auto 2rem; }
    .lower_bottom .cmn-column2 .cmn-parts-box,
    .lower_bottom .cmn-column3 .cmn-parts-box {
      width: 100%;
      padding: 3%;
      margin: 0 auto 2rem; }
  .basic-layout {
    margin: 4rem 0 0; }
    .basic-layout .column1 {
      padding: 5%;
      margin: 3rem 0; }
      .basic-layout .column1 .box-wrap div:nth-of-type(1) img {
        margin: 0 auto 20px;
        display: block;
        border-radius: 100%; }
  .lower_bottom-2 {
    /*add*/
    /*add*/ }
    .lower_bottom-2 .cmn-column1 .cmn-parts-box,
    .lower_bottom-2 .cmn-column2 .cmn-parts-box,
    .lower_bottom-2 .cmn-column3 .cmn-parts-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lower_bottom-2 .cmn-parts-box .txt-wrap {
      width: 56%;
      padding-right: 2%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lower_bottom-2 .cmn-parts-box .btn-wrap {
      width: 42%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-web,
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-tel,
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-internal {
        width: 100%;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto; }
        .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-web a,
        .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-tel a,
        .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-internal a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          font-size: 1.6rem;
          margin: 0 auto;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-flex: 1;
          -ms-flex: auto;
          flex: auto;
          padding: 1rem 3rem 1rem 1rem; }
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-web a {
        margin-top: 1rem; }
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-tel a {
        margin-top: 1rem;
        padding: 1rem 3rem 1rem 3rem; }
    .lower_bottom-2 .cmn-column3 .cmn-parts-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lower_bottom-2 .cmn-parts-box .txt-wrap {
      width: 56%;
      padding-right: 2%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lower_bottom-2 .cmn-parts-box .btn-wrap {
      width: 42%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-web,
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-tel,
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-internal {
        width: 100%;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto; }
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-web a,
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-tel a,
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-internal a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        font-size: 1.6rem;
        margin: 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding: 1rem 3rem 1rem 1rem; }
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-web a {
        margin-top: 1rem; }
      .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-tel a {
        margin-top: 1rem;
        padding: 1rem 3rem 1rem 3rem; }
  /*　テキストバナー
----------------------------- */
  .text-banner-area {
    position: relative;
    display: block;
    padding: 1rem;
    overflow: hidden;
    background: transparent; }
    .text-banner-area__text {
      width: 100%;
      padding: 2rem 1rem;
      border-radius: 5px;
      background: rgba(249, 242, 225, 0.8); }
    .text-banner-area .cmn02-text-banner-area__image {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      border-radius: 5px;
      z-index: -1; }
      .text-banner-area .cmn02-text-banner-area__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        background: #fff; }
    .text-banner-area .cmn02-text-banner-area__title {
      font-size: 2.0rem; }
  /*　監修者パーツ
----------------------------- */
  .supervision-area {
    position: relative;
    display: block;
    padding: 1rem;
    overflow: hidden;
    background: transparent; }
    .supervision-area .cmn-parts-box .mainttl {
      font-size: 2.0rem; }
    .supervision-area .image-wrap {
      display: block; }
      .supervision-area .image-wrap .text-wrap .catch-copy {
        font-size: 1.8rem; }
    .supervision-area .image-left,
    .supervision-area .image-right,
    .supervision-area .text-wrap {
      width: 100%;
      padding: 0; }
    .supervision-area.cmn-column1 .cmn-parts-box .mainttl {
      font-size: 2.0rem;
      position: static; }
    .supervision-area.cmn-column2 {
      display: block; }
      .supervision-area.cmn-column2 .cmn-parts-box {
        width: 100%; } }

/* add end */