@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Aboreto&family=Arimo:ital,wght@0,500;1,500&family=Zen+Old+Mincho:wght@500;600&display=swap");
article {
  color: #4c4c4c; }
  article em {
    font-weight: bold;
    font-style: normal; }
  article p {
    font-size: 20px; }
    @media screen and (max-width: 979px) {
      article p {
        font-size: 3.5vw;
        line-height: 1.6; } }
  article > nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 25px 0 90px; }
    article > nav ul li {
      position: relative; }
      article > nav ul li::before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #a7b3be;
        position: absolute;
        left: 0;
        top: 0;
        transform: rotate(20deg); }
      article > nav ul li:last-child::after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #a7b3be;
        position: absolute;
        right: 0;
        top: 0;
        transform: rotate(20deg); }
      article > nav ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.5;
        text-decoration: none;
        padding: 0 30px; }
        article > nav ul li a span {
          display: block;
          font-size: 15px; }
          article > nav ul li a span.en {
            font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", メイリオ, Meiryo, serif, Georgia;
            color: #0089cb; }
  @media screen and (max-width: 979px) {
    article > nav ul {
      flex-wrap: wrap;
      margin: 3vw 0 7vw; }
      article > nav ul li:nth-child(3)::after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #a7b3be;
        position: absolute;
        right: 0;
        top: 0;
        transform: rotate(20deg); }
      article > nav ul li:nth-child(n + 4) {
        margin-top: 3vw; }
      article > nav ul li a {
        padding: 0 4vw; }
        article > nav ul li a span {
          font-size: 3vw; } }
  article section > header {
    position: relative;
    z-index: 2;
    margin: 0 0 55px; }
    article section > header h2 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      article section > header h2 > span {
        display: block;
        line-height: 1; }
        article section > header h2 > span.en {
          font-family: "Aboreto", system-ui;
          font-weight: 400;
          font-style: normal;
          font-size: 60px;
          background: #0089cb;
          background: linear-gradient(90deg, #0089cb 0%, #00b9bc 37%, #00b9bc 63%, #0089cb 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        article section > header h2 > span.ja {
          font-size: 20px;
          font-weight: bold;
          margin: 10px 0 0; }
    @media screen and (max-width: 979px) {
      article section > header {
        margin: 0 0 6vw; }
        article section > header h2 > span.en {
          font-size: 10vw; }
        article section > header h2 > span.ja {
          font-size: 3.5vw;
          margin: 1vw 0 0; } }
  article section.s-mv {
    background: url(/assets/skincare/trifillpro/images/mv_bg.jpg) center top no-repeat;
    text-align: center; }
    @media screen and (max-width: 979px) {
      article section.s-mv {
        background: none; } }
  article section.s-about {
    padding: 10px 0 125px;
    overflow: hidden;
    position: relative; }
    article section.s-about::before {
      content: "";
      display: block;
      width: calc(50% + 350px);
      height: calc(100% - 45px);
      background: #ebf4f4;
      position: absolute;
      left: 0;
      bottom: 0; }
    article section.s-about::after {
      content: "";
      display: block;
      width: 484px;
      height: 681px;
      background: url(/assets/skincare/trifillpro/images/about01.png) center top/100% auto no-repeat;
      position: absolute;
      left: calc(50% + 255px);
      top: 0; }
    article section.s-about > * {
      position: relative; }
    article section.s-about .container {
      width: 980px;
      margin: 0 auto;
      padding: 0 210px 0 0; }
      article section.s-about .container h3 {
        font-size: 28px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 600;
        font-style: normal;
        color: #0089cb;
        margin: 0 0 1em; }
    article section.s-about .grid {
      display: grid;
      grid-template-columns: 1fr 90px 980px 90px 1fr;
      grid-template-rows: auto;
      margin: 70px 0 0; }
      article section.s-about .grid-bg {
        grid-column: 2 / 4;
        grid-row: 1 / 2;
        background: #fff;
        border-radius: 30px 0 0 30px; }
      article section.s-about .grid-contents {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
        padding: 45px 0 65px; }
        article section.s-about .grid-contents h3 {
          font-family: "Zen Old Mincho", serif;
          font-weight: 600;
          font-style: normal;
          font-size: 24px;
          text-align: center;
          background: #f5f5f5;
          border-radius: 100px;
          padding: 2px 0 4px; }
        article section.s-about .grid-contents ul {
          display: flex;
          justify-content: center;
          align-items: flex-end;
          margin: 25px 0 0; }
          article section.s-about .grid-contents ul li + li {
            position: relative;
            padding-left: 27px; }
            article section.s-about .grid-contents ul li + li::before {
              content: "";
              width: 27px;
              height: 27px;
              background: url(/assets/images/common/ico_chevron-right-invert.png) center center/11px auto no-repeat;
              position: absolute;
              left: 0;
              bottom: 100px;
              filter: brightness(0) saturate(100%) invert(72%) sepia(86%) saturate(2428%) hue-rotate(315deg) brightness(102%) contrast(92%); }
          article section.s-about .grid-contents ul li p {
            font-size: 15px;
            text-align: center;
            line-height: 1.4;
            margin: 5px 0 0; }
    @media screen and (max-width: 979px) {
      article section.s-about {
        padding: 2vw 0 12vw; }
        article section.s-about::before {
          width: 80vw;
          height: calc(100% - 8vw); }
        article section.s-about::after {
          width: 60vw;
          height: 86vw;
          left: inherit;
          right: -14vw;
          top: 22vw; }
        article section.s-about .container {
          width: 95%;
          padding: 0 25vw 0 0; }
          article section.s-about .container h3 {
            font-size: 4vw; }
        article section.s-about .grid {
          grid-template-columns: 1fr 3vw 89vw 3vw 1fr;
          margin: 5vw 0 0; }
          article section.s-about .grid-bg {
            border-radius: 4vw 0 0 4vw; }
          article section.s-about .grid-contents {
            padding: 5vw 0 7vw; }
            article section.s-about .grid-contents h3 {
              font-size: 4vw;
              padding: 0.2vw 0 0.5vw; }
            article section.s-about .grid-contents ul {
              flex-wrap: wrap;
              justify-content: space-between;
              margin: 3vw 0 0; }
              article section.s-about .grid-contents ul li {
                width: 41.5vw; }
                article section.s-about .grid-contents ul li + li {
                  padding-left: 0; }
                  article section.s-about .grid-contents ul li + li::before {
                    width: 6vw;
                    height: 6vw;
                    background: url(/assets/images/common/ico_chevron-right-invert.png) center center/3vw auto no-repeat;
                    bottom: 15vw;
                    left: -6vw; }
                article section.s-about .grid-contents ul li:nth-child(n + 3) {
                  margin-top: 5vw; }
                article section.s-about .grid-contents ul li:nth-child(n + 2):nth-child(odd)::before {
                  bottom: inherit;
                  top: -5vw;
                  left: inherit;
                  right: -5vw;
                  transform: rotate(135deg); }
                article section.s-about .grid-contents ul li .img {
                  text-align: center; }
                article section.s-about .grid-contents ul li p {
                  font-size: 2.5vw;
                  margin: 1vw 0 0; } }
  article section.s-features {
    padding: 100px 0 110px;
    background: url(/assets/skincare/trifillpro/images/features01.jpg) center top/100% auto no-repeat; }
    article section.s-features .text01 {
      font-family: "Zen Old Mincho", serif;
      font-weight: 600;
      font-style: normal;
      font-size: 44px;
      font-weight: 500;
      text-align: center;
      line-height: 1.2; }
      article section.s-features .text01 em {
        font-size: 50px;
        font-weight: 500;
        color: #0089cb; }
    article section.s-features .container01 {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0 75px;
      margin: 50px 0 0; }
      article section.s-features .container01 > div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 420px;
        height: 120px;
        border-radius: 30px 5px;
        background: #00aae2;
        background: linear-gradient(90deg, #00aae2 0%, #4ccfdf 49%, #00aae2 100%); }
        article section.s-features .container01 > div:last-child {
          position: relative; }
          article section.s-features .container01 > div:last-child::before, article section.s-features .container01 > div:last-child::after {
            content: "";
            display: block;
            width: 40px;
            height: 2px;
            background: #0089cb;
            position: absolute;
            left: -58px;
            top: 50%;
            border-radius: 10px; }
          article section.s-features .container01 > div:last-child::before {
            transform: translate(0, -50%) rotate(45deg); }
          article section.s-features .container01 > div:last-child::after {
            transform: translate(0, -50%) rotate(-45deg); }
        article section.s-features .container01 > div p {
          color: #fff;
          line-height: 1.6; }
          article section.s-features .container01 > div p:last-child {
            font-family: "Zen Old Mincho", serif;
            font-weight: 600;
            font-style: normal;
            font-size: 28px; }
    article section.s-features .container02 {
      display: flex;
      justify-content: center;
      gap: 0 20px;
      margin: 50px 0 0; }
      article section.s-features .container02 li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 214px;
        height: 214px;
        background: url(/assets/skincare/trifillpro/images/features02.png) center top/100% auto no-repeat; }
        article section.s-features .container02 li:nth-child(even) {
          margin-top: 60px; }
        article section.s-features .container02 li p {
          font-family: "Zen Old Mincho", serif;
          font-weight: 600;
          font-style: normal;
          font-size: 25px;
          text-align: center;
          line-height: 1.6;
          background: #3096dd;
          background: linear-gradient(293deg, #3096dd 0%, #00bae8 49%, #3096dd 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
    article section.s-features .mode {
      background: url(/assets/skincare/trifillpro/images/features03.jpg) center top/cover no-repeat;
      padding: 50px 0 75px;
      margin: 70px 0 0; }
      article section.s-features .mode > p {
        font-family: "Zen Old Mincho", serif;
        font-weight: 600;
        font-style: normal;
        font-size: 28px;
        text-align: center;
        margin: 0 0 30px; }
      article section.s-features .mode ul {
        display: flex;
        justify-content: space-between;
        width: 980px;
        margin: 0 auto; }
        article section.s-features .mode ul li {
          width: 470px;
          background: #fff;
          padding: 20px 35px 45px;
          border-radius: 30px; }
          article section.s-features .mode ul li p {
            font-size: 18px; }
          article section.s-features .mode ul li .text02 {
            font-family: "Zen Old Mincho", serif;
            font-weight: 600;
            font-style: normal;
            font-size: 28px;
            font-weight: 500;
            line-height: 1.4;
            text-align: center;
            color: #0089cb;
            margin: 0 0 15px; }
          article section.s-features .mode ul li .text03 {
            font-family: "Zen Old Mincho", serif;
            font-weight: 600;
            font-style: normal;
            line-height: 1.4;
            background: #ebf4f4;
            border-radius: 100px;
            font-size: 20px;
            text-align: center;
            padding: 0 0 2px;
            margin: 0 0 15px; }
    article section.s-features .container03 {
      width: 980px;
      margin: 110px auto 0; }
      article section.s-features .container03 .text04 {
        font-family: "Zen Old Mincho", serif;
        font-weight: 600;
        font-style: normal;
        font-size: 24px;
        text-align: center;
        background: #f5f5f5;
        border-radius: 100px;
        padding: 2px 0 4px;
        margin: 0 0 1em; }
      article section.s-features .container03 table {
        width: 100%;
        border-collapse: collapse;
        margin: 40px 0 0; }
        article section.s-features .container03 table tr th,
        article section.s-features .container03 table tr td {
          text-align: center;
          border: 1px solid #cccccc;
          padding: 20px 10px; }
        article section.s-features .container03 table thead tr th {
          color: #fff;
          border: none; }
          article section.s-features .container03 table thead tr th:not(:first-child) {
            width: 375px; }
          article section.s-features .container03 table thead tr th:nth-child(2) {
            background: #0089cb;
            border-radius: 10px 0 0 0; }
          article section.s-features .container03 table thead tr th:nth-child(3) {
            background: #43a1cf;
            border-radius: 0 10px 0 0; }
        article section.s-features .container03 table tbody tr th {
          font-weight: normal;
          background: #f4f4f4; }
        article section.s-features .container03 table tbody tr td {
          font-weight: bold; }
          article section.s-features .container03 table tbody tr td:nth-child(2) {
            color: #0089cb; }
          article section.s-features .container03 table tbody tr td:nth-child(3) {
            color: #43a1cf; }
    @media screen and (max-width: 979px) {
      article section.s-features {
        padding: 9vw 0 11vw;
        background-size: 340vw auto; }
        article section.s-features .text01 {
          font-size: 5vw; }
          article section.s-features .text01 em {
            font-size: 6vw; }
        article section.s-features .container01 {
          flex-direction: column;
          gap: 10vw 0;
          margin: 6vw 0 0;
          padding: 0 2.5vw; }
          article section.s-features .container01 > div {
            width: 100%;
            height: 20vw;
            border-radius: 5vw 1vw; }
            article section.s-features .container01 > div:last-child::before, article section.s-features .container01 > div:last-child::after {
              width: 8vw;
              left: 50%;
              top: -5.5vw; }
            article section.s-features .container01 > div:last-child::before {
              transform: translate(-50%, 0) rotate(45deg); }
            article section.s-features .container01 > div:last-child::after {
              transform: translate(-50%, 0) rotate(-45deg); }
            article section.s-features .container01 > div p:last-child {
              font-size: 5vw; }
        article section.s-features .container02 {
          flex-wrap: wrap;
          gap: 4vw;
          margin: 6vw 0 0;
          padding: 0 5vw; }
          article section.s-features .container02 li {
            width: 38vw;
            height: 38vw;
            background: url(/assets/skincare/trifillpro/images/features02.png) center top/100% auto no-repeat; }
            article section.s-features .container02 li:nth-child(even) {
              margin-top: 0; }
            article section.s-features .container02 li:nth-child(2) {
              margin-top: 7vw; }
            article section.s-features .container02 li:nth-child(3) {
              margin-top: -7vw; }
            article section.s-features .container02 li p {
              font-size: 4vw; }
        article section.s-features .mode {
          background: url(/assets/skincare/trifillpro/images/features03.jpg) center top/cover no-repeat;
          padding: 5vw 0 8vw;
          margin: 7vw 0 0; }
          article section.s-features .mode > p {
            font-size: 4vw;
            margin: 0 0 3.5vw; }
          article section.s-features .mode ul {
            flex-direction: column;
            width: 95%; }
            article section.s-features .mode ul li {
              width: 100%;
              padding: 3vw 4vw 5vw;
              border-radius: 4vw; }
              article section.s-features .mode ul li + li {
                margin-top: 4vw; }
              article section.s-features .mode ul li p {
                font-size: 3.2vw; }
              article section.s-features .mode ul li .text02 {
                font-size: 4.5vw;
                margin: 0 0 2vw; }
              article section.s-features .mode ul li .text03 {
                font-size: 3.5vw;
                padding: 0.5vw 0 0.75vw;
                margin: 0 0 2vw; }
        article section.s-features .container03 {
          width: 95%;
          margin: 9vw auto 0; }
          article section.s-features .container03 .text04 {
            font-size: 4vw;
            padding: 0.2vw 0 0.5vw; }
          article section.s-features .container03 table {
            margin: 5vw 0 0; }
            article section.s-features .container03 table tr th,
            article section.s-features .container03 table tr td {
              padding: 2vw;
              font-size: 3vw; }
            article section.s-features .container03 table thead tr th:not(:first-child) {
              width: 35vw; }
            article section.s-features .container03 table thead tr th:nth-child(2) {
              border-radius: 2vw 0 0 0; }
            article section.s-features .container03 table thead tr th:nth-child(3) {
              border-radius: 0 2vw 0 0; } }
  article section.s-recommend01 {
    padding: 0 0 100px;
    position: relative; }
    article section.s-recommend01::before {
      content: "";
      display: block;
      width: calc(50% + (980px / 2 - 145px));
      height: calc(100% - 35px);
      background: #ebf4f4;
      position: absolute;
      right: 0;
      bottom: 0; }
    article section.s-recommend01 ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 980px;
      margin: 0 auto;
      position: relative; }
      article section.s-recommend01 ul li {
        display: flex;
        align-items: center;
        width: 470px;
        height: 95px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 600;
        font-style: normal;
        font-size: 22px;
        color: #0089cb;
        line-height: 1.4;
        border: 1px solid #0089cb;
        box-shadow: 6px 6px 0 #c5e4f4;
        padding: 10px 10px 10px 75px;
        background: url(/assets/skincare/trifillpro/images/recommend01.svg) 25px center/30px auto no-repeat #fff; }
        article section.s-recommend01 ul li:nth-child(n + 3) {
          margin-top: 40px; }
    @media screen and (max-width: 979px) {
      article section.s-recommend01 {
        padding: 0 0 11vw; }
        article section.s-recommend01::before {
          width: 80vw;
          height: calc(100% - 6vw); }
        article section.s-recommend01 ul {
          flex-direction: column;
          width: 90%;
          margin: 0 auto; }
          article section.s-recommend01 ul li {
            width: 70vw;
            height: 15vw;
            font-size: 3.5vw;
            box-shadow: 1vw 1vw 0 #c5e4f4;
            padding: 1vw 1vw 1vw 8vw;
            background: url(/assets/skincare/trifillpro/images/recommend01.svg) 2.5vw center/4vw auto no-repeat #fff; }
            article section.s-recommend01 ul li:nth-child(n + 2) {
              margin-top: 3.5vw; }
            article section.s-recommend01 ul li:nth-child(even) {
              margin-left: auto; } }
  article section.s-recommend02 {
    padding: 100px 0;
    position: relative; }
    article section.s-recommend02 .container {
      width: 980px;
      margin: 0 auto; }
      article section.s-recommend02 .container .text01 {
        font-family: "Zen Old Mincho", serif;
        font-weight: 600;
        font-style: normal;
        font-size: 24px;
        text-align: center;
        background: #f5f5f5;
        border-radius: 100px;
        padding: 2px 0 4px;
        margin: 0 0 40px; }
      article section.s-recommend02 .container h3 {
        font-family: "Zen Old Mincho", serif;
        font-weight: 600;
        font-style: normal;
        font-size: 28px;
        text-align: center;
        margin: 0 0 25px; }
      article section.s-recommend02 .container .flex {
        display: flex; }
        article section.s-recommend02 .container .flex .img {
          width: 310px;
          text-align: center;
          padding: 0 40px 0 0; }
        article section.s-recommend02 .container .flex .text {
          flex: 1; }
        article section.s-recommend02 .container .flex .category {
          display: flex;
          gap: 0 13px;
          margin: 0 0 20px; }
          article section.s-recommend02 .container .flex .category li {
            font-size: 20px;
            font-weight: bold;
            background: #eef5f9;
            padding: 0 20px; }
      article section.s-recommend02 .container .inner + .inner {
        margin-top: 70px; }
      article section.s-recommend02 .container .inner.juvelook h3 {
        color: #0089cb;
        border-bottom: 1px solid #0089cb; }
      article section.s-recommend02 .container .inner.juvelook .flex .category li {
        color: #0089cb; }
      article section.s-recommend02 .container .inner.rejuran h3 {
        color: #01b9bc;
        border-bottom: 1px solid #01b9bc; }
      article section.s-recommend02 .container .inner.rejuran .flex .category li {
        color: #01b9bc; }
    @media screen and (max-width: 979px) {
      article section.s-recommend02 {
        padding: 11vw 0; }
        article section.s-recommend02 .container {
          width: 95%; }
          article section.s-recommend02 .container .text01 {
            font-size: 4vw;
            padding: 0.2vw 0 0.5vw;
            margin: 0 0 3vw; }
          article section.s-recommend02 .container h3 {
            font-size: 4.5vw;
            margin: 0 0 3vw; }
          article section.s-recommend02 .container .flex {
            flex-direction: column; }
            article section.s-recommend02 .container .flex .img {
              width: 100%;
              padding: 0;
              margin: 0 0 4vw; }
              article section.s-recommend02 .container .flex .img img {
                width: auto;
                max-height: 40vw; }
            article section.s-recommend02 .container .flex .text {
              flex: 1; }
            article section.s-recommend02 .container .flex .category {
              gap: 0 2vw;
              margin: 0 0 3vw; }
              article section.s-recommend02 .container .flex .category li {
                font-size: 3vw;
                padding: 0 2.5vw; }
          article section.s-recommend02 .container .inner + .inner {
            margin-top: 7vw; } }
  article section.s-price {
    padding: 90px 0 80px;
    background: #ebf4f4; }
    article section.s-price .price_ttl {
      font-family: "Zen Old Mincho", serif;
      font-weight: 600;
      font-style: normal;
      font-size: 30px;
      text-align: center;
      margin-bottom: 10px; }
      article section.s-price .price_ttl.juvelook {
        color: #0089cb; }
      article section.s-price .price_ttl.rejuran {
        color: #01b9bc; }
    article section.s-price .container {
      width: 980px;
      background: #fff;
      border-radius: 20px;
      padding: 50px 60px 65px;
      margin: 0 auto 40px; }
      article section.s-price .container + .container {
        margin-top: 60px; }
      article section.s-price .container .price_index {
        font-family: "Zen Old Mincho", serif;
        font-weight: 600;
        font-style: normal;
        font-size: 24px;
        text-align: center;
        background: #f5f5f5;
        border-radius: 100px;
        padding: 2px 0 4px;
        margin: 0 0 30px; }
      article section.s-price .container ul:not(:last-child) {
        margin-bottom: 25px; }
      article section.s-price .container ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0 10px;
        border-bottom: 1px dashed #4c4c4c; }
        article section.s-price .container ul li + li {
          margin-top: 25px; }
        article section.s-price .container ul li.border_none {
          border-bottom: none; }
          article section.s-price .container ul li.border_none > span {
            font-size: 18px;
            margin-right: 40px; }
        article section.s-price .container ul li.monitor {
          margin-top: 0; }
          article section.s-price .container ul li.monitor span, article section.s-price .container ul li.monitor .price {
            color: #f5836f; }
          article section.s-price .container ul li.monitor > span {
            font-size: 18px;
            margin-right: 40px; }
        article section.s-price .container ul li .menu {
          flex: 1;
          padding: 0 30px 0 0; }
          article section.s-price .container ul li .menu p {
            font-size: 16px;
            line-height: 1.5; }
            article section.s-price .container ul li .menu p:last-child {
              font-size: 18px; }
        article section.s-price .container ul li .price {
          font-size: 60px;
          font-family: "Arimo", sans-serif;
          font-optical-sizing: auto;
          font-weight: 500;
          font-style: normal;
          line-height: 1; }
          article section.s-price .container ul li .price > span {
            font-size: 32px;
            font-weight: bold;
            position: relative;
            font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN",
 "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
            margin-left: 5px; }
            article section.s-price .container ul li .price > span > span {
              font-size: 13px;
              position: absolute;
              left: 50%;
              bottom: 39px;
              transform: translate(-50%, 0);
              white-space: nowrap; }
      article section.s-price .container ul.juvelook .price {
        color: #0089cb; }
      article section.s-price .container ul.rejuran .price {
        color: #01b9bc; }
      article section.s-price .container .heiyou {
        margin-bottom: 25px; }
        article section.s-price .container .heiyou h5 {
          font-family: "Zen Old Mincho", serif;
          text-align: center;
          font-size: 20px;
          border-radius: 100px;
          border: 1px solid #4c4c4c;
          padding: 5px;
          margin-bottom: 20px; }
        article section.s-price .container .heiyou ul {
          margin-bottom: 10px; }
      article section.s-price .container .neoskin .price_index {
        color: #988981;
        background: #fff;
        border: 1px solid #988981; }
      article section.s-price .container .neoskin h5 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px; }
      article section.s-price .container .neoskin .price {
        color: #988981;
        text-align: right; }
        article section.s-price .container .neoskin .price .instalments {
          text-align: right;
          margin-top: 10px; }
          article section.s-price .container .neoskin .price .instalments span {
            font-size: 12px; }
    @media screen and (max-width: 979px) {
      article section.s-price {
        padding: 9vw 0 4vw; }
        article section.s-price .price_ttl {
          font-size: 7vw; }
        article section.s-price .container {
          width: 95%;
          border-radius: 3vw;
          padding: 4vw 5vw 6vw;
          margin-bottom: 7vw; }
          article section.s-price .container + .container {
            margin-top: 7vw; }
          article section.s-price .container .price_index {
            font-size: 4vw;
            padding: 0.2vw 0 0.5vw;
            margin: 0 0 4vw; }
          article section.s-price .container ul:not(:last-child) {
            margin-bottom: 3vw; }
          article section.s-price .container ul li + li {
            margin-top: 3vw; }
          article section.s-price .container ul li.border_none {
            padding: 0; }
            article section.s-price .container ul li.border_none > span {
              font-size: 3vw;
              margin-right: 8vw; }
          article section.s-price .container ul li.monitor > span {
            font-size: 3vw;
            margin-right: 8vw; }
          article section.s-price .container ul li .menu {
            padding: 0 4vw 0 0; }
            article section.s-price .container ul li .menu p {
              font-size: 2.5vw; }
              article section.s-price .container ul li .menu p:last-child {
                font-size: 3vw; }
          article section.s-price .container ul li .price {
            font-size: 8vw; }
            article section.s-price .container ul li .price > span {
              font-size: 5vw;
              margin-left: 0.5vw; }
              article section.s-price .container ul li .price > span > span {
                font-size: 2.2vw;
                bottom: 6vw; }
          article section.s-price .container .heiyou {
            margin-bottom: 25px; }
            article section.s-price .container .heiyou h5 {
              font-size: 4vw;
              padding: 0.2vw 0 0.5vw;
              margin-bottom: 3vw; }
            article section.s-price .container .heiyou ul {
              margin-bottom: 3vw; }
          article section.s-price .container .neoskin h5 {
            font-size: 3.5vw;
            margin-bottom: 2.5vw; }
          article section.s-price .container .neoskin .price {
            color: #988981; }
            article section.s-price .container .neoskin .price .instalments {
              margin-top: 1vw; }
              article section.s-price .container .neoskin .price .instalments span {
                font-size: 2.5vw; } }
  article section.s-qa {
    padding: 90px 0 100px; }
    article section.s-qa .container {
      width: 980px;
      margin: 0 auto; }
      article section.s-qa .container .question,
      article section.s-qa .container .answer {
        display: block;
        min-height: 50px;
        padding: 8px 0 0 70px; }
        article section.s-qa .container .question::before,
        article section.s-qa .container .answer::before {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 50px;
          height: 50px;
          font-size: 32px;
          line-height: 1;
          font-family: "Aboreto", system-ui;
          font-weight: 400;
          font-style: normal;
          border-radius: 100%; }
      article section.s-qa .container .question {
        color: #0089cb;
        font-weight: bold; }
        article section.s-qa .container .question::before {
          color: #fff;
          background: #0089cb; }
      article section.s-qa .container .answer {
        margin-top: 25px;
        padding-bottom: 30px;
        border-bottom: 1px solid #cccccc; }
        article section.s-qa .container .answer::before {
          color: #0089cb;
          background: #f5f5f5; }
        article section.s-qa .container .answer + .question {
          margin-top: 40px; }
    @media only screen and (max-width: 979px) {
      article section.s-qa {
        padding: 9vw 0 5vw; }
        article section.s-qa .container {
          width: 95%; }
          article section.s-qa .container .question,
          article section.s-qa .container .answer {
            min-height: 7vw;
            padding: 1vw 0 0 9vw; }
            article section.s-qa .container .question::before,
            article section.s-qa .container .answer::before {
              width: 7vw;
              height: 7vw;
              font-size: 4.5vw; }
          article section.s-qa .container .answer {
            margin-top: 3vw;
            padding-bottom: 3.5vw; }
            article section.s-qa .container .answer + .question {
              margin-top: 5vw; } }
  article section.s-clinic {
    padding: 100px 0;
    background: #ebf4f4; }
    article section.s-clinic .container {
      width: 980px;
      margin: 0 auto; }
      article section.s-clinic .container .bc_01_047 .bc-item > .info > .name,
      article section.s-clinic .container .bc_01_047 .bc-item > .info > .tel > .number {
        color: #0089cb; }
    @media only screen and (max-width: 979px) {
      article section.s-clinic {
        padding: 10vw 0; }
        article section.s-clinic .container {
          width: 95%; } }