@charset "UTF-8";
/*
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 400;
  src: url('http://www2.life-fuji.jp/ver2020/common/fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
       url('http://www2.life-fuji.jp/ver2020/common/fonts/NotoSansCJKjp-Regular.woff') format('woff'),
       url('http://www2.life-fuji.jp/ver2020/common/fonts/NotoSansCJKjp-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 500;
  src: url('http://www2.life-fuji.jp/ver2020/common/fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
       url('http://www2.life-fuji.jp/ver2020/common/fonts/NotoSansCJKjp-Medium.woff') format('woff'),
       url('http://www2.life-fuji.jp/ver2020/common/fonts/NotoSansCJKjp-Medium.ttf') format('truetype');
  font-display: swap;font-display: swap;
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 700;
  src: surl('http://www2.life-fuji.jp/ver2020/common/fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
       url('http://www2.life-fuji.jp/ver2020/common/fonts/NotoSansCJKjp-Bold.woff') format('woff'),
       url('http://www2.life-fuji.jp/ver2020/common/fonts/sNotoSansCJKjp-Bold.ttf') format('truetype');
  font-display: swap;
}
*/
/*--------------------------
 ブレークポイント設定
----------------------------*/
/*--------------------------
 共通設定
----------------------------*/
body {
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000; }
  body img {
    width: 100%; }
  body .container {
    padding: 0;
    box-sizing: border-box;
    max-width: 1000px; }
/*
    @media (max-width: 1020px) {
      body .container {
        padding-left: 20px;
        padding-right: 20px; } }
*/
    @media (max-width: 767px) {
      body .container {
        padding-left: 0px;
        padding-right: 0px; } }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: "Noto Sans JP", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.5;
    color: #000; }

@media (min-width: 1100px) {
  .uk-hidden-xlarge {
    display: none !important; } }

.uk-visible-xlarge {
  display: none; }
  @media (min-width: 1100px) {
    .uk-visible-xlarge {
      display: block !important; } }

/* --- スマホ縦　非表示　--- */
@media (max-width: 479px) {
  .uk-hidden-xs {
    display: none !important; } }

/* --- スマホ縦のみ表示　--- */
@media (min-width: 480px) {
  .uk-visible-xs {
    display: none !important; } }

@media (max-width: 479px) {
  .uk-visible-xs {
    display: block !important; } }

/*--------------------------
    中央配置
----------------------------*/
/* 上下左右中央配置 */
/* 上下のみ中央配置 */
/* 左右のみ中央配置 */
/* 中央配置解除 */
/*--------------------------
    svg
----------------------------*/
.svg-wrap {
  position: relative;
  width: 100%;
  height: 0; }
  .svg-wrap img {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0); }

/* 変数 -----*/
a {
  transition: all 0.5s ease 0s; }
  a img {
    transition: all 0.5s ease 0s; }
  a:hover {
    color: #444;
    transition: all ease 0.5s;
    text-decoration: none; }
    a:hover img {
      filter: opacity(90%); }

