@charset "UTF-8";
/* Scss Document */
/* メディアクエリ
======================================== */
@media screen and (max-width: 768px) {
  .pc_ver {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp_ver {
    display: none; } }

/* フォントサイズ
======================================== */
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/**
 * 下記SVGを変更した場合、インポートする側のCSSもアップする必要があります。注意してください。
 *
*/
/*
冬の免疫力UP＆健康増進におすすめ /master/wellness/index.html
===================== */
.wellness-cont__inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }

.wellness-catch___ttl {
  line-height: 1.6;
  margin-bottom: 1em; }

.orange {
  color: #fe4e09; }

.lineup-list__wrap {
  background-color: #0594c7;
  border-radius: 1em; }

.lineup-list > li {
  background-color: #fff;
  border-radius: 1em;
  display: flex; }
  .lineup-list > li .item {
    width: 28.3%; }
  .lineup-list > li dl {
    width: 71.7%; }
    .lineup-list > li dl dt {
      font-weight: bold;
      border-left: #fe4e09 4px solid;
      padding: 0.1em 0 0.1em 0.5em;
      margin-bottom: 0.5em;
      line-height: 1.2; }
      .lineup-list > li dl dt .fs-s {
        font-weight: normal; }

/* シーズナルお問い合わせ */
.seasonal-inquiry {
  text-align: center;
  font-weight: bold; }
  .seasonal-inquiry .button__capsule::after {
    background-color: #0594c7; }
  .seasonal-inquiry .button__capsule.shadow {
    border-bottom: solid 6px #0065ab; }

@media screen and (max-width: 767px) {
  .main-catch__wrap {
    margin-bottom: 2em; }

  .wellness-logo {
    width: 80%;
    margin: 1em auto; }

  .lineup-list__wrap {
    padding: 5%; }

  .lineup-list > li {
    padding: 10px;
    margin-bottom: 10px; }
    .lineup-list > li:last-child {
      margin-bottom: 0; }
    .lineup-list > li > dl {
      padding-left: 15px; }
      .lineup-list > li > dl dt {
        font-size: 1.8rem; }
        .lineup-list > li > dl dt .fs-m {
          font-size: 1.54rem; }
        .lineup-list > li > dl dt .fs-s {
          font-size: 1.4rem; }

  /* シーズナルお問い合わせ */
  .seasonal-inquiry {
    padding-top: 30px; }
    .seasonal-inquiry .lead {
      text-align: left;
      font-size: 1.6rem;
      margin-bottom: 15px; }
    .seasonal-inquiry .button__capsule.contact__button {
      display: block;
      width: 100%;
      padding: 1em 3em;
      margin: 0 auto 20px; }
      .seasonal-inquiry .button__capsule.contact__button span {
        display: inline-block;
        padding-right: 0; }
        .seasonal-inquiry .button__capsule.contact__button span::after {
          right: -2.5em; } }
@media screen and (min-width: 768px) {
  .wellness-cont__inner {
    max-width: 1200px; }

  .main-catch__wrap {
    display: flex;
    margin-bottom: 35px; }
    .main-catch__wrap .wellness-logo {
      width: 32.5%;
      padding-right: 40px; }
    .main-catch__wrap .wellness-catch___ttl {
      padding-top: 1em;
      font-size: 3.6rem; }
    .main-catch__wrap .wellness-catch {
      width: 67.5%; }

  .lineup-list__wrap {
    padding: 30px; }
    .lineup-list__wrap .lineup-list {
      display: flex;
      flex-wrap: wrap; }
      .lineup-list__wrap .lineup-list > li {
        width: 48.7%;
        padding: 35px 30px;
        margin-right: 2.6%;
        margin-top: 30px; }
        .lineup-list__wrap .lineup-list > li:nth-child(2n) {
          margin-right: 0; }
        .lineup-list__wrap .lineup-list > li:nth-child(-n + 2) {
          margin-top: 0; }
        .lineup-list__wrap .lineup-list > li dl {
          padding-left: 20px;
          padding-right: 20px; }
          .lineup-list__wrap .lineup-list > li dl > dt {
            font-size: 3rem; }
            .lineup-list__wrap .lineup-list > li dl > dt .fs-m {
              font-size: 2.2rem; }
            .lineup-list__wrap .lineup-list > li dl > dt .fs-s {
              font-size: 2rem; }

  /* シーズナルお問い合わせ */
  .seasonal-inquiry {
    padding-top: 60px; }
    .seasonal-inquiry .lead {
      font-size: 2.2rem;
      margin-bottom: 30px; }
    .seasonal-inquiry .button__capsule.contact__button {
      margin: 0 auto 90px; } }