.products {
  /*--------------------------
     共通
    ----------------------------*/
  /* 〇〇とは -----------*/
  /* 8つの天然成分配合 -----------*/
  /* オススメ -----------*/
  /* 商品一覧 -----------*/
  /* 原材料名等 -----------*/
  /* ボタン-----------*/
  /*--------------------------
     スパリブ
    ----------------------------*/
  /*--------------------------
     オキシカット（Twendee X）
    ----------------------------*/
  /*--------------------------
     Twendee mt
    ----------------------------*/
  /*--------------------------
     Mtcontrol
    ----------------------------*/
  /*--------------------------
     LINEスタンプ
    ----------------------------*/
  /*--------------------------
     クレイドル
    ----------------------------*/ }
  @media (max-width: 767px) {
    .products .container {
      padding-left: 0px !important;
      padding-right: 0px !important; } }
  .products h3 {
    color: #000;
    font-size: 40px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .products h3 {
        font-size: 30px; } }
    @media (max-width: 479px) {
      .products h3 {
        font-size: 24px; } }
  .products .btn {
    max-width: 70%;
    margin: 40px auto 0;
    text-align: center; }
    @media (max-width: 767px) {
      .products .btn {
        max-width: 95%;
        margin: 20px auto 0; } }
    .products .btn .LinkBtn {
      display: block;
      padding: 20px 0;
      color: #fff;
      font-weight: 500;
      font-size: 30px;
      background-position: center top;
      background-size: contain;
      background-repeat: no-repeat;
      line-height: 1.0;
      position: relative; }
      @media (max-width: 767px) {
        .products .btn .LinkBtn {
          font-size: 20px; } }
      @media (max-width: 479px) {
        .products .btn .LinkBtn {
          font-size: 18px; } }
      .products .btn .LinkBtn:hover {
        filter: brightness(115%); }
      .products .btn .LinkBtn::after {
        content: '';
        background: url(http://www2.life-fuji.jp/ver2020/images/supaliv/icon_arrow.svg) no-repeat center;
        background-size: contain;
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 20px; }
        @media (max-width: 479px) {
          .products .btn .LinkBtn::after {
            width: 20px;
            height: 20px;
            right: 5px; } }
  .products .main {
    margin: 30px 0;
    position: relative; }
    .products .main h2 {
      margin-bottom: 0; }
      .products .main h2 img {
        height: auto !important; }
    .products .main .note {
      background-color: rgba(255, 255, 255, 0.85);
      padding: 10px;
      font-size: 12px;
      color: #666666;
      position: absolute;
      bottom: 30px;
      left: 30px;
      width: 50%; }
      @media (max-width: 767px) {
        .products .main .note {
          font-size: 10px;
          padding: 5px;
          bottom: -60px;
          left: 10px;
          width: 60%; } }
    .products .main .package {
      position: absolute; }
  .products .sec01 {
    margin-top: 50px; }
    .products .sec01 .img {
      text-align: center;
      margin-top: 0px; }
      .products .sec01 .img img {
        width: 80%;
        margin-bottom: 10px;
        max-width: 150px; }
        @media (max-width: 959px) {
          .products .sec01 .img img {
            width: 50%;
            margin: 0 auto; } }
        @media (max-width: 767px) {
          .products .sec01 .img img {
            width: 60%; } }
      .products .sec01 .img p {
        margin-bottom: 0px;
        margin-top: 5px;
        font-size: 14px; }
        .products .sec01 .img p span {
          font-size: 16px; }
    .products .sec01 .text {
      padding-top: 40px; }
      @media (max-width: 767px) {
        .products .sec01 .text {
          text-align: center; } }
      @media (max-width: 479px) {
        .products .sec01 .text {
          text-align: left;
          padding: 30px 20px 0 45px; } }
      .products .sec01 .text h3 {
        color: #000;
        font-size: 30px; }
        @media (max-width: 479px) {
          .products .sec01 .text h3 {
            font-size: 24px; } }
        .products .sec01 .text h3 img {
          height: 50px;
          width: auto;
          vertical-align: text-bottom; }
          @media (max-width: 479px) {
            .products .sec01 .text h3 img {
              height: 35px; } }
      .products .sec01 .text h4 {
        font-size: 28px;
        font-weight: 500; }
        @media (max-width: 767px) {
          .products .sec01 .text h4 {
            font-size: 20px; } }
  .products .sec02 {
    text-align: center;
    padding: 50px 15px;
    position: relative;
    background: url(http://www2.life-fuji.jp/ver2020/images/supaliv/sec02_img01_bg.png) no-repeat left top;
    background-size: 20%;
    box-sizing: border-box; }
    @media (max-width: 959px) {
      .products .sec02 {
        background-size: 30%;
        padding-top: 100px; } }
    @media (max-width: 479px) {
      .products .sec02 {
        background-size: 55%;
        text-align: left;
        padding-top: 45%; } }
    .products .sec02 .seibun {
      font-weight: 500;
      font-size: 16px; }
      @media (max-width: 767px) {
        .products .sec02 .seibun {
          font-size: 14px; } }
    .products .sec02 .svg-wrap {
      padding-top: 13%;
      margin: 30px 0; }
      @media (max-width: 767px) {
        .products .sec02 .svg-wrap {
          padding-top: 15%; } }
      @media (max-width: 479px) {
        .products .sec02 .svg-wrap {
          padding-top: 20%;
          margin: 15px 0; } }
    .products .sec02 .img01 {
      position: absolute;
      top: 0px;
      left: 10px;
      text-align: left; }
      @media (max-width: 767px) {
        .products .sec02 .img01 {
          left: 5px; } }
      .products .sec02 .img01 img {
        width: 108px; }
        @media (max-width: 767px) {
          .products .sec02 .img01 img {
            width: 90px; } }
    .products .sec02 .img02 {
      position: absolute;
      top: -30px;
      right: 10%; }
      @media (max-width: 959px) {
        .products .sec02 .img02 {
          right: 5%;
          text-align: right; } }
      @media (max-width: 767px) {
        .products .sec02 .img02 {
          right: 5%; } }
      @media (max-width: 479px) {
        .products .sec02 .img02 {
          top: 20px; } }
      .products .sec02 .img02 img {
        width: 150px; }
        @media (max-width: 767px) {
          .products .sec02 .img02 img {
            width: 35%; } }
        @media (max-width: 479px) {
          .products .sec02 .img02 img {
            max-width: 280px;
            width: 40%; } }
  .products .sec03 {
    margin: 0;
    position: relative; }
/*
    .products .sec03::before {
      content: '';
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
      top: 0;
      width: 0;
      height: 0;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent; }
*/
    .products .sec03 .reccomend {
      position: relative; }
      @media (max-width: 767px) {
        .products .sec03 .reccomend {
          text-align: center; } }
      .products .sec03 .reccomend h3 {
        width: 240px;
        height: auto !important;
        margin: 0;
        position: absolute;
        left: 50px;
        bottom: 0; }
        @media (max-width: 767px) {
          .products .sec03 .reccomend h3 {
            width: 100%;
            position: relative;
            left: auto;
            bottom: auto;
            text-align: center; }
            .products .sec03 .reccomend h3 img {
              width: 50%;
              max-width: 250px; } }
    .products .sec03 .check {
      width: calc(100% - 350px);
      margin-left: 320px;
      padding-left: 50px;
      box-sizing: border-box;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .products .sec03 .check {
          text-align: left;
          width: auto;
          margin-left: 0;
          display: inline-block;
          padding-right: 20px; } }
      .products .sec03 .check li {
        position: relative;
        margin: 15px 0; }
        .products .sec03 .check li::before {
          content: '';
          width: 35px;
          height: 40px;
          background-size: contain !important;
          display: block;
          position: absolute;
          top: -5px;
          left: -40px; }
          @media (max-width: 959px) {
            .products .sec03 .check li::before {
              width: 25px;
              height: 30px;
              left: -30px; } }
        .products .sec03 .check li span {
          font-size: 22px;
          background: linear-gradient(transparent 70%, #fcdd76 70%); }
          @media (max-width: 959px) {
            .products .sec03 .check li span {
              font-size: 18px; } }
    /* 画像 4 列（479px 以下は 2 列） */
    .products .sec03 .img {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      width: 95%;
      margin: 0 auto; }
      @media (max-width: 479px) {
        .products .sec03 .img {
          grid-template-columns: repeat(2, 1fr); } }
      .products .sec03 .img li {
        padding: 0 10px;
        box-sizing: border-box; }
        @media (max-width: 767px) {
          .products .sec03 .img li {
            padding: 0 5px; } }
        @media (max-width: 479px) {
          .products .sec03 .img li {
            padding: 5px; } }
        .products .sec03 .img li img {
          border-radius: 15px; }
          @media (max-width: 767px) {
            .products .sec03 .img li img {
              border-radius: 5px; } }
    .products .sec03 .howto {
      position: relative; }
      @media (max-width: 767px) {
        .products .sec03 .howto {
          margin-top: 30px; } }
      .products .sec03 .howto h3 {
        width: 240px;
        margin: 0;
        position: absolute;
        left: 100px;
        bottom: 0; }
        @media (max-width: 959px) {
          .products .sec03 .howto h3 {
            left: 30px; } }
        @media (max-width: 767px) {
          .products .sec03 .howto h3 {
            width: 100%;
            text-align: center;
            position: relative;
            left: auto;
            bottom: auto; }
            .products .sec03 .howto h3 img {
              width: 50%;
              max-width: 250px; } }
      .products .sec03 .howto .text {
        background: #f3f3f3;
        padding: 20px 20px 20px 20%;
        box-sizing: border-box;
        border-radius: 15px;
        width: 77%;
        margin: 50px 10% 50px 18%;
        text-align: left; }
        @media (max-width: 959px) {
          .products .sec03 .howto .text {
            width: 80%;
            padding-left: 25%; } }
        @media (max-width: 767px) {
          .products .sec03 .howto .text {
            width: 90%;
            margin: -30px auto 0;
            padding: 50px 20px 20px;
            border-radius: 10px;
            text-align: center; } }
        @media (max-width: 479px) {
          .products .sec03 .howto .text {
            padding: 50px 5px 20px; } }
        .products .sec03 .howto .text h4 {
          padding: 5px 30px;
          color: #fff;
          display: inline-block;
          border-radius: 30px;
          font-size: 20px;
          margin-bottom: 10px; }
          @media (max-width: 767px) {
            .products .sec03 .howto .text h4 {
              font-size: 16px; } }
        .products .sec03 .howto .text .text01 {
          font-size: 20px;
          margin: 0 0 10px; }
          @media (max-width: 767px) {
            .products .sec03 .howto .text .text01 {
              font-size: 16px; } }
        .products .sec03 .howto .text .text02 {
          font-size: 16px;
          margin: 0 0 10px; }
          @media (max-width: 767px) {
            .products .sec03 .howto .text .text02 {
              font-size: 13px; } }
          .products .sec03 .howto .text .text02::before {
            content: '●';
            display: inline-block; }
  .products .sec04 {
    text-align: center;
    padding: 50px 0; }
    /* 商品カードの横並び（中央寄せ・折り返しあり） */
    .products .sec04 .product {
      display: inline-flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media (max-width: 767px) {
        .products .sec04 .product {
          max-width: 620px;
          margin: 0 auto;
          display: flex; } }
      .products .sec04 .product__box {
        text-align: center;
        padding: 10px 20px;
        box-sizing: border-box; }
        @media (max-width: 959px) {
          .products .sec04 .product__box {
            width: 50%;
            padding: 10px 5px;
            max-width: 300px;
            margin: 0 auto; } }
        @media (max-width: 767px) {
          .products .sec04 .product__box {
            width: 50%; } }
        @media (max-width: 479px) {
          .products .sec04 .product__box {
            width: 100%;
            border-bottom: 1px solid rgba(185, 185, 185, 0.5);
            padding-bottom: 30px; }
            .products .sec04 .product__box.bd-none {
              border: none;
              padding-bottom: 0; } }
        .products .sec04 .product__box .img {
          padding: 10px;
          box-sizing: border-box; }
          .products .sec04 .product__box .img img {
            max-height: 150px;
            width: auto; }
            @media (min-width: 1100px) {
              .products .sec04 .product__box .img img {
                max-height: 180px; } }
        .products .sec04 .product__box .text p {
          font-size: 16px;
          font-weight: 500;
          margin: 5px 0;
          line-height: 1.4; }
          @media (max-width: 959px) {
            .products .sec04 .product__box .text p {
              font-size: 14px; } }
          .products .sec04 .product__box .text p.label {
            color: #fff;
            padding: 8px 20px;
            display: inline-block;
            border-radius: 20px;
            margin: 0;
            line-height: 1.0; }
            @media (max-width: 959px) {
              .products .sec04 .product__box .text p.label {
                padding: 8px; } }
          .products .sec04 .product__box .text p.appeal-col {
            font-size: 13px; }
    .products .sec04 .btn a {
      border: solid 1px #b71254;
      /* 内側の線になる一本線の枠線をひく*/
      outline: solid 2px #b71254;
      /* 外側の線になる一本線の枠線をひく*/
      outline-offset: 2px;
      /* 外側の線と内側の線の空き具合を調整*/ }
      .products .sec04 .btn a::before {
        content: '';
        background: url(http://www2.life-fuji.jp/ver2020/images/supaliv/icon_cart.svg) no-repeat center;
        background-size: contain;
        width: 45px;
        height: 45px;
        display: inline-block;
        vertical-align: text-top;
        margin-right: 10px; }
        @media (max-width: 767px) {
          .products .sec04 .btn a::before {
            width: 30px;
            height: 30px; } }
  .products .sec05 {
    padding: 50px 20px; }
    @media (max-width: 479px) {
      .products .sec05 {
        padding: 30px 20px; } }
    .products .sec05 h4 {
      font-weight: 500;
      margin-bottom: 5px;
      margin-top: 20px;
      font-size: 16px; }
      .products .sec05 h4 span {
        font-size: 14px; }
    .products .sec05 p {
      padding: 0 10px;
      margin-top: 0;
      font-size: 14px; }
    .products .sec05 ul {
      padding: 0 10px;
      margin-top: 0;
      font-size: 14px; }
      .products .sec05 ul li {
        padding-left: 18px;
        position: relative;
        margin-bottom: 2px; }
        .products .sec05 ul li::before {
          display: inline-block;
          content: '●';
          position: absolute;
          left: 0;
          top: 0; }
  .products .sec06 {
    background: #f3f3f3;
    padding: 20px 0 50px; }
    @media (max-width: 479px) {
      .products .sec06 {
        padding: 10px 0 30px; } }
    .products .sec06 .btn-01 .LinkBtn {
      display: block;
      background-color: #818181;
      margin: 0 auto;
      border: solid 1px #818181;
      /* 内側の線になる一本線の枠線をひく*/
      outline: solid 2px #818181;
      /* 外側の線になる一本線の枠線をひく*/
      outline-offset: 2px;
      /* 外側の線と内側の線の空き具合を調整*/
      color: #fff;
      font-size: 24px;
      padding: 20px 10px; }
      @media (max-width: 767px) {
        .products .sec06 .btn-01 .LinkBtn {
          font-size: 20px; } }
      .products .sec06 .btn-01 .LinkBtn .subTxt {
        font-size: 16px;
        display: block;
        margin-bottom: 5px; }
        @media (max-width: 767px) {
          .products .sec06 .btn-01 .LinkBtn .subTxt {
            font-size: 14px; } }
        @media (max-width: 479px) {
          .products .sec06 .btn-01 .LinkBtn .subTxt {
            font-size: 13px; } }
    .products .sec06 .btn-02 a {
      display: block;
      background-color: #818181;
      margin: 0 auto;
      border: solid 1px #818181;
      /* 内側の線になる一本線の枠線をひく*/
      outline: solid 2px #818181;
      /* 外側の線になる一本線の枠線をひく*/
      outline-offset: 2px;
      /* 外側の線と内側の線の空き具合を調整*/
      color: #fff;
      font-size: 24px;
      padding: 20px 10px; }
      @media (max-width: 767px) {
        .products .sec06 .btn-02 a {
          font-size: 20px; } }
    .products .sec06 .btnText {
      text-align: center; }
  .products.supaliv {
    /* 〇〇とは -----------*/
    /* 商品一覧 -----------*/
    /* 原材料名等 -----------*/ }
    .products.supaliv .sticky-btn a, .products.supaliv .entry-btn-spn a {
      background: #b71254; }
    .products.supaliv .main .package {
      right: 70px;
      bottom: -100px; }
      @media (max-width: 479px) {
        .products.supaliv .main .package {
          bottom: -35px; } }
      .products.supaliv .main .package img {
        width: 370px;
        height: auto; }
        @media (max-width: 959px) {
          .products.supaliv .main .package img {
            width: 200px; } }
        @media (max-width: 479px) {
          .products.supaliv .main .package img {
            width: 120px; } }
    .products.supaliv .sec01 {
        margin-bottom: 25px;
      }
    .products.supaliv .sec01 h4 {
      color: #b71254; }
    .products.supaliv .sec02 {
      text-align: center;
      background-color: #f8edf0;
      padding: 50px 15px; }
      .products.supaliv .sec02 .seibun {
        color: #b71254; }
      .products.supaliv .sec02 h3 {
        text-align: center;
        font-weight: bold; }
      @media (max-width: 959px) {
        .products.supaliv .sec02 {
          background-size: 30%;
          padding-top: 100px; } }
      @media (max-width: 479px) {
        .products.supaliv .sec02 {
          background-size: 55%;
          text-align: left;
          padding-top: 45%;
          margin-top: 60px; } }
    .products.supaliv .sec03 {
      background-color: #fcf8f9; }
      .products.supaliv .sec03::before {
        border-top: 30px solid #f8edf0; }
      .products.supaliv .sec03 .check {
        padding-top: 20px;
        padding-bottom: 20px; }
        @media (max-width: 767px) {
          .products.supaliv .sec03 .check {
            padding-top: 0px; } }
        .products.supaliv .sec03 .check li::before {
          background: url(http://www2.life-fuji.jp/ver2020/images/supaliv/sec03_check.png) no-repeat center; }
      .products.supaliv .sec03 .text h4 {
        background: #ea7891; }
      .products.supaliv .sec03 .text .text02::before {
        color: #ea7891; }
      @media (max-width: 479px) {
        .products.supaliv .sec03 {
          background-size: 55%;
          text-align: left;
          padding-top: 45%;
          margin-top: 0px;
          padding: 50px 0px; } }
    .products.supaliv .sec04 {
      background-color: #f8edf0; }
      @media (max-width: 959px) {
        .products.supaliv .sec04 .product__box {
          width: 25%; } }
      @media (max-width: 767px) {
        .products.supaliv .sec04 .product__box {
          width: 50%; } }
      @media (max-width: 479px) {
        .products.supaliv .sec04 .product__box {
          width: 100%; } }
      .products.supaliv .sec04 .product__box .text p.label {
        background: #ea7891; }
      .products.supaliv .sec04 .btn a {
        background-color: #b71254;
        background-image: url(http://www2.life-fuji.jp/ver2020/images/supaliv/sec04_btn_bg.png);
        background-blend-mode: multiply; }
      .products.supaliv .sec04 h3 {
        text-align: center;
        font-weight: bold; }
    .products.supaliv .sec05 ul li::before {
      color: #ea7891; }
    .products.supaliv .appeal-col {
      color: #b71254; }
  .products.twendeex {
    /* 〇〇とは -----------*/
    /* 商品一覧 -----------*/
    /* 原材料名等 -----------*/ }
    .products.twendeex .sticky-btn a, .products.twendeex .entry-btn-spn a {
      background: #34a15d; }
    .products.twendeex .main .package {
      right: 60px;
      bottom: -150px; }
      @media (max-width: 959px) {
        .products.twendeex .main .package {
          bottom: -120px; } }
      @media (max-width: 767px) {
        .products.twendeex .main .package {
          right: 20px;
          bottom: -100px; } }
      .products.twendeex .main .package img {
        width: 200px;
        height: auto; }
        @media (max-width: 959px) {
          .products.twendeex .main .package img {
            width: 150px; } }
        @media (max-width: 767px) {
          .products.twendeex .main .package img {
            width: 120px; } }
        @media (max-width: 479px) {
          .products.twendeex .main .package img {
            width: 100px; } }
    .products.twendeex .sec01 h3 strong {
      font-size: 175%;
      margin-right: 10px; }
    .products.twendeex .sec01 h4 {
      color: #34a15d; }
    .products.twendeex .sec02 {
      background-color: #eaf3d5;
      margin-top: 60px;
      margin-bottom: 60px; }
      .products.twendeex .sec02 h3 {
        text-align: center;
        font-weight: bold; }
      .products.twendeex .sec02 .seibun {
        color: #34a15d; }
    .products.twendeex .sec03 {
      background-color: #f8fbf0; }
      .products.twendeex .sec03::before {
        border-top: 30px solid #eaf3d5; }
      .products.twendeex .sec03 .grade {
        text-align: center;
        margin-top: 20px; }
        @media (max-width: 767px) {
          .products.twendeex .sec03 .grade {
            margin: 20px 0;
            padding: 20px; } }
        .products.twendeex .sec03 .grade p {
          margin: 15px 0 0; }
        .products.twendeex .sec03 .grade img {
          width: 85%; }
          @media (max-width: 479px) {
            .products.twendeex .sec03 .grade img {
              width: 100%; } }
      .products.twendeex .sec03 .check {
        padding-top: 20px;
        padding-bottom: 20px; }
        @media (max-width: 767px) {
          .products.twendeex .sec03 .check {
            padding-top: 0px; } }
        .products.twendeex .sec03 .check li::before {
          background: url(http://www2.life-fuji.jp/ver2020/images/twendeex/sec03_check.png) no-repeat center; }
      .products.twendeex .sec03 .text h4 {
        background: #7bba62; }
      .products.twendeex .sec03 .text .text02::before {
        color: #7bba62; }
      @media (max-width: 479px) {
        .products.twendeex .sec03 {
          background-size: 55%;
          text-align: left;
          padding-top: 45%;
          margin-top: 0px;
          padding: 50px 0px; } }
    .products.twendeex .sec04 {
      background-color: #eaf3d5; }
      .products.twendeex .sec04 h3 {
        text-align: center;
        font-weight: bold; }
      .products.twendeex .sec04 .product__box {
        position: relative; }
        .products.twendeex .sec04 .product__box.otameshi::after {
          position: absolute;
          content: '';
          background: url(http://www2.life-fuji.jp/ver2020/images/twendeex/sec04_otameshi.png) no-repeat center;
          background-size: contain;
          width: 90px;
          height: 90px;
          top: 0;
          left: -40px;
          display: block; }
          @media (max-width: 959px) {
            .products.twendeex .sec04 .product__box.otameshi::after {
              left: -50px; } }
          @media (max-width: 767px) {
            .products.twendeex .sec04 .product__box.otameshi::after {
              left: 0px; } }
        .products.twendeex .sec04 .product__box .text p.label {
          background: #7bba62; }
      .products.twendeex .sec04 .btn a {
        background-color: #34a15d;
        background-image: url(http://www2.life-fuji.jp/ver2020/images/twendeex/sec04_btn_bg.png);
        background-blend-mode: multiply;
        border: solid 1px #34a15d;
        /* 内側の線になる一本線の枠線をひく*/
        outline: solid 2px #34a15d;
        /* 外側の線になる一本線の枠線をひく*/
        outline-offset: 2px;
        /* 外側の線と内側の線の空き具合を調整*/ }
    .products.twendeex .sec05 ul li::before {
      color: #7bba62; }
    .products.twendeex .sec06 {
      background: #f3f3f3;
      padding: 20px 0 50px; }
      @media (max-width: 479px) {
        .products.twendeex .sec06 {
          padding: 10px 0 30px; } }
      .products.twendeex .sec06 .btn-01 a {
        display: block;
        background-color: #818181;
        margin: 0 auto;
        border: solid 1px #818181;
        /* 内側の線になる一本線の枠線をひく*/
        outline: solid 2px #818181;
        /* 外側の線になる一本線の枠線をひく*/
        outline-offset: 2px;
        /* 外側の線と内側の線の空き具合を調整*/
        color: #fff;
        font-size: 24px;
        padding: 20px 10px; }
        @media (max-width: 767px) {
          .products.twendeex .sec06 .btn-01 a {
            font-size: 20px; } }
        .products.twendeex .sec06 .btn-01 a span {
          font-size: 16px;
          display: block;
          margin-bottom: 5px; }
          @media (max-width: 767px) {
            .products.twendeex .sec06 .btn-01 a span {
              font-size: 14px; } }
          @media (max-width: 479px) {
            .products.twendeex .sec06 .btn-01 a span {
              font-size: 13px; } }
      .products.twendeex .sec06 .btn-02 a {
        display: block;
        background-color: #818181;
        margin: 0 auto;
        border: solid 1px #818181;
        /* 内側の線になる一本線の枠線をひく*/
        outline: solid 2px #818181;
        /* 外側の線になる一本線の枠線をひく*/
        outline-offset: 2px;
        /* 外側の線と内側の線の空き具合を調整*/
        color: #fff;
        font-size: 24px;
        padding: 20px 10px; }
        @media (max-width: 767px) {
          .products.twendeex .sec06 .btn-02 a {
            font-size: 20px; } }
    .products.twendeex .appeal-col {
      color: #34a15d; }
  .products.twendeemt {
    /* 〇〇とは -----------*/
    /* 商品一覧 -----------*/
    /* 原材料名等 -----------*/ }
    .products.twendeemt .sticky-btn a, .products.twendeemt .entry-btn-spn a {
      background: #00a196; }
    .products.twendeemt .main .package {
      right: 60px;
      bottom: -170px; }
      @media (max-width: 959px) {
        .products.twendeemt .main .package {
          bottom: -100px; } }
      @media (max-width: 767px) {
        .products.twendeemt .main .package {
          right: 20px;
          bottom: -100px; } }
      .products.twendeemt .main .package img {
        width: 220px;
        height: auto; }
        @media (max-width: 959px) {
          .products.twendeemt .main .package img {
            width: 150px; } }
        @media (max-width: 767px) {
          .products.twendeemt .main .package img {
            width: 120px; } }
        @media (max-width: 479px) {
          .products.twendeemt .main .package img {
            width: 100px; } }
    .products.twendeemt .sec01 h3 {
      font-size: 21px; }
      .products.twendeemt .sec01 h3 img {
        height: 35px;
        vertical-align: baseline; }
        @media (max-width: 479px) {
          .products.twendeemt .sec01 h3 img {
            height: 25px; } }
    .products.twendeemt .sec01 h4 {
      color: #00a196; }
    .products.twendeemt .sec02 {
      background-color: #d9ebea;
      margin-top: 60px; }
      .products.twendeemt .sec02 h3 {
        position: relative;
        display: inline-block;
        letter-spacing: -1px;
        margin-bottom: 0; }
        .products.twendeemt .sec02 h3 span {
          font-size: 10px;
          position: absolute;
          top: 0px;
          left: 5px; }
          @media (max-width: 767px) {
            .products.twendeemt .sec02 h3 span {
              top: -5px;
              left: 0px; } }
      .products.twendeemt .sec02 .seibun {
        color: #00a196; }
      .products.twendeemt .sec02 .svg-wrap {
        padding-top: 15%; }
        @media (max-width: 479px) {
          .products.twendeemt .sec02 .svg-wrap {
            padding-top: 20%;
            margin: 15px 0; } }
    .products.twendeemt .sec03 {
      background-color: #f0f7f7; }
      .products.twendeemt .sec03 h3 {
        text-align: center;
        font-weight: bold; }
      .products.twendeemt .sec03::before {
        border-top: 30px solid #d9ebea; }
      .products.twendeemt .sec03 .grade {
        text-align: center;
        margin-top: 20px; }
        @media (max-width: 767px) {
          .products.twendeemt .sec03 .grade {
            margin: 20px 0;
            padding: 20px; } }
        .products.twendeemt .sec03 .grade p {
          margin: 15px 0 0; }
        .products.twendeemt .sec03 .grade img {
          width: 85%; }
          @media (max-width: 479px) {
            .products.twendeemt .sec03 .grade img {
              width: 100%; } }
      .products.twendeemt .sec03 .check {
        padding-top: 20px;
        padding-bottom: 20px; }
        @media (max-width: 767px) {
          .products.twendeemt .sec03 .check {
            padding-top: 0px; } }
        .products.twendeemt .sec03 .check li::before {
          background: url(http://www2.life-fuji.jp/ver2020/images/twendeemt/sec03_check.png) no-repeat center; }
      .products.twendeemt .sec03 .text {
        background: #e5ebeb; }
        .products.twendeemt .sec03 .text h4 {
          background: #51bfb0; }
        .products.twendeemt .sec03 .text .text02::before {
          color: #51bfb0; }
      @media (max-width: 479px) {
        .products.twendeemt .sec03 {
          background-size: 55%;
          text-align: left;
          padding-top: 45%;
          margin-top: 0px;
          padding: 50px 0px; } }
    .products.twendeemt .sec04 {
      background-color: #d9ebea; }
      .products.twendeemt .sec04 h3 {
        text-align: center;
        font-weight: bold; }
      .products.twendeemt .sec04 .product__box {
        position: relative; }
        .products.twendeemt .sec04 .product__box.otameshi::after {
          position: absolute;
          content: '';
          background: url(http://www2.life-fuji.jp/ver2020/images/twendeex/sec04_otameshi.png) no-repeat center;
          background-size: contain;
          width: 90px;
          height: 90px;
          top: 0;
          left: -40px;
          display: block; }
          @media (max-width: 959px) {
            .products.twendeemt .sec04 .product__box.otameshi::after {
              left: -50px; } }
          @media (max-width: 767px) {
            .products.twendeemt .sec04 .product__box.otameshi::after {
              left: 0px; } }
        .products.twendeemt .sec04 .product__box .text p.label {
          background: #51bfb0; }
      .products.twendeemt .sec04 .btn a {
        background-color: #00a196;
        background-image: url(http://www2.life-fuji.jp/ver2020/images/twendeemt/sec04_btn_bg.png);
        background-blend-mode: multiply;
        border: solid 1px #00a196;
        /* 内側の線になる一本線の枠線をひく*/
        outline: solid 2px #00a196;
        /* 外側の線になる一本線の枠線をひく*/
        outline-offset: 2px;
        /* 外側の線と内側の線の空き具合を調整*/ }
    .products.twendeemt .sec05 ul li::before {
      color: #51bfb0; }
    .products.twendeemt .appeal-col {
      color: #00a196; }
  .products.mtcontrol {
    /* 〇〇とは -----------*/
    /* 商品一覧 -----------*/
    /* 原材料名等 -----------*/ }
    .products.mtcontrol .sticky-btn a, .products.mtcontrol .entry-btn-spn a {
      background: #00a196; }
    .products.mtcontrol .main .package {
      right: 60px;
      bottom: -170px; }
      @media (max-width: 959px) {
        .products.mtcontrol .main .package {
          bottom: -100px; } }
      @media (max-width: 767px) {
        .products.mtcontrol .main .package {
          right: 20px;
          bottom: -100px; } }
      .products.mtcontrol .main .package img {
        width: 220px;
        height: auto; }
        @media (max-width: 959px) {
          .products.mtcontrol .main .package img {
            width: 150px; } }
        @media (max-width: 767px) {
          .products.mtcontrol .main .package img {
            width: 120px; } }
        @media (max-width: 479px) {
          .products.mtcontrol .main .package img {
            width: 100px; } }
    .products.mtcontrol .sec01 {
      margin-bottom: 50px; }
      .products.mtcontrol .sec01 h3 {
        font-size: 21px; }
        .products.mtcontrol .sec01 h3 strong {
          font-size: 35px; }
      .products.mtcontrol .sec01 h4 {
        color: #00a196;
        margin-right: 100px; }
        @media (max-width: 767px) {
          .products.mtcontrol .sec01 h4 {
            margin-right: 0px; } }
    .products.mtcontrol .sec02 {
      padding: 90px 0px 20px 0px;
      background-color: #d9ebea;
      background-image: none;
      margin-bottom: 0px; }
      @media (max-width: 767px) {
        .products.mtcontrol .sec02 {
          padding: 50px 0px 20px 0px; } }
      .products.mtcontrol .sec02 .inner {
        width: 85%;
        text-align: left;
        position: relative; }
        @media (max-width: 767px) {
          .products.mtcontrol .sec02 .inner {
            margin-bottom: 0px; } }
        .products.mtcontrol .sec02 .inner .pointNo {
          position: absolute;
          top: -120px;
          left: -100px; }
          @media (max-width: 767px) {
            .products.mtcontrol .sec02 .inner .pointNo {
              top: -90px;
              left: -20px; } }
          .products.mtcontrol .sec02 .inner .pointNo img {
            width: 129px;
            height: auto; }
            @media (max-width: 767px) {
              .products.mtcontrol .sec02 .inner .pointNo img {
                width: 85px; } }
        .products.mtcontrol .sec02 .inner h3 {
          font-size: 30px;
          line-height: 1.3; }
        .products.mtcontrol .sec02 .inner .note {
          margin-top: 20px;
          background-color: #f1f8a8;
          padding: 10px 30px 10px 150px;
          border-radius: 10px;
          position: relative;
          margin-bottom: 150px; }
          @media (max-width: 767px) {
            .products.mtcontrol .sec02 .inner .note {
              margin-bottom: 100px; } }
          .products.mtcontrol .sec02 .inner .note img.noteImg {
            width: 130px;
            height: auto;
            position: absolute;
            top: -80px;
            left: 10px; }
            @media (max-width: 767px) {
              .products.mtcontrol .sec02 .inner .note img.noteImg {
                top: 10px; } }
          .products.mtcontrol .sec02 .inner .note p {
            padding: 0px;
            margin: 0px; }
        @media (max-width: 767px) {
          .products.mtcontrol .sec02 .inner p {
            margin-bottom: 20px; } }
        .products.mtcontrol .sec02 .inner p strong {
          color: #ff5400;
          font-weight: normal; }
        .products.mtcontrol .sec02 .inner p.txts {
          font-size: 12px; }
    .products.mtcontrol .sec03 {
      background-color: #f0f7f7;
      padding-bottom: 25px; }
      .products.mtcontrol .sec03::before {
        border-top: 30px solid #d9ebea; }
      .products.mtcontrol .sec03 .grade {
        text-align: center;
        margin-top: 20px; }
        @media (max-width: 767px) {
          .products.mtcontrol .sec03 .grade {
            margin: 20px 0;
            padding: 20px; } }
        .products.mtcontrol .sec03 .grade p {
          margin: 15px 0 0; }
        .products.mtcontrol .sec03 .grade img {
          width: 85%; }
          @media (max-width: 479px) {
            .products.mtcontrol .sec03 .grade img {
              width: 100%; } }
      .products.mtcontrol .sec03 .reccomend {
        padding-top: 35px; }
      .products.mtcontrol .sec03 .check {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 0px; }
        @media (max-width: 767px) {
          .products.mtcontrol .sec03 .check {
            padding-top: 0px; } }
        .products.mtcontrol .sec03 .check li::before {
          background: url(http://www2.life-fuji.jp/ver2020/images/twendeemt/sec03_check.png) no-repeat center; }
      .products.mtcontrol .sec03 .howto .text {
        background: #e5ebeb;
        margin: 50px 10% 25px 18%; }
        @media (max-width: 767px) {
          .products.mtcontrol .sec03 .howto .text {
            width: 90%;
            margin: 10px auto 15px auto; } }
        .products.mtcontrol .sec03 .howto .text h4 {
          background: #51bfb0; }
        .products.mtcontrol .sec03 .howto .text .text02::before {
          color: #51bfb0; }
    .products.mtcontrol .sec04 {
      background-color: #d9ebea; }
      .products.mtcontrol .sec04 h3 {
        text-align: center;}
      .products.mtcontrol .sec04 .product__box {
        position: relative; }
        .products.mtcontrol .sec04 .product__box.otameshi::after {
          position: absolute;
          content: '';
          background: url(http://www2.life-fuji.jp/ver2020/images/mtcontrol/sec04_otameshi.png) no-repeat center;
          background-size: contain;
          width: 90px;
          height: 90px;
          top: -20px;
          left: -45px;
          display: block; }
          @media (max-width: 959px) {
            .products.mtcontrol .sec04 .product__box.otameshi::after {
              left: -50px; } }
          @media (max-width: 767px) {
            .products.mtcontrol .sec04 .product__box.otameshi::after {
              left: 0px; } }
        .products.mtcontrol .sec04 .product__box .text p.label {
          background: #51bfb0; }
      .products.mtcontrol .sec04 .btn a {
        background-color: #00a196;
        background-image: url(http://www2.life-fuji.jp/ver2020/images/twendeemt/sec04_btn_bg.png);
        background-blend-mode: multiply;
        border: solid 1px #00a196;
        /* 内側の線になる一本線の枠線をひく*/
        outline: solid 2px #00a196;
        /* 外側の線になる一本線の枠線をひく*/
        outline-offset: 2px;
        /* 外側の線と内側の線の空き具合を調整*/ }
    .products.mtcontrol .sec05 ul li::before {
      color: #51bfb0; }
    .products.mtcontrol .appeal-col {
      color: #00a196; }
  .products.linestamp {
    /*
        .container {
            padding-left: 10px;
            padding-right: 10px;
        }
*/ }
    .products.linestamp .main {
      border: 1px solid #ccc; }
    .products.linestamp .sec01 {
      margin-bottom: 50px; }
      @media (max-width: 767px) {
        .products.linestamp .sec01 {
          padding: 0 10px;
          margin-bottom: 25px; } }
      .products.linestamp .sec01 .panel {
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 7px; }
        @media (max-width: 767px) {
          .products.linestamp .sec01 .panel {
            margin-bottom: 10px; } }
      .products.linestamp .sec01 h3 {
        text-align: center; }
      .products.linestamp .sec01 h4 {
        text-align: center;
        font-size: 18px;
        font-weight: bold; }
      .products.linestamp .sec01 .note {
        margin-top: 30px; }
        @media (max-width: 767px) {
          .products.linestamp .sec01 .note {
            margin-top: 10px; } }
    .products.linestamp .sec02 {
      padding-top: 20px;
      background-image: none; }
      @media (max-width: 767px) {
        .products.linestamp .sec02 .panel {
          padding-bottom: 35px;
          margin-bottom: 35px;
          border-bottom: 1px solid #ccc; } }
      .products.linestamp .sec02 h3 {
        color: #003c79;
        font-size: 18px;
        text-align: center;
        background-color: #bad8f6;
        padding: 15px 10px;
        border-radius: 7px;
        margin-bottom: 30px; }
        @media (max-width: 767px) {
          .products.linestamp .sec02 h3 {
            text-align: left; } }
      .products.linestamp .sec02 h4 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #003c79; }
        .products.linestamp .sec02 h4 span {
          font-size: 26px;
          margin-left: 5px; }
    .products.linestamp .sec03 {
      padding: 50px 10px;
      background-color: #f3f3f3; }
    .products.linestamp .btn {
/*       max-width: 50%; */
      margin: 0 auto; }
/*
      .products.linestamp .btn-01 {
        margin-top: 35px; }
        .products.linestamp .btn-01 a {
          display: block;
          width: 100%;
          background-color: #00ba00;
          background-blend-mode: multiply;
          background-size: contain;
          font-size: 14px; }
          .products.linestamp .btn-01 a::after {
            content: '';
            background: url(http://www2.life-fuji.jp/ver2020/images/supaliv/icon_arrow.svg) no-repeat center;
            background-size: contain;
            width: 18px;
            height: 18px;
            display: block;
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
            right: 10px; }
            @media (max-width: 479px) {
              .products.linestamp .btn-01 a::after {
                width: 18px;
                height: 18px;
                right: 5px; } }
*/
      .products.linestamp .btn-02 a {
        display: block;
        width: 100%;
        background-color: #fff;
        border: 3px solid #ad0003;
        background-blend-mode: multiply;
        background-size: contain;
        font-size: 16px;
        font-weight: bold;
        color: #ad0003; }
        .products.linestamp .btn-02 a::after {
          content: '';
          background: url(http://www2.life-fuji.jp/ver2020/images/linestamp/icon_arrow.svg) no-repeat center;
          background-size: contain;
          width: 18px;
          height: 18px;
          display: block;
          position: absolute;
          top: 50%;
          transform: translate(0, -50%);
          right: 10px; }
          @media (max-width: 479px) {
            .products.linestamp .btn-02 a::after {
              width: 18px;
              height: 18px;
              right: 5px; } }
    .products.linestamp .sticky-btn,
    .products.linestamp .entry-btn-spn {
      background-color: #00ba00; }
    .products.linestamp .sec04 {
      padding: 0px;
      margin-top: 50px;
      margin-bottom: 0px; }
      .products.linestamp .sec04 .qr {
        width: 200px;
        margin: 0 auto; }
  .products.cradle {
    /* 〇〇とは -----------*/ }
    .products.cradle .sticky-btn a, .products.cradle .entry-btn-spn a {
      background: #333; }
    @media (max-width: 479px) {
      .products.cradle .main {
        margin-bottom: 50px; } }
    .products.cradle .main .package {
      text-align: center;
      font-size: 12px;
      right: 70px;
      bottom: -150px; }
      @media (max-width: 479px) {
        .products.cradle .main .package {
          bottom: -60px;
          right: 20px; } }
      .products.cradle .main .package img {
        width: 300px;
        height: auto;
        margin-bottom: 10px; }
        @media (max-width: 959px) {
          .products.cradle .main .package img {
            width: 200px; } }
        @media (max-width: 479px) {
          .products.cradle .main .package img {
            width: 150px; } }
    .products.cradle .sec01 {
      margin: 0px 0px 50px 0px !important; }
    .products.cradle .sec-comment {
      background: url(http://www2.life-fuji.jp/ver2020/images/cradle/pht04.png) no-repeat right bottom #f8f2e6;
      background-size: cover;
      text-align: left;
      padding: 35px !important;
      margin-bottom: 30px; }
      .products.cradle .sec-comment .masterPht {
        display: block;
        background-color: rgba(255, 255, 255, 0.6);
        padding: 35px;
        text-align: center; }
        .products.cradle .sec-comment .masterPht img {
          width: 100%;
          height: auto;
          margin-bottom: 20px; }
    .products.cradle .shopInfo {
      margin-bottom: 50px; }
      .products.cradle .shopInfo .logo {
        text-align: center;
        color: #8c8c8c;
        margin-bottom: 20px; }
        .products.cradle .shopInfo .logo img {
          width: 230px;
          height: auto;
          margin-bottom: 5px; }
      .products.cradle .shopInfo .note {
        text-align: center;
        font-size: 14px; }
      .products.cradle .shopInfo .url {
        text-align: center; }
        .products.cradle .shopInfo .url a {
          color: #ff7200; }
    .products.cradle .contact {
      border: 1px solid #aaaaaa;
      padding: 35px; }
      .products.cradle .contact .info {
        font-size: 16px; }
      .products.cradle .contact .telMail {
        font-size: 20px;
        font-weight: bold; }
        .products.cradle .contact .telMail a {
          color: #ff7200; }

/*--------------------------
 よくあるご質問
----------------------------*/
#faq #contents {
  padding: 50px 0; }
  @media (max-width: 767px) {
    #faq #contents {
      padding: 20px 0; } }

#faq .sec01 {
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    #faq .sec01 {
      padding: 0 10px; } }
  #faq .sec01 h2 {
    font-size: 20px;
    margin: 0px auto 30px auto;
    padding-top: 50px;
 }
  #faq .sec01 .uk-accordion-title {
    background: url(http://www2.life-fuji.jp/ver2020/common/images/icon_plus.svg) no-repeat right 20px center;
    text-align: left;
    color: #65bfc7;
    font-size: 18px;
    margin: 0px 0 20px 0; }
    @media (max-width: 767px) {
      #faq .sec01 .uk-accordion-title {
        font-size: 14px;
        padding-right: 25px;
        background: url(http://www2.life-fuji.jp/ver2020/common/images/icon_plus.svg) no-repeat right 10px center; } }
    #faq .sec01 .uk-accordion-title.uk-active {
      background: url(http://www2.life-fuji.jp/ver2020/common/images/icon_minus.svg) no-repeat right 20px center; }
      @media (max-width: 767px) {
        #faq .sec01 .uk-accordion-title.uk-active {
          padding-right: 25px;
          background: url(http://www2.life-fuji.jp/ver2020/common/images/icon_minus.svg) no-repeat right 10px center; } }
  #faq .sec01 .qaBox .qbox {
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    padding: 10px 0px;
    padding-left: 50px;
    position: relative;
    line-height: 1.5; }
  #faq .sec01 .qaBox .qbox:before {
    content: 'Q';
    background: #65bfc7;
    top: -5px; }
  #faq .sec01 .qaBox .abox {
    font-size: 16px;
    padding: 0px 0px 50px 50px;
    margin-left: 35px;
    position: relative; }
  #faq .sec01 .qaBox .abox:before {
    content: 'A';
    background: #dd7687; }
  #faq .sec01 .qaBox .qbox:before,
  #faq .sec01 .qaBox .abox:before {
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    position: absolute;
    left: 7px;
    top: 5px; }
  /* 説明文（左 55%）と画像（右 40%）。767px 以下は縦積み */
  #faq .sec01 .aboutsupaliv {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media (max-width: 767px) {
      #faq .sec01 .aboutsupaliv {
        display: block; } }
  #faq .sec01 .aboutsupaliv .about {
    width: 55%; }
    @media (max-width: 767px) {
      #faq .sec01 .aboutsupaliv .about {
        width: 100%; } }
  #faq .sec01 .aboutsupaliv img {
    width: 40%; }
    @media (max-width: 767px) {
      #faq .sec01 .aboutsupaliv img {
        width: 100%; } }
  #faq .sec01 .appeal-col {
    color: #ad0003; }
  #faq .sec01 .contact {
    background: #f3f3f3;
    margin: 50px auto 30px auto;
    padding: 20px 0 30px;
    text-align: center; }
    #faq .sec01 .contact p.tel,
    #faq .sec01 .contact p.mail {
      font-size: 24px;
      color: #818181;
      margin: 5px !important; }
    @media (max-width: 767px) {
      #faq .sec01 .contact {
        padding: 10px 0; } }

/*--------------------------
 契約販売店募集
----------------------------*/
#keiyaku .main {
  margin: 30px 0px; }
  #keiyaku .main h2 img {
    height: auto !important;
    border: 1px solid #ccc; }
    @media (max-width: 767px) {
      #keiyaku .main h2 img {
        border: none; } }

#keiyaku h3 {
  color: #4d4d4d;
  font-size: 24px;
  text-align: center; }

#keiyaku .sec01 {
  text-align: center;
  color: #4d4d4d;
  font-size: 17px;
  line-height: 1.8; }
  @media (max-width: 767px) {
    #keiyaku .sec01 {
      padding: 0 20px;
      text-align: left; } }
  #keiyaku .sec01 .flow.svg-wrapper {
    width: 70%;
    padding-top: 25%;
    /* SVG高さ / SVG幅 * 100 */
    margin: 40px auto; }
    @media (max-width: 767px) {
      #keiyaku .sec01 .flow.svg-wrapper {
        width: 100%; } }

#keiyaku .sec02 {
  padding: 60px 0; }
  @media (max-width: 767px) {
    #keiyaku .sec02 h3 {
      font-size: 20px; } }
  #keiyaku .sec02 .box {
    width: 85%;
    margin: 40px auto;
    border: 1px solid #808080;
    padding: 30px;
    box-sizing: border-box; }
  #keiyaku .sec02 dl dt {
    width: 11em;
    color: #4d4d4d;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 40px;
    line-height: 1.0;
    background: url(http://www2.life-fuji.jp/ver2020/images/keiyaku/arrow.svg) no-repeat bottom center;
    background-size: 30px 30px; }
    @media (max-width: 767px) {
      #keiyaku .sec02 dl dt {
        padding-bottom: 15px;
        background: none; } }
    #keiyaku .sec02 dl dt.pb-remove {
      background: none; }
    #keiyaku .sec02 dl dt span {
      font-size: 30px;
      margin-right: 10px; }
  #keiyaku .sec02 dl dd {
    margin-left: 14em;
    padding-bottom: 40px;
    font-size: 16px;
    border-left: 1px solid #ccc;
    padding-left: 20px; }
    @media (max-width: 767px) {
      #keiyaku .sec02 dl dd {
        background: url(http://www2.life-fuji.jp/ver2020/images/keiyaku/arrow.svg) no-repeat bottom center;
        background-size: 30px 30px;
        margin-left: 0px;
        border: none; } }
    #keiyaku .sec02 dl dd span {
      font-size: 14px; }
    #keiyaku .sec02 dl dd.pb-remove {
      background: none;
      padding-bottom: 0px; }

#keiyaku .sec03 {
  padding: 60px 0; }
  @media (max-width: 767px) {
    #keiyaku .sec03 {
      padding: 0px; } }
  #keiyaku .sec03 .uk-table {
    width: 85%;
    margin: 40px auto;
    border: 1px solid #808080;
    font-size: 16px;
    color: #4d4d4d; }
    #keiyaku .sec03 .uk-table th {
      background: #ecf7f7;
      padding: 20px;
      font-weight: normal;
      width: 300px;
      border-right: 1px solid #808080;
      border-bottom: 1px solid #808080;
      vertical-align: top; }
      #keiyaku .sec03 .uk-table th.req {
        position: relative; }
        #keiyaku .sec03 .uk-table th.req:after {
          content: "必須";
          color: #fff;
          background: #63bdbb;
          padding: 2px 10px;
          display: inline-block;
          position: absolute;
          right: 15px;
          top: 17.5px; }
    #keiyaku .sec03 .uk-table td {
      padding: 20px;
      border-bottom: 1px solid #808080; }
  #keiyaku .sec03 form input[type=text] {
    width: 60%;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #999;
    font-size: 16px; }
  #keiyaku .sec03 form input[type=checkbox] {
    margin-left: 10px; }
  #keiyaku .sec03 form textarea {
    width: 100%; }
  #keiyaku .sec03 form input#zip01,
  #keiyaku .sec03 form input#zip02 {
    width: 4em;
    margin-right: 10px; }
  #keiyaku .sec03 form select {
    font-size: 16px;
    margin: 5px 0; }
  #keiyaku .sec03 form input#ad01,
  #keiyaku .sec03 form input#ad02 {
    width: 100%;
    margin: 5px 0; }
  #keiyaku .sec03 form input::placeholder {
    font-size: 12px; }

#keiyaku .gray-btn a,
#keiyaku .gray-btn input {
  background: #63bdbb;
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  width: 300px;
  border: none;
  cursor: pointer;
  display: inline-block; }

#keiyaku .gray-btn a:hover,
#keiyaku .gray-btn input:hover {
  filter: brightness(120%); }

#keiyaku .secTEL {
  margin-top: 100px;
  text-align: center; }
  @media (max-width: 767px) {
    #keiyaku .secTEL h3 {
      font-size: 16px;
      margin-bottom: 0px; } }
  #keiyaku .secTEL p.telNo {
    font-size: 60px;
    font-weight: bold;
    color: #63bdbb;
    line-height: 60px;
    margin: 0px auto !important;
    padding: 0px !important; }
    @media (max-width: 767px) {
      #keiyaku .secTEL p.telNo {
        font-size: 35px; } }
    #keiyaku .secTEL p.telNo img {
      height: 60px;
      width: auto; }
      @media (max-width: 767px) {
        #keiyaku .secTEL p.telNo img {
          height: 35px; } }
  #keiyaku .secTEL p.name {
    margin: 0px auto !important; }
  #keiyaku .secTEL .fax-btn a {
    display: inline-block;
    padding: 10px 30px;
    margin: 10px auto;
    background-color: #63bdbb;
    color: #fff;
    font-size: 24px; }
    @media (max-width: 767px) {
      #keiyaku .secTEL .fax-btn a {
        font-size: 20px; } }

/* __________________________________________ デフォCSS カスタマイズ */
/* 価格 */
.app_content .item_catalog .item_price {
  color: #663d22 !important; }

/* 商品名 */
.app_content .item_catalog .item_name {
  color: #666 !important;
  /* 文字色 */ }

/* 商品コード x4、x9の文字サイズ */
/* 商品名 x4、x9の文字サイズ */
/* 参考価格 x4、x9の文字サイズ */
/* 価格 x4、x9の文字サイズ */
.app_content .item_catalog .item_uneven_x4 .item_price {
  font-size: 150% !important; }

.app_content .item_catalog .item_uneven_x9 .item_price {
  font-size: 150% !important; }

/* カテゴリー一覧検索窓 */
.item_search {
  display: none !important; }

/* 商品詳細 */
.item_detail .item_textinfo_ttl {
  font-size: 90%;
  margin-left: 0px !important; }

.item_postage .usable_trans_info {
  white-space: nowrap;
  margin-bottom: 10px; }

.cart_form_area {
  /*   border: 1px solid #ccc; */
  padding: 15px 0px; }

/* メディア掲載
 ========================================================================== */
.media .exList dl {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px dotted #ccc; }

.media .exList dl dt {
  margin-bottom: 15px; }

.media .exList dl dd {
  margin-left: 30px; }

.mediBox {
  margin-bottom: 35px; }

.mediBox p {
  margin: 0px auto 7px auto !important;
  text-align: center; }

.mediImg {
  display: block;
  text-align: center; }

/* リンク集
 ========================================================================== */
#contents.link {
  padding: 50px 0 !important; }

#contents.link .container {
  width: 85%;
  margin: 0 auto; }

@media (max-width: 959px) {
  #contents.link .container {
    width: 100%; } }

.link h2 {
  font-size: 30px;
  border-bottom: 1px solid #333;
  margin: 40px 0;
  padding-bottom: 20px; }

.link dl dt {
  font-size: 18px;
  margin-bottom: 5px; }

.link dl dt a {
  color: #333 !important; }

.link dl dd {
  margin-bottom: 50px; }

/* トップページ　モーダルウインドウ
 ========================================================================== */
.modalBnr_overlay {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 1; }

.modalBnr_btn_area {
  /*     width:300px; */
  /*     height:150px; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2; }

.modalBnr_btn_area_inner {
  position: relative;
  margin-bottom: 15px; }

.lineBtnBox {
  position: absolute;
  right: 45px;
  bottom: 75px;
  z-index: 10; }

.modalBnr_btn_area button {
  display: block;
  margin: 0 auto;
  padding: 7px 15px; }

@media (max-width: 480px) {
  .modalBnr_btn_area {
    width: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; }
  .lineBtnBox {
    position: absolute;
    right: 30px;
    bottom: 55px;
    z-index: 10; }
  .modalBnr_btn_area button {
    display: block;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    padding: 7px 15px; } }


/*--------------------------
 20210526追加分
----------------------------*/
.twendeex .imgName {
  width: 400px !important;
  height: auto !important;
}

@media (max-width: 767px) {
  .twendeex .imgName {
    width: 200px !important;
  }
}

.twendeex strong.c-orange {
  color: #ff4500;
}

.twendeex .sec01 {
  margin-bottom: 75px;
}

@media (max-width: 767px) {
  .twendeex .sec01 {
    margin-bottom: 35px;
  }
}

.twendeex .sec01 .text {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .twendeex .sec01 .text h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .twendeex .sec01 .text h4 {
    font-size: 18px;
    margin: 0px 0px 10px 0px;
  }
}

.twendeex .sec03 {
  padding-top: 1px !important;
  margin-top: 0px;
}

.twendeex .sec07 {
  background-color: #f8fbf0;
  padding: 30px 100px;
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .twendeex .sec07 {
    padding: 90px 20px 30px 20px;
  }
}

.twendeex .sec07 .inner {
  width: 100% !important;
  background-color: #fff;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 20px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.twendeex .sec07 .inner .medal {
  width: 15%;
}

@media (max-width: 767px) {
  .twendeex .sec07 .inner .medal {
    width: 30%;
  }
}

.twendeex .sec07 .inner .note {
  width: 80%;
  text-align: left;
}

@media (max-width: 767px) {
  .twendeex .sec07 .inner .note {
    width: 65%;
    line-height: 1.5;
  }
}

.twendeex .sec07 .inner .note h3 {
  font-size: 24px;
  margin-top: 15px;
  color: #3d1900;
}

@media (max-width: 767px) {
  .twendeex .sec07 .inner .note h3 {
    font-size: 20px;
  }
}

.twendeex .inufusa {
  margin-bottom: 75px;
}

.twendeex .inufusa .profile {
  padding: 0px 25px;
  text-align: center;
}
.twendeex .inufusa .profile img {
    width: 80%;
}

@media (max-width: 767px) {
  .twendeex .inufusa .profile {
    margin-bottom: 35px;
  }
}

@media (max-width: 767px) {
  .twendeex .inufusa .profile img {
    width: 150px;
  }
}

.twendeex .inufusa .profile p {
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 0px;
}

.twendeex .inufusa .profile p span {
  font-size: 135%;
}

@media (max-width: 767px) {
  .twendeex .inufusa .message {
    margin: 0px 20px;
  }
}

.twendeex .inufusa .message p {
  margin: 0px 0px 15px 0px;
}

.twendeex .inufusa .message p.catch {
  font-size: 28px;
}

@media (max-width: 767px) {
  .twendeex .inufusa .message p.catch {
    font-size: 20px;
    margin-bottom: 25px;
  }
}

.twendeex .inufusa .message h4 {
  position: relative;
  display: inline-block;
  padding: 0px 110px 0px 0px;
  margin: 0px 0px 15px 0px;
}

.twendeex .inufusa .message h4:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0px;
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #00a853;
}

.mtcontrol .inufusa {
  margin-bottom: 75px;
}

.mtcontrol .inufusa .profile {
  padding: 0px 25px;
  text-align: center;
}

.mtcontrol .inufusa .profile img {
    width: 80%;
}

@media (max-width: 767px) {
  .mtcontrol .inufusa .profile {
    margin-bottom: 35px;
  }
}

@media (max-width: 767px) {
  .mtcontrol .inufusa .profile img {
    width: 150px;
  }
}

.mtcontrol .inufusa .profile p {
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 0px;
}

.mtcontrol .inufusa .profile p span {
  font-size: 135%;
}

@media (max-width: 767px) {
  .mtcontrol .inufusa .message {
    margin: 0px 20px;
  }
}

.mtcontrol .inufusa .message p {
  margin: 0px 0px 15px 0px;
}

.mtcontrol .inufusa .message p.catch {
  font-size: 28px;
}

@media (max-width: 767px) {
  .mtcontrol .inufusa .message p.catch {
    font-size: 20px;
    margin-bottom: 25px;
  }
}

.mtcontrol .inufusa .message h4 {
  position: relative;
  display: inline-block;
  padding: 0px 110px 0px 0px;
  margin: 0px 0px 15px 0px;
}

.mtcontrol .inufusa .message h4:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0px;
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #00a853;
}

.linestamp .btnBlock {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.linestamp .btnBlock .btnBlock-inner {
  width: 46%;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .linestamp .btn {
    max-width: 90%;
  }
}

/*--------------------------
 20211101追加分
----------------------------*/

#faq .sec01 .qaBox .abox .fax a {
    display: inline-block;
    background: #65bfc7;
    color: #fff;
    padding: 15px 60px;
    font-size: 18px;
    margin: 5px 0 20px 0;
}

#faq .sec01 .qaBox .abox .fax a i {
    margin-right: 5px;
}

#faq .sec01 .qaBox .abox .fax a:hover {
  filter: brightness(110%); }

#faq .faq_nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr; /* 全行を最も高いボタンに揃える */
    gap: 12px;
}

#faq .faq_nav a {
    display: flex;
    flex-direction: column; /* <br> 入りの文言を縦に積んだまま上下中央に置く */
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    background: #ff7200;
    padding: 15px 30px 15px 12px;
    font-weight: bold;
    font-size: 16px;
    position: relative;
}

#faq .faq_nav a:after {
    content: '';
    background: url("../../../res/icon_arrow.svg") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 10px;
}

#faq .faq_nav a:hover {
    filter: brightness(110%);
}

#faq .faq_nav a:nth-of-type(even) {
    background: #32b4a2;
}

@media (max-width: 767px) {
    #faq .faq_nav {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 10px;
        padding: 10px 10px 20px; /* 旧: 最後のボタンの margin-bottom 10px 分を下に足す */
    }

    #faq .faq_nav a {
        width: 100%;
        box-sizing: border-box;
        font-size: 15px;
    }
}

.products .sec02 .img03 {
    max-width: 478px;
    margin: 0 auto 30px;
}

.products .sec07 {
    position: relative;
}

.products .sec07 .img01 {
    position: absolute;
    top: 0px;
    left: 10px;
    text-align: left;
    width: 108px;
}

@media (max-width: 767px) {
    .products .sec07 .img01 {
        width: 90px;
    }
}

.products .sec07 .attention {
    font-size: 13px;
    color: #34a15d;
    margin-bottom: 0;
}

.mtcontrol .sec02 .img-01 {
    transform: translate(10px, -75px);
}

@media (max-width: 767px) {
    .mtcontrol .sec02 .img-01 {
        transform: translate(0px, 0px);
    }
}

.mtcontrol .sec02 .saiteki_ttl {
    font-size: 23px;
    background: url("../../../res/icon_list.png") no-repeat left center / 26px;
    padding-left: 35px;
}

.mtcontrol .sec02 .hightlight {
    background: linear-gradient(transparent 60%, #fcdd76 60%);
}

.mtcontrol .sec02 .saiteki_box {
    transform: translate(0px, -50px);
    margin-bottom: 70px;
}

@media (max-width: 767px) {
    .mtcontrol .sec02 .saiteki_box {
        transform: translate(0px, 0px);
        margin-top: 30px;
        margin-bottom: 40px;
    }
}

.mtcontrol .sec02 .saiteki_box .attention {
    font-size: 13px;
}

.mtcontrol .sec02 .badge__inner {
    width: 100% !important;
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 20px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.mtcontrol .sec02 .badge__inner .medal {
    width: 15%;
}

.mtcontrol .sec02 .badge__inner .notes {
    width: 80%;
    text-align: left;
    padding-top: 20px;
}

.mtcontrol .sec02 .badge__inner .notes em {
    font-style: normal;
    color: #ff5400;
}

.mtcontrol .sec02 .badge__inner .notes .attention {
    font-size: 13px;
    color: #34a15d;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .mtcontrol .sec02 .badge__inner {
        padding: 20px;
    }
    .mtcontrol .sec02 .badge__inner .medal {
        width: 30%;
    }

    .mtcontrol .sec02 .badge__inner .notes {
        width: 65%;
        line-height: 1.5;
        padding-top: 0;
    }

    .mtcontrol .sec02 .badge__inner .notes h3 {
        font-size: 20px;
    }
}

.mtcontrol .sec03 .notice {
    width: 93%;
    margin: 0px auto 20px;
    background: #e5ebeb url("../../../res/icn_notice.png") no-repeat right 17px center / 82px;
    padding: 25px 40px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .mtcontrol .sec03 .notice {
        background: #e5ebeb url("../../../res/icn_notice.png") no-repeat right 10px bottom 15px / 50px;
        padding: 25px 20px;
    }
}

.mtcontrol .sec03 .notice p {
    font-size: 16px;
}

.mtcontrol .sec03 .notice .attention {
    font-size: 13px;
    color: #34a15d;
    margin-bottom: 0;
}