@charset "UTF-8";
/*!
Theme Name:  juno_clinic_service
Description: ジュノビューティークリニック様サービスサイト
Author: cuebic
Version: 1.0
*/
/* --------------------------------------------------
ブレイクポイント管理
-------------------------------------------------- */
/**********
* min-width
**********/
/**********
* max-width
**********/
/* --------------------------------------------------
px → vw変換
-------------------------------------------------- */
/* --------------------------------------------------
関数管理
-------------------------------------------------- */
/**********
* フレックスボックス
**********/
/**
* 上揃え
* @include flex-start;
**/
/**
* 上下中央揃え
* @include flex-center;
**/
/**
* 下揃え
* @include flex-end;
**/
/**
* 左中央揃え
**/
/**
* 上下左右中央揃え
* @include flex-center-center;
**/
/**
* フレックボックス
**/
/**
* 両端揃え
**/
/**
* 均等揃え
**/
/**********
* ポジション指定
**********/
/**
* トップ＆左
**/
/**
* トップ＆右
**/
/**********
* インボックス設定
**********/
/**********
* グラデーション指定
**********/
/**********
* ライン
**********/
/**********
* アニメーション指定(キーフレーム、時間、ループ回数、動き)
**********/
/**********
* アニメーションキーフレーム
**********/
/* --------------------------------------------------
カラー管理
-------------------------------------------------- */
/** Primary **/
/** Secondary **/
/** Tertiary **/
/** 背景に使用 **/
/** コンポーネントの背景に使用 **/
/** 基本色 **/
/* --------------------------------------------------
フォント管理
-------------------------------------------------- */
/********************
フォントファミリー
********************/
@font-face {
  font-family: "EB Garamond";
  src: url("./assets/fonts/EBGaramond-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Shippori Mincho";
  src: url("./assets/fonts/ShipporiMincho-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Shippori Mincho";
  src: url("./assets/fonts/ShipporiMincho-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/********************
フォントサイズ
********************/
/********************
その他
********************/
/**
* 強制改行
**/
/* --------------------------------------------------
リセットスタイル
-------------------------------------------------- */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  line-height: 100%;
  font-weight: normal;
  clear: both;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
address,
section {
  display: block;
}

::-moz-selection {
  color: #ffffff;
  background-color: #141414;
}

::selection {
  color: #ffffff;
  background-color: #141414;
}

img {
  padding: 0;
  margin: 0;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border: none;
}

hr {
  display: none;
}

/*
:root ul {
  letter-spacing: -1px;
  word-spacing: -1px;
}
*/
ul,
ol,
li {
  list-style: none;
}

input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="submit"],
input[type="button"],
button {
  cursor: pointer;
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

.clearfix {
  display: inline-table;
}
.clearfix:after {
  clear: both;
}

* html .clearfix {
  height: 1%;
  zoom: 1; /* IE6 */
}

*:first-child + html .clearfix {
  zoom: 1; /* IE7 */
}

/* --------------------------------------------------
toc
-------------------------------------------------- */
/**********
* 目次
**********/
#toc_container {
  display: block;
  margin: 0 auto;
  width: 100%;
  font-size: 1.3rem;
  background-color: #ffffff;
  border: 1px solid #dadce5;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  #toc_container {
    font-size: 1.6rem;
    border-radius: 4px;
  }
}
#toc_container:not(:last-child) {
  margin: 8.5333333333vw auto;
}
@media screen and (min-width: 769px) {
  #toc_container:not(:last-child) {
    margin: 40px auto;
  }
}
#toc_container .toc_title {
  cursor: pointer;
  display: block;
  padding: 3.2vw 6.4vw;
  font-weight: bold;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  #toc_container .toc_title {
    padding: 24px;
  }
}
#toc_container .toc_title::after {
  display: block;
  content: "";
  margin-left: auto;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/icon-plus-black.svg) center
    no-repeat;
  background-size: cover;
  flex-grow: 0;
  flex-shrink: 0;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 6.4vw;
}
@media screen and (min-width: 769px) {
  #toc_container .toc_title::after {
    width: 32px;
    height: 32px;
    right: 24px;
  }
}
#toc_container .toc_title.js-active::after {
  background: url(./juno_settings/img/common/icon-minus-black.svg) center
    no-repeat;
  background-size: cover;
}
#toc_container .toc_list {
  display: none;
  padding: 6.4vw 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  #toc_container .toc_list {
    padding: 24px 40px;
  }
}
#toc_container .toc_list li {
  padding-left: 5.6vw;
  text-indent: -5.6vw;
}
@media screen and (min-width: 769px) {
  #toc_container .toc_list li {
    padding-left: 24px;
    text-indent: -24px;
  }
}
#toc_container .toc_list li:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  #toc_container .toc_list li:not(:last-child) {
    margin-bottom: 12px;
  }
}
#toc_container .toc_list li::before {
  content: "ー";
  margin-right: 2.1333333333vw;
  color: #dadce5;
}
@media screen and (min-width: 769px) {
  #toc_container .toc_list li::before {
    margin-right: 8px;
  }
}
#toc_container .toc_list li ul {
  display: none;
}
#toc_container + h2 {
  margin-top: 16vw;
}
@media screen and (min-width: 769px) {
  #toc_container + h2 {
    margin-top: 80px;
  }
}

/**********
* サイドの目次
**********/
.toc-check {
  display: none;
}
.toc-check:checked + .m-toc-btn {
  bottom: 2.6666666667vw;
  background-size: 0, 100%;
}
@media screen and (min-width: 769px) {
  .toc-check:checked + .m-toc-btn {
    bottom: 20px;
  }
}
.toc-check:checked + .m-toc-btn + .m-toc-container {
  transform: translateX(0);
}

.m-toc-btn {
  display: block;
  width: 9.6vw;
  height: 9.6vw;
  right: 2.6666666667vw;
  margin: auto;
  cursor: pointer;
  position: fixed;
  right: 2.6666666667vw;
  bottom: 13.3333333333vw;
  z-index: 1002;
  background-image:
    url("img/common/icon-toc.png"), url("img/common/icon-toc-close.png");
  background-repeat: no-repeat;
  background-size: 100%, 0;
}
@media screen and (min-width: 769px) {
  .m-toc-btn {
    width: 64px;
    height: 64px;
    right: 20px;
    bottom: 90px;
  }
}
.m-toc-container {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: scroll;
  border-radius: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  line-height: 1.4;
  font-size: 3.2vw;
  transform: translateX(100%);
  transition: 0.2s;
}
@media screen and (min-width: 769px) {
  .m-toc-container {
    font-size: 1.5rem;
  }
}
.m-toc-container dl {
  margin: 0 0 0 40%;
  box-shadow:
    0 -3px 6px rgba(0, 0, 0, 0.16),
    3px 0 6px rgba(0, 0, 0, 0.16);
  background: #fdfdfd;
}
@media screen and (min-width: 769px) {
  .m-toc-container dl {
    margin: 0 0 0 70%;
  }
}
.m-toc-header {
  padding: 16px;
  text-align: center;
  font-size: 1.05em;
  font-weight: bold;
}
.m-toc-body {
  padding: 0 12px 16px;
}
.m-toc-body ul {
  list-style: none;
  margin: 0;
}
.m-toc-body li {
  display: flex;
  margin: 5px 0 0;
  padding: 5px 0 0;
}
.m-toc-body li:first-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.m-toc-body .index {
  border-top: 1px solid #e6e8ee;
  font-weight: bold;
}
.m-toc-body [class^="indent"] {
  display: none;
  margin: 0;
  font-size: 0.9em;
}
.m-toc-body .indent {
  padding: 0 0 0 26px;
}
.m-toc-body .indent2 {
  padding: 0 0 0 54px;
}
.m-toc-body .num {
  min-width: 20px;
  display: block;
  flex-shrink: 0;
  margin: 5px 5px 0 0;
  text-align: center;
  font-weight: bold;
}
.m-toc-body a {
  display: inline-block;
  padding: 6px 0;
  text-decoration: none;
}

/* --------------------------------------------------
Clear
-------------------------------------------------- */
.u-clear {
  clear: both;
}

.u-clearfix::after {
  content: "";
  clear: both;
}

/* --------------------------------------------------
PC/SP表示切り替え
-------------------------------------------------- */
.u-sp-display {
  display: block;
}
@media screen and (min-width: 769px) {
  .u-sp-display {
    display: none !important;
  }
}
.u-sp-display_inline {
  display: inline;
}
@media screen and (min-width: 769px) {
  .u-sp-display_inline {
    display: none;
  }
}

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

/* --------------------------------------------------
画像配置
-------------------------------------------------- */
/** 中央配置 **/
.u-img-center {
  display: block;
  margin: 0 auto;
}

/* --------------------------------------------------
Typography
-------------------------------------------------- */
/**********
* フォントサイズ
**********/
@media screen and (min-width: 769px) {
  .u-fs-large {
    font-size: 2.4rem;
  }
}

.u-fs-small {
  font-size: 0.7em;
}

/**********
* 文字色
**********/
.u-c-Primary_Dark {
  color: #586178;
}

.u-c-Primary {
  color: #4b70a7;
}

.u-c-Primary_Light {
  color: #5697d5;
}

.u-c-Secondary {
  color: #e55252;
}

.u-c-Secondary_Light {
  color: #f08282;
}

.u-c-Tertiary_Dark {
  color: #d0a26e;
}

.u-c-Tertiary {
  color: #ffbd41;
}

/**********
* 太字
**********/
.u-fw-bold {
  font-weight: bold;
}

/**********
* テキスト配置
**********/
.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-text-left {
  text-align: left;
}

/**********
* テキスト強制改行
**********/
.u-text-break {
  word-wrap: break-word;
  word-break: break-all;
}

/* --------------------------------------------------
PC/SP切り替え
-------------------------------------------------- */
.u-pc-visibility {
  display: none;
}
@media screen and (min-width: 769px) {
  .u-pc-visibility {
    display: block;
  }
}

.u-sp-visibility {
  display: block;
}
@media screen and (min-width: 769px) {
  .u-sp-visibility {
    display: none;
  }
}

/* --------------------------------------------------
フレックスボックス
-------------------------------------------------- */
@media screen and (min-width: 769px) {
  .u-flex-columns {
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .u-flex-columns.col2 {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.u-flex-columns.col2 > div:not(:last-child),
.u-flex-columns.col2 > li:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .u-flex-columns.col2 > div,
  .u-flex-columns.col2 > li {
    flex-shrink: 0;
    width: 48%;
  }
  .u-flex-columns.col2 > div:not(:last-child),
  .u-flex-columns.col2 > li:not(:last-child) {
    margin-bottom: 24px;
  }
}

.u-flex-center {
  align-items: center !important;
}

@media screen and (min-width: 769px) {
  .u-flex-item {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .u-flex-item:not(:last-child) {
    margin-right: 40px;
  }
  .u-flex-item.is-6columns {
    flex-basis: 103px;
  }
  .u-flex-item.is-4columns {
    flex-basis: 174px;
  }
  .u-flex-item.is-3columns {
    flex-basis: 245px;
  }
  .u-flex-item.is-2columns {
    flex-basis: 388px;
  }
}
@media screen and (min-width: 1201px) {
  .u-flex-item.is-6columns {
    flex-basis: 150px;
  }
  .u-flex-item.is-4columns {
    flex-basis: 245px;
  }
  .u-flex-item.is-3columns {
    flex-basis: 340px;
  }
  .u-flex-item.is-2columns {
    flex-basis: 530px;
  }
}

/* --------------------------------------------------
jsを動作させるためのクラス
-------------------------------------------------- */
/**********************************************
* シミュレーション：結果ページの表示・非表示切り替え
**********************************************/
.js-result-container,
.js-select-container,
.js-loader,
.js-step,
.js-step-btn {
  display: none !important;
}
.js-result-container.is_active,
.js-select-container.is_active,
.js-loader.is_active,
.js-step.is_active,
.js-step-btn.is_active {
  display: block !important;
}

.js-result-bulk,
.js-result-split {
  display: none !important;
}
.js-result-bulk.is_active,
.js-result-split.is_active {
  display: flex !important;
}

/* --------------------------------------------------
Body
-------------------------------------------------- */
body {
  padding: 0;
  margin: 0;
  width: 100%;
  padding-top: 17.0666666667vw;
}
@media screen and (min-width: 769px) {
  body {
    padding-top: 166px;
  }
}
body.js-scroll-fixed {
  padding-top: 17.0666666667vw;
}
@media screen and (min-width: 769px) {
  body.js-scroll-fixed {
    padding-top: 128px;
  }
}
body.js-fixed {
  position: fixed;
  overflow: hidden;
}

/* --------------------------------------------------
ヘッダー

2508
articleページと本体の運用切り離しのため共通スタイル(scss)部分を分離させました。
css/header.css を編集してください。
-------------------------------------------------- */
/* --------------------------------------------------
フッター

2508
articleページと本体の運用切り離しのため共通スタイル(scss)部分を分離させました。
css/footer.css を編集してください。
-------------------------------------------------- */
/* --------------------------------------------------
メイン
-------------------------------------------------- */
#l-wrapper {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #l-wrapper {
    min-width: 1100px;
  }
}

#l-main {
  display: block;
  padding: 0;
  margin: 0;
}

.l-article-default {
  display: block;
  padding: 21.3333333333vw 0 0;
  background: url(./juno_settings/img/common/bg-article-default-sp.svg) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .l-article-default {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/bg-article-default-pc.svg) left
      top no-repeat;
    background-size: 100%;
  }
}

.l-section {
  display: block;
  padding-bottom: 25.6vw;
}
@media screen and (min-width: 769px) {
  .l-section {
    padding-bottom: 120px;
  }
}

.l-container {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .l-container {
    width: 815px;
  }
}

.l-container-wide {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .l-container-wide {
    width: 1100px;
  }
}

/* --------------------------------------------------
投稿一覧
-------------------------------------------------- */
@media screen and (min-width: 769px) {
  .m-flex-block {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
}
.m-flex-block:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-flex-block:not(:last-child) {
    margin-bottom: 96px;
  }
}
.m-flex-block__figure {
  display: block;
  margin-bottom: 6.4vw;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-flex-block__figure {
    width: 391px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.m-flex-block__figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-flex-block__figure img {
    border-radius: 4px;
  }
}
@media screen and (min-width: 769px) {
  .m-flex-block__content {
    margin-left: 32px;
  }
}
.m-flex-block__content p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-flex-block__content p:not(:last-child) {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 769px) {
  .m-flex-block.sub .m-flex-block__figure {
    width: 255px;
  }
  .m-flex-block.sub .m-flex-block__content {
    margin-left: 24px;
  }
}

/* --------------------------------------------------
コンテンツヘッド
-------------------------------------------------- */
.m-heading {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 10.6666666667vw;
  width: 82.9333333333vw;
  font-family: "Shippori Mincho", serif;
}
@media screen and (min-width: 769px) {
  .m-heading {
    margin-bottom: 64px;
    width: 815px;
  }
}
.m-heading__subtitle {
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .m-heading__subtitle {
    font-size: 3rem;
  }
}
.m-heading__subtitle:not(:last-child) {
  margin-bottom: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .m-heading__subtitle:not(:last-child) {
    margin-bottom: 16px;
  }
}
.m-heading__title {
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .m-heading__title {
    font-size: 4.4rem;
  }
}
.m-heading__title:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-heading__title:not(:last-child) {
    margin-bottom: 56px;
  }
}
.m-heading__title__sub {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .m-heading__title__sub {
    font-size: 1.8rem;
  }
}
.m-heading__introduction {
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .m-heading__introduction {
    font-size: 1.8rem;
    line-height: 2;
  }
}
.m-heading__introduction:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-heading__introduction:not(:last-child) {
    margin-bottom: 56px;
  }
}
.m-heading__introduction p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-heading__introduction p:not(:last-child) {
    margin-bottom: 24px;
  }
}
.m-heading__introduction center img {
  margin: 0 0 24px;
}
@media screen and (max-width: 768px) {
  .m-heading.clinic {
    width: 100%;
    margin: 0 0 8vw;
  }
}
.m-heading__img {
  position: relative;
}
.m-heading__img .m-heading__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 101%;
  text-align: center;
  font-size: 4.267vw;
  position: absolute;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 769px) {
  .m-heading__img .m-heading__title {
    font-size: 3rem;
  }
}
.m-heading__img .m-heading__title > span {
  font-size: 5.6vw;
}
@media screen and (min-width: 769px) {
  .m-heading__img .m-heading__title > span {
    font-size: 3.4rem;
  }
}
.m-heading__img .m-heading__title > span span {
  font-size: 7.2vw;
}
@media screen and (min-width: 769px) {
  .m-heading__img .m-heading__title > span span {
    font-size: 5rem;
  }
}
.m-heading__access {
  width: 89.333vw;
  margin: 5vw auto;
  padding: 5vw;
  line-height: 1.6;
  text-align: center;
  font-size: 3.733vw;
  font-weight: bold;
  background: #e7f6ff;
}
@media screen and (min-width: 769px) {
  .m-heading__access {
    width: 600px;
    margin: 42px auto 24px;
    padding: 20px;
    line-height: 1.6;
    font-size: 1.8rem;
  }
}
.m-heading__timeTable {
  margin: auto;
  width: 89.333vw;
  font-family:
    "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴシック", "Hiragino Sans",
    "メイリオ", Meiryo, sans-serif;
  font-size: 2.933vw;
}
@media screen and (min-width: 769px) {
  .m-heading__timeTable {
    width: 600px;
    font-size: 1.8rem;
  }
}
.m-heading__timeTable .m-table {
  margin-bottom: 10px !important;
}
.m-heading__timeTable .m-table th,
.m-heading__timeTable .m-table td {
  padding: 1.4vw;
  border: 1px solid #e5e5e5;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-heading__timeTable .m-table th,
  .m-heading__timeTable .m-table td {
    padding: 12px 5px;
  }
}
.m-heading__timeTable .m-table th {
  line-height: 2.18;
  color: #fff;
  background: #75beea;
}
.m-heading__timeTable .m-table td:first-child {
  font-weight: bold;
}
.m-heading__timeTable .m-table td:not(:first-child) {
  width: 10%;
}
.m-heading__timeTable .on {
  line-height: 1;
  font-size: 5.333vw;
  color: #5697d5;
}
@media screen and (min-width: 769px) {
  .m-heading__timeTable .on {
    font-size: 4rem;
  }
}
.m-heading__timeTable .off {
  color: #8f96aa;
  background: #f7f7f9;
}

.mb-adjustment {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .mb-adjustment {
    margin-bottom: 80px;
  }
}

/* --------------------------------------------------
テーブル
-------------------------------------------------- */
.m-table {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  color: #3f4960;
  border: 0.2666666667vw solid #dadce5;
  border-collapse: collapse;
}
@media screen and (min-width: 769px) {
  .m-table {
    border: 1px solid #dadce5;
  }
}
.m-table:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-table:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-table th,
.m-table td {
  padding: 3.2vw 2.6666666667vw;
  margin: 0;
  text-align: left;
  border: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-table th,
  .m-table td {
    padding: 32px 24px;
    border: 1px solid #dadce5;
  }
}
.m-table th {
  font-weight: normal;
  background-color: #f7f7f9;
}
.m-table td {
  background-color: #ffffff;
}
.m-table thead th {
  font-weight: bold;
}
.m-table.default,
.m-table.small {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-table.default,
  .m-table.small {
    margin-bottom: 24px;
  }
}
.m-table.default .u-text-center,
.m-table.small .u-text-center {
  text-align: center;
}
.m-table.default .u-text-center th,
.m-table.default .u-text-center td,
.m-table.small .u-text-center th,
.m-table.small .u-text-center td {
  text-align: center;
}
.m-table.default th,
.m-table.default td,
.m-table.small th,
.m-table.small td {
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .m-table.default th,
  .m-table.default td,
  .m-table.small th,
  .m-table.small td {
    padding: 16px 24px;
  }
}
.m-table.default + h3,
.m-table.default + h4,
.m-table.small + h3,
.m-table.small + h4 {
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-table.default + h3,
  .m-table.default + h4,
  .m-table.small + h3,
  .m-table.small + h4 {
    margin-top: 40px;
  }
}
.m-table.small th,
.m-table.small td {
  padding: 2.6666666667vw 2.1333333333vw;
  font-size: 1.2rem;
}
@media screen and (min-width: 769px) {
  .m-table.small th,
  .m-table.small td {
    padding: 16px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .m-table.block th,
  .m-table.block td {
    display: block;
    width: 100% !important;
  }
  .m-table.block th {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .m-table-scroll {
    overflow: scroll;
  }
  .m-table-scroll table {
    width: 150%;
  }
}

/**********
* 部位一覧などで利用する３列テーブル
**********/
.m-table-3columns {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #3f4960;
  border: 0.2666666667vw solid #dadce5;
  border-collapse: collapse;
}
@media screen and (min-width: 769px) {
  .m-table-3columns {
    border: 1px solid #dadce5;
  }
}
.m-table-3columns:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-table-3columns:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-table-3columns a {
  font-weight: bold;
  color: #5697d5;
  text-decoration: underline;
}
.m-table-3columns a:hover,
.m-table-3columns a:visited,
.m-table-3columns a:focus,
.m-table-3columns a:active {
  color: #5697d5;
  text-decoration: underline;
}
.m-table-3columns th,
.m-table-3columns td {
  padding: 3.2vw;
  margin: 0;
  border: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-table-3columns th,
  .m-table-3columns td {
    padding: 32px 24px;
    border: 1px solid #dadce5;
  }
}
.m-table-3columns th {
  font-weight: normal;
  text-align: center;
  background-color: #f7f7f9;
}
.m-table-3columns figure {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 21.3333333333vw;
  height: 21.3333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-table-3columns figure {
    width: 120px;
    height: 120px;
  }
}
.m-table-3columns figure img {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.m-table-simple {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  color: #3f4960;
  background-color: #ffffff;
  border-collapse: collapse;
}
.m-table-simple:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-table-simple:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-table-simple tr:not(:last-child) {
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-table-simple tr:not(:last-child) {
    border-bottom: 1px solid #dadce5;
  }
}
.m-table-simple th,
.m-table-simple td {
  padding: 3.2vw 0;
  margin: 0;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .m-table-simple th,
  .m-table-simple td {
    padding: 24px 0;
  }
}
.m-table-simple th {
  color: #8f96aa;
}

/**********
* 料金表
**********/
.m-table-price {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  /** プラン回数 **/
  /** 総額（一括払い） **/
  /** 月額（60回払い） **/
  /** 割引前の金額 **/
  /** 割引後総額（一括払い） **/
  /** 割引後月額（60回払い） **/
}
.m-table-price:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-table-price:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-table-price thead th {
  padding: 2.6666666667vw;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.8;
  font-weight: normal;
  text-align: center;
  color: #3f4960;
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-table-price thead th {
    padding: 4px 10px 16px;
    font-size: 1.6rem;
    border-bottom: 1px solid #dadce5;
  }
}
.m-table-price thead th span {
  margin-left: 1.0666666667vw;
  font-size: 1rem;
  line-height: 1.5;
  color: #8f96aa;
}
@media screen and (min-width: 769px) {
  .m-table-price thead th span {
    margin-left: 8px;
    font-size: 1.2rem;
  }
}
.m-table-price tbody tr:not(:last-child) {
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-table-price tbody tr:not(:last-child) {
    border-bottom: 1px solid #dadce5;
  }
}
.m-table-price tbody tr:last-child th,
.m-table-price tbody tr:last-child td {
  padding-bottom: 0;
}
.m-table-price tbody th,
.m-table-price tbody td {
  padding: 3.2vw 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-table-price tbody th,
  .m-table-price tbody td {
    padding: 12px 4px;
  }
}
.m-table-price .plan-times {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: bold;
  font-style: italic;
  color: #3f4960;
  background-color: #ffeef2;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-table-price .plan-times {
    width: 44px;
    height: 44px;
    font-size: 2rem;
  }
}
.m-table-price .price-total {
  display: block;
  padding: 0;
  margin: 0 auto;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #e55252;
}
@media screen and (min-width: 769px) {
  .m-table-price .price-total {
    font-size: 1.8rem;
  }
}
.m-table-price .price-total em {
  padding: 0;
  margin: 0;
  margin-left: 0.5333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 6.2vw;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .m-table-price .price-total em {
    margin-right: 2px;
    font-size: 3.4rem;
  }
}
.m-table-price .price-monthly {
  display: block;
  padding: 0;
  margin: 0 auto;
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  .m-table-price .price-monthly {
    font-size: 1.6rem;
  }
}
.m-table-price .price-monthly em {
  padding: 0;
  margin: 0;
  margin-left: 0.5333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 5.8vw;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .m-table-price .price-monthly em {
    margin-right: 2px;
    font-size: 2.6rem;
  }
}
.m-table-price .price-cell {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .m-table-price .price-cell {
    display: flex;
    align-items: baseline;
    justify-content: center;
  }
}
.m-table-price .normal-price {
  padding: 0 1.0666666667vw;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Shippori Mincho", serif;
  font-size: 1rem;
  line-height: 1;
  color: #8f96aa;
  position: relative;
}
@media screen and (min-width: 769px) {
  .m-table-price .normal-price {
    padding: 0 4px;
    margin: 0;
    margin-right: 16px;
    font-size: 1.4rem;
  }
}
.m-table-price .normal-price em {
  margin-left: 0.5333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 1.6rem;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .m-table-price .normal-price em {
    margin-left: 2px;
    font-size: 2rem;
  }
}
.m-table-price .normal-price::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 100%;
  border-top: 0.2666666667vw solid #8f96aa;
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (min-width: 769px) {
  .m-table-price .normal-price::after {
    border-top: 1px solid #8f96aa;
  }
}
.m-table-price .discounted-price-total {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #e55252;
}
@media screen and (min-width: 769px) {
  .m-table-price .discounted-price-total {
    font-size: 1.8rem;
  }
}
.m-table-price .discounted-price-total em {
  margin-left: 0.5333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 2.8rem;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .m-table-price .discounted-price-total em {
    margin-left: 2px;
    font-size: 3.4rem;
  }
}
.m-table-price .discounted-price-monthly {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  .m-table-price .discounted-price-monthly {
    font-size: 1.6rem;
  }
}
.m-table-price .discounted-price-monthly em {
  margin-left: 0.5333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 2.4rem;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .m-table-price .discounted-price-monthly em {
    margin-left: 2px;
    font-size: 2.6rem;
  }
}

/* --------------------------------------------------
パネル
-------------------------------------------------- */
.m-panel-default {
  display: block;
  padding: 6.4vw;
  margin: 0;
  background-color: #ffffff;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-panel-default {
    padding: 40px;
    border-radius: 4px;
  }
}
.m-panel-default:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-panel-default:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-panel-default dt {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  font-size: 1.3rem;
  line-height: 1.8;
  font-weight: bold;
  text-align: center;
  color: #8f96aa;
}
@media screen and (min-width: 769px) {
  .m-panel-default dt {
    margin-bottom: 24px;
    font-size: 1.8rem;
  }
}
.m-panel-default dd {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .m-panel-default dd {
    font-size: 1.6rem;
    line-height: 2;
  }
}
.m-panel-default dd p:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-panel-default dd p:not(:last-child) {
    margin-bottom: 12px;
  }
}

/* --------------------------------------------------
パネル（ポイント）
-------------------------------------------------- */
.m-panel-point {
  display: block;
  padding: 6.4vw;
  margin: 0;
  background-color: #f7f2ed;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-panel-point {
    padding: 40px;
    border-radius: 4px;
  }
}
.m-panel-point:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-panel-point:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-panel-point dt {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  font-size: 1.3rem;
  line-height: 1.8;
  font-weight: bold;
  text-align: center;
  color: #d0a26e;
}
@media screen and (min-width: 769px) {
  .m-panel-point dt {
    margin-bottom: 24px;
    font-size: 1.8rem;
  }
}
.m-panel-point dd {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .m-panel-point dd {
    font-size: 1.6rem;
    line-height: 2;
  }
}
.m-panel-point dd p:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-panel-point dd p:not(:last-child) {
    margin-bottom: 12px;
  }
}

/* --------------------------------------------------
パネル（注意事項）
-------------------------------------------------- */
.m-panel-attention {
  display: block;
  padding: 6.4vw;
  margin: 0;
  background-color: #f7f7f9;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-panel-attention {
    padding: 40px;
    border-radius: 4px;
  }
}
.m-panel-attention:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-panel-attention:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-panel-attention dt {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  font-size: 1.3rem;
  line-height: 1.8;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-panel-attention dt {
    margin-bottom: 24px;
    font-size: 1.8rem;
  }
}
.m-panel-attention dt::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0 auto;
  margin-bottom: 1.0666666667vw;
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  background: url(./juno_settings/img/common/icon-alert-fill.svg) center
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .m-panel-attention dt::before {
    margin-bottom: 4px;
    width: 32px;
    height: 32px;
  }
}
.m-panel-attention dd {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .m-panel-attention dd {
    font-size: 1.6rem;
    line-height: 2;
  }
}
.m-panel-attention dd p:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-panel-attention dd p:not(:last-child) {
    margin-bottom: 12px;
  }
}

.m-panel-attention-tertiary {
  display: block;
  padding: 6.4vw;
  margin: 0;
  background-color: rgba(255, 189, 65, 0.25);
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-panel-attention-tertiary {
    padding: 40px;
    border-radius: 4px;
  }
}
.m-panel-attention-tertiary dt {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  font-size: 1.3rem;
  line-height: 1.8;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-panel-attention-tertiary dt {
    margin-bottom: 24px;
    font-size: 1.8rem;
  }
}
.m-panel-attention-tertiary dt::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0 auto;
  margin-bottom: 1.0666666667vw;
  width: 12.8vw;
  height: 12.8vw;
  background: url(./juno_settings/img/common/icon-alert-fill.svg) center
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .m-panel-attention-tertiary dt::before {
    margin-bottom: 8px;
    width: 64px;
    height: 64px;
  }
}
.m-panel-attention-tertiary dd {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .m-panel-attention-tertiary dd {
    font-size: 1.6rem;
    line-height: 2;
  }
}
.m-panel-attention-tertiary dd p:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-panel-attention-tertiary dd p:not(:last-child) {
    margin-bottom: 12px;
  }
}

/* --------------------------------------------------
パネル（お問い合わせ）
-------------------------------------------------- */
.m-panel-contact {
  display: block;
  padding: 6.4vw;
  margin: 0 auto;
  width: 89.3333333333vw;
  height: auto;
  text-align: center;
  color: #3f4960;
  background-color: #f7f7f9;
  border-radius: 1.0666666667vw;
  /* LINEあり */
}
@media screen and (min-width: 769px) {
  .m-panel-contact {
    padding: 32px 30px;
    width: 100%;
    border-radius: 4px;
  }
}
.m-panel-contact:not(:last-child) {
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .m-panel-contact:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-panel-contact::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0 auto;
  margin-bottom: 4.2666666667vw;
  width: 14.9333333333vw;
  height: 14.9333333333vw;
  background: #86bce6 url(./juno_settings/img/common/icon-phone.svg) center
    no-repeat;
  background-size: 6.4vw;
  border-radius: 100%;
}
@media screen and (min-width: 769px) {
  .m-panel-contact::before {
    margin-bottom: 16px;
    width: 72px;
    height: 72px;
    background: #86bce6 url(./juno_settings/img/common/icon-phone.svg) center
      no-repeat;
    background-size: 32px;
  }
}
.m-panel-contact__text {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 3.2vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.65;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .m-panel-contact__text {
    margin-bottom: 16px;
    font-size: 1.8rem;
  }
}
.m-panel-contact address {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 3.2vw;
  font-family: "Shippori Mincho", serif;
  font-size: 7.4666666667vw;
  letter-spacing: 2px;
  line-height: 1;
  font-style: normal;
}
@media screen and (min-width: 769px) {
  .m-panel-contact address {
    margin-bottom: 14px;
    line-height: 1.5;
    font-size: 3.2rem;
    font-style: bold;
  }
}
.m-panel-contact a {
  color: #3f4960;
  text-decoration: none;
}
.m-panel-contact a:hover,
.m-panel-contact a:visited,
.m-panel-contact a:focus,
.m-panel-contact a:active {
  color: #3f4960;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .m-panel-contact__wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .m-panel-contact__wrap .m-panel-contact {
    width: 48.5%;
    margin: 0;
  }
}
@media screen and (min-width: 769px) {
  .m-panel-contact__wrap .m-panel-contact:nth-child(2)::before {
    background: #86bce6 url(./juno_settings/img/common/icon-balloon.png) center
      no-repeat;
    background-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  .m-panel-contact__wrap .m-panel-contact::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .m-panel-contact__wrap .m-panel-contact address {
    position: relative;
    text-indent: 14.9333333333vw;
  }
  .m-panel-contact__wrap .m-panel-contact address::before {
    content: "";
    width: 9.6vw;
    height: 9.6vw;
    border-radius: 100%;
    position: absolute;
    top: -1vw;
    left: 8.5333333333vw;
    background: #86bce6 url(./juno_settings/img/common/icon-phone.svg) center
      no-repeat;
    background-size: 5.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .m-panel-contact__wrap .m-panel-contact .c-note {
    font-size: 1.4rem;
  }
}
.m-panel-contact__btn {
  border: 1px solid #dadce5;
  border-radius: 8px;
  line-height: 17.0666666667vw;
  text-indent: 8vw;
  font-family: "Shippori Mincho", serif;
  font-size: 3.4666666667vw;
  background: url(./juno_settings/img/common/logo-line.svg) 9.6vw center
    no-repeat #fff;
  background-size: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-panel-contact__btn {
    line-height: 80px;
    text-indent: 30px;
    font-size: 1.5rem;
    background: url(./juno_settings/img/common/logo-line.svg) 30px center
      no-repeat #fff;
    background-size: 48px;
  }
}
.m-panel-contact__btn:hover {
  transition: 0.3s;
}
.m-panel-contact__btn a {
  display: block;
  height: 100%;
}

/* --------------------------------------------------
パネル（お問い合わせ）
-------------------------------------------------- */
.m-panel-contact-simple {
  display: block;
  padding: 0;
  margin: 0;
  margin-top: 14.9333333333vw;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-panel-contact-simple {
    margin-top: 96px;
  }
}
.m-panel-contact-simple:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-panel-contact-simple:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-panel-contact-simple__text {
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .m-panel-contact-simple__text {
    margin-bottom: 24px;
    text-align: center;
  }
}

/* --------------------------------------------------
カード（プラン）
-------------------------------------------------- */
.m-card-plan__list {
  display: block;
  padding: 0;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .m-card-plan__list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.m-card-plan__list:not(:last-child) {
  margin-bottom: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .m-card-plan__list:not(:last-child) {
    margin-bottom: 8px;
  }
}
.m-card-plan__list li {
  display: block;
  padding: 0;
  margin: 0 0 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .m-card-plan__list li {
    margin: 0;
    margin-bottom: 32px;
  }
  .m-card-plan__list li:nth-child(odd) {
    margin-right: 32px;
  }
}

.m-card-plan {
  display: block;
  padding: 0;
  margin: 0;
  width: 89.3333333333vw;
  height: 25.6vw;
  font-family: "Shippori Mincho", serif;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .m-card-plan {
    width: 391px;
    height: 168px;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}
.m-card-plan a {
  padding: 4.2666666667vw;
  margin: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-card-plan a {
    padding: 24px;
  }
}
.m-card-plan a:hover,
.m-card-plan a:visited,
.m-card-plan a:focus,
.m-card-plan a:active {
  text-decoration: none;
}
.m-card-plan__image {
  display: block;
  padding: 0;
  margin: 0;
  margin-right: 3.2vw;
  width: 17.0666666667vw;
  height: 17.0666666667vw;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-card-plan__image {
    margin-right: 16px;
    width: 120px;
    height: 120px;
  }
}
.m-card-plan__image img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.m-card-plan__content {
  padding: 0;
  margin: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.m-card-plan__name {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  .m-card-plan__name {
    font-size: 1.8rem;
  }
}
.m-card-plan__name__inner {
  display: block;
  font-size: 1.2em;
}
.m-card-plan__name__inner span {
  display: block;
  font-size: 0.7em;
}
.m-card-plan__name__note {
  padding: 8px 0 0;
  font-size: 0.5em;
}
.m-card-plan__category {
  display: inline-block;
  padding: 0 2.6666666667vw;
  margin: 0;
  margin-bottom: 1.0666666667vw;
  width: auto;
  height: 6.4vw;
  font-size: 1.2rem;
  line-height: 6.4vw;
  color: #ffffff;
  background-color: #86bce6;
  border-radius: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-card-plan__category {
    padding: 0 12px;
    margin-bottom: 8px;
    height: 32px;
    font-size: 1.6rem;
    line-height: 32px;
    border-radius: 32px;
  }
}
.m-card-plan__category.first {
  background-color: #ffadb7;
}
.m-card-plan__price {
  width: 30%;
  text-align: right;
  color: #3f4960;
}
.m-card-plan__price__inner {
  font-size: 1.7em;
  color: #e55252;
}

/* --------------------------------------------------
投稿一覧
-------------------------------------------------- */
.m-post-list {
  padding: 0;
  margin: 0 auto;
  margin-bottom: 10.6666666667vw;
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-post-list {
    margin-bottom: 40px;
    border-bottom: 1px solid #dadce5;
  }
}

.m-post {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
  border-top: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-post {
    width: 100%;
    border-top: 1px solid #dadce5;
  }
}
.m-post a {
  display: block;
  padding: 6.4vw 0;
  margin: 0;
  color: #5697d5;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .m-post a {
    padding: 32px 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.m-post a:hover,
.m-post a:visited,
.m-post a:focus,
.m-post a:active {
  color: #5697d5;
  text-decoration: none;
}
.m-post__thumb {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 6.4vw;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-post__thumb {
    margin: 0;
    margin-right: 24px;
    width: 165px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.m-post__thumb img {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}
.m-post__content {
  display: block;
  padding: 0;
  margin: 0;
}
.m-post__date {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 2.1333333333vw;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #8f96aa;
}
@media screen and (min-width: 769px) {
  .m-post__date {
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
}
.m-post__title {
  display: block;
  padding: 0;
  margin: 0;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .m-post__title {
    font-weight: normal;
  }
}
.m-post__excerpt {
  display: block;
  padding: 0;
  padding-top: 3.2vw;
  margin: 0;
  color: #8f96aa;
}
@media screen and (min-width: 769px) {
  .m-post__excerpt {
    padding-top: 12px;
  }
}

/* --------------------------------------------------
投稿一覧
-------------------------------------------------- */
.m-post-panel-list {
  padding: 0;
  margin: 0 auto;
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-post-panel-list {
    margin-bottom: 40px;
  }
}

.m-post-panel {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-post-panel {
    width: 100%;
  }
}
.m-post-panel:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-post-panel:not(:last-child) {
    margin-bottom: 96px;
  }
}
.m-post-panel__header {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-post-panel__header {
    margin-bottom: 40px;
  }
}
.m-post-panel__body {
  display: block;
  padding: 0;
  margin: 0 0 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-post-panel__body {
    margin: 0 0 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.m-post-panel__footder {
  display: block;
  padding: 0;
  margin: 0;
}
.m-post-panel__thumb {
  display: block;
  padding: 0;
  margin: 0 0 6.4vw;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-post-panel__thumb {
    margin: 0;
    width: 391px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.m-post-panel__thumb img {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}
.m-post-panel__description {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-post-panel__description {
    width: 391px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}

/* --------------------------------------------------
よくある質問（一覧用）
-------------------------------------------------- */
.m-faq-list {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 10.6666666667vw;
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-faq-list {
    margin-bottom: 40px;
    border-bottom: 1px solid #dadce5;
  }
}

.m-faq {
  display: block;
  padding: 5.3333333333vw 0;
  margin: 0;
  border-top: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-faq {
    padding: 32px 0;
    border-top: 1px solid #dadce5;
  }
}
.m-faq__question {
  padding: 0;
  margin: 0;
  margin-bottom: 5.3333333333vw;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .m-faq__question {
    margin-bottom: 32px;
    align-items: center;
  }
}
.m-faq__question::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-right: 2.6666666667vw;
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  background: url(./juno_settings/img/common/icon-question_v2.svg) center
    no-repeat;
  background-size: cover;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .m-faq__question::before {
    margin-right: 16px;
    width: 48px;
    height: 48px;
  }
}
.m-faq__question a {
  color: #3f4960;
  text-decoration: none;
}
.m-faq__question a:hover,
.m-faq__question a:focus,
.m-faq__question a:visited,
.m-faq__question a:active {
  color: #3f4960;
  text-decoration: none;
}
.m-faq__answer {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
}
.m-faq__answer::before {
  display: block;
  content: "";
  margin-top: 1.3333333333vw;
  margin-right: 2.6666666667vw;
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  background: url(./juno_settings/img/common/icon-answer_v2.svg) center
    no-repeat;
  background-size: cover;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .m-faq__answer::before {
    margin-top: 5px;
    margin-right: 16px;
    width: 48px;
    height: 48px;
  }
}
.m-faq__link_detail {
  padding-top: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-faq__link_detail {
    padding-top: 12px;
  }
}
.m-faq__link_detail a {
  color: #5697d5;
  text-decoration: none;
}

/* --------------------------------------------------
ステップ一覧
-------------------------------------------------- */
.m-flow-header-primary {
  padding: 0;
  margin: 0 auto;
  margin-bottom: 10.6666666667vw;
  width: 82.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary {
    margin-bottom: 56px;
    width: 100%;
  }
}
.m-flow-header-primary__label {
  padding: 0;
  margin: 0 0 5.3333333333vw;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__label {
    margin: 0 0 32px;
  }
}
.m-flow-header-primary__label::before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 0.2666666667vw solid rgba(86, 151, 213, 0.5);
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__label::before {
    border-bottom: 1px solid rgba(86, 151, 213, 0.5);
  }
}
.m-flow-header-primary__label span {
  display: inline-block;
  padding: 0 3.2vw;
  margin: 0;
  width: auto;
  height: auto;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #5697d5;
  background-color: #e7f6ff;
  transform: translateX(-50%);
  position: relative;
  top: 0;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__label span {
    padding: 0 16px;
    font-size: 2rem;
  }
}
.m-flow-header-primary__list {
  display: block;
  counter-reset: num;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.m-flow-header-primary__list li {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__list li {
    display: block;
    padding: 0;
    width: 179px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.m-flow-header-primary__list li:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__list li:not(:last-child) {
    margin-bottom: 0;
  }
}
.m-flow-header-primary__list li::before {
  display: block;
  content: counter(num);
  counter-increment: num;
  padding: 0;
  margin: 0;
  margin-right: 2.1333333333vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 1.2rem;
  line-height: 1.3;
  font-style: italic;
  color: #ffffff;
  background-color: #5697d5;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__list li::before {
    margin: 0 auto 12px;
    width: 40px;
    height: 40px;
    font-size: 2rem;
  }
}
.m-flow-header-primary__list li .text {
  padding: 0;
  margin: 0;
  margin-right: auto;
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #8f96aa;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__list li .text {
    margin: 0;
    height: 50px;
    font-size: 1.6rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.m-flow-header-primary__list li .timerequired {
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #3f4960;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__list li .timerequired {
    display: block;
    font-size: 1.6rem;
    text-align: center;
  }
}
.m-flow-header-primary__list li .timerequired::before {
  display: block;
  content: "…";
  margin-right: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__list li .timerequired::before {
    margin: 0;
    transform: rotate(90deg);
  }
}
.m-flow-header-primary__list li .timerequired span {
  margin-right: 0.5333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 1.6rem;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .m-flow-header-primary__list li .timerequired span {
    margin-right: 4px;
    font-size: 2.2rem;
  }
}

.m-flow-header-tertiary {
  padding: 0;
  margin: 0 auto;
  margin-bottom: 10.6666666667vw;
  width: 82.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary {
    margin-bottom: 56px;
    width: 100%;
  }
}
.m-flow-header-tertiary__label {
  padding: 0;
  margin: 0 0 5.3333333333vw;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__label {
    margin: 0 0 32px;
  }
}
.m-flow-header-tertiary__label::before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 0.2666666667vw solid rgba(208, 162, 110, 0.5);
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__label::before {
    border-bottom: 1px solid rgba(208, 162, 110, 0.5);
  }
}
.m-flow-header-tertiary__label span {
  display: inline-block;
  padding: 0 3.2vw;
  margin: 0;
  width: auto;
  height: auto;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #d0a26e;
  background-color: #f7f2ed;
  transform: translateX(-50%);
  position: relative;
  top: 0;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__label span {
    padding: 0 16px;
    font-size: 2rem;
  }
}
.m-flow-header-tertiary__list {
  display: block;
  counter-reset: num;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.m-flow-header-tertiary__list li {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__list li {
    display: block;
    padding: 0;
    width: 179px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.m-flow-header-tertiary__list li:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__list li:not(:last-child) {
    margin-bottom: 0;
  }
}
.m-flow-header-tertiary__list li::before {
  display: block;
  content: counter(num);
  counter-increment: num;
  padding: 0;
  margin: 0;
  margin-right: 2.1333333333vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 1.2rem;
  line-height: 1.3;
  font-style: italic;
  color: #ffffff;
  background-color: #d0a26e;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__list li::before {
    margin: 0 auto 12px;
    width: 40px;
    height: 40px;
    font-size: 2rem;
  }
}
.m-flow-header-tertiary__list li .text {
  padding: 0;
  margin: 0;
  margin-right: auto;
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #8f96aa;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__list li .text {
    margin: 0;
    height: 50px;
    font-size: 1.6rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.m-flow-header-tertiary__list li .timerequired {
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #3f4960;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__list li .timerequired {
    display: block;
    font-size: 1.6rem;
    text-align: center;
  }
}
.m-flow-header-tertiary__list li .timerequired::before {
  display: block;
  content: "…";
  margin-right: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__list li .timerequired::before {
    margin: 0;
    transform: rotate(90deg);
  }
}
.m-flow-header-tertiary__list li .timerequired span {
  margin-right: 0.5333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 1.6rem;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .m-flow-header-tertiary__list li .timerequired span {
    margin-right: 4px;
    font-size: 2.2rem;
  }
}

/* --------------------------------------------------
タイムライン（Primary）
-------------------------------------------------- */
.m-timeline-primary__group {
  padding: 0;
  margin: 0 auto;
  position: relative;
}
.m-timeline-primary__group::before {
  display: block;
  content: "";
  width: 0.2666666667vw;
  height: calc(100% - 2px);
  background-color: #5697d5;
  position: absolute;
  top: 0.5333333333vw;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary__group::before {
    width: 1px;
    height: calc(100% - 2px);
    top: 2px;
  }
}

.m-timeline-primary__block {
  padding: 0;
  padding-top: 7.4666666667vw;
  margin: 0;
  margin-bottom: 10.6666666667vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary__block {
    padding-top: 44px;
    margin-bottom: 48px;
  }
}

.m-timeline-primary {
  padding: 13.3333333333vw 6.4vw 7.4666666667vw;
  margin: 0;
  background-color: #ffffff;
  border-radius: 1.0666666667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary {
    padding: 64px 40px 48px;
    border-radius: 4px;
  }
}
.m-timeline-primary__number {
  padding: 0;
  margin: 0;
  width: 14.9333333333vw;
  height: 14.9333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 2.4rem;
  font-style: italic;
  color: #ffffff;
  background-color: #5697d5;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  position: absolute;
  top: -7.4666666667vw;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary__number {
    width: 88px;
    height: 88px;
    font-size: 3.6rem;
    top: -44px;
  }
}
.m-timeline-primary__header {
  padding: 0;
  margin: 0 0 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary__header {
    margin: 0 0 32px;
  }
}
.m-timeline-primary__title {
  padding: 0;
  margin: 0 0 2.1333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary__title {
    margin: 0 0 10px;
    font-size: 2.4rem;
  }
}
.m-timeline-primary__timerequired {
  display: block;
  padding: 0 2.1333333333vw;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 6.4vw;
  font-size: 1.1rem;
  line-height: 5.8666666667vw;
  font-weight: bold;
  text-align: center;
  color: #5697d5;
  border: 0.2666666667vw solid #5697d5;
  border-radius: 6.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary__timerequired {
    padding: 0 12px;
    height: 26px;
    font-size: 1.4rem;
    line-height: 24px;
    border: 1px solid #5697d5;
    border-radius: 26px;
  }
}
.m-timeline-primary__body {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary__body {
    display: flex;
    align-items: flex-start;
  }
}
.m-timeline-primary__image {
  display: block;
  padding: 0;
  margin: 0 auto 6.4vw;
  width: 63.7333333333vw;
  height: auto;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary__image {
    margin: 0;
    margin-right: 32px;
    width: 351px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.m-timeline-primary__image img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary__image img {
    border-radius: 4px;
  }
}
.m-timeline-primary__content {
  padding: 0;
  margin: 0;
}
.m-timeline-primary__content p:not(:last-child) {
  padding: 0;
  margin: 0;
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary__content p:not(:last-child) {
    margin-bottom: 24px;
  }
}

.m-timeline-primary-sub {
  display: block;
  padding: 0;
  margin: 0 auto 10.6666666667vw;
  width: 14.9333333333vw;
  height: 14.9333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  font-weight: bold;
  color: #5697d5;
  background-color: #ffffff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary-sub {
    margin: 0 auto 48px;
    width: 88px;
    height: 88px;
    font-size: 1.4rem;
  }
}

.m-timeline-primary-comment {
  display: block;
  padding: 8.5333333333vw 6.4vw;
  margin: 0 auto;
  background-color: #f8fcff;
  border-radius: 1.0666666667vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary-comment {
    padding: 32px 40px 40px;
    border-radius: 4px;
  }
}
.m-timeline-primary-comment:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary-comment:not(:last-child) {
    margin-bottom: 48px;
  }
}
.m-timeline-primary-comment dt {
  display: block;
  padding: 0;
  margin: 0 auto 6.4vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #86bce6;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary-comment dt {
    margin: 0 auto 24px;
    font-size: 2.4rem;
  }
}
.m-timeline-primary-comment dd {
  display: block;
  padding: 0;
  margin: 0;
}

.m-timeline-primary-balloon {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 42.6666666667vw;
  height: 23.4666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #86bce6;
  background-color: #f8fcff;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary-balloon {
    width: 360px;
    height: 88px;
    font-size: 1.6rem;
  }
}
.m-timeline-primary-balloon:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-primary-balloon:not(:last-child) {
    margin-bottom: 48px;
  }
}

/* --------------------------------------------------
タイムライン（Tertiary）
-------------------------------------------------- */
.m-timeline-tertiary__group {
  padding: 0;
  margin: 0 auto;
  position: relative;
}
.m-timeline-tertiary__group:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__group:not(:last-child) {
    margin-bottom: 56px;
  }
}
.m-timeline-tertiary__group::before {
  display: block;
  content: "";
  width: 0.2666666667vw;
  height: calc(100% - 2px);
  background-color: #d0a26e;
  position: absolute;
  top: 0.5333333333vw;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__group::before {
    width: 1px;
    height: calc(100% - 2px);
    top: 2px;
  }
}

.m-timeline-tertiary__block {
  padding: 0;
  padding-top: 7.4666666667vw;
  margin: 0;
  margin-bottom: 10.6666666667vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__block {
    padding-top: 44px;
    margin-bottom: 48px;
  }
}

.m-timeline-tertiary {
  padding: 13.3333333333vw 6.4vw 7.4666666667vw;
  margin: 0;
  background-color: #ffffff;
  border-radius: 1.0666666667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary {
    padding: 64px 40px 48px;
    border-radius: 4px;
  }
}
.m-timeline-tertiary__number {
  padding: 0;
  margin: 0;
  width: 14.9333333333vw;
  height: 14.9333333333vw;
  font-family: "EB Garamond", serif;
  font-size: 2.4rem;
  font-style: italic;
  color: #ffffff;
  background-color: #d0a26e;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  position: absolute;
  top: -7.4666666667vw;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__number {
    width: 88px;
    height: 88px;
    font-size: 3.6rem;
    top: -44px;
  }
}
.m-timeline-tertiary__header {
  padding: 0;
  margin: 0 0 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__header {
    margin: 0 0 32px;
  }
}
.m-timeline-tertiary__title {
  padding: 0;
  margin: 0 0 2.1333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__title {
    margin: 0 0 10px;
    font-size: 2.4rem;
  }
}
.m-timeline-tertiary__timerequired {
  display: block;
  padding: 0;
  padding: 0 2.1333333333vw;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 6.4vw;
  font-size: 1.1rem;
  line-height: 5.8666666667vw;
  font-weight: bold;
  text-align: center;
  color: #d0a26e;
  border: 0.2666666667vw solid #d0a26e;
  border-radius: 6.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__timerequired {
    padding: 0 12px;
    height: 26px;
    font-size: 1.4rem;
    line-height: 24px;
    border: 1px solid #d0a26e;
    border-radius: 26px;
  }
}
.m-timeline-tertiary__body {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__body {
    display: flex;
    align-items: flex-start;
  }
}
.m-timeline-tertiary__image {
  display: block;
  padding: 0;
  margin: 0 auto 6.4vw;
  width: 63.7333333333vw;
  height: auto;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__image {
    margin: 0;
    margin-right: 32px;
    width: 351px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.m-timeline-tertiary__image img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__image img {
    border-radius: 4px;
  }
}
.m-timeline-tertiary__content {
  padding: 0;
  margin: 0;
}
.m-timeline-tertiary__content p:not(:last-child) {
  padding: 0;
  margin: 0;
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary__content p:not(:last-child) {
    margin-bottom: 24px;
  }
}

.m-timeline-tertiary-sub {
  display: block;
  padding: 0;
  margin: 0 auto 10.6666666667vw;
  width: 14.9333333333vw;
  height: 14.9333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  font-weight: bold;
  color: #d0a26e;
  background-color: #ffffff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary-sub {
    margin: 0 auto 48px;
    width: 88px;
    height: 88px;
    font-size: 1.4rem;
  }
}

.m-timeline-tertiary-comment {
  display: block;
  padding: 8.5333333333vw 6.4vw;
  margin: 0 auto;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary-comment {
    padding: 32px 40px 40px;
  }
}
.m-timeline-tertiary-comment:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary-comment:not(:last-child) {
    margin-bottom: 48px;
  }
}
.m-timeline-tertiary-comment dt {
  display: block;
  padding: 0;
  margin: 0 auto 6.4vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #d0a26e;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary-comment dt {
    margin: 0 auto 24px;
    font-size: 2.4rem;
  }
}
.m-timeline-tertiary-comment dd {
  display: block;
  padding: 0;
  margin: 0;
}

.m-timeline-tertiary-balloon {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 42.6666666667vw;
  height: 23.4666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #f08282;
  background-color: #fcfbf9;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary-balloon {
    width: 360px;
    height: 88px;
    font-size: 1.6rem;
  }
}
.m-timeline-tertiary-balloon:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-timeline-tertiary-balloon:not(:last-child) {
    margin-bottom: 48px;
  }
}

/* --------------------------------------------------
アンカーリンク（PCだと横並びになる）
-------------------------------------------------- */
.m-navi-anchor-tabs {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 82.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-tabs {
    width: 100%;
  }
}
.m-navi-anchor-tabs ul {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-tabs ul {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }
}
.m-navi-anchor-tabs ul li {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 17.0666666667vw;
  border-top: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-tabs ul li {
    width: auto;
    height: auto;
    flex-grow: 1;
    flex-shrink: 1;
    border-top: none;
    border-left: 1px solid #dadce5;
  }
}
.m-navi-anchor-tabs ul li:last-of-type {
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-tabs ul li:last-of-type {
    border-bottom: none;
    border-right: 1px solid #dadce5;
  }
}
.m-navi-anchor-tabs ul li a {
  display: block;
  padding: 2.1333333333vw 3.2vw 2.1333333333vw 2.1333333333vw;
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
  color: #3f4960;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-tabs ul li a {
    padding: 8px 12px;
    font-size: 1.6rem;
    text-align: center;
    flex-direction: column;
  }
}
.m-navi-anchor-tabs ul li a::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-left: 2.1333333333vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-down-blue.svg) center
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-tabs ul li a::after {
    margin: 0;
    margin-top: 8px;
    width: 28px;
    height: 28px;
  }
}

/* --------------------------------------------------
アンカーリンク（PCでもリスト表示）
-------------------------------------------------- */
.m-navi-anchor-list {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 82.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-list {
    width: 100%;
  }
}
.m-navi-anchor-list ul {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-list ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.m-navi-anchor-list ul::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-list ul::after {
    width: 245px;
  }
}
.m-navi-anchor-list ul li {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 17.0666666667vw;
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-list ul li {
    height: 76px;
    border-bottom: 1px solid #dadce5;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .m-navi-anchor-list ul li:first-of-type {
    border-top: 0.2666666667vw solid #dadce5;
  }
}
.m-navi-anchor-list ul li a {
  display: block;
  padding: 2.1333333333vw 3.2vw 2.1333333333vw 2.1333333333vw;
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
  color: #3f4960;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-list ul li a {
    padding: 8px 0;
    font-size: 1.6rem;
  }
}
.m-navi-anchor-list ul li a::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-left: 2.1333333333vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-down-blue.svg) center
    no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-list ul li a::after {
    margin-left: 8px;
    width: 28px;
    height: 28px;
  }
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-list.is-2columns li {
    width: 387px;
  }
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-list.is-2columns li:nth-child(-n + 2) {
    border-top: 1px solid #dadce5;
  }
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-list.is-3columns li {
    width: 245px;
  }
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-list.is-3columns li:nth-child(-n + 3) {
    border-top: 1px solid #dadce5;
  }
}

/* --------------------------------------------------
アンカーリンク（テーブル表示）
-------------------------------------------------- */
.m-navi-anchor-table {
  border: 1px solid #dbdce4;
  border-bottom: 0;
  border-spacing: 0;
  background: #fff;
}
.m-navi-anchor-table dl {
  display: flex;
  border-bottom: 1px solid #dbdce4;
}
.m-navi-anchor-table dt,
.m-navi-anchor-table dd {
  padding: 1.8vw 2vw;
}
@media screen and (max-width: 768px) {
  .m-navi-anchor-table dt,
  .m-navi-anchor-table dd {
    padding: 5.2vw 3vw;
  }
}
.m-navi-anchor-table dt {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 25%;
  border-right: 1px solid #dbdce4;
  background: #f7f7fa;
}
@media screen and (max-width: 768px) {
  .m-navi-anchor-table dt {
    width: 20%;
  }
}
.m-navi-anchor-table dd {
  width: 100%;
}
.m-navi-anchor-table ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3vw 4vw;
}
@media screen and (max-width: 768px) {
  .m-navi-anchor-table ul {
    gap: 0.3vw 5vw;
  }
}
.m-navi-anchor-table a {
  text-decoration: none;
}

/* --------------------------------------------------
カテゴリー一覧
-------------------------------------------------- */
.m-category-list {
  display: block;
  padding: 0;
  margin: 0;
  /** ジュノビューティークリニックの脱毛について **/
}
.m-category-list:not(:last-child) {
  margin-bottom: 25.6vw;
}
@media screen and (min-width: 769px) {
  .m-category-list:not(:last-child) {
    margin-bottom: 120px;
  }
}
.m-category-list ul {
  display: block;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.m-category-list ul li {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 3.2vw;
  width: 43.2vw;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .m-category-list ul li {
    margin-bottom: 24px;
    width: 396px;
  }
}
.m-category-list.faq-group-faq-1 ul li {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-category-list.faq-group-faq-1 ul li {
    width: 396px;
  }
}

/* --------------------------------------------------
タブ切り替え
-------------------------------------------------- */
.m-tab-module {
  padding: 0;
  margin: 0;
}

.m-tab-group {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .m-tab-group {
    margin: 0 auto;
    width: 815px;
  }
}

.m-tab {
  position: relative;
  cursor: pointer;
  padding: 4.2666666667vw;
  margin: 0;
  width: auto;
  height: 19.7333333333vw;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  background-color: #ffffff;
  border-top: 0.2666666667vw solid #e6e8ee;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-tab {
    padding: 16px;
    height: 96px;
    font-size: 1.6rem;
    border-top: 1px solid #e6e8ee;
    border-right: 1px solid #e6e8ee;
  }
  .m-tab:first-of-type {
    border-left: 1px solid #e6e8ee;
  }
  .m-tab:hover {
    color: rgba(63, 73, 96, 0.5);
  }
}
@media screen and (max-width: 768px) {
  .m-tab {
    width: 25%;
    padding: 0 1vw;
    font-size: 3.3vw;
  }
  .m-tab:not(:last-of-type) {
    border-right: 0.2666666667vw solid #e6e8ee;
  }
}
.m-tab.js-active {
  font-weight: bold;
  color: #ffffff;
  background-color: #86bce6;
  border: 0.2666666667vw solid #86bce6;
}
@media screen and (min-width: 769px) {
  .m-tab.js-active {
    border: 1px solid #86bce6;
  }
  .m-tab.js-active:hover {
    color: #ffffff;
  }
}
.m-tab.js-active::after {
  display: block;
  content: "";
  margin-left: -3.2vw;
  border: 3.2vw solid transparent;
  border-top: 4.2666666667vw solid #86bce6;
  position: absolute;
  top: 100%;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .m-tab.js-active::after {
    margin-left: -12px;
    border: 12px solid transparent;
    border-top: 16px solid #86bce6;
  }
}

.m-tab-content-group {
  display: block;
  padding: 0;
  margin: 0;
  background-color: #f7f7f9;
}

.m-tab-content {
  display: none;
  padding: 13.3333333333vw 5.3333333333vw 11.2vw;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-tab-content {
    padding: 64px 20px 56px;
    margin: 0 auto;
    width: 815px;
  }
}
.m-tab-content.js-active {
  display: block;
}

.p-clinic-access-information-tab-module .m-tab {
  width: 50%;
  flex-grow: 0;
  flex-shrink: 0;
}

/* --------------------------------------------------
タブ型ナビゲーション
-------------------------------------------------- */
.m-navi-tab-group {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-navi-tab-group {
    width: 815px;
  }
}
.m-navi-tab-group ul {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .m-navi-tab-group ul {
    margin: 0 auto;
    width: 815px;
  }
}
.m-navi-tab-group ul li {
  display: block;
  padding: 0;
  margin: 0;
  width: 25%;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  color: #3f4960;
  background-color: #ffffff;
  border-top: 0.2666666667vw solid #e6e8ee;
  flex-grow: 1;
  flex-shrink: 1;
}
@media screen and (min-width: 769px) {
  .m-navi-tab-group ul li {
    font-size: 1.6rem;
    border-top: 1px solid #e6e8ee;
  }
}
.m-navi-tab-group ul li:not(:last-child) {
  border-right: 0.2666666667vw solid #e6e8ee;
}
@media screen and (min-width: 769px) {
  .m-navi-tab-group ul li:not(:last-child) {
    border-right: 1px solid #e6e8ee;
  }
}
@media screen and (min-width: 769px) {
  .m-navi-tab-group ul li:first-of-type {
    border-left: 1px solid #e6e8ee;
  }
}
@media screen and (min-width: 769px) {
  .m-navi-tab-group ul li:last-of-type {
    border-right: 1px solid #e6e8ee;
  }
}
.m-navi-tab-group ul li.is-current {
  font-weight: bold;
  border: none;
}
.m-navi-tab-group ul li a {
  display: block;
  padding: 3.2vw;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #3f4960;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-navi-tab-group ul li a {
    padding: 12px;
    height: 96px;
  }
}

/* --------------------------------------------------
ナビゲーション（アコーディオン型）
-------------------------------------------------- */
.m-navi-accordion {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
  background-color: #ffffff;
  border-top: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-navi-accordion {
    width: 815px;
    border-top: 1px solid #dadce5;
  }
}
.m-navi-accordion a,
.m-navi-accordion a:hover,
.m-navi-accordion a:visited,
.m-navi-accordion a:focus {
  color: #3f4960;
  text-decoration: none;
}
.m-navi-accordion__trigger {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-navi-accordion__trigger {
    border-bottom: 1px solid #dadce5;
  }
}
.m-navi-accordion__trigger_inner {
  padding: 4.2666666667vw 12.8vw 4.2666666667vw 2.1333333333vw;
  margin: 0;
  line-height: 1.8;
  font-weight: bold;
  color: #3f4960;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .m-navi-accordion__trigger_inner {
    padding: 24px 88px 24px 24px;
  }
}
.m-navi-accordion__trigger_inner::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-left: auto;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/icon-plus-blue.svg) center
    no-repeat;
  background-size: cover;
  flex-grow: 0;
  flex-shrink: 0;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-navi-accordion__trigger_inner::after {
    width: 32px;
    height: 32px;
    right: 32px;
  }
}
.m-navi-accordion__trigger_inner figure {
  display: block;
  padding: 0;
  margin: 0;
  margin-right: 3.2vw;
  width: 14.9333333333vw;
  height: 14.9333333333vw;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-navi-accordion__trigger_inner figure {
    margin-right: 20px;
    width: 96px;
    height: 96px;
  }
}
@media screen and (min-width: 769px) {
  .m-navi-accordion__trigger.js-active .m-navi-accordion__trigger_inner {
    opacity: 0.5;
  }
}
.m-navi-accordion__trigger.js-active .m-navi-accordion__trigger_inner::after {
  background: url(./juno_settings/img/common/icon-minus-blue.svg) center
    no-repeat;
  background-size: cover;
}
.m-navi-accordion__content {
  display: none;
}
.m-navi-accordion-menu-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.m-navi-accordion-menu-list li {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-navi-accordion-menu-list li {
    border-bottom: 1px solid #dadce5;
  }
}
.m-navi-accordion-menu-list a {
  display: block;
  padding: 6.4vw 12.8vw 6.4vw 4.2666666667vw;
  margin: 0;
  width: 100%;
  background-color: #f7f7f9;
  position: relative;
}
@media screen and (min-width: 769px) {
  .m-navi-accordion-menu-list a {
    padding: 32px 88px 32px 32px;
  }
}
.m-navi-accordion-menu-list a::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-right-blue.svg) center
    no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-navi-accordion-menu-list a::after {
    width: 32px;
    height: 32px;
    right: 32px;
  }
}

/* --------------------------------------------------
アコーディン（開くだけ）
-------------------------------------------------- */
.m-open-block {
  display: block;
  padding: 0;
  margin: 0 auto;
}
.m-open-block__trigger {
  cursor: pointer;
  display: block;
  padding: 0 4.2666666667vw;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #5697d5;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-open-block__trigger {
    padding: 0 16px;
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
  .m-open-block__trigger:hover .text {
    opacity: 0.5;
  }
}
.m-open-block__content {
  display: none;
  padding: 8.5333333333vw 0;
  margin: 0;
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-open-block__content {
    padding: 56px 0;
    border-bottom: 1px solid #dadce5;
  }
}
/* --------------------------------------------------
脱毛プランの料金表
-------------------------------------------------- */
/**********
* 一覧
**********/
.m-plan-list {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-plan-list {
    width: 100%;
  }
}
.m-plan-list:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-plan-list:not(:last-child) {
    margin-bottom: 96px;
  }
}
.m-plan-list ul li {
  width: 100%;
}

/**********
* モジュール
**********/
.m-plan {
  display: block;
  padding: 10.6666666667vw 6.4vw 8.5333333333vw;
  margin: 0 auto;
  width: 89.3333333333vw;
  background-color: #ffffff;
  border: 1px solid #dadce5;
  /* 全身 */
  /* 部分 */
}
@media screen and (min-width: 769px) {
  .m-plan {
    padding: 48px 40px;
    width: 100%;
  }
}
.m-plan__header {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 3.2vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-plan__header {
    margin-bottom: 36px;
    text-align: left;
  }
}
.m-plan__body {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-plan__body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.m-plan__footer {
  display: block;
  padding: 0;
  margin: 0;
  padding-top: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-plan__footer {
    padding-top: 24px;
  }
}
.m-plan__tax {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #5697d5;
}
@media screen and (min-width: 769px) {
  .m-plan__tax {
    font-size: 2rem;
  }
}
.m-plan__tax__black {
  line-height: 1.5;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  .m-plan__tax__black {
    font-size: 2rem;
  }
}
.m-plan__title {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  .m-plan__title {
    font-size: 3rem;
  }
}
.m-plan__name {
  margin: 14px 0 0;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  color: #86bce6;
}
@media screen and (min-width: 769px) {
  .m-plan__name {
    font-size: 2rem;
  }
}
.m-plan__image {
  display: block;
  padding: 0;
  margin: 0 auto 6.4vw;
  width: 53.3333333333vw;
  height: 53.3333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-plan__image {
    margin: 0;
    margin-right: 24px;
    width: 280px;
    height: 280px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.m-plan__image img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.m-plan__price {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-plan__price {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
.m-plan__price__default {
  display: flex;
  align-items: center;
  line-height: 1;
  font-family: "EB Garamond", serif;
}
.m-plan__price__default span {
  display: flex;
  align-items: center;
  padding: 0 10px;
  letter-spacing: 1px;
  color: #e55252;
}
.m-plan__price__default em {
  font-size: 2em;
}
.m-plan__annotation {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-top: 4.2666666667vw;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #8f96aa;
}
@media screen and (min-width: 769px) {
  .m-plan__annotation {
    margin-top: 16px;
  }
}
.m-plan .plan1,
.m-plan .plan2 {
  display: none;
}
.m-plan-all .plan-num {
  display: none;
}
.m-plan-all .plan1 {
  display: block;
}
.m-plan-parts .plan-monthly {
  display: none;
}
.m-plan-parts .plan2 {
  display: block;
}

.m-plan-default {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-plan-default {
    width: 100%;
  }
}
.m-plan-default:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-plan-default:not(:last-child) {
    margin-bottom: 32px;
  }
}

.m-plan-default {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-plan-default {
    width: 100%;
  }
}
.m-plan-default:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-plan-default:not(:last-child) {
    margin-bottom: 56px;
  }
}

.m-plan-summary,
.m-plan-simple {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-plan-summary,
  .m-plan-simple {
    width: 100%;
  }
}
.m-plan-summary:not(:last-child),
.m-plan-simple:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-plan-summary:not(:last-child),
  .m-plan-simple:not(:last-child) {
    margin-bottom: 56px;
  }
}
.m-plan-summary .m-plan,
.m-plan-simple .m-plan {
  border: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-plan-summary .m-plan,
  .m-plan-simple .m-plan {
    border: 1px solid #dadce5;
  }
}

.m-tab-content-group .m-plan-simple {
  width: 100%;
}
.m-tab-content-group .m-plan-simple .m-plan {
  width: 100%;
  padding: 5vw 4vw;
}

/* --------------------------------------------------
脱毛プランの割引料金表
-------------------------------------------------- */
/**********
* 一覧
**********/
.m-plan-discounted-list {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-plan-discounted-list {
    width: 100%;
  }
}
.m-plan-discounted-list:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-plan-discounted-list:not(:last-child) {
    margin-bottom: 56px;
  }
}

/**********
* モジュール
**********/
.m-plan-discounted__block {
  display: block;
  padding: 0;
  margin: 0;
}
.m-plan-discounted__block:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-plan-discounted__block:not(:last-child) {
    margin-bottom: 56px;
  }
}

.m-plan-discounted {
  display: block;
  padding: 7.4666666667vw 6.4vw;
  margin: 0 auto;
  width: 100%;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-plan-discounted {
    padding: 40px;
    border: 1px solid #dadce5;
    border-radius: 4px;
  }
}
.m-plan-discounted__header {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-plan-discounted__header {
    margin-bottom: 36px;
  }
}
.m-plan-discounted__body {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-plan-discounted__body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.m-plan-discounted__title {
  display: block;
  padding: 3.2vw 4.2666666667vw;
  margin: 0;
  margin-bottom: 5.3333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #3f4960;
  border-left: 0.2666666667vw solid #5697d5;
}
@media screen and (min-width: 769px) {
  .m-plan-discounted__title {
    padding: 12px 24px;
    margin-bottom: 32px;
    font-size: 2rem;
    border-left: 1px solid #5697d5;
  }
}
.m-plan-discounted__annotation {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-top: 4.2666666667vw;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #8f96aa;
}
@media screen and (min-width: 769px) {
  .m-plan-discounted__annotation {
    margin-top: 16px;
  }
}

/* --------------------------------------------------
パンクズ
-------------------------------------------------- */
.m-breadcrumb {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 8.5333333333vw;
  font-size: 1.1rem;
  line-height: 1.5;
  color: #8f96aa;
  background-color: #ffffff;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .m-breadcrumb {
    height: 40px;
    font-size: 1.2rem;
  }
}
.m-breadcrumb a {
  color: #8f96aa;
  text-decoration: none;
}
.m-breadcrumb a:hover,
.m-breadcrumb a:visited,
.m-breadcrumb a:focus,
.m-breadcrumb a:active {
  color: #8f96aa;
  text-decoration: none;
}
.m-breadcrumb ul {
  padding: 0;
  margin: 0 auto;
  width: 93.6vw;
  overflow-x: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .m-breadcrumb ul {
    width: 1100px;
    font-size: 1.2rem;
  }
}
.m-breadcrumb ul li {
  display: block;
  padding: 0;
  margin: 0;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.m-breadcrumb ul li:not(:last-child)::after {
  display: block;
  content: "";
  margin: 0 1.0666666667vw;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  background: url(./juno_settings/img/common/arrow-right-gray.svg) center
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .m-breadcrumb ul li:not(:last-child)::after {
    margin: 0 8px;
    width: 18px;
    height: 18px;
  }
}

/* --------------------------------------------------
スライダー
Swiperを利用
https://swiperjs.com
-------------------------------------------------- */
/**********
* スライダー
**********/
.m-slider {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .m-slider {
    width: 1100px;
  }
}
.m-slider .swiper {
  padding-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-slider .swiper {
    padding-bottom: 34px;
  }
}
.m-slider .swiper-wrapper {
  transition-timing-function: ease-in;
}

.m-slider-item {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-slider-item {
    width: 530px;
  }
}
.m-slider-item__caption {
  display: block;
  padding: 0;
  margin: 0;
}

/**********
* ナビゲーション
**********/
.swiper .m-slider-prev,
.swiper .m-slider-next,
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 0;
  margin: 0;
  width: 12.8vw;
  height: 12.8vw;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  top: calc((100% - 5.6vw) / 2);
}
@media screen and (min-width: 769px) {
  .swiper .m-slider-prev,
  .swiper .m-slider-next,
  .swiper .swiper-button-prev,
  .swiper .swiper-button-next {
    width: 72px;
    height: 72px;
    top: calc((100% - 34px) / 2);
  }
  .swiper .m-slider-prev:hover,
  .swiper .m-slider-next:hover,
  .swiper .swiper-button-prev:hover,
  .swiper .swiper-button-next:hover {
    background-color: #ffffff;
  }
}
.swiper .m-slider-prev::before,
.swiper .m-slider-next::before,
.swiper .swiper-button-prev::before,
.swiper .swiper-button-next::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .swiper .m-slider-prev::before,
  .swiper .m-slider-next::before,
  .swiper .swiper-button-prev::before,
  .swiper .swiper-button-next::before {
    width: 32px;
    height: 32px;
  }
}
.swiper .m-slider-prev::after,
.swiper .m-slider-next::after,
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after {
  display: none;
}
@media screen and (min-width: 769px) {
  .swiper .m-slider-prev,
  .swiper .swiper-button-prev {
    left: 143px;
  }
}
.swiper .m-slider-prev::before,
.swiper .swiper-button-prev::before {
  background: url(./juno_settings/img/common/arrow-left-blue.svg) center
    no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .swiper .m-slider-next,
  .swiper .swiper-button-next {
    right: 143px;
  }
}
.swiper .m-slider-next::before,
.swiper .swiper-button-next::before {
  background: url(./juno_settings/img/common/arrow-right-blue.svg) center
    no-repeat;
  background-size: cover;
}

/**********
* ページャー
**********/
.m-slider-pagination {
  bottom: -1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-slider-pagination {
    bottom: 0;
  }
}
.m-slider-pagination .swiper-pagination-bullet {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  background-color: #dadce5;
  border-radius: 100%;
  border: none;
  outline: none;
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .m-slider-pagination .swiper-pagination-bullet {
    margin: 0 8px !important;
    width: 12px;
    height: 12px;
  }
}
.m-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #86bce6;
}

/**************************************************
* 院内写真のスライダー
**************************************************/
/**********
* 院内写真
**********/
.m-clinic-photo-slider .swiper {
  padding-bottom: 11.7333333333vw;
}
@media screen and (min-width: 769px) {
  .m-clinic-photo-slider .swiper {
    padding-bottom: 72px;
  }
}
.m-clinic-photo-slider .m-slider-pagination {
  bottom: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-clinic-photo-slider .m-slider-pagination {
    bottom: 32px;
  }
}

/**********
* 院内写真のキャプション
**********/
.m-clinic-photo-caption-slider .swiper {
  padding-bottom: 0;
}

/* --------------------------------------------------
スタッフ一覧
-------------------------------------------------- */
.m-staff-list {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .m-staff-list {
    width: 100%;
  }
}
.m-staff-list:not(:last-child) {
  margin-bottom: 19.2vw;
}
@media screen and (min-width: 769px) {
  .m-staff-list:not(:last-child) {
    margin-bottom: 48px;
  }
}
.m-staff-list .m-staff {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 6.4vw;
  width: 42.9333333333vw;
  text-align: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .m-staff-list .m-staff:not(:nth-child(2n)) {
    margin-right: 3.4666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .m-staff-list .m-staff {
    margin-bottom: 48px;
    width: 179px;
  }
  .m-staff-list .m-staff:not(:nth-child(4n)) {
    margin-right: 33px;
  }
}
.m-staff-list .m-staff__photo {
  display: block;
  padding: 0;
  margin: 0 auto 4.2666666667vw;
  width: 32vw;
  height: 40vw;
  border-radius: 100%;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .m-staff-list .m-staff__photo {
    margin: 0 auto 16px;
    width: 140px;
    height: 175px;
  }
}
.m-staff-list .m-staff__department {
  display: block;
  padding: 0;
  margin: 0 auto 1.6vw;
  font-size: 1.2rem;
  line-height: 1.8;
  font-weight: bold;
  color: #8f96aa;
}
@media screen and (min-width: 769px) {
  .m-staff-list .m-staff__department {
    margin: 0 auto 6px;
  }
}
.m-staff-list .m-staff__name {
  display: block;
  padding: 0;
  margin: 0 auto;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  .m-staff-list .m-staff__name {
    font-size: 2rem;
  }
}

/* --------------------------------------------------
クリニック一覧
-------------------------------------------------- */
.m-clinic-list {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.m-clinic-list:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-clinic-list:not(:last-child) {
    margin-bottom: 56px;
  }
}
.m-clinic-list::after {
  display: block;
  content: "";
  width: 42.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-clinic-list::after {
    width: 245px;
  }
}
.m-clinic-list a {
  display: block;
  padding: 0;
  margin: 0;
  color: #5697d5;
  text-decoration: none;
}
.m-clinic-list a:hover,
.m-clinic-list a:visited,
.m-clinic-list a:focus,
.m-clinic-list a:active {
  color: #5697d5;
  text-decoration: none;
}
.m-clinic-list img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
.m-clinic-list li {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  width: 42.6666666667vw;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  color: #5697d5;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .m-clinic-list li {
    margin-bottom: 40px;
    width: 245px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}
.m-clinic-list .clinic-thumb {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 26.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .m-clinic-list .clinic-thumb {
    height: 151px;
  }
}
.m-clinic-list .clinic-name {
  padding: 3.2vw;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-clinic-list .clinic-name {
    padding: 16px;
  }
}

/* --------------------------------------------------
クリニックボックス（一覧）
-------------------------------------------------- */
.m-clinic-box-list {
  display: block;
  padding: 0;
  margin: 0 auto;
}
.m-clinic-box-list:not(:last-child) {
  margin-bottom: 25.6vw;
}
@media screen and (min-width: 769px) {
  .m-clinic-box-list:not(:last-child) {
    margin-bottom: 120px;
  }
}

.m-clinic-box {
  display: block;
  padding: 0;
  margin: 0 auto;
}
.m-clinic-box:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-clinic-box:not(:last-child) {
    margin-bottom: 96px;
  }
}
.m-clinic-box__title,
.m-clinic-box__free {
  margin: 0 0 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__title,
  .m-clinic-box__free {
    margin: 0 0 24px;
  }
}
@media screen and (max-width: 768px) {
  .m-clinic-box__title {
    margin: 0 0 4.6vw;
    padding: 0 0 3vw;
  }
}
.m-clinic-box__title__sub {
  padding: 16px 0 0;
  display: block;
  font-family:
    "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴシック", "Hiragino Sans",
    "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #8f96aa;
}
.m-clinic-box__news {
  display: block;
  padding: 0;
  margin: 0 auto 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__news {
    margin: 0 auto 56px;
  }
}
.m-clinic-box__news ul {
  display: block;
  padding: 0;
  margin: 0;
}
.m-clinic-box__news ul li {
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__news ul li {
    border-bottom: 1px solid #dadce5;
  }
}
.m-clinic-box__news ul li:first-of-type {
  border-top: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__news ul li:first-of-type {
    border-top: 1px solid #dadce5;
  }
}
.m-clinic-box__news ul li a {
  display: block;
  padding: 4.2666666667vw 0 4.2666666667vw 8vw;
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 1.3rem;
  line-height: 1.8;
  color: #5697d5;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__news ul li a {
    padding: 20px 0 20px 40px;
    font-size: 1.6rem;
  }
}
.m-clinic-box__news ul li a::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/icon-alert-primary.svg) center
    no-repeat;
  background-size: cover;
  position: absolute;
  top: 3.7333333333vw;
  left: 0;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__news ul li a::before {
    width: 32px;
    height: 32px;
    top: 16px;
  }
}
.m-clinic-box__image {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 8.5333333333vw;
  width: 89.3333333333vw;
  height: 55.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__image {
    margin-bottom: 40px;
    width: 530px;
    height: 328px;
  }
}
.m-clinic-box__image img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__image img {
    border-radius: 4px;
  }
}
.m-clinic-box__gallery {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__gallery .l-container-wide {
    margin-left: -142px;
  }
}
.m-clinic-box__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.m-clinic-box__wrap__image {
  flex-shrink: 0;
  width: 48%;
  height: auto;
  margin: 0 3.5vw 0 0;
}
@media screen and (max-width: 768px) {
  .m-clinic-box__wrap__image {
    width: 39%;
  }
}
.m-clinic-box__wrap__image img {
  border-radius: 5px;
}
.m-clinic-box__detail {
  width: 100%;
  margin: 0;
  line-height: 1.5;
}
.m-clinic-box__detail .c-note {
  padding: 0.5vw 0 0;
  line-height: 1.5;
  font-size: 0.9em;
}
@media screen and (max-width: 768px) {
  .m-clinic-box__detail .c-note {
    padding: 1vw 0 0;
  }
}
.m-clinic-box__root {
  margin: 0 0 2vw;
  font-weight: bold;
}
.m-clinic-box__time {
  margin: 2vw 0;
}
.m-clinic-box__address {
  display: flex;
  align-items: center;
  gap: 2vw;
}
@media screen and (max-width: 768px) {
  .m-clinic-box__address {
    gap: 1.5vw;
  }
}
.m-clinic-box__googlemap {
  flex-shrink: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #dadde4;
  border-radius: 4px;
  background: url(../juno_settings/img/access/ggmap.svg) no-repeat center;
  background-size: 72%;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__googlemap {
    margin-left: 5px;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 768px) {
  .m-clinic-box__googlemap {
    width: 8.6vw;
    height: 8.6vw;
  }
}
.m-clinic-box__googlemap a {
  display: block;
  height: 100%;
}
.m-clinic-box__alert {
  display: block;
  padding: 0;
  margin: 13.3333333333vw auto 0;
}
@media screen and (min-width: 769px) {
  .m-clinic-box__alert {
    margin: 24px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .m-clinic-box .c-definition:last-child {
    border-top: none;
  }
}
.m-clinic-box .c-definition:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .m-clinic-box__footer {
    padding: 4vw 0 0;
  }
}
@media screen and (min-width: 769px) {
  .m-clinic-box__footer {
    padding: 56px 0 0;
  }
}
.m-clinic-box__footer.flex_box {
  display: flex;
  justify-content: center;
}
.m-clinic-box__footer.flex_box a {
  width: 48%;
  height: 80px;
  margin: 0;
  text-align: center;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .m-clinic-box__footer.flex_box a {
    height: 17.666vw;
    font-size: 3.6vw;
  }
}
@media screen and (min-width: 769px) {
  .m-clinic-box__footer.flex_box a br {
    display: none;
  }
}
.m-clinic-box__footer.flex_box .c-btn-counseling:before {
  content: none;
}
.m-clinic-box__footer.space-between {
  justify-content: space-between;
}

/* --------------------------------------------------
バナー一覧
-------------------------------------------------- */
.m-banner-list {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-banner-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.m-banner-list a {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}
.m-banner-list a::before {
  pointer-events: none;
  display: none;
  content: "";
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .m-banner-list a:hover {
    opacity: 1;
  }
  .m-banner-list a:hover::before {
    display: block;
  }
}
.m-banner-list img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
.m-banner-list li {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-banner-list li {
    margin-bottom: 32px;
    width: 245px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .m-banner-list li:not(:nth-child(3n)) {
    margin-right: 40px;
  }
}

/* --------------------------------------------------
バナー一覧（AD）
-------------------------------------------------- */
.m-banner-ad-list {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  overflow-x: auto;
  overflow-y: hidden;
}
@media screen and (min-width: 769px) {
  .m-banner-ad-list {
    width: 1100px;
  }
}
.m-banner-ad-list__item {
  display: block;
  padding: 0;
  margin: 0;
  width: 74.4vw;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .m-banner-ad-list__item {
    width: 348px;
  }
}
.m-banner-ad-list__item:not(:last-child) {
  margin-right: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .m-banner-ad-list__item:not(:last-child) {
    margin-right: 28px;
  }
}
.m-banner-ad-list a {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}
.m-banner-ad-list a::before {
  pointer-events: none;
  display: none;
  content: "";
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 2.1333333333vw;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .m-banner-ad-list a::before {
    border-radius: 8px;
  }
}
@media screen and (min-width: 769px) {
  .m-banner-ad-list a:hover {
    opacity: 1;
  }
  .m-banner-ad-list a:hover::before {
    display: block;
  }
}
.m-banner-ad-list img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}

/* --------------------------------------------------
バナー一覧（AD）スライダー
Swiperを利用
https://swiperjs.com
-------------------------------------------------- */
/**********
* スライダー
**********/
.m-banner-ad-slider {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .m-banner-ad-slider {
    width: 1100px;
  }
}
.m-banner-ad-slider .swiper {
  height: 40vw;
  padding-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-banner-ad-slider .swiper {
    height: 190px;
    padding-bottom: 40px;
  }
}
.m-banner-ad-slider .swiper-wrapper {
  transition-timing-function: ease-in;
}

.m-banner-ad-slider__item {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  width: 74.4vw;
}
@media screen and (min-width: 769px) {
  .m-banner-ad-slider__item {
    width: 348px;
  }
}
@media screen and (max-width: 768px) {
  .m-banner-ad-slider__item:first-child {
    margin-left: 12.8vw;
  }
}
.m-banner-ad-slider__item a {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}
.m-banner-ad-slider__item a::before {
  pointer-events: none;
  display: none;
  content: "";
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 2.1333333333vw;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .m-banner-ad-slider__item a::before {
    border-radius: 8px;
  }
}
@media screen and (min-width: 769px) {
  .m-banner-ad-slider__item a:hover {
    opacity: 1;
  }
  .m-banner-ad-slider__item a:hover::before {
    display: block;
  }
}
.m-banner-ad-slider__item img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}

/**
* ページャー
**/
.m-banner-ad-slider .m-slider-pagination {
  bottom: -1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-banner-ad-slider .m-slider-pagination {
    bottom: -5px;
  }
}

/* --------------------------------------------------
ページャー
-------------------------------------------------- */
.m-pagination {
  padding: 0;
  margin: 0 auto;
}
.m-pagination ul {
  display: block;
  padding: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-pagination ul li {
  display: block;
  padding: 0;
  margin: 0 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .m-pagination ul li {
    margin: 0 8px;
  }
}
.m-pagination a.pager,
.m-pagination span.pager,
.m-pagination .prev,
.m-pagination .next {
  display: block;
  padding: 0;
  margin: 0;
  width: 12.8vw;
  height: 12.8vw;
  font-size: 1.4rem;
  line-height: 12.8vw;
  text-align: center;
  text-decoration: none;
  color: #86bce6;
  background-color: #fff;
  border: 0.2666666667vw solid #86bce6;
  border-radius: 100%;
}
@media screen and (min-width: 769px) {
  .m-pagination a.pager,
  .m-pagination span.pager,
  .m-pagination .prev,
  .m-pagination .next {
    width: 48px;
    height: 48px;
    font-size: 1.8rem;
    line-height: 48px;
    border: 1px solid #86bce6;
  }
}
.m-pagination a.pager.current,
.m-pagination span.pager.current,
.m-pagination .prev.current,
.m-pagination .next.current {
  color: #fff;
  background-color: #86bce6;
}
.m-pagination .prev {
  background: url(./juno_settings/img/common/arrow-left-blue.svg) center
    no-repeat;
  background-size: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-pagination .prev {
    background: url(./juno_settings/img/common/arrow-left-blue.svg) center
      no-repeat;
    background-size: 24px;
  }
}
.m-pagination .next {
  background: url(./juno_settings/img/common/arrow-right-blue.svg) center
    no-repeat;
  background-size: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-pagination .next {
    background: url(./juno_settings/img/common/arrow-right-blue.svg) center
      no-repeat;
    background-size: 24px;
  }
}

.m-pagination-pagenumber {
  padding: 0;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
}

/* --------------------------------------------------
カウンセリング予約
-------------------------------------------------- */
.m-reserve {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-reserve {
    width: 815px;
  }
}
.m-reserve:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-reserve:not(:last-child) {
    margin-bottom: 96px;
  }
}
.m-reserve p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-reserve p:not(:last-child) {
    margin-bottom: 24px;
  }
}
.m-reserve h4,
.m-reserve p.ishi {
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-reserve h4,
  .m-reserve p.ishi {
    margin-bottom: 24px;
    font-size: 2.4rem;
  }
}

/* --------------------------------------------------
監修者
-------------------------------------------------- */
.m-supervisor {
  display: block;
  padding: 6.4vw;
  margin: 0 auto;
  margin-bottom: 9.6vw;
  width: 89.3333333333vw;
  background-color: #f7f7f9;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-supervisor {
    padding: 40px;
    margin-bottom: 100px;
    width: 815px;
    border-radius: 4px;
  }
}
.m-supervisor__head {
  display: block;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .m-supervisor__head {
    align-items: center;
  }
}
.m-supervisor__head:not(:last-child) {
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .m-supervisor__head:not(:last-child) {
    margin-bottom: 24px;
  }
}
.m-supervisor__photo {
  display: block;
  padding: 0;
  margin: 0;
  width: 25.6vw;
  height: auto;
}
@media screen and (min-width: 769px) {
  .m-supervisor__photo {
    width: 160px;
  }
}
.m-supervisor__summary {
  display: block;
  padding: 0;
  margin: 0;
  width: 45.3333333333vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .m-supervisor__summary {
    width: 540px;
  }
}
.m-supervisor__summary p:not(:last-child) {
  margin-bottom: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-supervisor__summary p:not(:last-child) {
    margin-bottom: 8px;
  }
}
.m-supervisor__career {
  display: block;
  padding: 0;
  margin: 0;
}

/* --------------------------------------------------
フォーム
-------------------------------------------------- */
.m-form {
  display: block;
  padding: 0;
  margin: 0;
}
.m-form:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-form:not(:last-child) {
    margin-bottom: 96px;
  }
}
.m-form fieldset {
  display: block;
  padding: 0;
  margin: 0;
}
.m-form fieldset:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-form fieldset:not(:last-child) {
    margin-bottom: 56px;
  }
}

.m-form-parts {
  display: block;
  padding: 0;
  margin: 0;
}
.m-form-parts:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-form-parts:not(:last-child) {
    margin-bottom: 32px;
  }
}
.m-form-parts__label {
  padding: 0;
  margin: 0;
  margin-bottom: 3.2vw;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .m-form-parts__label {
    margin-bottom: 12px;
  }
}
.m-form-parts__input {
  padding: 0;
  margin: 0;
  /* エラー時 */
}
.m-form-parts__input:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .m-form-parts__input:not(:last-child) {
    margin-bottom: 12px;
  }
}
/* --------------------------------------------------
関連記事一覧　article配下
-------------------------------------------------- */
.m-relation-title {
  width: 940px;
  margin: 0 auto 14px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .m-relation-title {
    width: 89.3333333333vw;
  }
}

.m-relations-list {
  width: 940px;
  margin: 0 auto;
  border-top: 1px solid #dadce5;
}
@media screen and (max-width: 768px) {
  .m-relations-list {
    margin: 0 auto;
    width: 89.3333333333vw;
  }
}
.m-relations-list .m-relation-item {
  border-bottom: 1px solid #dadce5;
}
.m-relations-list .m-relation-item a {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  text-decoration: none;
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .m-relations-list .m-relation-item a {
    display: block;
  }
}
.m-relations-list .m-relation-item a:link {
  text-decoration: none;
}
.m-relations-list .m-relation-item a .m-relation-thum img {
  width: 300px;
  border-radius: 4px;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .m-relations-list .m-relation-item a .m-relation-thum img {
    width: 100%;
  }
}
.m-relations-list .m-relation-item a .m-relation-info-ttl {
  font-size: 17px;
  margin: 0 0 8px;
}
@media screen and (max-width: 768px) {
  .m-relations-list .m-relation-item a .m-relation-info-ttl {
    font-size: 4.8vw;
  }
}
.m-relations-list .m-relation-item a .m-relation-info-date {
  color: #b3b3b3;
  text-decoration: none;
}
.m-relations-list .m-relation-item a .m-relation-info-excerpt {
  color: #2f2f2f;
  margin-bottom: 3px;
  font-size: 13px;
}

/* --------------------------------------------------
フロートCTA
-------------------------------------------------- */
.m-floatcta {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1607843137);
  padding: 3.2vw 0;
  background: #fff;
}
.m-floatcta.f1,
.m-floatcta.f3 {
  padding: 1.2vw 0;
}
.m-floatcta.f2,
.m-floatcta.f4,
.m-floatcta.f5 {
  padding: 2.6vw 0;
}
.m-floatcta_close_btn {
  position: absolute;
  top: 0.5333333333vw;
  right: 0.5333333333vw;
}
.m-floatcta .m-float-2col {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.1333333333vw;
}
.m-floatcta ._b {
  font-weight: bold;
}
.m-floatcta .m-float001 {
  position: relative;
  font: normal normal bold 5.0666666667vw YuGothic;
  display: block;
  margin: 0 5.3333333333vw;
  border-radius: 2.1333333333vw;
  padding: 3.2vw 0 3.2vw 6.9333333333vw;
  background: url(./juno_settings/img/common/bg-btn-red.svg) center no-repeat;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.m-floatcta .m-float001::before {
  display: block;
  content: "";
  position: absolute;
  padding: 0;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 4vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/icon-calendar.svg) center no-repeat;
  background-size: 100%;
}
.m-floatcta .m-float001 ._s {
  font-size: 4vw;
}
.m-floatcta .m-float002-head {
  text-align: center;
  color: #3f4960;
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-weight: 800;
  margin-bottom: 2.1333333333vw;
}
.m-floatcta .m-float002_web,
.m-floatcta .m-float002_tel {
  position: relative;
  font-size: 4.5333333333vw;
  width: 46.9333333333vw;
  height: 17.0666666667vw;
  border-radius: 2.1333333333vw;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 3.7333333333vw;
}
.m-floatcta .m-float002_web .m-float002_inner,
.m-floatcta .m-float002_tel .m-float002_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.m-floatcta .m-float002_web .m-float002_icon,
.m-floatcta .m-float002_tel .m-float002_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6vw;
}
.m-floatcta .m-float002_web .m-float002_icon span,
.m-floatcta .m-float002_tel .m-float002_icon span {
  display: inline-block;
}
.m-floatcta .m-float002_web .m-float002_icon img,
.m-floatcta .m-float002_tel .m-float002_icon img {
  width: 4.8vw;
  height: auto;
  margin-right: 2.6666666667vw;
}
.m-floatcta .m-float002_web {
  background: url(./juno_settings/img/common/bg-btn-red.svg) center no-repeat;
}
.m-floatcta .m-float002_web ._s {
  font-size: 3.7333333333vw;
  display: inline-block;
}
.m-floatcta .m-float002_tel {
  background: url(./juno_settings/img/common/bg-btn-blue.svg) center no-repeat;
}
.m-floatcta .m-float002_tel ._s {
  font-size: 3.7333333333vw;
  display: inline-block;
}
.m-floatcta .m-float002_tel ._ss {
  font-size: 2.4vw;
}
.m-floatcta .m-float003 {
  position: relative;
  font: normal normal bold 5.0666666667vw YuGothic;
  display: block;
  margin: 2.6666666667vw 5.3333333333vw 0;
  border-radius: 3.2vw;
  padding: 3.2vw 0;
  background: url(./juno_settings/img/common/bg-btn-blue.svg) center no-repeat;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.m-floatcta .m-float003 ._s {
  font-size: 4vw;
}
.m-floatcta .m-float004-head {
  text-align: center;
  color: #3f4960;
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-weight: 800;
  margin-bottom: 2.1333333333vw;
}
.m-floatcta .m-float004_web,
.m-floatcta .m-float004_tel {
  position: relative;
  width: 46.9333333333vw;
  height: 17.0666666667vw;
  border-radius: 2.1333333333vw;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 800;
}
.m-floatcta .m-float004_web .m-float004_inner,
.m-floatcta .m-float004_tel .m-float004_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.m-floatcta .m-float004_web .m-float004_icon,
.m-floatcta .m-float004_tel .m-float004_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8vw;
}
.m-floatcta .m-float004_web .m-float004_icon span,
.m-floatcta .m-float004_tel .m-float004_icon span {
  display: inline-block;
}
.m-floatcta .m-float004_web .m-float004_icon img,
.m-floatcta .m-float004_tel .m-float004_icon img {
  width: 4.8vw;
  height: auto;
  margin-right: 2.6666666667vw;
}
.m-floatcta .m-float004_web {
  background: url(./juno_settings/img/common/bg-btn-blue.svg) center no-repeat;
  font-size: 3.7333333333vw;
  line-height: 4.8vw;
}
.m-floatcta .m-float004_web ._s {
  font-size: 3.4666666667vw;
  display: inline-block;
  color: #fbff98;
}
.m-floatcta .m-float004_tel {
  background: url(./juno_settings/img/common/bg-btn-red.svg) center no-repeat;
  font-size: 4.5333333333vw;
  line-height: 3.7333333333vw;
}
.m-floatcta .m-float004_tel ._s {
  font-size: 3.7333333333vw;
  display: inline-block;
}
.m-floatcta .m-float004_tel ._ss {
  font-size: 2.4vw;
}
.m-floatcta .m-float005-head {
  text-align: center;
  color: #3f4960;
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-weight: 800;
  margin-bottom: 2.1333333333vw;
}
.m-floatcta .m-float005_plan,
.m-floatcta .m-float005_web {
  position: relative;
  width: 46.9333333333vw;
  height: 17.0666666667vw;
  border-radius: 2.1333333333vw;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 800;
}
.m-floatcta .m-float005_plan .m-float005_inner,
.m-floatcta .m-float005_web .m-float005_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.m-floatcta .m-float005_plan .m-float005_icon,
.m-floatcta .m-float005_web .m-float005_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8vw;
}
.m-floatcta .m-float005_plan .m-float005_icon span,
.m-floatcta .m-float005_web .m-float005_icon span {
  display: inline-block;
}
.m-floatcta .m-float005_plan .m-float005_icon img,
.m-floatcta .m-float005_web .m-float005_icon img {
  width: 4.8vw;
  height: auto;
  margin-right: 2.6666666667vw;
}
.m-floatcta .m-float005_plan {
  background: url(./juno_settings/img/common/bg-btn-blue.svg) center no-repeat;
  font-size: 3.7333333333vw;
  line-height: 4.8vw;
}
.m-floatcta .m-float005_plan ._s {
  font-size: 3.4666666667vw;
  display: inline-block;
  color: #fbff98;
}
.m-floatcta .m-float005_web {
  background: url(./juno_settings/img/common/bg-btn-red.svg) center no-repeat;
  font-size: 4.5333333333vw;
  line-height: 4.8vw;
}
.m-floatcta .m-float005_web ._s {
  font-size: 3.7333333333vw;
  display: inline-block;
}
.m-floatcta .m-float005_web ._ss {
  font-size: 2.4vw;
}
.m-floatcta .m-float006 {
  position: relative;
  display: block;
  margin: 0 5.3333333333vw;
  padding: 3vw 0;
  border-radius: 3.2vw;
  background: url(../juno_settings/img/common/bg-btn-blue.svg) center no-repeat;
  background-size: cover;
  font: normal normal bold 5.0666666667vw YuGothic;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.m-floatcta .m-float006:before {
  display: block;
  content: "";
  position: absolute;
  padding: 0;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 4vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(../juno_settings/img/common/icon-phone.svg) center no-repeat;
  background-size: 100%;
}
.m-floatcta .m-float006 ._s {
  font-size: 4vw;
}

/* --------------------------------------------------
クリニック診断チャート
-------------------------------------------------- */
.shindan_chart {
  padding: 8.5333333333vw 4.2666666667vw;
  border-radius: 2.4vw;
  text-align: center;
  background: #ceebf4;
  /*--- head ---*/
  /*--- body ---*/
}
@media screen and (min-width: 769px) {
  .shindan_chart {
    padding: 32px 16px;
    border-radius: 9px;
  }
}
.shindan_chart__icon {
  margin: auto;
}
@media screen and (max-width: 768px) {
  .shindan_chart__icon {
    width: 64.8vw;
  }
}
.shindan_chart__title {
  padding: 2.1333333333vw 0;
  font-size: 4.8vw;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .shindan_chart__title {
    padding: 10px 0;
    font-size: 2.5rem;
  }
}
.shindan_chart__intro {
  margin: 0 0 14px;
  line-height: 1.6;
  font-size: 3.2vw;
}
@media screen and (min-width: 769px) {
  .shindan_chart__intro {
    font-size: 1.4rem;
  }
}
.shindan_chart__bord {
  padding: 4.2666666667vw;
  background: #fff;
  /*--- 結果 ---*/
}
@media screen and (min-width: 769px) {
  .shindan_chart__bord {
    padding: 24px;
  }
}
.shindan_chart__bord .progress {
  display: flex;
  align-items: center;
  width: 200px;
  height: 30px;
  margin: 0 auto 24px;
  background: url("img/chert/progress.png") no-repeat center;
  background-size: 180px;
}
.shindan_chart__bord .progress span {
  padding: 0 10px;
  border-radius: 50px;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #5697d5;
}
.shindan_chart__bord .progress span:nth-child(1) {
  margin-left: -10px;
}
.shindan_chart__bord .progress span:nth-child(2) {
  margin-left: 33px;
}
.shindan_chart__bord .progress span:nth-child(3) {
  margin-left: 75px;
}
.shindan_chart__bord .progress span:nth-child(4) {
  margin-left: 116px;
}
.shindan_chart__bord .progress span:nth-child(5) {
  padding: 0;
  margin: 0 4px 0 auto;
  font-size: 1.2em;
  color: #3cacd2;
  background: #fff;
}
.shindan_chart__bord .text_wrap {
  margin: 0 0 4.8vw;
  padding: 0 0 3.7333333333vw;
  border-bottom: 1px dashed #3cacd2;
}
@media screen and (min-width: 769px) {
  .shindan_chart__bord .text_wrap {
    margin: 0 0 20px;
    padding: 0 0 18px;
  }
}
.shindan_chart__bord .question_text {
  font-size: 4.2666666667vw;
  font-weight: bold;
  color: #3cacd2;
}
@media screen and (min-width: 769px) {
  .shindan_chart__bord .question_text {
    font-size: 1.8rem;
  }
}
.shindan_chart__bord .answer_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shindan_chart__bord .answer_text [class^="answer"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48%;
  min-height: 21.3333333333vw;
  padding: 4.2666666667vw;
  border-radius: 8px;
  line-height: 1.5;
  font-size: 3.7333333333vw;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
  background: #ff8c9b;
}
@media screen and (min-width: 769px) {
  .shindan_chart__bord .answer_text [class^="answer"] {
    width: 49%;
    min-height: 80px;
    padding: 28px 12px;
    font-size: 16px;
  }
}
.shindan_chart__bord .answer_text [class^="answer"]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .shindan_chart__bord .result_text {
    font-size: 3.2vw;
  }
}
.shindan_chart__bord #result_baloon {
  max-width: 45.3333333333vw;
  margin: 0 auto 1.0666666667vw;
  border-radius: 4.2666666667vw;
  border: 1px solid #3cacd2;
  line-height: 1.4;
  font-size: 2.6666666667vw;
  color: #3cacd2;
  position: relative;
}
@media screen and (min-width: 769px) {
  .shindan_chart__bord #result_baloon {
    max-width: 500px;
    margin-bottom: 12px;
    border-radius: 16px;
    line-height: 42px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .shindan_chart__bord #result_baloon {
    padding: 3.2vw;
  }
}
.shindan_chart__bord #result_baloon:before {
  content: "";
  width: 8px;
  height: 8px;
  margin: auto;
  border-right: 1px solid #3cacd2;
  border-bottom: 1px solid #3cacd2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  transform: rotate(45deg);
  background: #fff;
}
.shindan_chart__bord .clinic_wrap {
  display: flex;
  flex-flow: column;
}
.shindan_chart__bord .c-box-anken {
  text-align: left;
  margin: 14px 0;
  border: 1px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .shindan_chart__bord .c-box-anken [class*="num"] {
    padding: 4.2666666667vw 3.2vw;
  }
}
.shindan_chart__bord .c-box-anken__head {
  margin: 0;
  padding: 12px 0 6px 12px;
  font-weight: 600;
  background: #f5fcff;
  top: 0;
}
.shindan_chart__bord .c-box-anken .num1,
.shindan_chart__bord .c-box-anken .num2,
.shindan_chart__bord .c-box-anken .num3 {
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .shindan_chart__bord .c-box-anken .num1,
  .shindan_chart__bord .c-box-anken .num2,
  .shindan_chart__bord .c-box-anken .num3 {
    padding-left: 52px;
    background-position: 12px 8px;
    background-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .shindan_chart__bord .c-box-anken .num1,
  .shindan_chart__bord .c-box-anken .num2,
  .shindan_chart__bord .c-box-anken .num3 {
    padding-left: 12.8vw;
    background-position: 2.6666666667vw 2.1333333333vw;
    background-size: 8.5333333333vw;
  }
}
.shindan_chart__bord .c-box-anken .num1 {
  background-image: url("img/chert/rank1.svg");
}
.shindan_chart__bord .c-box-anken .num2 {
  background-image: url("img/chert/rank2.svg");
}
.shindan_chart__bord .c-box-anken .num3 {
  background-image: url("img/chert/rank3.svg");
}
.shindan_chart__bord .c-box-anken__title {
  font-size: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  .shindan_chart__bord .c-box-anken__title {
    font-size: 2rem;
  }
}
.shindan_chart__bord .c-box-anken__subttl {
  position: relative;
  margin: 0 0 8px;
  padding-left: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #787878;
}
.shindan_chart__bord .c-box-anken__subttl::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #3cacd2;
  position: absolute;
  top: 4px;
  left: 0;
}
.shindan_chart__bord .c-box-anken__body {
  padding: 16px;
}
@media screen and (min-width: 769px) {
  .shindan_chart__bord .c-box-anken__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .shindan_chart__bord .c-box-anken__body > div {
    width: 48.5%;
  }
}
.shindan_chart__bord .c-box-anken__feature__list {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .shindan_chart__bord .c-box-anken__feature__list {
    margin-bottom: 3.2vw;
  }
}
.shindan_chart__bord .c-box-anken li {
  padding: 8px 12px;
  font-size: 1.4rem;
  border: 1px solid #3cacd2;
  text-align: center;
  line-height: 1.2;
  color: #3cacd2;
  background: #fff;
}
.shindan_chart__bord .c-box-anken li:not(:last-child) {
  margin: 0 0 8px;
}
.shindan_chart__bord .c-btn_cta {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .shindan_chart__bord .c-btn_cta {
    margin: 0;
    max-width: 480px;
  }
}
@media screen and (max-width: 768px) {
  .shindan_chart__bord .c-btn_cta {
    margin-top: 3.7333333333vw;
  }
}
.shindan_chart__bord .c-btn_cta a {
  position: relative;
  color: #fff;
  background: #ff8c9b;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 14px 24px;
}
.shindan_chart__bord .c-btn_cta a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 6%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) translateY(-60%);
}
.shindan_chart__bord .c-btn_cta__cap {
  text-align: center;
  font-weight: bold;
  color: #5697d5;
}
@media screen and (max-width: 768px) {
  .shindan_chart__bord .c-btn_cta__cap {
    font-size: 3.2vw;
  }
}
.shindan_chart #retrybtn {
  max-width: 480px;
  margin: 8vw auto 0;
  line-height: 14.9333333333vw;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  background: #3cacd2;
}
@media screen and (min-width: 769px) {
  .shindan_chart #retrybtn {
    margin-top: 30px;
    line-height: 56px;
  }
}
.shindan_chart #retrybtn:after {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: 6%;
  transform: rotate(45deg) translateY(-60%);
  transition: 0.3s;
}
.shindan_chart #retrybtn:hover {
  opacity: 0.8;
}
.shindan_chart #retrybtn:hover:after {
  right: 5%;
}

/** 共通コンテンツ **/
/* --------------------------------------------------
投稿なしコンテンツ
-------------------------------------------------- */
.m-none {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 25.6vw;
  width: 89.3333333333vw;
  font-family: "Shippori Mincho", serif;
}
@media screen and (min-width: 769px) {
  .m-none {
    margin-bottom: 120px;
    width: 815px;
  }
}
.m-none__title {
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .m-none__title {
    font-size: 4.4rem;
  }
}
.m-none__title:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-none__title:not(:last-child) {
    margin-bottom: 32px;
  }
}

/* --------------------------------------------------
共通コンテンツ
脱毛効果や回数が気になる方へ
-------------------------------------------------- */
.m-interested {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-interested {
    width: 815px;
  }
}
.m-interested:not(:last-child) {
  margin-bottom: 25.6vw;
}
@media screen and (min-width: 769px) {
  .m-interested:not(:last-child) {
    margin-bottom: 96px;
  }
}
.m-interested__photo {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
.m-interested__photo:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-interested__photo:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-interested__photo img {
  display: block;
  width: 100%;
  height: auto;
}
.m-interested__figure {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-interested__figure {
    width: 530px;
  }
}
.m-interested__figure:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-interested__figure:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-interested__figure img {
  display: block;
  width: 100%;
  height: auto;
}
.m-interested__text {
  display: block;
  padding: 0;
  margin: 0 auto;
}
.m-interested__text:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-interested__text:not(:last-child) {
    margin-bottom: 56px;
  }
}
.m-interested__text p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-interested__text p:not(:last-child) {
    margin-bottom: 24px;
  }
}
.m-interested__counseling {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
.m-interested__counseling h4 {
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-interested__counseling h4 {
    margin-bottom: 24px;
    font-size: 2.4rem;
  }
}

/* --------------------------------------------------
共通コンテンツ
ジュノビューティークリニックが医療脱毛で選ばれる理由
-------------------------------------------------- */
.m-reasons-group {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-reasons-group {
    width: 815px;
  }
}
.m-reasons-group__introduction {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m-reasons-group__introduction {
    margin-bottom: 40px;
  }
}
.m-reasons-group__introduction p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-reasons-group__introduction p:not(:last-child) {
    margin-bottom: 24px;
  }
}

.m-reasons {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-reasons {
    width: 815px;
  }
}
.m-reasons:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-reasons:not(:last-child) {
    margin-bottom: 96px;
  }
}
.m-reasons__body {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-reasons__body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.m-reasons__body:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-reasons__body:not(:last-child) {
    margin-bottom: 56px;
  }
}
.m-reasons__image {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-reasons__image {
    width: 391px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.m-reasons__image img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-reasons__image img {
    border-radius: 4px;
  }
}
.m-reasons__text {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .m-reasons__text {
    width: 391px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.m-reasons__counseling {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 6.4vw;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-reasons__counseling {
    margin-bottom: 40px;
  }
}
.m-reasons p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-reasons p:not(:last-child) {
    margin-bottom: 24px;
  }
}

/* --------------------------------------------------
共通コンテンツ
ジュノビューティークリニックへようこそ
-------------------------------------------------- */
.m-welcome {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-welcome {
    width: 815px;
  }
}
.m-welcome:not(:last-child) {
  margin-bottom: 25.6vw;
}
@media screen and (min-width: 769px) {
  .m-welcome:not(:last-child) {
    margin-bottom: 96px;
  }
}
.m-welcome__photo {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-welcome__photo {
    width: 530px;
  }
}
.m-welcome__photo:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-welcome__photo:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-welcome__photo img {
  display: block;
  width: 100%;
  height: auto;
}
.m-welcome__text {
  display: block;
  padding: 0;
  margin: 0 auto;
}
.m-welcome__text:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-welcome__text:not(:last-child) {
    margin-bottom: 56px;
  }
}
.m-welcome__text p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-welcome__text p:not(:last-child) {
    margin-bottom: 24px;
  }
}
.m-welcome__counseling {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
.m-welcome__counseling h4 {
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-welcome__counseling h4 {
    margin-bottom: 24px;
    font-size: 2.4rem;
  }
}

/* --------------------------------------------------
共通コンテンツ
なぜこの価格で医療脱毛を提供できるのか
-------------------------------------------------- */
.m-why-price {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .m-why-price {
    width: 815px;
  }
}
.m-why-price:not(:last-child) {
  margin-bottom: 25.6vw;
}
@media screen and (min-width: 769px) {
  .m-why-price:not(:last-child) {
    margin-bottom: 96px;
  }
}
.m-why-price__photo {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-why-price__photo {
    width: 530px;
  }
}
.m-why-price__photo:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-why-price__photo:not(:last-child) {
    margin-bottom: 40px;
  }
}
.m-why-price__photo img {
  display: block;
  width: 100%;
  height: auto;
}
.m-why-price__text {
  display: block;
  padding: 0;
  margin: 0 auto;
}
.m-why-price__text:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-why-price__text:not(:last-child) {
    margin-bottom: 56px;
  }
}
.m-why-price__text p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-why-price__text p:not(:last-child) {
    margin-bottom: 24px;
  }
}
.m-why-price__counseling {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
.m-why-price__counseling h4 {
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-why-price__counseling h4 {
    margin-bottom: 24px;
    font-size: 2.4rem;
  }
}

/* --------------------------------------------------
Typography
-------------------------------------------------- */
/**********
* ベース設定
**********/
html {
  font-size: 62.25%;
  font-size: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  html {
    font-size: 10px;
  }
}

body {
  font-family:
    "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴシック", "Hiragino Sans",
    "メイリオ", "Meiryo", sans-serif;
  font-size: 1.3rem;
  line-height: 2;
  font-weight: normal;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  body {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}

/**********
* タイトル
**********/
.c-h1 {
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-h1 {
    font-size: 4.4rem;
  }
}

.c-h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-h2 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 769px) {
  .c-h2 {
    margin-bottom: 56px;
  }
}

.c-h2-deco {
  padding: 0;
  margin: 0;
  padding-bottom: 5.8666666667vw;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  background: url(./juno_settings/img/common/bg-h2-sp.svg) left bottom no-repeat;
  background-size: 89.3333333333vw auto;
}
@media screen and (min-width: 769px) {
  .c-h2-deco {
    font-size: 3rem;
  }
}
@media screen and (min-width: 769px) {
  .c-h2-deco {
    padding-bottom: 35px;
    margin-bottom: 56px;
    background: url(./juno_settings/img/common/bg-h2-pc.svg) left bottom
      no-repeat;
    background-size: 400px auto;
  }
}

.c-h3 {
  padding: 0;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-h3 {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .c-h3 {
    margin-bottom: 32px;
  }
}

.c-h3-deco {
  padding: 0;
  margin: 0;
  padding-bottom: 3.2vw;
  margin-bottom: 6.4vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 0.2666666667vw solid #5697d5;
}
@media screen and (min-width: 769px) {
  .c-h3-deco {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .c-h3-deco {
    padding-bottom: 20px;
    margin-bottom: 32px;
    border-bottom: 1px solid #5697d5;
  }
}

.c-h3-deco-center {
  padding: 0;
  margin: 0;
  padding-bottom: 5.3333333333vw;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 0.2666666667vw solid #5697d5;
}
@media screen and (min-width: 769px) {
  .c-h3-deco-center {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .c-h3-deco-center {
    padding-bottom: 20px;
    margin-bottom: 32px;
    text-align: center;
    border-bottom: 1px solid #5697d5;
  }
}

.c-h4 {
  padding: 0;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-h4 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-h4 {
    margin-bottom: 32px;
  }
}

.c-h4-deco-bg {
  padding: 3.2vw 4.2666666667vw;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  background-color: #e7f6ff;
  border-left: 0.2666666667vw solid #5697d5;
}
@media screen and (min-width: 769px) {
  .c-h4-deco-bg {
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-h4-deco-bg {
    padding: 12px 24px;
    margin-bottom: 32px;
    border-left: 1px solid #5697d5;
  }
}

.c-h4-deco {
  padding: 0;
  padding-left: 4.2666666667vw;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  border-left: 0.2666666667vw solid #5697d5;
}
@media screen and (min-width: 769px) {
  .c-h4-deco {
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-h4-deco {
    padding-left: 24px;
    margin-bottom: 32px;
    border-left: 1px solid #5697d5;
  }
}

.c-h5 {
  padding: 0;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-h5 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-h5 {
    margin-bottom: 32px;
  }
}

/**********
* 注釈
**********/
.c-note {
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #8f96aa;
}
.c-note:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-note:not(:last-child) {
    margin-bottom: 32px;
  }
}
.c-note li {
  padding: 0;
  margin: 0;
  list-style: none;
}

/**********
* マーカーライン
**********/
.c-line-primary {
  background: linear-gradient(transparent 60%, #86bce6 60%);
}

.c-line-secondary {
  background: linear-gradient(transparent 60%, #ffadb7 60%);
}

.c-line-tertiary {
  background: linear-gradient(transparent 60%, #ffbd41 60%);
}

/* --------------------------------------------------
ブロック類
-------------------------------------------------- */
.c-block {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-block {
    width: 100%;
  }
}
.c-block:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .c-block:not(:last-child) {
    margin-bottom: 96px;
  }
}
.c-block p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-block p:not(:last-child) {
    margin-bottom: 24px;
  }
}
.c-block p + h3 {
  margin-top: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .c-block p + h3 {
    margin-top: 56px;
  }
}
.c-block p + h4 {
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .c-block p + h4 {
    margin-top: 40px;
  }
}

/* --------------------------------------------------
ボックス類
-------------------------------------------------- */
/**********
* テキストボックス
**********/
.c-box-text {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-box-text {
    width: 100%;
  }
}
.c-box-text:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-box-text:not(:last-child) {
    margin-bottom: 40px;
  }
}
.c-box-text p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-box-text p:not(:last-child) {
    margin-bottom: 24px;
  }
}
.c-box-text p + h3 {
  margin-top: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .c-box-text p + h3 {
    margin-top: 56px;
  }
}

/**********
* ボタンボックス
**********/
.c-box-btn {
  display: block;
  padding: 0;
  margin: 0 auto;
}
.c-box-btn:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-box-btn:not(:last-child) {
    margin-bottom: 40px;
  }
}
.c-box-btn__wrap {
  margin: 12.8vw auto 0;
}
@media screen and (min-width: 769px) {
  .c-box-btn__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 60px auto 0;
  }
  .c-box-btn__wrap .c-box-btn {
    margin: 0;
  }
  .c-box-btn__wrap.col3 .c-box-btn {
    width: 31%;
  }
}
.c-box-btn__wrap .m_copy {
  width: 100%;
}

/* --------------------------------------------------
動画
-------------------------------------------------- */
.c-movie {
  display: block;
  padding: 0;
  margin: 0 auto;
}
.c-movie:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-movie:not(:last-child) {
    margin-bottom: 40px;
  }
}
.c-movie video {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}

/* --------------------------------------------------
ボタン
-------------------------------------------------- */
/**********
* CV（カウンセリング予約）ボタン
**********/
.m_copy {
  font-family: "Shippori Mincho", serif;
  text-align: center;
  font-size: 4.2666666667vw;
  font-weight: bold;
  margin-bottom: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  .m_copy {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.features_box {
  position: relative;
  font: normal normal bold 18px/32px Noto Sans CJK JP;
  width: 100%;
  max-width: 89.3333333333vw;
  margin: 60px auto 0;
}
@media screen and (min-width: 769px) {
  .features_box {
    width: 815px;
  }
}
.features_box .features_box_head {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background: #748eb9;
  border-radius: 23px;
  padding: 4px 20px;
  color: #fff;
  font-size: 3.4666666667vw;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .features_box .features_box_head {
    font-size: 18px;
  }
}
.features_box .features_box_content {
  background: #f7f7f9;
  border: 1px solid #748eb9;
  border-radius: 4px;
  font: normal normal normal 16px/29px Noto Sans CJK JP;
  font-size: 3.4666666667vw;
  padding: 13.3333333333vw 10.6666666667vw 10.6666666667vw;
}
.features_box .features_box_content ul li {
  list-style: disc;
}
.features_box .features_box_content ul li ._w {
  font-weight: bold;
}
.features_box .features_box_content ul li ._u {
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .features_box .features_box_content {
    font-size: 16px;
    padding: 50px 40px 40px;
  }
}

.c-btn-counseling,
.c-btn-counseling2 {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 25.6vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background: #f08282 url(./juno_settings/img/common/bg-btn-counseling.svg)
    center no-repeat;
  background-size: cover;
  border-radius: 2.1333333333vw;
  box-shadow: 0 0.5333333333vw 2.1333333333vw rgba(63, 73, 96, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .c-btn-counseling,
  .c-btn-counseling2 {
    width: 100%;
    max-width: 400px;
    height: 120px;
    font-size: 1.8rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(63, 73, 96, 0.2);
  }
}
.c-btn-counseling:hover,
.c-btn-counseling:visited,
.c-btn-counseling:focus,
.c-btn-counseling:active,
.c-btn-counseling2:hover,
.c-btn-counseling2:visited,
.c-btn-counseling2:focus,
.c-btn-counseling2:active {
  opacity: 0.8;
  transition: 0.2s;
  color: #ffffff;
  text-decoration: none;
}
.c-btn-counseling:not(:last-child),
.c-btn-counseling2:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-counseling:not(:last-child),
  .c-btn-counseling2:not(:last-child) {
    margin-bottom: 32px;
  }
}
.c-btn-counseling::before,
.c-btn-counseling2::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-bottom: 1.0666666667vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/icon-calendar.svg) center no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .c-btn-counseling::before,
  .c-btn-counseling2::before {
    margin-bottom: 8px;
    width: 32px;
    height: 32px;
  }
}

.c-btn-counseling__text {
  margin: 0 0 10px !important;
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 4.267vw;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-btn-counseling__text {
    font-size: 20px;
  }
}
.c-btn-counseling.red,
.c-btn-counseling.green,
.c-btn-counseling.blue {
  flex-direction: row;
  width: 100%;
  height: 30vw;
  padding: 0 0 5px;
  box-shadow: none;
  line-height: 1.4;
  font-size: 5vw;
}
@media screen and (min-width: 769px) {
  .c-btn-counseling.red,
  .c-btn-counseling.green,
  .c-btn-counseling.blue {
    width: 400px;
    height: 135px;
    font-size: 2.4rem;
  }
}
.c-btn-counseling.red:not(:last-child),
.c-btn-counseling.green:not(:last-child),
.c-btn-counseling.blue:not(:last-child) {
  margin-bottom: 0;
}
.c-btn-counseling.red:before,
.c-btn-counseling.green:before,
.c-btn-counseling.blue:before {
  width: 10.667vw;
  height: 10.667vw;
  margin: 0 4vw 0 0;
}
@media screen and (min-width: 769px) {
  .c-btn-counseling.red:before,
  .c-btn-counseling.green:before,
  .c-btn-counseling.blue:before {
    width: 40px;
    height: 40px;
    margin: 0 15px 0 0;
  }
}
.c-btn-counseling.red > span span,
.c-btn-counseling.green > span span,
.c-btn-counseling.blue > span span {
  display: block;
}
.c-btn-counseling.red {
  background: url(./juno_settings/img/common/bg-btn-reservation-red.png)
    no-repeat center;
  background-size: 105%;
}
.c-btn-counseling.red > span {
  line-height: 1.5;
}
.c-btn-counseling.red > span span {
  font-size: 0.7em;
}
.c-btn-counseling.green {
  background: url(./juno_settings/img/common/bg-btn-reservation-green.png)
    no-repeat center;
  background-size: 105%;
}
.c-btn-counseling.green:before {
  background: url(./juno_settings/img/common/icon-balloon.png) no-repeat;
  background-size: 100%;
}
.c-btn-counseling.blue {
  background: url(./juno_settings/img/common/bg-btn-reservation-blue.png)
    no-repeat center;
  background-size: 105%;
}
.c-btn-counseling.blue:before {
  background: url(./juno_settings/img/common/icon-phone.svg) no-repeat;
  background-size: 100%;
}
.c-btn-counseling.blue > span {
  line-height: 1.2;
}
.c-btn-counseling.blue > span span {
  line-height: 2;
  font-size: 0.55em;
  font-weight: normal;
  font-family:
    "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴシック", "Hiragino Sans",
    "メイリオ", Meiryo, sans-serif;
}

.c-btn-counseling2 {
  padding: 0 0 0 10.6666666667vw;
  font-size: 6.1333333333vw;
}
.c-btn-counseling2 .small {
  font-size: 4vw;
}
.c-btn-counseling2::before {
  position: absolute;
  left: 5.3333333333vw;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .c-btn-counseling2 {
    padding: 0 0 0 40px;
    font-size: 27px;
  }
  .c-btn-counseling2 .small {
    font-size: 17px;
  }
  .c-btn-counseling2::before {
    left: 30px;
    width: 40px;
    height: 40px;
  }
}

.c-btn-tel,
.c-btn-line {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 0 0 0 10.6666666667vw;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 25.6vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  border-radius: 2.1333333333vw;
  box-shadow: 0 0.5333333333vw 2.1333333333vw rgba(63, 73, 96, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .c-btn-tel,
  .c-btn-line {
    padding: 0 0 0 40px;
    width: 100%;
    max-width: 400px;
    height: 120px;
    font-size: 1.8rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(63, 73, 96, 0.2);
  }
  .c-btn-tel:hover,
  .c-btn-line:hover {
    opacity: 0.85;
  }
}
.c-btn-tel:hover,
.c-btn-tel:visited,
.c-btn-tel:focus,
.c-btn-tel:active,
.c-btn-line:hover,
.c-btn-line:visited,
.c-btn-line:focus,
.c-btn-line:active {
  color: #ffffff;
  text-decoration: none;
}
.c-btn-tel:not(:last-child),
.c-btn-line:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-tel:not(:last-child),
  .c-btn-line:not(:last-child) {
    margin-bottom: 32px;
  }
}
.c-btn-tel::before,
.c-btn-line::before {
  position: absolute;
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-bottom: 1.0666666667vw;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  left: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn-tel::before,
  .c-btn-line::before {
    margin-bottom: 0;
    width: 40px;
    height: 40px;
    left: 30px;
  }
}

.c-btn-tel {
  background: #f08282 url(./juno_settings/img/common/bg-btn-primary.svg) center
    no-repeat;
  background-size: cover;
}
.c-btn-tel .copy {
  font-size: 5.3333333333vw;
}
.c-btn-tel .telnum {
  font-size: 5.3333333333vw;
}
.c-btn-tel ._text {
  font-size: 2.9333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn-tel .copy {
    font-size: 24px;
  }
  .c-btn-tel .telnum {
    font-size: 24px;
  }
  .c-btn-tel ._text {
    font-size: 13px;
  }
}
.c-btn-tel::before {
  background: url(./juno_settings/img/common/icon-phone.svg) center no-repeat;
  background-size: 100%;
}

.c-btn-line {
  font-size: 2rem;
  background: url(./juno_settings/img/common/bg-btn-reservation-green.png)
    center no-repeat;
  background-size: 140% 140%;
}
@media screen and (min-width: 769px) {
  .c-btn-line {
    font-size: 2.4rem;
  }
}
.c-btn-line::before {
  background: url(./juno_settings/img/common/icon-line.svg) center no-repeat;
  background-size: 100%;
}
.c-btn-line .sp.copy {
  font-size: 3.7333333333vw;
}

.cta_container {
  display: flex;
  justify-content: center;
  gap: 2.6666666667vw;
  width: 94%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .cta_container {
    width: 100%;
  }
}
.cta_container ._l {
  text-align: right;
  width: 100%;
}
.cta_container ._l .c-btn-counseling2,
.cta_container ._l .c-btn-line {
  margin-right: 0;
  font-size: 4vw;
  padding: 0;
}
.cta_container ._l .c-btn-counseling2 .pc,
.cta_container ._l .c-btn-line .pc {
  display: none;
}
.cta_container ._l .c-btn-counseling2::before,
.cta_container ._l .c-btn-line::before {
  position: relative;
  left: 0;
  width: 8vw;
  height: 8vw;
}
@media screen and (min-width: 769px) {
  .cta_container ._l .c-btn-counseling2,
  .cta_container ._l .c-btn-line {
    font-size: 24px;
    padding: 0;
  }
  .cta_container ._l .c-btn-counseling2 .pc,
  .cta_container ._l .c-btn-line .pc {
    display: block;
  }
  .cta_container ._l .c-btn-counseling2 .sp,
  .cta_container ._l .c-btn-line .sp {
    display: none;
  }
  .cta_container ._l .c-btn-counseling2::before,
  .cta_container ._l .c-btn-line::before {
    position: absolute;
    left: 30px;
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 769px) {
  .cta_container ._l .c-btn-counseling2,
  .cta_container ._l .c-btn-line {
    padding-left: 24px;
  }
}
.cta_container ._r {
  text-align: left;
  width: 100%;
}
.cta_container ._r .c-btn-tel {
  margin-left: 0;
  font-size: 3.7333333333vw;
  padding: 0;
}
.cta_container ._r .c-btn-tel .pc {
  display: none;
}
.cta_container ._r .c-btn-tel .copy {
  font-size: 3.7333333333vw;
}
.cta_container ._r .c-btn-tel .telnum {
  font-size: 4.5333333333vw;
}
.cta_container ._r .c-btn-tel ._text {
  font-size: 3.4666666667vw;
}
.cta_container ._r .c-btn-tel::before {
  position: relative;
  left: 0;
  width: 8vw;
  height: 8vw;
}
@media screen and (min-width: 769px) {
  .cta_container ._r .c-btn-tel {
    font-size: 17px;
    padding: 0 0 0 40px;
  }
  .cta_container ._r .c-btn-tel .pc {
    display: block;
  }
  .cta_container ._r .c-btn-tel .sp {
    display: none;
  }
  .cta_container ._r .c-btn-tel .copy {
    font-size: 24px;
  }
  .cta_container ._r .c-btn-tel .telnum {
    font-size: 24px;
  }
  .cta_container ._r .c-btn-tel ._text {
    font-size: 13px;
  }
  .cta_container ._r .c-btn-tel::before {
    position: absolute;
    left: 30px;
    width: 40px;
    height: 40px;
  }
}

.sp {
  display: block;
}
.sp._text {
  width: 90%;
  margin: 4.8vw auto;
}
@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

.c-btn-counseling-small {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background: #f08282
    url(./juno_settings/img/common/bg-btn-counseling-small.svg) center no-repeat;
  background-size: cover;
  border-radius: 2.1333333333vw;
  box-shadow: 0 0.5333333333vw 2.1333333333vw rgba(63, 73, 96, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-btn-counseling-small {
    width: 100%;
    max-width: 391px;
    height: 56px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(63, 73, 96, 0.2);
  }
  .c-btn-counseling-small:hover {
    background: #fe979d
      url(./juno_settings/img/common/bg-btn-counseling-small-hover.svg) center
      no-repeat;
    background-size: cover;
    opacity: 1;
  }
}
.c-btn-counseling-small:hover,
.c-btn-counseling-small:visited,
.c-btn-counseling-small:focus,
.c-btn-counseling-small:active {
  color: #ffffff;
  text-decoration: none;
}
.c-btn-counseling-small:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-counseling-small:not(:last-child) {
    margin-bottom: 32px;
  }
}
.c-btn-counseling-small::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-right: 2.1333333333vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/icon-calendar.svg) center no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .c-btn-counseling-small::before {
    margin-right: 8px;
    width: 24px;
    height: 24px;
  }
}

/**********
* シミュレーション
**********/
.c-btn-simulation-box {
  display: block;
  padding: 6.4vw 0 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-btn-simulation-box {
    padding: 32px 0 0;
  }
}
.c-btn-simulation-box:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-simulation-box:not(:last-child) {
    margin-bottom: 32px;
  }
}

.c-btn-simulation {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 21.3333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background: #ffadb7 url(./juno_settings/img/common/bg-btn-simulation.svg)
    no-repeat center;
  background-size: cover;
  border-radius: 2.1333333333vw;
  box-shadow: 0 0.5333333333vw 2.1333333333vw rgba(63, 73, 96, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-btn-simulation {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
    height: 104px;
    font-size: 1.8rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(63, 73, 96, 0.2);
  }
  .c-btn-simulation:hover {
    background: #ffc0ca
      url(./juno_settings/img/common/bg-btn-simulation-hover.svg) center
      no-repeat;
    background-size: cover;
    opacity: 1;
  }
}
.c-btn-simulation:hover,
.c-btn-simulation:visited,
.c-btn-simulation:focus,
.c-btn-simulation:active {
  color: #ffffff;
  text-decoration: none;
}
.c-btn-simulation::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-right: 2.1333333333vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/icon-yen.svg) center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .c-btn-simulation::before {
    margin-right: 8px;
    width: 32px;
    height: 32px;
  }
}
.c-btn-simulation::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 49.0666666667vw;
  height: 19.7333333333vw;
  background: url(./juno_settings/img/common/icon-balloon-simulation-sp.svg)
    center no-repeat;
  background-size: cover;
  transform: translateX(-50%);
  position: absolute;
  top: -9.6vw;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .c-btn-simulation::after {
    width: 200px;
    height: 66px;
    background: url(./juno_settings/img/common/icon-balloon-simulation-pc.svg)
      center no-repeat;
    background-size: cover;
    transform: none;
    top: -32px;
    left: auto;
    right: -40px;
  }
}

/**********
* 汎用的なボタン：レベル中
**********/
.c-btn-primary {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background: #86bce6 url(./juno_settings/img/common/bg-btn-primary.svg) center
    no-repeat;
  background-size: cover;
  border-radius: 2.1333333333vw;
  box-shadow: 0 0.5333333333vw 2.1333333333vw rgba(63, 73, 96, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-btn-primary {
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(63, 73, 96, 0.2);
  }
  .c-btn-primary:hover {
    opacity: 0.85;
  }
}
.c-btn-primary:hover,
.c-btn-primary:visited,
.c-btn-primary:focus,
.c-btn-primary:active {
  color: #ffffff;
  text-decoration: none;
}
.c-btn-primary:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-primary:not(:last-child) {
    margin-bottom: 32px;
  }
}
.c-btn-primary + h3 {
  margin-top: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn-primary + h3 {
    margin-top: 56px;
  }
}

.c-btn-secondary {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background: #ffadb7 url(./juno_settings/img/common/bg-btn-secondary.svg)
    center no-repeat;
  background-size: cover;
  border-radius: 2.1333333333vw;
  box-shadow: 0 0.5333333333vw 2.1333333333vw rgba(63, 73, 96, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-btn-secondary {
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(63, 73, 96, 0.2);
  }
  .c-btn-secondary:hover {
    background: #ffc0ca
      url(./juno_settings/img/common/bg-btn-secondary-hover.svg) center
      no-repeat;
    background-size: cover;
    opacity: 1;
  }
}
.c-btn-secondary:hover,
.c-btn-secondary:visited,
.c-btn-secondary:focus,
.c-btn-secondary:active {
  color: #ffffff;
  text-decoration: none;
}
.c-btn-secondary:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-secondary:not(:last-child) {
    margin-bottom: 32px;
  }
}

/**********
* 汎用的なボタン：レベル低
***********/
/** 枠線付き **/
.c-btn {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn {
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}
.c-btn a,
.c-btn__inner {
  display: block;
  padding: 0 4.2666666667vw;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #5697d5;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-btn a,
  .c-btn__inner {
    padding: 0 16px;
  }
  .c-btn a:hover,
  .c-btn__inner:hover {
    opacity: 0.5;
    text-decoration: none;
  }
}
.c-btn a:hover,
.c-btn a:visited,
.c-btn a:focus,
.c-btn a:active,
.c-btn__inner:hover,
.c-btn__inner:visited,
.c-btn__inner:focus,
.c-btn__inner:active {
  color: #5697d5;
  text-decoration: none;
}
.c-btn:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn:not(:last-child) {
    margin-bottom: 32px;
  }
}
.c-btn + h3 {
  margin-top: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn + h3 {
    margin-top: 56px;
  }
}

/** 枠線無し **/
.c-btn-simple {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  background-color: #ffffff;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn-simple {
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border-radius: 8px;
  }
}
.c-btn-simple a {
  display: block;
  padding: 0 4.2666666667vw;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #5697d5;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-btn-simple a {
    padding: 0 16px;
  }
  .c-btn-simple a:hover {
    opacity: 0.5;
    text-decoration: none;
  }
}
.c-btn-simple a:hover,
.c-btn-simple a:visited,
.c-btn-simple a:focus,
.c-btn-simple a:active {
  color: #5697d5;
  text-decoration: none;
}
.c-btn-simple:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-simple:not(:last-child) {
    margin-bottom: 32px;
  }
}

/** 上向アイコン付き **/
.c-btn-up {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn-up {
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}
.c-btn-up a {
  display: block;
  padding: 0 10.6666666667vw;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #5697d5;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-btn-up a {
    padding: 0 52px;
  }
  .c-btn-up a:hover {
    opacity: 0.5;
  }
}
.c-btn-up a:hover,
.c-btn-up a:visited,
.c-btn-up a:focus,
.c-btn-up a:active {
  color: #5697d5;
  text-decoration: none;
}
.c-btn-up a::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-up-blue.svg) center no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-btn-up a::after {
    width: 28px;
    height: 28px;
    right: 24px;
  }
}
.c-btn-up:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-up:not(:last-child) {
    margin-bottom: 32px;
  }
}

/** 下向アイコン付き **/
.c-btn-down {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn-down {
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}
.c-btn-down a {
  padding: 0 10.6666666667vw;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #5697d5;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-btn-down a {
    padding: 0 52px;
  }
  .c-btn-down a:hover {
    opacity: 0.5;
  }
}
.c-btn-down a:hover,
.c-btn-down a:visited,
.c-btn-down a:focus,
.c-btn-down a:active {
  color: #5697d5;
  text-decoration: none;
}
.c-btn-down a::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-down-blue.svg) center
    no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-btn-down a::after {
    width: 28px;
    height: 28px;
    right: 24px;
  }
}
.c-btn-down:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-down:not(:last-child) {
    margin-bottom: 32px;
  }
}

/** 左向アイコン付き **/
.c-btn-left {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn-left {
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}
.c-btn-left a {
  padding: 0 10.6666666667vw;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #5697d5;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-btn-left a {
    padding: 0 52px;
  }
  .c-btn-left a:hover {
    opacity: 0.5;
  }
}
.c-btn-left a:hover,
.c-btn-left a:visited,
.c-btn-left a:focus,
.c-btn-left a:active {
  color: #5697d5;
  text-decoration: none;
}
.c-btn-left a::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-left-blue.svg) center
    no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-btn-left a::after {
    width: 28px;
    height: 28px;
    left: 24px;
  }
}
.c-btn-left:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-left:not(:last-child) {
    margin-bottom: 32px;
  }
}

/** 右向アイコン付き **/
.c-btn-right {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn-right {
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}
.c-btn-right a {
  padding: 0 10.6666666667vw;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #5697d5;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-btn-right a {
    padding: 0 52px;
  }
  .c-btn-right a:hover {
    opacity: 0.5;
  }
}
.c-btn-right a:hover,
.c-btn-right a:visited,
.c-btn-right a:focus,
.c-btn-right a:active {
  color: #5697d5;
  text-decoration: none;
}
.c-btn-right a::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-right-blue.svg) center
    no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-btn-right a::after {
    width: 28px;
    height: 28px;
    right: 24px;
  }
}
.c-btn-right:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-right:not(:last-child) {
    margin-bottom: 32px;
  }
}

/**********
* カテゴリーボタン
**********/
.c-btn-cat {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-decoration: none;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-btn-cat {
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}
.c-btn-cat a {
  padding: 0 13.8666666667vw 0 4.2666666667vw;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #3f4960;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-btn-cat a {
    padding: 0 60px 0 24px;
  }
  .c-btn-cat a:hover {
    opacity: 0.5;
  }
}
.c-btn-cat a:hover,
.c-btn-cat a:visited,
.c-btn-cat a:focus,
.c-btn-cat a:active {
  color: #3f4960;
  text-decoration: none;
}
.c-btn-cat a::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-right-blue.svg) center
    no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-btn-cat a::after {
    width: 28px;
    height: 28px;
    right: 24px;
  }
}
.c-btn-cat:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-cat:not(:last-child) {
    margin-bottom: 32px;
  }
}

/**********
* ページ内リンク
**********/
.c-btn-jumpLink {
  margin: 14.9333333333vw 0;
}
@media screen and (min-width: 769px) {
  .c-btn-jumpLink {
    margin: 56px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-btn-jumpLink {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.c-btn-jumpLink [class^="c-btn-"] {
  margin-bottom: 0 !important;
}
.c-btn-jumpLink [class^="c-btn-"] a {
  justify-content: flex-start;
  padding: 0 13.8666666667vw 0 4.2666666667vw;
  font-family:
    "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴシック", "Hiragino Sans",
    "メイリオ", "Meiryo", sans-serif;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  .c-btn-jumpLink [class^="c-btn-"] a {
    padding: 0 60px 0 24px;
  }
}

/**********
* 非活性ボタン
**********/
.c-btn-inactive {
  display: block;
  padding: 0 10.6666666667vw;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background-color: #dadce5;
  border-radius: 2.1333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-btn-inactive {
    padding: 0 64px;
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border-radius: 8px;
  }
}
.c-btn-inactive:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-inactive:not(:last-child) {
    margin-bottom: 32px;
  }
}
.c-btn-inactive:hover,
.c-btn-inactive:visited,
.c-btn-inactive:focus,
.c-btn-inactive:active {
  color: #ffffff;
  text-decoration: none;
}

/* --------------------------------------------------
CTA
-------------------------------------------------- */
/**********
* SP版ページ下部固定表示CTA
**********/
.c-fixed-cta {
  cursor: pointer;
  display: block;
  padding: 4.2666666667vw 0;
  margin: 0;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .c-fixed-cta {
    display: none;
  }
}

/* --------------------------------------------------
definition list（定義）
-------------------------------------------------- */
.c-definition-group {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-definition-group {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.c-definition-group:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-definition-group:not(:last-child) {
    margin-bottom: 56px;
  }
}
.c-definition-group .c-definition {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-definition-group .c-definition {
    width: 391px;
  }
}

.c-definition {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-definition:first-of-type {
    border-top: 0.2666666667vw solid #dadce5;
  }
}
@media screen and (min-width: 769px) {
  .c-definition {
    border-top: 1px solid #dadce5;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.c-definition:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-definition:not(:last-child) {
    margin-bottom: 24px;
  }
}
.c-definition dt,
.c-definition th,
.c-definition-item {
  display: block;
  padding: 4.2666666667vw 0 2.1333333333vw;
  margin: 0;
  font-weight: bold;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .c-definition dt,
  .c-definition th,
  .c-definition-item {
    padding: 16px 0 8px;
  }
}
.c-definition dd,
.c-definition td,
.c-definition li {
  display: block;
  padding: 0 0 4.2666666667vw;
  margin: 0;
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .c-definition dd,
  .c-definition td,
  .c-definition li {
    padding: 0 0 16px;
    border-bottom: 1px solid #dadce5;
  }
}
@media screen and (max-width: 768px) {
  .c-definition.u-pc-display {
    display: none;
  }
  .c-definition.u-pc-display + dl {
    border-top: 0.2666666667vw solid #dadce5;
  }
}

/* --------------------------------------------------
イメージ配置
-------------------------------------------------- */
/**********
* メインビジュアル
**********/
.c-mainvisual {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-mainvisual {
    width: 660px;
  }
}
.c-mainvisual:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-mainvisual:not(:last-child) {
    margin-bottom: 40px;
  }
}
.c-mainvisual img {
  display: block;
  width: 100%;
  height: auto;
}

/**********
* Photo（写真）
**********/
.c-photo-center {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-photo-center {
    width: 530px;
  }
}
.c-photo-center:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-photo-center:not(:last-child) {
    margin-bottom: 40px;
  }
}
.c-photo-center img {
  display: block;
  width: 100%;
  height: auto;
}

/**********
* Figure（図表）
**********/
.c-figure {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 83.4666666667vw;
}
@media screen and (min-width: 769px) {
  .c-figure {
    width: 391px;
  }
}
.c-figure:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-figure:not(:last-child) {
    margin-bottom: 40px;
  }
}
.c-figure img {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.c-figure-center {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 83.4666666667vw;
}
@media screen and (min-width: 769px) {
  .c-figure-center {
    width: 530px;
  }
}
.c-figure-center:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-figure-center:not(:last-child) {
    margin-bottom: 40px;
  }
}
.c-figure-center img {
  display: block;
  width: 100%;
  height: auto;
}

/**********
* 痛みのスコア
**********/
.c-fig-painscore {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 2.1333333333vw;
  width: 27.7333333333vw;
  height: auto;
}
@media screen and (min-width: 769px) {
  .c-fig-painscore {
    margin-bottom: 16px;
    width: 132px;
  }
}

/**********
* ロゴサンプル
**********/
.c-img-logo-sample {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 32vw;
  max-height: 32vw;
}
@media screen and (min-width: 769px) {
  .c-img-logo-sample {
    max-width: 200px;
    max-height: 200px;
  }
}

/* --------------------------------------------------
フォーム系パーツ：必須アイコン
-------------------------------------------------- */
.c-form-require {
  display: block;
  padding: 0 3.2vw;
  margin: 0;
  margin-left: 1.6vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5.6vw;
  font-size: 1.1rem;
  line-height: 5.6vw;
  text-align: center;
  color: #ffffff;
  background-color: #86bce6;
  border-radius: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  .c-form-require {
    padding: 0 12px;
    margin-left: 8px;
    height: 28px;
    font-size: 1.4rem;
    line-height: 28px;
    border-radius: 19px;
  }
}

/* --------------------------------------------------
フォーム系パーツ：コメント
-------------------------------------------------- */
.c-form-comment {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-form-comment {
    margin-bottom: 32px;
  }
}

/* --------------------------------------------------
フォームのエラー処理
-------------------------------------------------- */
/**
* 各項目のエラーメッセージ
**/
.c-form-error {
  display: block;
  padding: 2.1333333333vw;
  margin: 0;
  margin-top: 3.2vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.1rem;
  color: #e55252;
  border: 0.2666666667vw solid #e55252;
  border-radius: 1.0666666667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-form-error {
    padding: 12px;
    margin-top: 16px;
    font-size: 1.4rem;
    border: 1px solid #e55252;
    border-radius: 4px;
  }
}
.c-form-error::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  border: 2.1333333333vw solid transparent;
  border-bottom: 2.1333333333vw solid #ffffff;
  position: absolute;
  top: -4.11vw;
  left: 3.2vw;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .c-form-error::before {
    border: 12px solid transparent;
    border-bottom: 12px solid #ffffff;
    top: -22.5px;
    left: 12px;
  }
}
.c-form-error::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  border: 2.1333333333vw solid transparent;
  border-bottom: 2.1333333333vw solid #e55252;
  position: absolute;
  top: -4.43vw;
  left: 3.2vw;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .c-form-error::after {
    border: 12px solid transparent;
    border-bottom: 12px solid #e55252;
    top: -24px;
    left: 12px;
  }
}
.c-form-error p {
  display: block;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.c-form-error p::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-right: 0.5333333333vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/icon-alert-secondary.svg) center
    no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .c-form-error p::before {
    margin-right: 2px;
    width: 28px;
    height: 28px;
  }
}

/**
* 確認ボタンの下に表示するエラーメッセージ
**/
.c-form-error-message {
  padding: 3.2vw;
  margin: 0;
  margin-top: 4.2666666667vw;
  color: #e55252;
  border: 0.2666666667vw solid #e55252;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .c-form-error-message {
    padding: 16px;
    margin-top: 32px;
    border: 1px solid #e55252;
    border-radius: 4px;
  }
}

/* --------------------------------------------------
フォーム系パーツ：ボタン
-------------------------------------------------- */
/** 確認ボタン ＆ 送信ボタン **/
.c-btn-confirm,
.c-btn-submit {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background: #86bce6 url(./juno_settings/img/common/bg-btn-primary.svg) center
    no-repeat;
  background-size: cover;
  border-radius: 2.1333333333vw;
  box-shadow: 0 0.5333333333vw 2.1333333333vw rgba(63, 73, 96, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-btn-confirm,
  .c-btn-submit {
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(63, 73, 96, 0.2);
  }
  .c-btn-confirm:hover,
  .c-btn-submit:hover {
    background: #9bcef5 url(./juno_settings/img/common/bg-btn-primary-hover.svg)
      center no-repeat;
    background-size: cover;
    opacity: 1;
  }
}
.c-btn-confirm:hover,
.c-btn-confirm:visited,
.c-btn-confirm:focus,
.c-btn-confirm:active,
.c-btn-submit:hover,
.c-btn-submit:visited,
.c-btn-submit:focus,
.c-btn-submit:active {
  color: #ffffff;
  text-decoration: none;
}
.c-btn-confirm:not(:last-child),
.c-btn-submit:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-confirm:not(:last-child),
  .c-btn-submit:not(:last-child) {
    margin-bottom: 32px;
  }
}

/** 戻るボタン **/
.c-btn-back {
  cursor: pointer;
  display: block;
  padding: 0 10.6666666667vw;
  margin: 0 auto;
  width: 100%;
  max-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #5697d5;
  text-decoration: none;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-btn-back {
    padding: 0 52px;
    width: 100%;
    max-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
  .c-btn-back:hover {
    opacity: 0.5;
  }
}
.c-btn-back:hover,
.c-btn-back:visited,
.c-btn-back:focus,
.c-btn-back:active {
  color: #5697d5;
  text-decoration: none;
}
.c-btn-back::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-left-blue.svg) center
    no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-btn-back::after {
    width: 28px;
    height: 28px;
    left: 24px;
  }
}
.c-btn-back:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-btn-back:not(:last-child) {
    margin-bottom: 32px;
  }
}

/* --------------------------------------------------
フォーム：placeholder
-------------------------------------------------- */
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:-moz-placeholder-shown {
  color: #8f96aa;
  opacity: 1;
}
:placeholder-shown {
  color: #8f96aa;
  opacity: 1;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
  color: #8f96aa;
  opacity: 1;
}

/* Firefox 18- */
:-moz-placeholder {
  color: #8f96aa;
  opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
  color: #8f96aa;
  opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
  color: #8f96aa;
  opacity: 1;
}

/* --------------------------------------------------
フォーム系パーツ：テキストボックス＆テキストエリア
-------------------------------------------------- */
.c-form-input,
.c-form-textarea {
  padding: 5.8666666667vw 4.2666666667vw;
  margin: 0;
  width: 100%;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-form-input,
  .c-form-textarea {
    padding: 24px;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}

.search_form {
  width: 80%;
  margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
  .search_form {
    width: 100%;
    margin: 0 0 7vw;
  }
}
.search_form form {
  position: relative;
}
.search_form input.sarch_input {
  width: 100%;
  padding: 13px 45px 13px 15px;
  outline: none;
  border: 1px solid #e6e8ee;
  border-radius: 50px;
  line-height: 18px;
  font-family: "Shippori Mincho", serif;
  background: #ffffff;
}
.search_form input.sarch_input:focus {
  background: #fdf3f3;
}
@media screen and (max-width: 768px) {
  .search_form input.sarch_input {
    padding: 13px 45px 13px 4.5vw;
  }
}
.search_form input.search-submit {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
}
.search_form .input-inner {
  width: 45px;
  height: 47px;
  padding: 0;
  position: absolute;
  top: 0;
  right: 1%;
  background: url(../juno_settings/img/home/icon-search.png) no-repeat center;
  background-size: 17px;
}
.search_form .input-inner:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .search_form .input-inner {
    height: 100%;
    background: url(../juno_settings/img/home/icon-search.png) no-repeat center;
    background-size: 4vw;
  }
}

/* --------------------------------------------------
フォーム系パーツ：ラジオボタン
-------------------------------------------------- */
.c-form-radio {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  /** 選択時処理 **/
  /** 非活性処理 **/
}
.c-form-radio label {
  cursor: pointer;
  display: block;
  padding: 0 4.2666666667vw 0 12.2666666667vw;
  margin: 0;
  width: 100%;
  height: 17.0666666667vw;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: bold;
  color: #3f4960;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-form-radio label {
    padding: 0 24px 0 60px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}
.c-form-radio label::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 4.8vw;
  height: 4.8vw;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 100%;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-form-radio label::before {
    width: 22px;
    height: 22px;
    border: 1px solid #dadce5;
    left: 24px;
  }
}
.c-form-radio label::after {
  display: none;
  content: "";
  padding: 0;
  margin: 0;
  width: 3.2vw;
  height: 3.2vw;
  background-color: #5697d5;
  border-radius: 100%;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-form-radio label::after {
    width: 12px;
    height: 12px;
    left: 30px;
  }
}
.c-form-radio label span {
  color: #8f96aa;
}
.c-form-radio input {
  display: none;
}
.c-form-radio input:checked + label {
  background-color: #e7f6ff;
  border: 0.2666666667vw solid #86bce6;
}
@media screen and (min-width: 769px) {
  .c-form-radio input:checked + label {
    border: 1px solid #86bce6;
  }
}
.c-form-radio input:checked + label::after {
  display: block;
}
.c-form-radio input:disabled + label {
  background-color: #f7f7f9;
  border-color: #f7f7f9;
  color: #8f96aa;
}
.c-form-radio input:disabled + label:before,
.c-form-radio input:disabled + label:after {
  content: none;
}

@media screen and (min-width: 769px) {
  .c-radio-pa label {
    height: 144px;
  }
}

.c-form-radioinselect label {
  padding-top: 5.8666666667vw;
  padding-bottom: 5.8666666667vw;
  display: block;
  height: 38.9333333333vw;
}
.c-form-radioinselect label:before {
  top: 6.4vw;
  transform: none;
}
@media screen and (min-width: 769px) {
  .c-form-radioinselect label:before {
    top: 24px;
  }
}
.c-form-radioinselect label:after {
  top: 7.4666666667vw;
  transform: none;
}
@media screen and (min-width: 769px) {
  .c-form-radioinselect label:after {
    top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .c-form-radioinselect label {
    height: 144px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.c-form-radioinselect__select {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  text-align: right;
}
.c-form-radioinselect__select_main {
  margin-top: 6.4vw;
  width: 90%;
}
@media screen and (min-width: 769px) {
  .c-form-radioinselect__select_main {
    margin-top: 16px;
    width: 80%;
  }
}
.c-form-radioinselect__select_sub {
  padding-bottom: 5.3333333333vw;
  width: 10%;
}
@media screen and (min-width: 769px) {
  .c-form-radioinselect__select_sub {
    padding-bottom: 16px;
    width: 20%;
  }
}

/* --------------------------------------------------
フォーム系パーツ：チェックボックス
-------------------------------------------------- */
.c-form-check {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  /** 選択時処理 **/
}
.c-form-check label {
  cursor: pointer;
  display: block;
  padding: 0 4.2666666667vw 0 12.2666666667vw;
  margin: 0;
  width: 100%;
  height: 17.0666666667vw;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: bold;
  color: #3f4960;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-form-check label {
    padding: 0 24px 0 60px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}
.c-form-check label::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 4.8vw;
  height: 4.8vw;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 0.5333333333vw;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-form-check label::before {
    width: 22px;
    height: 22px;
    border: 1px solid #dadce5;
    border-radius: 2px;
    left: 24px;
  }
}
.c-form-check label::after {
  display: none;
  content: "";
  padding: 0;
  margin: 0;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background: url(./juno_settings/img/common/icon-check-white.svg) center
    no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-form-check label::after {
    width: 24px;
    height: 24px;
    left: 24px;
  }
}
.c-form-check label span {
  color: #8f96aa;
}
.c-form-check input {
  display: none;
}
.c-form-check input:checked + label {
  background-color: #e7f6ff;
  border: 0.2666666667vw solid #86bce6;
}
@media screen and (min-width: 769px) {
  .c-form-check input:checked + label {
    border: 1px solid #86bce6;
  }
}
.c-form-check input:checked + label::before {
  border: 0.2666666667vw solid #5697d5;
  background-color: #5697d5;
}
@media screen and (min-width: 769px) {
  .c-form-check input:checked + label::before {
    border: 1px solid #5697d5;
  }
}
.c-form-check input:checked + label::after {
  display: block;
}

/* --------------------------------------------------
フォーム系パーツ：ドロップダウン
-------------------------------------------------- */
.c-form-dropdown {
  position: relative;
}
.c-form-dropdown::after {
  pointer-events: none;
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-down-blue.svg) center
    no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-form-dropdown::after {
    width: 28px;
    height: 28px;
    right: 16px;
  }
}
.c-form-dropdown select {
  cursor: pointer;
  display: block;
  padding: 0 13.8666666667vw 0 4.2666666667vw;
  margin: 0;
  width: 100%;
  height: 14.9333333333vw;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-form-dropdown select {
    padding: 0 30px 0 16px;
    height: 56px;
    border: 1px solid #dadce5;
    border-radius: 8px;
  }
}

/* --------------------------------------------------
リンク
-------------------------------------------------- */
a {
  color: #5697d5;
  text-decoration: underline;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
a:hover,
a:focus,
a:visited,
a:active {
  color: #5697d5;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  a:hover {
    opacity: 0.5;
    transition: 0.3s;
  }
}

.c-textlink {
  color: #3f4960;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .c-textlink:hover,
  .c-textlink:focus,
  .c-textlink:visited,
  .c-textlink:active {
    color: #3f4960;
    text-decoration: none;
  }
}

.c-textlink-thin {
  color: #8f96aa;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .c-textlink-thin:hover,
  .c-textlink-thin:focus,
  .c-textlink-thin:visited,
  .c-textlink-thin:active {
    color: #8f96aa;
    text-decoration: none;
  }
}

.c-textlink-primary {
  color: #5697d5;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .c-textlink-primary:hover,
  .c-textlink-primary:focus,
  .c-textlink-primary:visited,
  .c-textlink-primary:active {
    color: #5697d5;
    text-decoration: underline;
  }
}

/* --------------------------------------------------
リスト
-------------------------------------------------- */
/**********
* 中点付きリスト
**********/
.c-list-disc {
  padding: 0;
  margin: 0;
  margin-left: 1em;
}
.c-list-disc:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-list-disc:not(:last-child) {
    margin-bottom: 24px;
  }
}
.c-list-disc li {
  padding: 0;
  margin: 0;
  text-indent: -1em;
}
.c-list-disc li::before {
  content: "・";
  font-weight: bold;
  color: #3f4960;
}

/**********
* 青色中点付きリスト
**********/
.c-list-disc-primary {
  padding: 0;
  margin: 0;
  margin-left: 1em;
}
.c-list-disc-primary:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-list-disc-primary:not(:last-child) {
    margin-bottom: 24px;
  }
}
.c-list-disc-primary li {
  padding: 0;
  margin: 0;
  text-indent: -1em;
}
.c-list-disc-primary li::before {
  content: "・";
  font-weight: bold;
  color: #5697d5;
}

/**********
* チェックマーク付きリスト
**********/
[class*="c-list-check"] {
  padding: 0;
  margin: 0;
}
[class*="c-list-check"]:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  [class*="c-list-check"]:not(:last-child) {
    margin-bottom: 24px;
  }
}
[class*="c-list-check"] li {
  padding: 0;
  padding-left: 8.5333333333vw;
  margin: 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  [class*="c-list-check"] li {
    padding-left: 36px;
  }
}
[class*="c-list-check"] li:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  [class*="c-list-check"] li:not(:last-child) {
    margin-bottom: 12px;
  }
}
[class*="c-list-check"] li::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  position: absolute;
  top: 0.5333333333vw;
  left: 0;
}
@media screen and (min-width: 769px) {
  [class*="c-list-check"] li::before {
    width: 24px;
    height: 24px;
    top: 2px;
  }
}
@media screen and (min-width: 769px) {
  [class*="c-list-check"].flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
[class*="c-list-check"].flex li {
  padding-left: 6.9333333333vw;
}
@media screen and (min-width: 769px) {
  [class*="c-list-check"].flex li {
    margin: 10px 12px 10px 0;
    padding-left: 30px;
  }
  [class*="c-list-check"].flex li:last-child {
    margin-right: 0;
  }
}
[class*="c-list-check"].flex li::before {
  top: 0;
}

.c-list-check li::before {
  background: url(./juno_settings/img/common/icon-check-dark100.svg) center
    no-repeat;
  background-size: cover;
}

.c-list-check-primary li::before {
  background: url(./juno_settings/img/common/icon-check-primary.svg) center
    no-repeat;
  background-size: cover;
}

.c-list-check-secondary li::before {
  background: url(./juno_settings/img/common/icon-check-secondary.svg) center
    no-repeat;
  background-size: cover;
}

.c-list-check-tertiary li::before {
  background: url(./juno_settings/img/common/icon-check-tertiary.svg) center
    no-repeat;
  background-size: cover;
}

.c-list-check-tertiary_dark li::before {
  background: url(./juno_settings/img/common/icon-check-tertiary_dark.svg)
    center no-repeat;
  background-size: cover;
}

/**********
* 通し番号付きリスト
**********/
ol,
.c-list-number {
  display: block;
  padding: 0;
  margin: 0;
  margin-left: 1.6em;
}
ol:not(:last-child),
.c-list-number:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  ol:not(:last-child),
  .c-list-number:not(:last-child) {
    margin-bottom: 24px;
  }
}
ol li,
.c-list-number li {
  padding: 0;
  margin: 0;
  list-style: decimal outside;
}

/**********
* ローマ数字付きリスト
**********/
.c-list-roman {
  display: block;
  padding: 0;
  margin: 0;
  margin-left: 1.6em;
}
.c-list-roman:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-list-roman:not(:last-child) {
    margin-bottom: 24px;
  }
}
.c-list-roman li {
  padding: 0;
  margin: 0;
  list-style: lower-roman outside;
}

/* --------------------------------------------------
Google MAP埋め込み
-------------------------------------------------- */
/**
* クリニック詳細
**/
.c-googlemap-clinic {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 6.4vw;
  width: 89.3333333333vw;
  height: 55.2vw;
  border-radius: 1.0666666667vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .c-googlemap-clinic {
    margin-bottom: 40px;
    width: 815px;
    height: 328px;
    border-radius: 4px;
  }
}
.c-googlemap-clinic iframe {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

/**
* アクセス案内
**/
.c-googlemap-map {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 14.9333333333vw;
  width: 89.3333333333vw;
  height: 55.2vw;
  border-radius: 1.0666666667vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .c-googlemap-map {
    margin-bottom: 96px;
    width: 815px;
    height: 328px;
    border-radius: 4px;
  }
}
.c-googlemap-map iframe {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

.c-loader {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 25%;
  max-width: 25%;
  height: 100px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.c-loader__inner {
  position: relative;
  top: -10px;
  left: -10px;
}
.c-loader__inner > div {
  background-color: #86bce6;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
}
.c-loader__inner > div:nth-child(1) {
  top: 25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
  animation: ball-spin-fade-loader 1s -0.96s infinite linear;
}
.c-loader__inner > div:nth-child(2) {
  top: 17.04545px;
  left: 17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
  animation: ball-spin-fade-loader 1s -0.84s infinite linear;
}
.c-loader__inner > div:nth-child(3) {
  top: 0;
  left: 25px;
  -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
  animation: ball-spin-fade-loader 1s -0.72s infinite linear;
}
.c-loader__inner > div:nth-child(4) {
  top: -17.04545px;
  left: 17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
  animation: ball-spin-fade-loader 1s -0.6s infinite linear;
}
.c-loader__inner > div:nth-child(5) {
  top: -25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
  animation: ball-spin-fade-loader 1s -0.48s infinite linear;
}
.c-loader__inner > div:nth-child(6) {
  top: -17.04545px;
  left: -17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
  animation: ball-spin-fade-loader 1s -0.36s infinite linear;
}
.c-loader__inner > div:nth-child(7) {
  top: 0;
  left: -25px;
  -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
  animation: ball-spin-fade-loader 1s -0.24s infinite linear;
}
.c-loader__inner > div:nth-child(8) {
  top: 17.04545px;
  left: -17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
  animation: ball-spin-fade-loader 1s -0.12s infinite linear;
}

/* --------------------------------------------------
アーカイブ
-------------------------------------------------- */
.p-archive {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-big-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-archive {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-big-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/* --------------------------------------------------
投稿詳細
-------------------------------------------------- */
.p-single {
  display: block;
  padding: 8vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-single {
    padding: 100px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/**********
* 投稿タイトル
**********/
.p-single-heading {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 1.6vw;
  width: 89.3333333333vw;
  font-family: "Shippori Mincho", serif;
}
@media screen and (min-width: 769px) {
  .p-single-heading {
    margin-bottom: 6px;
    width: 815px;
  }
}
.p-single-heading__title {
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-single-heading__title {
    font-size: 4.4rem;
  }
}
.p-single-heading__title:not(:last-child) {
  margin-bottom: 3vw;
}
@media screen and (min-width: 769px) {
  .p-single-heading__title:not(:last-child) {
    margin-bottom: 32px;
  }
}
.p-single-heading__time {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "EB Garamond", serif;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/**********
* メインビジュアル
**********/
.p-single-mainvisual {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .p-single-mainvisual {
    width: 660px;
  }
}
.p-single-mainvisual:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .p-single-mainvisual:not(:last-child) {
    margin-bottom: 40px;
  }
}
.p-single-mainvisual img {
  display: block;
  width: 100%;
  height: auto;
}
.p-single-mainvisual__slider {
  position: relative;
}

/**********
* カルーセルスクロールテキスト
**********/
@media screen and (min-width: 769px) {
  .table-scroll_cap {
    display: none;
  }
  .table-scroll_cap.page-mv {
    display: block;
    margin-block-start: 2vh;
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .table-scroll_cap {
    position: absolute;
    bottom: 1.0666666667vw;
    right: 2.1333333333vw;
    margin: 0 !important;
    padding: 0;
    text-align: right;
    font-size: 2.6666666667vw;
    color: #787878;
    -webkit-animation: cap 2s ease-in-out infinite alternate;
    animation: cap 2s ease-in-out infinite alternate;
    z-index: 10;
  }
  .table-scroll_cap.page-mv {
    position: relative;
  }
}
@-webkit-keyframes cap {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes cap {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-10px);
  }
}
/**********
* 本文
**********/
.p-single-content {
  display: block;
  padding: 0;
  padding-bottom: 25.6vw;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .p-single-content {
    padding-bottom: 120px;
    width: 815px;
  }
}
.p-single-content section {
  display: block;
  padding: 0;
  margin: 0;
}
.p-single-content h2 {
  padding: 0;
  margin: 0;
  padding-bottom: 5.8666666667vw;
  margin-top: 20vw;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  background: url(./juno_settings/img/common/bg-h2-sp.svg) left bottom no-repeat;
  background-size: 89.3333333333vw auto;
}
@media screen and (min-width: 769px) {
  .p-single-content h2 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 769px) {
  .p-single-content h2 {
    padding-bottom: 35px;
    margin-top: 120px;
    margin-bottom: 56px;
    background: url(./juno_settings/img/common/bg-h2-pc.svg) left bottom
      no-repeat;
    background-size: 400px auto;
  }
}
.p-single-content h3 {
  padding: 0;
  margin: 0;
  padding-bottom: 5.3333333333vw;
  margin-top: 14.9333333333vw;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 0.2666666667vw solid #5697d5;
}
@media screen and (min-width: 769px) {
  .p-single-content h3 {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .p-single-content h3 {
    padding-bottom: 20px;
    margin-top: 96px;
    margin-bottom: 32px;
    border-bottom: 1px solid #5697d5;
  }
}
.p-single-content h4 {
  padding: 0;
  margin: 0;
  margin-top: 8.5333333333vw;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-single-content h4 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .p-single-content h4 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.p-single-content p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-single-content p:not(:last-child) {
    margin-bottom: 24px;
  }
}
.p-single-content figure {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 83.4666666667vw;
}
@media screen and (min-width: 769px) {
  .p-single-content figure {
    width: 530px;
  }
}
.p-single-content figure:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .p-single-content figure:not(:last-child) {
    margin-bottom: 40px;
  }
}
.p-single-content figure img {
  display: block;
  width: 100%;
  height: auto;
}
.p-single-content table {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  color: #3f4960;
  background-color: #ffffff;
  border-bottom: 0.2666666667vw solid #dadce5;
  border-collapse: collapse;
}
@media screen and (min-width: 769px) {
  .p-single-content table {
    border-bottom: 1px solid #dadce5;
  }
}
.p-single-content table:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-single-content table:not(:last-child) {
    margin-bottom: 40px;
  }
}
.p-single-content table caption {
  padding: 0;
  margin: 0;
  margin-bottom: 3.2vw;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-single-content table caption {
    margin-bottom: 16px;
  }
}
.p-single-content table thead {
  background-color: #f7f7f9;
}
.p-single-content table tr {
  border-top: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .p-single-content table tr {
    border-top: 1px solid #dadce5;
  }
}
.p-single-content table th,
.p-single-content table td {
  padding: 3.2vw;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-single-content table th,
  .p-single-content table td {
    padding: 24px;
  }
}
.p-single-content blockquote {
  display: block;
  padding: 6.4vw;
  margin: 0;
  background-color: #f7f7f9;
  border-radius: 1.0666666667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-single-content blockquote {
    padding: 40px;
    border-radius: 4px;
  }
}
.p-single-content blockquote:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-single-content blockquote:not(:last-child) {
    margin-bottom: 24px;
  }
}
.p-single-content blockquote::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  background: url(./juno_settings/img/common/icon-quote-right.svg) center
    no-repeat;
  background-size: 100%;
  position: absolute;
  top: 3.2vw;
  left: 3.2vw;
}
@media screen and (min-width: 769px) {
  .p-single-content blockquote::before {
    width: 24px;
    height: 24px;
    top: 16px;
    left: 16px;
  }
}
.p-single-content em {
  font-weight: bold;
  font-style: normal;
  background: linear-gradient(transparent 60%, #ffbd41 60%);
}
.p-single-content strong {
  font-weight: bold;
  color: #e55252;
}

/* --------------------------------------------------
投稿詳細
-------------------------------------------------- */
.p-single-menu {
  display: block;
  padding: 8vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-single-menu {
    padding: 100px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-single-menu .m-flex-block__figure {
    margin: 0;
  }
}

/* --------------------------------------------------
固定ページ
-------------------------------------------------- */
.p-page {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-big-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-page {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-big-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/* --------------------------------------------------
総合TOP
-------------------------------------------------- */
.p-home {
  width: 100%;
}
.p-home section {
  padding-bottom: 32vw;
}
@media screen and (min-width: 769px) {
  .p-home section {
    padding-bottom: 160px;
  }
}
@media screen and (min-width: 769px) {
  .p-home section:last-child {
    padding-bottom: 120px;
  }
}
.p-home [class$="__container"] {
  margin: auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .p-home [class$="__container"] {
    width: 815px;
  }
}
.p-home [class$="__slider"] {
  position: relative;
}

/**********
* メインビジュアル
**********/
.p-home-hero {
  background: #f3f8fa;
}

.p-home-mainvisual {
  padding-bottom: 96px !important;
  /* スライダー */
  /*
  &__copy {
    width: vw(65);
    height: auto;
    position: absolute;
    top: vw(120);
    left: vw(48);

    @include mq_up(md) {
      width: 121px;
      top: 120px;
      left: 800px;
    }
  }

  &__aboutus {
    width: vw(104);
    height: vw(36);
    background: url(./juno_settings/img/home/btn-aboutus-sp.svg) center no-repeat;
    background-size: 100%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 196px;
    left: 50%;

    @include mq_up(md) {
      width: 138px;
      height: 52px;
      background: url(./juno_settings/img/home/btn-aboutus-pc.svg) center no-repeat;
      background-size: 100%;
      transform: none;
      bottom: 241px;
      left: auto;
      right: 142px;

      &:hover {
        background: url(./juno_settings/img/home/btn-aboutus-pc-hover.svg) center no-repeat;
        background-size: 100%;
      }
    }

    a {
      display: block;
      width: 100%;
      height: 100%;
    }
  }

  &__banner {
    width: 100%;

    @include mq_up(md) {
      position: absolute;
      bottom: 0;
      left: 0;
    }

    @include mq_down(md) {
      .copytext {
        text-align: center;
        font-family: "Shippori Mincho", serif;
        font-size: vw(21);
        font-weight: 800;
        line-height: vw(27);
        color: #5071B1;
        margin-bottom: vw(10);
      }

      .m-banner-ad-list {
        display: block;

        &__item {
          margin: 0 auto vw(8);
        }
      }
    }
  } 24.8 リニュで消滅 */
}
@media screen and (max-width: 768px) {
  .p-home-mainvisual {
    padding-bottom: 21.8666666667vw !important;
  }
}
.p-home-mainvisual__slider .swiper-slide {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-home-mainvisual__slider .swiper-slide {
    height: 700px;
    position: relative;
  }
}
.p-home-mainvisual__slider .swiper-slide a {
  display: block;
}
.p-home-mainvisual__slider .swiper-slide img {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-home-mainvisual__slider .swiper-slide img {
    width: 1920px;
    max-width: 1920px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .p-home-mainvisual__slider .swiper-slide img {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-home-mainvisual__slider .swiper-pagination {
    bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-home-mainvisual__slider .swiper-pagination {
    bottom: -9.6vw;
  }
}
.p-home-mainvisual__slider .swiper-pagination-bullet {
  border: 1px solid #3f4960;
  background: none;
}
.p-home-mainvisual__slider .swiper-pagination-bullet-active {
  background-color: #3f4960;
}

/**********
* タイトル
**********/
/* テキストのみ */
.p-home-ttl-heading {
  margin-bottom: 10.6666666667vw;
  letter-spacing: 2px;
  text-align: center;
  font-family: "Shippori Mincho", serif;
  color: #4b70a7;
}
@media screen and (min-width: 769px) {
  .p-home-ttl-heading {
    margin-bottom: 64px;
  }
}
.p-home-ttl-heading__label {
  margin-bottom: 4.2666666667vw;
  line-height: 1.5;
  font-family: "EB Garamond", serif;
  font-size: 2rem;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .p-home-ttl-heading__label {
    margin-bottom: 24px;
    font-size: 2.8rem;
  }
}
.p-home-ttl-heading__title {
  line-height: 1.5;
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-home-ttl-heading__title {
    font-size: 4.4rem;
  }
}

/* 背景あり */
.p-home-bgttl-heading {
  padding: 21.3333333333vw 0;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .p-home-bgttl-heading {
    padding: 120px 0;
  }
}
.p-home-bgttl-heading__label {
  margin-bottom: 4.2666666667vw;
  font-family: "EB Garamond", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .p-home-bgttl-heading__label {
    margin-bottom: 24px;
    font-size: 2.8rem;
  }
}
.p-home-bgttl-heading__subtitle {
  margin-bottom: 3.2vw;
  line-height: 1.5;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-home-bgttl-heading__subtitle {
    margin-bottom: 8px;
    font-size: 2.4rem;
  }
}
.p-home-bgttl-heading__title {
  margin: 0 0 6.4vw;
  line-height: 1.5;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-home-bgttl-heading__title {
    margin-bottom: 56px;
    font-size: 4.4rem;
  }
}
.p-home-bgttl-heading__introduction {
  line-height: 2;
  font-size: 1.2rem;
}
@media screen and (min-width: 769px) {
  .p-home-bgttl-heading__introduction {
    font-size: 1.6rem;
  }
}

/**********
* 人気メニューバナー
**********/
@media screen and (min-width: 769px) {
  .p-home-banner {
    padding-bottom: 56px !important;
  }
}
@media screen and (max-width: 768px) {
  .p-home-banner {
    padding-bottom: 10.6666666667vw !important;
  }
}
.p-home-banner li {
  overflow: hidden;
  margin-bottom: 24px;
  border-radius: 8px;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  .p-home-banner li {
    margin-bottom: 4.2666666667vw;
    border-radius: 2.1333333333vw;
  }
}

/**********
* 人気メニュー (24.8 リニュで消滅)
**********/
.p-home-pickup__menu ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 56px;
}
.p-home-pickup__menu li {
  width: 49%;
  min-height: 38.4vw;
  margin: 0 0 2.1333333333vw;
  border-radius: 2.1333333333vw;
  box-shadow: 0 0.5333333333vw 2.1333333333vw rgba(63, 73, 96, 0.07);
  text-align: center;
  background: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-home-pickup__menu li {
    width: 261px;
    min-height: 204px;
    margin: 0 0 14px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(63, 73, 96, 0.07);
  }
}
.p-home-pickup__menu li a {
  display: block;
  padding: 4.2666666667vw 2.1333333333vw;
  text-decoration: none;
  color: #3f4960;
}
@media screen and (min-width: 769px) {
  .p-home-pickup__menu li a {
    padding: 24px 16px;
  }
}
.p-home-pickup__menu__ttl {
  margin: 2.1333333333vw 0 0;
  line-height: 1.4;
  font-size: 1.6rem;
  font-family: "Shippori Mincho", serif;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-home-pickup__menu__ttl {
    margin: 16px 0 0;
    font-size: 2rem;
  }
}
.p-home-pickup__menu__ttl span {
  font-family: "EB Garamond", serif;
  font-weight: normal;
  color: #d0a26e;
}
@media screen and (max-width: 768px) {
  .p-home-pickup__menu__ttl span {
    font-size: 1.4rem;
  }
}

/**********
* 症例写真
**********/
.p-home-cases {
  /* 症例見出し */
  /* スライダー */
}
.p-home-cases__title {
  width: 100%;
  margin: 3.7333333333vw 0 11.2vw;
  line-height: 1.5;
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 4.8vw;
  font-weight: bold;
  color: #4b70a7;
}
@media screen and (min-width: 769px) {
  .p-home-cases__title {
    margin: 12px 0 56px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .p-home-cases__title.twoLine {
    margin: 0 0 32px;
  }
}
@media screen and (max-width: 768px) {
  .p-home-cases__title.twoLine {
    margin: 1.6vw 0 6.4vw;
  }
  .p-home-cases__title.twoLine_sp {
    margin: 1.6vw 0 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .p-home-cases__title.threeLine_sp {
    margin: 0 0 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.p-home-cases__slider {
  margin-bottom: 22.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-home-cases__slider {
    margin-bottom: 122px;
  }
}
@media screen and (min-width: 769px) {
  .p-home-cases__slider .swiper-slide {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.p-home-cases__slider .swiper-slide img {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-home-cases__slider .swiper-slide img {
    width: 49.8%;
  }
}
@media screen and (max-width: 768px) {
  .p-home-cases__slider .swiper-slide img {
    width: 75%;
    margin: 0 auto 0.5333333333vw;
  }
}
.p-home-cases__slider .swiper-slide table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-home-cases__slider .swiper-slide table {
    width: 75%;
  }
}
.p-home-cases__slider .swiper-button-prev,
.p-home-cases__slider .swiper-button-next {
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  margin: 0;
  top: 55.5%;
  background: url(./juno_settings/img/common/arrow-left-blue.png) no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-home-cases__slider .swiper-button-prev,
  .p-home-cases__slider .swiper-button-next {
    width: 64px;
    height: 64px;
    transition: 0.3s;
  }
  .p-home-cases__slider .swiper-button-prev:hover,
  .p-home-cases__slider .swiper-button-next:hover {
    opacity: 0.8;
  }
}
.p-home-cases__slider .swiper-button-prev:after,
.p-home-cases__slider .swiper-button-next:after {
  content: none;
}
.p-home-cases__slider .swiper-button-prev {
  left: -1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .p-home-cases__slider .swiper-button-prev {
    left: -96px;
  }
}
.p-home-cases__slider .swiper-button-next {
  right: -1.0666666667vw;
  transform: scale(-1, 1);
}
@media screen and (min-width: 769px) {
  .p-home-cases__slider .swiper-button-next {
    right: -96px;
  }
}
.p-home-cases__slider .swiper-pagination {
  bottom: -10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .p-home-cases__slider .swiper-pagination {
    bottom: -50px;
  }
}
.p-home-cases__slider .swiper-pagination-bullet {
  opacity: 1;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  margin: 0 2.1333333333vw;
  border: 1px solid #4b70a7;
  background: none;
}
@media screen and (min-width: 769px) {
  .p-home-cases__slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 8px;
  }
}
.p-home-cases__slider .swiper-pagination-bullet-active {
  background: #4b70a7;
}

/**********
* 選ばれる理由
**********/
.p-home-reasons .p-home-bgttl-heading {
  background: url(./juno_settings/img/home/bg-promise_pride-heading-sp.png)
    center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .p-home-reasons .p-home-bgttl-heading {
    background: url(./juno_settings/img/home/bg-promise_pride-heading-pc.png)
      center no-repeat;
    background-size: cover;
  }
}
.p-home-reasons .p-home-bgttl-heading__title {
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-home-reasons__container {
    width: 1020px !important;
  }
}

.p-home-reasons-list {
  padding: 19.2vw 5.3333333333vw 0;
  border-radius: 1.0666666667vw;
  background: #fff;
}
@media screen and (min-width: 769px) {
  .p-home-reasons-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 96px 0 56px;
  }
}
.p-home-reasons-list__item {
  width: 100%;
  flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-home-reasons-list__item {
    width: 32%;
    padding: 0 20px;
  }
  .p-home-reasons-list__item:nth-child(1)::before,
  .p-home-reasons-list__item:nth-child(2)::before,
  .p-home-reasons-list__item:nth-child(4)::before,
  .p-home-reasons-list__item:nth-child(5)::before {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #e6e8ee;
    position: absolute;
    top: 0;
    right: -10px;
  }
  .p-home-reasons-list__item:nth-child(1),
  .p-home-reasons-list__item:nth-child(2),
  .p-home-reasons-list__item:nth-child(3) {
    /*margin-bottom: 81px;

    &::after {
      display: block;
      content: "";
      width: 100%;
      height: 1px;
      background-color: #E6E8EE;
      position: absolute;
      bottom: -40px;
      left: 0;
    }*/
  }
}
@media screen and (max-width: 768px) {
  .p-home-reasons-list__item {
    margin: 0 0 14.9333333333vw;
  }
  .p-home-reasons-list__item:last-of-type {
    margin: 0 0 10.6666666667vw;
  }
}
.p-home-reasons-list__item_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17.0666666667vw;
  height: 17.0666666667vw;
  margin: 0 auto 5.3333333333vw;
  padding: 0;
  border-radius: 100%;
  background: linear-gradient(45deg, #4a9ced, #86d0e6);
}
@media screen and (min-width: 769px) {
  .p-home-reasons-list__item_icon {
    margin: 0 auto 24px;
    width: 96px;
    height: 96px;
  }
}
.p-home-reasons-list__item_icon img {
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .p-home-reasons-list__item_icon img {
    width: 56px;
    height: 56px;
  }
}
.p-home-reasons-list__item_title {
  margin: 0 auto 3.2vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #4b70a7;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-home-reasons-list__item_title {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .p-home-reasons-list__item_title {
    height: 64px;
    margin: 0 auto 24px;
  }
}
@media screen and (min-width: 769px) {
  .p-home-reasons-list__item_content {
    line-height: 2;
    font-size: 1.6rem;
  }
}

/**********
* ドクター紹介
**********/
.p-home-doctor .p-home-bgttl-heading {
  background: url(./juno_settings/img/home/bg-doctor-heading-sp.jpg) center
    no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .p-home-doctor .p-home-bgttl-heading {
    background: url(./juno_settings/img/home/bg-doctor-heading-pc.jpg) center
      no-repeat;
    background-size: cover;
  }
}
.p-home-doctor__container {
  padding-top: 19.2vw;
}
@media screen and (min-width: 769px) {
  .p-home-doctor__container {
    padding-top: 96px;
  }
}
.p-home-doctor .p-doctor-list.unification_doctor {
  margin: 0 0 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-home-doctor .p-doctor-list.unification_doctor {
    margin: 0 0 96px;
  }
}
.p-home-doctor .p-doctor-list.doctor {
  margin: 0 0 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-home-doctor .p-doctor-list.doctor {
    margin: 0 0 8px;
  }
}

/**********
* クリニック一覧
**********/
@media screen and (min-width: 769px) {
  .p-home-location {
    padding-bottom: 120px !important;
  }
}
.p-home-location .p-home-bgttl-heading {
  background: url(./juno_settings/img/home/bg-location-heading-sp.jpg) center
    no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .p-home-location .p-home-bgttl-heading {
    background: url(./juno_settings/img/home/bg-location-heading-pc.png) center
      no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  .p-home-location .p-home-bgttl-heading {
    padding: 10.6666666667vw 0 13.3333333333vw;
  }
}
.p-home-location__container {
  padding-top: 19.2vw;
}
@media screen and (min-width: 769px) {
  .p-home-location__container {
    padding-top: 160px;
  }
}

/* --------------------------------------------------
固定ページ「運営者情報」
-------------------------------------------------- */
.p-company {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-big-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-company {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-big-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/**********
* 写真
**********/
.p-company-photo {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .p-company-photo {
    width: 530px;
  }
}
.p-company-photo:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .p-company-photo:not(:last-child) {
    margin-bottom: 120px;
  }
}
.p-company-photo img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .p-company-photo img {
    border-radius: 4px;
  }
}

/**********
* 加盟団体
**********/
.p-company-member-organization {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .p-company-member-organization {
    width: 100%;
  }
}
.p-company-member-organization a,
.p-company-member-organization a:hover,
.p-company-member-organization a:focus,
.p-company-member-organization a:visited,
.p-company-member-organization a:active {
  color: #5697d5;
  text-decoration: none;
}
.p-company-member-organization ul {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-company-member-organization ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.p-company-member-organization ul li {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 3.2vw;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-company-member-organization ul li {
    margin-bottom: 16px;
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
  }
}

/* --------------------------------------------------
固定ページ「プライバシーポリシー」
-------------------------------------------------- */
.p-privacy {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-big-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-privacy {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-big-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/* --------------------------------------------------
固定ページ「サイトマップ」
-------------------------------------------------- */
.p-sitemap {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-big-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-sitemap {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-big-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-sitemap-block ul {
  padding: 0;
  margin: 0;
  margin-left: 1em;
}
.p-sitemap-block ul:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-sitemap-block ul:not(:last-child) {
    margin-bottom: 24px;
  }
}
.p-sitemap-block ul li {
  padding: 0;
  margin: 0;
  text-indent: -1em;
}
.p-sitemap-block ul li::before {
  content: "・";
  font-weight: bold;
  color: #5697d5;
}

/* --------------------------------------------------
固定ページ「医療広告ガイドライン」
-------------------------------------------------- */
.p-guideline {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-big-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-guideline {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-big-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/* --------------------------------------------------
固定ページ「脱毛のリスクとケア」
-------------------------------------------------- */
.p-risk {
  display: block;
  padding: 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-1-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-risk {
    background: url(./juno_settings/img/common/hbg-wave-1-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-risk-inner {
  display: block;
  padding: 53.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/risk/hv-risk-sp.png) left top no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-risk-inner {
    padding: 240px 0 0;
    background: url(./juno_settings/img/risk/hv-risk-pc.png) left top no-repeat;
    background-size: 100%;
  }
}

/**********
* アンカーナビゲーション
**********/
.p-risk-navi-anchor {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-risk-navi-anchor {
    margin-bottom: 120px;
  }
}

/**********
* リスク一覧
**********/
.p-risk-list {
  display: block;
  padding: 0;
  margin: 0;
}
.p-risk-list__item {
  display: block;
  padding: 0;
  margin: 0;
}
.p-risk-list__item:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-risk-list__item:not(:last-child) {
    margin-bottom: 96px;
  }
}

/* --------------------------------------------------
固定ページ「無料カウンセリングと施術までの流れ」
-------------------------------------------------- */
.p-counseling {
  display: block;
  padding: 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-4-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-counseling {
    background: url(./juno_settings/img/common/hbg-wave-4-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-counseling-inner {
  display: block;
  padding: 53.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/counseling/hv-counseling-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-counseling-inner {
    padding: 240px 0 0;
    background: url(./juno_settings/img/counseling/hv-counseling-pc.png) left
      top no-repeat;
    background-size: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-counseling-inner .m-flex-block__figure {
    margin: 0;
  }
}

/**********
* アンカーナビゲーション
**********/
.p-counseling-navi-anchor {
  display: block;
  padding: 0;
  margin: 0;
}

/**********
* 無料カウンセリング一覧
**********/
.p-counseling-list {
  display: block;
  padding: 0;
  margin: 0;
}
.p-counseling-list__item {
  display: block;
  padding: 0;
  margin: 0;
}
.p-counseling-list__item:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-counseling-list__item:not(:last-child) {
    margin-bottom: 96px;
  }
}

/**********
* 無料カウンセリングの流れ
**********/
.p-counseling-flow-counseling {
  display: block;
  padding: 21.3333333333vw 0;
  margin: 0;
  background-color: #f7f2ed;
}
@media screen and (min-width: 769px) {
  .p-counseling-flow-counseling {
    padding: 120px 0;
  }
}
.p-counseling-flow-counseling__heading {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 8.5333333333vw;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .p-counseling-flow-counseling__heading {
    margin-bottom: 72px;
    width: 100%;
  }
}
.p-counseling-flow-counseling__heading_title {
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-counseling-flow-counseling__heading_title {
    font-size: 3rem;
  }
}
.p-counseling-flow-counseling__heading_title::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0 auto;
  margin-bottom: 6.4vw;
  width: 12.8vw;
  height: 12.8vw;
  background: url(./juno_settings/img/common/icon-counseling-tertiary.svg)
    center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .p-counseling-flow-counseling__heading_title::before {
    margin-bottom: 24px;
    width: 88px;
    height: 88px;
  }
}

/**********
* 脱毛施術の流れ
**********/
.p-counseling-flow-treatment {
  display: block;
  padding: 21.3333333333vw 0;
  margin: 0;
  margin-bottom: 25.6vw;
  background-color: #e7f6ff;
}
@media screen and (min-width: 769px) {
  .p-counseling-flow-treatment {
    padding: 120px 0;
    margin-bottom: 120px;
  }
}
.p-counseling-flow-treatment__heading {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 8.5333333333vw;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .p-counseling-flow-treatment__heading {
    margin-bottom: 72px;
    width: 100%;
  }
}
.p-counseling-flow-treatment__heading_title {
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-counseling-flow-treatment__heading_title {
    font-size: 3rem;
  }
}
.p-counseling-flow-treatment__heading_title::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0 auto;
  margin-bottom: 6.4vw;
  width: 12.8vw;
  height: 12.8vw;
  background: url(./juno_settings/img/common/icon-treatment-primary.svg) center
    no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .p-counseling-flow-treatment__heading_title::before {
    margin-bottom: 24px;
    width: 88px;
    height: 88px;
  }
}

/* --------------------------------------------------
固定ページ「当院が選ばれる理由」
-------------------------------------------------- */
.m-navi-anchor-wide-primary {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 82.9333333333vw;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-wide-primary {
    width: 100%;
  }
}
.m-navi-anchor-wide-primary ul {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-wide-primary ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.m-navi-anchor-wide-primary ul::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-wide-primary ul::after {
    width: 340px;
  }
}
.m-navi-anchor-wide-primary ul li {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 17.0666666667vw;
  border-bottom: 0.2666666667vw solid rgba(86, 151, 213, 0.5);
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-wide-primary ul li {
    width: 340px;
    height: 76px;
    border-bottom: 1px solid rgba(86, 151, 213, 0.5);
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .m-navi-anchor-wide-primary ul li:first-of-type {
    border-top: 0.2666666667vw solid rgba(86, 151, 213, 0.5);
  }
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-wide-primary ul li:nth-child(-n + 3) {
    border-top: 1px solid rgba(86, 151, 213, 0.5);
  }
}
.m-navi-anchor-wide-primary ul li a {
  display: block;
  padding: 2.1333333333vw 3.2vw 2.1333333333vw 2.1333333333vw;
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
  color: #5697d5;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-wide-primary ul li a {
    padding: 8px 0;
    font-size: 1.6rem;
  }
}
.m-navi-anchor-wide-primary ul li a::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-left: 2.1333333333vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-down-blue.svg) center
    no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .m-navi-anchor-wide-primary ul li a::after {
    margin-left: 8px;
    width: 28px;
    height: 28px;
  }
}

.p-reason {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: #ddf0ff url(./juno_settings/img/reason/hbg-wave-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-reason {
    padding: 160px 0 0;
    background: #ddf0ff url(./juno_settings/img/reason/hbg-wave-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-reason-heading {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  font-family: "Shippori Mincho", serif;
  text-align: center;
  color: #ffffff;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-reason-heading {
    width: 1100px;
  }
}
.p-reason-heading::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 61.3333333333vw;
  height: 96.2666666667vw;
  background: url(./juno_settings/img/reason/image-reason-heading-sp_v2.png)
    center no-repeat;
  background-size: 100%;
  transform: translateX(-50%);
  position: absolute;
  top: 88vw;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .p-reason-heading::before {
    width: 220px;
    height: 441px;
    background: url(./juno_settings/img/reason/image-reason-heading-left-pc_v2.png)
      center no-repeat;
    background-size: 100%;
    transform: none;
    top: 67px;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-reason-heading::after {
    display: block;
    content: "";
    padding: 0;
    margin: 0;
    width: 250px;
    height: 501px;
    background: url(./juno_settings/img/reason/image-reason-heading-right-pc_v2.png)
      center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 20px;
    right: -10px;
  }
}
.p-reason-heading__title {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 14.9333333333vw;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-reason-heading__title {
    margin-bottom: 140px;
    width: 530px;
    font-size: 4.4rem;
  }
}
.p-reason-heading__introduction {
  display: block;
  padding: 0;
  margin: 0 auto 130.6666666667vw;
}
@media screen and (min-width: 769px) {
  .p-reason-heading__introduction {
    margin: 0 auto 320px;
    width: 530px;
  }
}
.p-reason-heading__introduction_title {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 6.4vw;
  font-family: "EB Garamond", serif;
  font-size: 3.2rem;
  line-height: 1.3;
  font-style: italic;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 769px) {
  .p-reason-heading__introduction_title {
    margin-bottom: 24px;
    font-size: 4rem;
  }
}
.p-reason-heading__introduction_text {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-reason-heading__introduction_text {
    font-size: 2.4rem;
  }
}
.p-reason-heading__introduction_text:not(:last-child) {
  margin-bottom: 1.6vw;
}
@media screen and (min-width: 769px) {
  .p-reason-heading__introduction_text:not(:last-child) {
    margin-bottom: 30px;
  }
}
.p-reason-heading__introduction_note {
  font-size: 1.2rem;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .p-reason-heading__introduction_note {
    font-size: 1.6rem;
  }
}
.p-reason-heading__introduction_note:not(:last-child) {
  margin-bottom: 1.6vw;
}
@media screen and (min-width: 769px) {
  .p-reason-heading__introduction_note:not(:last-child) {
    margin-bottom: 12px;
  }
}

/**
* 選ばれる6の理由
**/
.p-reason-reasons-header {
  display: block;
  padding: 0;
  padding-bottom: 32vw;
  margin: 0;
  background: url(./juno_settings/img/reason/bg-reason-content-top-sp.svg) left
    bottom no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons-header {
    padding-bottom: 190px;
    background: url(./juno_settings/img/reason/bg-reason-content-top-pc.svg)
      left bottom no-repeat;
    background-size: 100%;
  }
}

.p-reason-reasons-heading {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 6.4vw;
  font-family: "Shippori Mincho", serif;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons-heading {
    margin-bottom: 24px;
  }
}
.p-reason-reasons-heading__subtitle {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #5697d5;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons-heading__subtitle {
    font-size: 3rem;
  }
}
.p-reason-reasons-heading__title {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #5697d5;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons-heading__title {
    font-size: 4rem;
  }
}
.p-reason-reasons-heading__title em {
  font-family: "EB Garamond", serif;
  font-size: 12rem;
  line-height: 1;
  font-style: italic;
  font-weight: normal;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons-heading__title em {
    font-size: 18rem;
  }
}

.p-reason-reasons {
  display: block;
  padding: 16vw 0;
  margin: 0;
  background-color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons {
    padding: 120px 0;
  }
}

.p-reason-reasons__group {
  display: block;
  padding: 0;
  margin: 0;
}
.p-reason-reasons__group:not(:last-child) {
  margin-bottom: 25.6vw;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__group:not(:last-child) {
    margin-bottom: 96px;
  }
}

.p-reason-reasons__block {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 82.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__block {
    width: 100%;
  }
}
.p-reason-reasons__block:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__block:not(:last-child) {
    margin-bottom: 120px;
  }
}
.p-reason-reasons__block_title {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #5697d5;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__block_title {
    margin-bottom: 48px;
    font-size: 3rem;
  }
}
.p-reason-reasons__block_title em {
  font-family: "EB Garamond", serif;
  font-size: 6.4rem;
  font-weight: normal;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__block_title em {
    font-size: 9.6rem;
  }
}
.p-reason-reasons__block p:not(:last-child) {
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__block p:not(:last-child) {
    margin-bottom: 32px;
  }
}

.p-reason-reasons__flex {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 82.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__flex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.p-reason-reasons__flex:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__flex:not(:last-child) {
    margin-bottom: 56px;
  }
}
.p-reason-reasons__flex_content {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  font-size: 1.3rem;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__flex_content {
    margin: 0;
    width: 530px;
    font-size: 1.6rem;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-reason-reasons__flex_figure {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__flex_figure {
    width: 530px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-reason-reasons__flex_figure:not(:last-child) {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .p-reason-reasons__flex_figure:not(:last-child) {
    margin-bottom: 0;
  }
}
.p-reason-reasons__flex_figure img {
  padding: 0;
  margin: 0;
  width: 100%;
}

/**********
* 患者さま第一のサービス
**********/
.p-reason-service {
  display: block;
  padding: 32vw 0 25.6vw;
  margin: 0;
  color: #ffffff;
  background: #92c3e9
    url(./juno_settings/img/reason/bg-reason-content-bottom-sp.svg) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-reason-service {
    padding: 250px 0 160px;
    background: #92c3e9
      url(./juno_settings/img/reason/bg-reason-content-bottom-pc.svg) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-reason-service-heading {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 13.8666666667vw;
}
@media screen and (min-width: 769px) {
  .p-reason-service-heading {
    margin-bottom: 72px;
  }
}
.p-reason-service-heading__title {
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-reason-service-heading__title {
    font-size: 3rem;
  }
}

.p-reason-service-group {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-reason-service-group {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.p-reason-service-block {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-reason-service-block {
    width: 340px;
  }
}
.p-reason-service-block:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-reason-service-block:not(:last-child) {
    margin: 0;
  }
}
.p-reason-service-block__header {
  display: block;
  padding: 0 0 6.4vw;
  margin: 0 0 6.4vw;
  border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 769px) {
  .p-reason-service-block__header {
    padding: 0;
    margin-bottom: 32px;
    height: 248px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.p-reason-service-block__body {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-reason-service-block__body {
    height: 88px;
  }
}
.p-reason-service-block__body:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .p-reason-service-block__body:not(:last-child) {
    margin-bottom: 0;
  }
}
.p-reason-service-block__footer {
  display: block;
  padding: 0;
  margin: 0;
}
.p-reason-service-block h4 {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-reason-service-block h4 {
    font-size: 2.4rem;
  }
}
.p-reason-service-block h4::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0 auto 6.4vw;
  width: 25.6vw;
  height: 25.6vw;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
}
@media screen and (min-width: 769px) {
  .p-reason-service-block h4::before {
    margin-bottom: 32px;
    width: 120px;
    height: 120px;
  }
}
.p-reason-service-block h4.is-menu::before {
  background: rgba(255, 255, 255, 0.2)
    url(./juno_settings/img/common/icon-menu-white.svg) center no-repeat;
  background-size: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-reason-service-block h4.is-menu::before {
    background-size: 72px;
  }
}
.p-reason-service-block h4.is-staff::before {
  background: rgba(255, 255, 255, 0.2)
    url(./juno_settings/img/common/icon-staff-white.svg) center no-repeat;
  background-size: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-reason-service-block h4.is-staff::before {
    background-size: 72px;
  }
}
.p-reason-service-block h4.is-doctor::before {
  background: rgba(255, 255, 255, 0.2)
    url(./juno_settings/img/common/icon-doctor-white.svg) center no-repeat;
  background-size: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-reason-service-block h4.is-doctor::before {
    background-size: 72px;
  }
}

/* --------------------------------------------------
固定ページ「ジュノビューティークリニックの医療脱毛について」
-------------------------------------------------- */
.p-iryodatsumo {
  display: block;
  padding: 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-1-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-iryodatsumo {
    background: url(./juno_settings/img/common/hbg-wave-1-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-iryodatsumo-inner {
  display: block;
  padding: 53.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/iryo-datsumo/hv-iryodatsumo-sp.png) left
    top no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-iryodatsumo-inner {
    padding: 240px 0 0;
    background: url(./juno_settings/img/iryo-datsumo/hv-iryodatsumo-pc.png) left
      top no-repeat;
    background-size: 100%;
  }
}
.p-iryodatsumo-inner .m-flex-block {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-iryodatsumo-inner .m-flex-block {
    margin-bottom: 40px;
  }
}
.p-iryodatsumo-inner .m-flex-block.sub {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-iryodatsumo-inner .m-flex-block.sub {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 769px) {
  .p-iryodatsumo-inner .m-flex-block__figure {
    margin: 0;
  }
}

/* --------------------------------------------------
固定ページ「about us」
-------------------------------------------------- */
.p-aboutus {
  display: block;
  padding: 0;
  margin: 0;
  background: url(./juno_settings/img/aboutus/mv-sp.png) center top no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-aboutus {
    background: url(./juno_settings/img/aboutus/mv-pc.png) center top no-repeat;
    background-size: auto 900px;
  }
}

/**********
* メインビジュアル
**********/
.p-aboutus-hero {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 176vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-aboutus-hero {
    height: 900px;
  }
}
.p-aboutus-hero__scroll {
  display: block;
  padding: 0;
  margin: 0 auto;
  font-family: "EB Garamond", serif;
  font-size: 2.4rem;
  line-height: 1;
  font-style: italic;
  color: #4b70a7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transform: translateX(-50%);
  position: absolute;
  bottom: 37.3333333333vw;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .p-aboutus-hero__scroll {
    font-size: 3.2rem;
    bottom: 168px;
  }
}
.p-aboutus-hero__scroll::after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-top: 2.1333333333vw;
  width: 0.2666666667vw;
  height: 26.6666666667vw;
  background-color: #4b70a7;
}
@media screen and (min-width: 769px) {
  .p-aboutus-hero__scroll::after {
    margin-top: 12px;
    width: 1px;
    height: 100px;
  }
}

/**********
* ブランドメッセージ
**********/
.p-aboutus-brand-message {
  display: block;
  padding: 0;
  padding-bottom: 32vw;
  margin: 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message {
    padding-bottom: 320px;
  }
}
.p-aboutus-brand-message__inner {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  height: 1284.5333333333vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__inner {
    width: 1100px;
    height: 6647px;
  }
}
.p-aboutus-brand-message__copy-001 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-001 {
    width: 4vw;
    top: 139.2vw;
    right: 21.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-001 {
    width: 22px;
    top: 709px;
    right: 143px;
  }
}
.p-aboutus-brand-message__copy-002 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-002 {
    width: 19.2vw;
    top: 192.5333333333vw;
    left: 29.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-002 {
    width: 107px;
    top: 709px;
    left: 364px;
  }
}
.p-aboutus-brand-message__copy-003 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-003 {
    width: 26.4vw;
    top: 265.8666666667vw;
    right: 21.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-003 {
    width: 148px;
    top: 709px;
    left: 144px;
  }
}
.p-aboutus-brand-message__copy-004 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-004 {
    width: 11.4666666667vw;
    top: 365.8666666667vw;
    right: 17.6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-004 {
    width: 64px;
    top: 1310px;
    right: 358px;
  }
}
.p-aboutus-brand-message__copy-005 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-005 {
    width: 11.4666666667vw;
    top: 422.1333333333vw;
    left: 17.6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-005 {
    width: 64px;
    top: 1703px;
    left: 358px;
  }
}
.p-aboutus-brand-message__copy-006 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-006 {
    width: 11.2vw;
    top: 525.8666666667vw;
    right: 28.8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-006 {
    width: 63px;
    top: 2287px;
    right: 422px;
  }
}
.p-aboutus-brand-message__copy-007 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-007 {
    width: 19.2vw;
    top: 525.8666666667vw;
    left: 29.6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-007 {
    width: 107px;
    top: 2287px;
    left: 426px;
  }
}
.p-aboutus-brand-message__copy-008 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-008 {
    width: 4.2666666667vw;
    top: 625.6vw;
    left: 29.8666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-008 {
    width: 23px;
    top: 3014px;
    right: 197px;
  }
}
.p-aboutus-brand-message__copy-009 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-009 {
    width: 26.4vw;
    top: 705.6vw;
    right: 21.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-009 {
    width: 149px;
    top: 3310px;
    left: 144px;
  }
}
.p-aboutus-brand-message__copy-010 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-010 {
    width: 19.2vw;
    top: 774.9333333333vw;
    left: 29.6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-010 {
    width: 107px;
    transform: translateX(-50%);
    top: 3659px;
    left: 50%;
  }
}
.p-aboutus-brand-message__copy-011 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-011 {
    width: 11.4666666667vw;
    top: 943.4666666667vw;
    right: 29.6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-011 {
    width: 65px;
    top: 4702px;
    right: 424px;
  }
}
.p-aboutus-brand-message__copy-012 {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__copy-012 {
    width: 18.9333333333vw;
    top: 943.4666666667vw;
    left: 29.6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__copy-012 {
    width: 107px;
    top: 4702px;
    left: 425px;
  }
}
.p-aboutus-brand-message__maincopy-001 {
  display: block;
  padding: 0;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__maincopy-001 {
    width: 6.4vw;
    height: 107.2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__maincopy-001 {
    width: 28px;
    height: 469px;
  }
}
.p-aboutus-brand-message__maincopy-001 img {
  background: linear-gradient(-45deg, #ff9191 25%, #519de6 75%);
  background-size: 200% 200%;
  -webkit-animation: gradient 4s ease infinite;
  animation: gradient 4s ease infinite;
}
.p-aboutus-brand-message__maincopy-002 {
  display: block;
  padding: 0;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  position: relative;
  z-index: 1;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__maincopy-002 {
    width: 24.5333333333vw;
    height: 64vw;
    top: 1220.5333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__maincopy-002 {
    width: 154px;
    height: 401px;
    top: 6246px;
  }
}
.p-aboutus-brand-message__maincopy-002 img {
  background: linear-gradient(-45deg, #519de6 25%, #ff9191 75%);
  background-size: 200% 200%;
  -webkit-animation: gradient 4s ease infinite;
  animation: gradient 4s ease infinite;
}
.p-aboutus-brand-message__veil {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 48.2666666667vw;
  background: url(./juno_settings/img/aboutus/veil-sp.png) center no-repeat;
  background-size: cover;
  z-index: 2;
  position: absolute;
  top: 1143.2vw;
  left: 0;
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__veil {
    height: 29.4531vw;
    background: url(./juno_settings/img/aboutus/veil-pc.png) center no-repeat;
    background-size: cover;
    top: 5815px;
  }
}
.p-aboutus-brand-message__photo-001 {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__photo-001 {
    width: 64vw;
    top: 139.2vw;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__photo-001 {
    width: 320px;
    top: 709px;
    right: 237px;
  }
}
.p-aboutus-brand-message__photo-002 {
  display: block;
  padding: 0;
  margin: 0;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__photo-002 {
    width: 53.3333333333vw;
    top: 376.5333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__photo-002 {
    width: 320px;
    top: 1390px;
  }
}
.p-aboutus-brand-message__photo-003 {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__photo-003 {
    width: 100%;
    top: 636.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__photo-003 {
    width: 640px;
    top: 2848px;
  }
}
.p-aboutus-brand-message__photo-004 {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__photo-004 {
    width: 80vw;
    top: 860.8vw;
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__photo-004 {
    width: 640px;
    top: 4139px;
    right: -90px;
  }
}
.p-aboutus-brand-message__photo-005 {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__photo-005 {
    width: 42.6666666667vw;
    top: 1036.5333333333vw;
    right: 10.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__photo-005 {
    width: 240px;
    top: 5226px;
    right: 290px;
  }
}
.p-aboutus-brand-message__photo-006 {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-aboutus-brand-message__photo-006 {
    width: 58.6666666667vw;
    transform: translateX(-50%);
    top: 1079.2vw;
    left: 50%;
  }
}
@media screen and (min-width: 769px) {
  .p-aboutus-brand-message__photo-006 {
    width: 400px;
    top: 5406px;
    left: 290px;
  }
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/**********
* 写真のフェードイン
**********/
.jc-scroll-fade-up img {
  opacity: 0;
  transform: translateY(26.6666666667vw);
  transition: all 1s ease 0s;
}
@media screen and (min-width: 769px) {
  .jc-scroll-fade-up img {
    transform: translateY(100px);
  }
}
.jc-scroll-fade-up.js-show img {
  opacity: 1;
  transform: translateY(0);
}

/**********
* 代表者メッセージ
**********/
.p-aboutus-representative-message {
  display: block;
  padding: 32vw 0;
  margin: 0;
  background: linear-gradient(#fff, #edf4f8);
}
@media screen and (min-width: 769px) {
  .p-aboutus-representative-message {
    padding: 0 0 240px;
  }
}

.m-representative-message {
  display: block;
  padding: 0;
  margin: 0;
}
.m-representative-message__header {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .m-representative-message__header {
    margin-bottom: 56px;
  }
}
.m-representative-message__body {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 10.6666666667vw;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .m-representative-message__body {
    margin-bottom: 56px;
  }
}
.m-representative-message__body p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .m-representative-message__body p:not(:last-child) {
    margin-bottom: 24px;
  }
}
.m-representative-message__footer {
  display: block;
  padding: 0;
  margin: 0;
}
.m-representative-message__subtitle {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  font-family: "EB Garamond", serif;
  font-size: 2rem;
  line-height: 1.8;
  font-style: italic;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-representative-message__subtitle {
    margin-bottom: 16px;
  }
}
.m-representative-message__title {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-representative-message__title {
    font-size: 3.2rem;
  }
}
.m-representative-message__photo {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 10.6666666667vw;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-representative-message__photo {
    margin-bottom: 56px;
    width: 530px;
  }
}
.m-representative-message__photo img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .m-representative-message__photo img {
    border-radius: 4px;
  }
}
.m-representative-message__position {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 2.1333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-representative-message__position {
    margin-bottom: 12px;
    font-size: 1.6rem;
  }
}
.m-representative-message__name {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-representative-message__name {
    font-size: 2.8rem;
  }
}

/* --------------------------------------------------
各院の紹介（一覧）
-------------------------------------------------- */
.p-access {
  display: block;
  padding: 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-sp.png) left top
    no-repeat;
  background-size: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-access {
    background: url(./juno_settings/img/common/hbg-wave-2-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-access-inner {
  display: block;
  padding: 53.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/access/hv-access-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-access-inner {
    padding: 240px 0 0;
    background: url(./juno_settings/img/access/hv-access-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/* --------------------------------------------------
固定ページ「医院詳細」
-------------------------------------------------- */
.p-clinic {
  display: block;
  padding: 0;
  margin: 0;
}

/**********
* 院内写真（1枚の場合）
**********/
.p-clinic-photo-gallery {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  overflow-x: auto;
}
@media screen and (min-width: 769px) {
  .p-clinic-photo-gallery {
    width: 1100px;
  }
}
.p-clinic-photo-gallery__item {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .p-clinic-photo-gallery__item {
    width: 530px;
  }
}
.p-clinic-photo-gallery__item img {
  display: block;
  padding: 0;
  margin: 0;
}
.p-clinic-photo-gallery__item img:not(:last-child) {
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .p-clinic-photo-gallery__item img:not(:last-child) {
    margin-bottom: 24px;
  }
}
.p-clinic-photo-gallery__item_caption {
  display: block;
  padding: 0;
  margin: 0;
}

/**********
* 医師紹介
**********/
.p-clinic-doctor {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
  font-size: 1.3rem;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .p-clinic-doctor {
    width: 100%;
    font-size: 1.6rem;
  }
}
.p-clinic-doctor:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-clinic-doctor:not(:last-child) {
    margin-bottom: 96px;
  }
}
.p-clinic-doctor__name {
  display: block;
  padding: 0;
  margin: 0 0 6.4vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .p-clinic-doctor__name {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .p-clinic-doctor__name {
    margin: 0 auto 24px;
    width: 391px;
  }
}
.p-clinic-doctor__name_label {
  display: block;
  padding: 0 2.6666666667vw;
  margin: 0;
  margin-left: 2.1333333333vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 6.4vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  line-height: 6.4vw;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #86bce6;
  border-radius: 3.2vw;
}
@media screen and (min-width: 769px) {
  .p-clinic-doctor__name_label {
    padding: 0 10px;
    margin-left: 8px;
    height: 24px;
    font-size: 1.2rem;
    line-height: 24px;
    border-radius: 12px;
  }
}
.p-clinic-doctor__photo {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  border-radius: 1.0666666667vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-clinic-doctor__photo {
    width: 391px;
    border-radius: 4px;
  }
}
.p-clinic-doctor__photo:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .p-clinic-doctor__photo:not(:last-child) {
    margin-bottom: 40px;
  }
}
.p-clinic-doctor__photo img {
  display: block;
  width: 100%;
  height: auto;
}
.p-clinic-doctor__body {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
.p-clinic-doctor__body:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .p-clinic-doctor__body:not(:last-child) {
    margin-bottom: 40px;
  }
}
.p-clinic-doctor p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-clinic-doctor p:not(:last-child) {
    margin-bottom: 24px;
  }
}

/* --------------------------------------------------
固定ページ「ドクター紹介」
-------------------------------------------------- */
.p-doctor {
  background: url(./juno_settings/img/common/hbg-wave-3-sp.png) left top
    no-repeat;
  background-size: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-doctor {
    background: url(./juno_settings/img/common/hbg-wave-3-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-doctor-inner {
  padding: 53.3333333333vw 0 0;
  background: url(./juno_settings/img/doctor/hv-doctor-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-doctor-inner {
    padding: 240px 0 0;
    background: url(./juno_settings/img/doctor/hv-doctor-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/**********
* 医師一覧
**********/
.p-doctor-list {
  /* 統括医師 */
  /* 医師 */
}
.p-doctor-list.unification_doctor,
.p-doctor-list.doctor {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.p-doctor-list.unification_doctor:before,
.p-doctor-list.doctor:before {
  content: "";
  display: block;
  width: 48%;
  height: 0;
  order: 1;
}
@media screen and (min-width: 769px) {
  .p-doctor-list.unification_doctor:before,
  .p-doctor-list.doctor:before {
    width: 22%;
  }
}
.p-doctor-list.unification_doctor:after,
.p-doctor-list.doctor:after {
  content: "";
  display: block;
  width: 48%;
  height: 0;
}
@media screen and (min-width: 769px) {
  .p-doctor-list.unification_doctor:after,
  .p-doctor-list.doctor:after {
    width: 22%;
  }
}
.p-doctor-list.unification_doctor .p-doctor-list__item {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-doctor-list.unification_doctor .p-doctor-list__item {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-doctor-list.unification_doctor {
    display: block;
  }
}
.p-doctor-list.doctor .p-doctor-list__item {
  width: 48%;
  margin: 0 0 4.2666666667vw;
  padding: 0;
}
@media screen and (min-width: 769px) {
  .p-doctor-list.doctor .p-doctor-list__item {
    width: 22%;
    margin: 0 0 32px;
  }
}
.p-doctor-list.doctor .p-doctor-list__item a {
  display: block;
  height: 100%;
  padding: 4.2666666667vw 4.2666666667vw 5.8666666667vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-list.doctor .p-doctor-list__item a {
    padding: 16px 16px 22px;
  }
}
.p-doctor-list.doctor .p-doctor-list__thumbnail {
  width: 32vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .p-doctor-list.doctor .p-doctor-list__thumbnail {
    width: 100%;
  }
}
.p-doctor-list.doctor .p-doctor-list__thumbnail img {
  width: 100%;
}
.p-doctor-list.doctor .p-doctor-list__name {
  margin: 4.2666666667vw 0 0;
  font-size: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-list.doctor .p-doctor-list__name {
    margin: 20px 0 0;
    font-size: 1.6rem;
    color: #86bce6;
  }
}
.p-doctor-list__item {
  padding: 6.4vw;
  border-radius: 2.1333333333vw;
  border: 1px solid #dadce5;
}
@media screen and (min-width: 769px) {
  .p-doctor-list__item {
    padding: 32px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 768px) {
  .p-doctor-list__item {
    margin: 0 0 4.2666666667vw;
  }
}
.p-doctor-list__thumbnail {
  width: 42.6666666667vw;
  margin: 0 auto 3.2vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-list__thumbnail {
    width: 200px;
    margin: 0 auto 16px;
  }
}
.p-doctor-list__thumbnail img {
  width: 100%;
}
.p-doctor-list__name,
.p-doctor-list__text {
  line-height: 1.5;
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-weight: bold;
}
.p-doctor-list__name {
  margin: 0 0 2.6666666667vw;
  font-size: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-list__name {
    margin: 0 0 12px;
    font-size: 2.4rem;
  }
}
.p-doctor-list__text {
  margin: 0 0 2.6666666667vw;
  font-size: 3.7333333333vw;
  color: #d0a26e;
}
@media screen and (min-width: 769px) {
  .p-doctor-list__text {
    margin: 0 0 12px;
    font-size: 1.6rem;
  }
}
.p-doctor-list__textBox {
  margin: 0 0 4.2666666667vw;
  padding: 3.2vw 2.6666666667vw;
  border-radius: 1.0666666667vw;
  font-size: 3.2vw;
  background: #f7f2ed;
}
@media screen and (min-width: 769px) {
  .p-doctor-list__textBox {
    display: flex;
    align-items: center;
    min-height: 124px;
    margin: 0 0 16px;
    padding: 12px 10px;
    border-radius: 4px;
    font-size: 1.4rem;
  }
}
.p-doctor-list .c-btn {
  height: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-list .c-btn {
    height: 64px;
  }
}
.p-doctor-list a {
  text-decoration: none;
}

/**********
ドクター紹介詳細（single）
**********/
.p-single-doctor {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-single-doctor {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}
.p-single-doctor .m-heading {
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .p-single-doctor .m-heading {
    margin-bottom: 24px;
  }
}
.p-single-doctor .m-heading__title {
  line-height: 1.1;
}
.p-single-doctor .m-heading__title:not(:last-child) {
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .p-single-doctor .m-heading__title:not(:last-child) {
    margin-bottom: 32px;
  }
}
.p-single-doctor .m-heading__introduction {
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: bold;
  color: #4b70a7;
}
@media screen and (min-width: 769px) {
  .p-single-doctor .m-heading__introduction {
    font-size: 2.4rem;
  }
}
.p-single-doctor .c-figure-center {
  width: 41.0666666667vw;
}
@media screen and (min-width: 769px) {
  .p-single-doctor .c-figure-center {
    width: 320px;
  }
}
.p-single-doctor .c-figure-center:not(:last-child) {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .p-single-doctor .m-flex-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .p-single-doctor .m-flex-block__figure,
  .p-single-doctor .m-flex-block__content {
    width: 49%;
  }
}
.p-single-doctor .m-flex-block__figure {
  margin: 0;
}
.p-single-doctor .m-flex-block__figure img {
  border-radius: 0;
}

/**********
* 医師のプロフィール
**********/
.p-doctor-profile {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-profile {
    width: 100%;
  }
}
.p-doctor-profile:not(:last-child) {
  margin-bottom: 25.6vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-profile:not(:last-child) {
    margin-bottom: 120px;
  }
}
.p-doctor-profile__photo {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  border-radius: 1.0666666667vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-doctor-profile__photo {
    width: 530px;
    border-radius: 4px;
  }
}
.p-doctor-profile__photo:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-profile__photo:not(:last-child) {
    margin-bottom: 56px;
  }
}
.p-doctor-profile__photo img {
  display: block;
  width: 100%;
  height: auto;
}

/**********
* 医師からのメッセージ
**********/
.p-doctor-message {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
  font-size: 1.3rem;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .p-doctor-message {
    width: 100%;
    font-size: 1.6rem;
  }
}
.p-doctor-message:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-message:not(:last-child) {
    margin-bottom: 96px;
  }
}
.p-doctor-message p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-message p:not(:last-child) {
    margin-bottom: 24px;
  }
}

/**********
* カウンセリング予約
**********/
.p-doctor-counseling {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-counseling {
    width: 100%;
  }
}
.p-doctor-counseling:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-doctor-counseling:not(:last-child) {
    margin-bottom: 32px;
  }
}

/* --------------------------------------------------
固定ページ「アクセス案内」
-------------------------------------------------- */
.p-map {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-map {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}
.p-map .map_title {
  display: block;
  margin: 2.1333333333vw 0 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .p-map .map_title {
    margin: 16px 0 55px;
  }
}

.p-map-information {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
  font-size: 1.3rem;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .p-map-information {
    width: 100%;
    font-size: 1.6rem;
  }
}
.p-map-information:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-map-information:not(:last-child) {
    margin-bottom: 56px;
  }
}
.p-map-information h4,
.p-map-information .info_lead {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-map-information h4,
  .p-map-information .info_lead {
    margin-bottom: 56px;
    font-size: 2.4rem;
  }
}
.p-map-information p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-map-information p:not(:last-child) {
    margin-bottom: 24px;
  }
}

/**********
* ルート案内
**********/
.p-clinic-access-information-tab-module .m-tab:not(:last-of-type) {
  border-right: none;
}

.p-clinic-map-routes {
  display: block;
  padding: 0;
  margin: 0;
  counter-reset: num;
}

.p-clinic-map-route {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
  height: auto;
}
@media screen and (min-width: 769px) {
  .p-clinic-map-route {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.p-clinic-map-route:not(:last-child) {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .p-clinic-map-route:not(:last-child) {
    margin-bottom: 56px;
  }
}
.p-clinic-map-route__photo {
  display: block;
  padding: 0;
  margin: 0 0 6.4vw;
  width: 100%;
  border-radius: 1.0666666667vw;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-clinic-map-route__photo {
    margin: 0;
    margin-right: 32px;
    width: 391px;
    border-radius: 4px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-clinic-map-route__photo::before {
  display: block;
  content: counter(num);
  counter-increment: num;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  background-color: #86bce6;
  border-top-left-radius: 1.0666666667vw;
  border-bottom-right-radius: 1.0666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .p-clinic-map-route__photo::before {
    width: 40px;
    height: 40px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}
.p-clinic-map-route__content {
  display: block;
  padding: 0;
  margin: 0;
}

/* --------------------------------------------------
固定ページ「料金シミュレーション」
-------------------------------------------------- */
/**********
* シミュレーションのステップラベル
**********/
.p-simulation-step-label {
  padding: 0;
  margin: 0;
  margin-bottom: 6.4vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-simulation-step-label {
    font-size: 3rem;
  }
}
@media screen and (min-width: 769px) {
  .p-simulation-step-label {
    margin-bottom: 46px;
  }
}

/**********
* シミュレーションのステップバー
**********/
.p-simulation-step-bar {
  padding: 0;
  margin: 0 auto;
  margin-bottom: 10.6666666667vw;
  width: 53.3333333333vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-simulation-step-bar {
    margin-bottom: 56px;
    width: 432px;
  }
}
.p-simulation-step-bar__list {
  padding: 0;
  margin: 0 auto;
  width: 44.8vw;
  height: 8.5333333333vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-simulation-step-bar__list {
    width: 384px;
    height: 48px;
  }
}
.p-simulation-step-bar__list::before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 0.2666666667vw solid #86bce6;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (min-width: 769px) {
  .p-simulation-step-bar__list::before {
    border-bottom: 1px solid #86bce6;
  }
}
.p-simulation-step-bar__list li {
  display: block;
  padding: 0;
  margin: 0;
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: #86bce6;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  /** 現在位置 **/
}
.p-simulation-step-bar__list li:nth-of-type(1) {
  left: -1.0666666667vw;
}
.p-simulation-step-bar__list li:nth-of-type(2) {
  left: 13.8666666667vw;
}
.p-simulation-step-bar__list li:nth-of-type(3) {
  right: 13.8666666667vw;
}
.p-simulation-step-bar__list li:nth-of-type(4) {
  right: -1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .p-simulation-step-bar__list li {
    width: 12px;
    height: 12px;
    font-size: 1.6rem;
  }
  .p-simulation-step-bar__list li:nth-of-type(1) {
    left: -6px;
  }
  .p-simulation-step-bar__list li:nth-of-type(2) {
    left: 122px;
  }
  .p-simulation-step-bar__list li:nth-of-type(3) {
    right: 122px;
  }
  .p-simulation-step-bar__list li:nth-of-type(4) {
    right: -6px;
  }
}
.p-simulation-step-bar__list li.is-current {
  width: 8.5333333333vw;
  height: 8.5333333333vw;
}
.p-simulation-step-bar__list li.is-current:nth-of-type(1) {
  left: -4.2666666667vw;
}
.p-simulation-step-bar__list li.is-current:nth-of-type(2) {
  left: 10.6666666667vw;
}
.p-simulation-step-bar__list li.is-current:nth-of-type(3) {
  right: 10.6666666667vw;
}
.p-simulation-step-bar__list li.is-current:nth-of-type(4) {
  right: -4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .p-simulation-step-bar__list li.is-current {
    width: 48px;
    height: 48px;
  }
  .p-simulation-step-bar__list li.is-current:nth-of-type(1) {
    left: -24px;
  }
  .p-simulation-step-bar__list li.is-current:nth-of-type(2) {
    left: 104px;
  }
  .p-simulation-step-bar__list li.is-current:nth-of-type(3) {
    right: 104px;
  }
  .p-simulation-step-bar__list li.is-current:nth-of-type(4) {
    right: -24px;
  }
}

/**********
* リセットボタン
**********/
.p-simulation-reset-btn {
  position: fixed;
  bottom: 25.6vw;
  right: 5.3333333333vw;
  padding: 6.4vw 3.2vw 3.2vw;
  background-color: rgba(86, 151, 213, 0.7);
  color: #fff;
  font-weight: bold;
  z-index: 10;
  border-radius: 2.1333333333vw;
  font-size: 3.2vw;
  line-height: 1.75;
  text-decoration: none;
  font-family: "Shippori Mincho", serif;
}
@media screen and (min-width: 769px) {
  .p-simulation-reset-btn {
    padding: 42px 16px 12px;
    right: 50px;
    bottom: 90px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.3;
  }
  .p-simulation-reset-btn:hover,
  .p-simulation-reset-btn:active,
  .p-simulation-reset-btn:visited,
  .p-simulation-reset-btn:focus {
    color: #fff;
    text-decoration: none;
  }
}
.p-simulation-reset-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 1.0666666667vw;
  width: 5.6vw;
  height: 5.6vw;
  background: url(./juno_settings/img/common/arrow-up-white.svg) center
    no-repeat;
}
@media screen and (min-width: 769px) {
  .p-simulation-reset-btn:after {
    width: 21px;
    height: 21px;
    top: 12px;
  }
}

/**********
* ローディング画面
**********/
.p-simulation-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1200;
  background-color: rgba(255, 255, 255, 0.8);
}
.p-simulation-loading__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-sumilation {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-sumilation {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-sumilation-form {
  padding: 0;
  margin: 0;
}
.p-sumilation-form fieldset {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .p-sumilation-form fieldset {
    margin-bottom: 56px;
  }
}

/**********
* 次へ・前へステップ
**********/
.p-simulation-step {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}
.p-simulation-step__inner {
  padding: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .p-simulation-step__inner {
    padding: 12px;
  }
}
.p-simulation-step__inner a {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  min-width: 89.3333333333vw;
  height: 17.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 17.0666666667vw;
  font-weight: bold;
  color: #5697d5;
  text-decoration: none;
  background-color: #ffffff;
  border: 0.2666666667vw solid #dadce5;
  border-radius: 2.1333333333vw;
  position: relative;
  display: block;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-simulation-step__inner a {
    width: 100%;
    min-width: 400px;
    height: 80px;
    font-size: 1.6rem;
    border: 1px solid #dadce5;
    border-radius: 8px;
    line-height: 80px;
  }
}
@media screen and (min-width: 769px) {
  .p-simulation-step__inner a:hover,
  .p-simulation-step__inner a:visited,
  .p-simulation-step__inner a:focus,
  .p-simulation-step__inner a:active {
    text-decoration: none;
    color: rgba(86, 151, 213, 0.5);
    opacity: 1;
  }
  .p-simulation-step__inner a:hover:after,
  .p-simulation-step__inner a:visited:after,
  .p-simulation-step__inner a:focus:after,
  .p-simulation-step__inner a:active:after {
    opacity: 0.5;
  }
}
.p-simulation-step__inner a.next::after,
.p-simulation-step__inner a.prev::after {
  pointer-events: none;
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./juno_settings/img/common/arrow-down-blue.svg) center
    no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .p-simulation-step__inner a.next::after,
  .p-simulation-step__inner a.prev::after {
    width: 28px;
    height: 28px;
    right: 16px;
  }
}
.p-simulation-step__inner a.next::after {
  transform: translateY(-50%) rotate(-90deg);
  right: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .p-simulation-step__inner a.next::after {
    right: 16px;
  }
}
.p-simulation-step__inner a.prev::after {
  transform: translateY(-50%) rotate(90deg);
  left: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .p-simulation-step__inner a.prev::after {
    left: 16px;
  }
}
.p-simulation-step__inner a.is_disable {
  background-color: #dadce5;
  border-color: #dadce5;
  color: #fff !important;
  cursor: auto;
  pointer-events: none;
}
.p-simulation-step__inner a.is_disable.prev:before,
.p-simulation-step__inner a.is_disable.prev:after,
.p-simulation-step__inner a.is_disable.next:before,
.p-simulation-step__inner a.is_disable.next:after {
  content: none;
}

/**********
* 脱毛プラン
**********/
.p-sumilation-form__choices_plan {
  display: block;
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.p-sumilation-form__choices_plan:not(:last-child) {
  margin-bottom: 12.8vw;
}
@media screen and (min-width: 769px) {
  .p-sumilation-form__choices_plan:not(:last-child) {
    margin-bottom: 32px;
  }
}
.p-sumilation-form__choices_plan li {
  padding: 0;
  margin: 0;
  margin-bottom: 3.2vw;
  width: 42.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-sumilation-form__choices_plan li {
    margin-bottom: 24px;
    width: 395px;
  }
}

/**********
* 回数
**********/
.p-sumilation-form__choices_plantimes {
  display: block;
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .p-sumilation-form__choices_plantimes {
    justify-content: flex-start;
  }
}
.p-sumilation-form__choices_plantimes li {
  padding: 0;
  margin: 0;
  margin-bottom: 3.2vw;
  width: 42.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-sumilation-form__choices_plantimes li {
    margin-bottom: 24px;
    width: 185px;
  }
  .p-sumilation-form__choices_plantimes li:not(:nth-child(4n)) {
    margin-right: calc((100% - 740px) / 3);
  }
}

/**********
* 特別プラン（割引）
**********/
.p-sumilation-form__choices_discount {
  display: block;
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.p-sumilation-form__choices_discount li {
  padding: 0;
  margin: 0;
  margin-bottom: 3.2vw;
  width: 42.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-sumilation-form__choices_discount li {
    margin-bottom: 24px;
    width: 395px;
  }
}
@media screen and (max-width: 768px) {
  .p-sumilation-form__choices_discount.spall li {
    width: 100%;
  }
}

/**********
* 特別プラン（割引）
**********/
.p-sumilation-form__choices_paytype {
  display: block;
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.p-sumilation-form__choices_paytype li {
  padding: 0;
  margin: 0;
  margin-bottom: 3.2vw;
  width: 42.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-sumilation-form__choices_paytype li {
    margin-bottom: 24px;
    width: 255px;
  }
}
@media screen and (max-width: 768px) {
  .p-sumilation-form__choices_paytype.spall li {
    width: 100%;
  }
}

/**********
* 料金シミュレーションの結果
**********/
.p-sumilation-result__section {
  padding: 17.0666666667vw 0;
  margin: 0;
  margin-bottom: 25.6vw;
  background-color: #ffeef2;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__section {
    padding: 120px 0;
    margin-bottom: 120px;
  }
}

.p-sumilation-result__title {
  padding: 0;
  margin: 0 auto;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__title {
    font-size: 3rem;
  }
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__title {
    margin-bottom: 56px;
  }
}

.p-sumilation-result {
  display: flex;
  padding: 0;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result {
    margin-bottom: 40px;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
}

/**********
* 総額
**********/
.p-sumilation-result__total {
  display: block;
  padding: 0 6.4vw 6.4vw;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__total {
    display: block;
    padding: 0;
    width: 50%;
  }
}
.p-sumilation-result__total dt {
  display: block;
  padding: 0;
  margin: 0;
  width: 19.2vw;
  height: 19.2vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: #f08282;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__total dt {
    margin: 0 auto 12px;
    width: 104px;
    height: 104px;
    font-size: 2.4rem;
  }
}
.p-sumilation-result__total dd {
  display: block;
  padding: 0;
  margin: 0;
}
.p-sumilation-result__total .text_price_total {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  font-family: "EB Garamond", serif;
  font-size: 5.6rem;
  line-height: 1.5;
  text-align: right;
  font-style: italic;
  color: #e55252;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__total .text_price_total {
    font-size: 7.2rem;
    text-align: center;
  }
}
.p-sumilation-result__total .text_price_total::before {
  display: inline;
  content: "¥";
  margin-right: 1.6vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-style: normal;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__total .text_price_total::before {
    margin-right: 6px;
    font-size: 4rem;
  }
}

/**********
* 総額（一括）
**********/
.p-bulk {
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-bulk__total {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/**********
* 月額
**********/
.p-sumilation-result__monthly {
  display: block;
  padding: 6.4vw 6.4vw 0;
  margin: 0;
  width: 100%;
  border-top: 1px solid #ffadb7;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__monthly {
    display: block;
    padding: 0;
    width: 50%;
    border-top: none;
    border-left: 1px solid #ffadb7;
  }
}
.p-sumilation-result__monthly dt {
  display: block;
  padding: 0;
  margin: 0;
  width: 14.9333333333vw;
  height: 14.9333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: #f08282;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__monthly dt {
    margin: 0 auto 16px;
    width: 88px;
    height: 88px;
    font-size: 2rem;
  }
}
.p-sumilation-result__monthly dd {
  display: block;
  padding: 0;
  margin: 0;
}
.p-sumilation-result__monthly .price_monthly {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__monthly .price_monthly {
    flex-direction: row;
    display: flex;
    align-items: baseline;
    justify-content: center;
  }
}
.p-sumilation-result__monthly .label_loan_rate {
  display: inline-block;
  padding: 0 2.6666666667vw;
  margin: 0;
  width: auto;
  height: 6.4vw;
  font-size: 1.1rem;
  line-height: 6.4vw;
  font-weight: bold;
  color: #e55252;
  border: 0.2666666667vw solid #e55252;
  border-radius: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__monthly .label_loan_rate {
    padding: 0 12px;
    margin: 0;
    margin-right: 16px;
    height: 28px;
    font-size: 1.4rem;
    line-height: 28px;
    border: 1px solid #e55252;
    border-radius: 28px;
  }
}
.p-sumilation-result__monthly .label_loan_rate span {
  margin-left: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__monthly .label_loan_rate span {
    margin-left: 4px;
  }
}
.p-sumilation-result__monthly .text_price_monthly {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "EB Garamond", serif;
  font-size: 4rem;
  line-height: 1.5;
  font-style: italic;
  color: #e55252;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__monthly .text_price_monthly {
    font-size: 5.6rem;
  }
}
.p-sumilation-result__monthly .text_price_monthly::before {
  display: inline;
  content: "¥";
  margin-right: 1.6vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1.5;
  font-style: normal;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__monthly .text_price_monthly::before {
    margin-right: 6px;
    font-size: 3.2rem;
  }
}
.p-sumilation-result__monthly .text_price_first_month {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: right;
  color: #e55252;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__monthly .text_price_first_month {
    text-align: center;
  }
}
.p-sumilation-result__monthly .text_price_first_month span {
  margin: 0;
  margin-left: 3.2vw;
  font-family: "EB Garamond", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__monthly .text_price_first_month span {
    margin-left: 12px;
    font-size: 3.2rem;
  }
}
.p-sumilation-result__monthly .text_price_first_month span::before {
  display: inline;
  content: "¥";
  margin-right: 1.0666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.5;
  font-style: normal;
}
@media screen and (min-width: 769px) {
  .p-sumilation-result__monthly .text_price_first_month span::before {
    margin-right: 4px;
    font-size: 2rem;
  }
}

/**********
* シミュレーションの内容
**********/
.p-sumilation-inputdata {
  display: block;
  padding: 3.2vw 6.4vw;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .p-sumilation-inputdata {
    padding: 20px 40px;
    border-radius: 4px;
  }
}
.p-sumilation-inputdata table {
  padding: 0;
  margin: 0;
  width: 100%;
  color: #3f4960;
  border-collapse: collapse;
}
.p-sumilation-inputdata table th,
.p-sumilation-inputdata table td {
  padding: 3.2vw 0;
  margin: 0;
  font-weight: normal;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .p-sumilation-inputdata table th,
  .p-sumilation-inputdata table td {
    padding: 12px 0;
  }
}
.p-sumilation-inputdata table th {
  color: #8f96aa;
}
.p-sumilation-inputdata table tr:not(:last-child) {
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .p-sumilation-inputdata table tr:not(:last-child) {
    border-bottom: 1px solid #dadce5;
  }
}

.p-sumilation-note {
  margin: 3.2vw 0 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .p-sumilation-note {
    margin: 12px 0 72px;
  }
}

/* --------------------------------------------------
固定ページ「診療メニュー」
-------------------------------------------------- */
.p-menu {
  display: block;
  padding: 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-1-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-menu {
    background: url(./juno_settings/img/common/hbg-wave-1-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-menu-inner {
  display: block;
  padding: 53.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/iryo-datsumo/hv-iryodatsumo-sp.png) left
    top no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-menu-inner {
    padding: 240px 0 0;
    background: url(./juno_settings/img/iryo-datsumo/hv-iryodatsumo-pc.png) left
      top no-repeat;
    background-size: 100%;
  }
}
.p-menu-inner .m-flex-block {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-menu-inner .m-flex-block {
    margin-bottom: 40px;
  }
}
.p-menu-inner .m-flex-block.sub {
  margin-bottom: 14.9333333333vw;
}
.p-menu-inner .m-flex-block.sub:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .p-menu-inner .m-flex-block.sub {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 769px) {
  .p-menu-inner .m-flex-block__figure {
    margin: 0;
  }
}

/* --------------------------------------------------
固定ページ「採用・求人情報」
-------------------------------------------------- */
.p-recruit-message {
  width: 100%;
  margin: auto;
  margin-bottom: 6.4vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-recruit-message {
    width: 590px;
    margin-bottom: 32px;
    font-size: 1.8rem;
  }
}

/* --------------------------------------------------
カスタム投稿「照射可能部位」
-------------------------------------------------- */
/**********
カスタム投稿「照射可能部位」一覧（archive）
**********/
.p-archive-parts {
  display: block;
  padding: 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-3-sp.png) left top
    no-repeat;
  background-size: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-archive-parts {
    background: url(./juno_settings/img/common/hbg-wave-3-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-archive-parts-inner {
  display: block;
  padding: 53.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/parts/hv-parts-sp.png) left top no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-inner {
    padding: 240px 0 0;
    background: url(./juno_settings/img/parts/hv-parts-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/**********
* 画像から選ぶ
**********/
.p-archive-parts-figselect {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 89.3333333333vw;
  height: 92.8vw;
  background: url(./juno_settings/img/parts/fig-select-parts-sp.png) center
    no-repeat;
  background-size: contain;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect {
    width: 815px;
    height: 400px;
    background: url(./juno_settings/img/parts/fig-select-parts-pc.png) center
      no-repeat;
    background-size: contain;
  }
}
.p-archive-parts-figselect a {
  display: block;
  padding: 0;
  margin: 0;
  width: 17.0666666667vw;
  height: 6.4vw;
  font-size: 1.1rem;
  line-height: 6.4vw;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background-color: #ffadb7;
  border-radius: 2.1333333333vw;
  position: absolute;
  /** ひたい **/
  /** 鼻下 **/
  /** ほほ **/
  /** あご **/
  /** あご下 **/
  /** ワキ **/
  /** 胸 **/
  /** お腹 **/
  /** Vライン **/
  /** Iライン **/
  /** ひじ上 **/
  /** ひじ下 **/
  /** 手(指・甲) **/
  /** うなじ **/
  /** 背中 **/
  /** お尻 **/
  /** oライン **/
  /** ひざ上 **/
  /** ひざ下 **/
  /** 足(指・甲) **/
}
.p-archive-parts-figselect a:hover,
.p-archive-parts-figselect a:focus,
.p-archive-parts-figselect a:visited,
.p-archive-parts-figselect a:active {
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a {
    width: 120px;
    height: 36px;
    font-size: 1.6rem;
    line-height: 36px;
    border-radius: 8px;
  }
  .p-archive-parts-figselect a:hover {
    opacity: 1;
    text-decoration: none;
    color: #fff;
    background-color: rgba(255, 173, 183, 0.5);
  }
}
.p-archive-parts-figselect a#hitai {
  left: 0;
  bottom: 86.4vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#hitai {
    left: 0;
    bottom: 350px;
  }
}
.p-archive-parts-figselect a#hanashita {
  left: 0;
  bottom: 67.2vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#hanashita {
    left: 0;
    bottom: 302px;
  }
}
.p-archive-parts-figselect a#hoho {
  left: 0;
  bottom: 76.8vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#hoho {
    left: 347px;
    bottom: 350px;
  }
}
.p-archive-parts-figselect a#ago {
  left: 0;
  bottom: 57.6vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#ago {
    left: 347px;
    bottom: 302px;
  }
}
.p-archive-parts-figselect a#agoshita {
  left: 0;
  bottom: 48vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#agoshita {
    left: 347px;
    bottom: 254px;
  }
}
.p-archive-parts-figselect a#waki {
  left: 0;
  bottom: 38.4vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#waki {
    left: 0;
    bottom: 206px;
  }
}
.p-archive-parts-figselect a#mune {
  left: 0;
  bottom: 28.8vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#mune {
    left: 0;
    bottom: 158px;
  }
}
.p-archive-parts-figselect a#onaka {
  left: 0;
  bottom: 19.2vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#onaka {
    left: 0;
    bottom: 110px;
  }
}
.p-archive-parts-figselect a#v-line {
  left: 0;
  bottom: 9.6vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#v-line {
    left: 0;
    bottom: 62px;
  }
}
.p-archive-parts-figselect a#i-line {
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#i-line {
    left: 0;
    bottom: 14px;
  }
}
.p-archive-parts-figselect a#hijiue {
  right: 0;
  bottom: 67.2vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#hijiue {
    left: 347px;
    bottom: 158px;
  }
}
.p-archive-parts-figselect a#hijishita {
  right: 0;
  bottom: 57.6vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#hijishita {
    left: 347px;
    bottom: 110px;
  }
}
.p-archive-parts-figselect a#te {
  right: 0;
  bottom: 86.4vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#te {
    left: 347px;
    bottom: 62px;
  }
}
.p-archive-parts-figselect a#unaji {
  right: 0;
  bottom: 76.8vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#unaji {
    right: 0;
    bottom: 350px;
  }
}
.p-archive-parts-figselect a#senaka {
  right: 0;
  bottom: 48vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#senaka {
    right: 0;
    bottom: 302px;
  }
}
.p-archive-parts-figselect a#oshiri {
  right: 0;
  bottom: 38.4vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#oshiri {
    right: 0;
    bottom: 254px;
  }
}
.p-archive-parts-figselect a#o-line {
  right: 0;
  bottom: 28.8vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#o-line {
    right: 0;
    bottom: 206px;
  }
}
.p-archive-parts-figselect a#hizaue {
  right: 0;
  bottom: 19.2vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#hizaue {
    right: 0;
    bottom: 158px;
  }
}
.p-archive-parts-figselect a#hizashita {
  right: 0;
  bottom: 9.6vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#hizashita {
    right: 0;
    bottom: 110px;
  }
}
.p-archive-parts-figselect a#ashi {
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-figselect a#ashi {
    right: 0;
    bottom: 62px;
  }
}

/**********
* 部位リスト（Table）
**********/
.p-archive-parts-group-table {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  color: #3f4960;
  border: 0.2666666667vw solid #dadce5;
  border-collapse: collapse;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-group-table {
    border: 1px solid #dadce5;
  }
}
.p-archive-parts-group-table:not(:first-of-type) {
  border-top: none;
}
.p-archive-parts-group-table:last-of-type {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-group-table:last-of-type {
    margin-bottom: 96px;
  }
}
.p-archive-parts-group-table thead th {
  padding: 2.1333333333vw 4.2666666667vw;
  margin: 0;
  font-weight: normal;
  text-align: center;
  background-color: #f7f7f9;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-group-table thead th {
    padding: 13px 16px;
  }
}
.p-archive-parts-group-table tbody th,
.p-archive-parts-group-table tbody td {
  padding: 3.2vw 2.6666666667vw;
  margin: 0;
  font-weight: normal;
  text-align: left;
  border: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-group-table tbody th,
  .p-archive-parts-group-table tbody td {
    padding: 20px 24px;
    border: 1px solid #dadce5;
  }
}
.p-archive-parts-group-table tbody .parts-figure {
  width: 33.6vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-group-table tbody .parts-figure {
    width: 202px;
  }
}
.p-archive-parts-group-table tbody .parts-figure img {
  width: 21.3333333333vw;
  height: auto;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-group-table tbody .parts-figure img {
    width: 120px;
  }
}
.p-archive-parts-group-table tbody .parts-name {
  width: 22.6666666667vw;
}
@media screen and (min-width: 769px) {
  .p-archive-parts-group-table tbody .parts-name {
    width: 202px;
  }
}

/**********
カスタム投稿「照射可能部位」詳細（single）
**********/
.p-single-parts {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-3-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-single-parts {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-3-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-single-parts-irradiationsite {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-single-parts-irradiationsite {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
.p-single-parts-irradiationsite figure {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 2.1333333333vw;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .p-single-parts-irradiationsite figure {
    margin: 0;
    margin-right: 20px;
    width: 160px;
    height: 160px;
  }
}
.p-single-parts-irradiationsite figure img {
  display: block;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.p-single-parts-irradiationsite .text {
  display: block;
  padding: 0;
  margin: 0;
}

/* --------------------------------------------------
カスタム投稿「料金プラン」
-------------------------------------------------- */
/**********
固定ページ「料金プラン」
**********/
.p-archive-price {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-archive-price {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/**********
カスタム投稿「料金プラン」詳細（single）
**********/
.p-single-price {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-single-price {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/**********
* タブ型ナビゲーション
**********/
.p-single-price .m-navi-tab-group ul li.js-current-before {
  border-right: none;
}
.p-single-price .m-navi-tab-group ul li.is-current {
  font-weight: bold;
  border: none;
}
.p-single-price .m-navi-tab-group ul li.is-current.is-gakuwari {
  background-color: #fdef8e;
}
.p-single-price .m-navi-tab-group ul li.is-current.is-norikaewari {
  background-color: #f8d1cb;
}
.p-single-price .m-navi-tab-group ul li.is-current.is-peawari {
  background-color: #d2caf0;
}
.p-single-price .m-navi-tab-group ul li.is-current.is-shokaiwari {
  background-color: #c4eaea;
}

/**********
* メインビジュアル
**********/
.p-single-price-mainvisual {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
}
.p-single-price-mainvisual.is-gakuwari {
  background-color: #fdef8e;
}
.p-single-price-mainvisual.is-norikaewari {
  background-color: #f8d1cb;
}
.p-single-price-mainvisual.is-peawari {
  background-color: #d2caf0;
}
.p-single-price-mainvisual.is-shokaiwari {
  background-color: #c4eaea;
}
.p-single-price-mainvisual figure {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-single-price-mainvisual figure {
    width: 776px;
  }
}

/* --------------------------------------------------
カスタム投稿「脱毛プラン」
-------------------------------------------------- */
/**********
カスタム投稿「脱毛プラン」一覧（archive）
**********/
.p-archive-plan {
  display: block;
  padding: 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-sp.png) left top
    no-repeat;
  background-size: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-archive-plan {
    background: url(./juno_settings/img/common/hbg-wave-2-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-archive-plan .m-category-list ul li {
    width: 100%;
  }
}

.p-archive-plan-inner {
  display: block;
  padding: 53.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/plan/hv-plan-sp.png) left top no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-archive-plan-inner {
    padding: 240px 0 0;
    background: url(./juno_settings/img/plan/hv-plan-pc.png) left top no-repeat;
    background-size: 100%;
  }
}

.p-archive-plan-description-payment-installment {
  display: block;
  padding: 0;
  margin: 0 0 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-archive-plan-description-payment-installment {
    margin: 0 0 32px;
  }
}

/**********
カスタム投稿「脱毛プラン」詳細（single）
**********/
.p-single-plan {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-single-plan {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/* --------------------------------------------------
カスタム投稿「よくある筆問」
-------------------------------------------------- */
/**********
カスタム投稿「よくある質問」一覧（archive）
**********/
.p-archive-faq {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-big-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-archive-faq {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-big-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

/**********
カスタム投稿「よくある質問」詳細（single）
**********/
.p-single-faq {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-single-faq {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-single-faq-article {
  display: block;
  padding: 0;
  margin: 0;
}
.p-single-faq-article__question {
  display: block;
  padding: 0;
  margin: 0 3.2vw 6.4vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-single-faq-article__question {
    margin: 0;
    margin-bottom: 40px;
    font-size: 4rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.p-single-faq-article__question::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-bottom: 5.3333333333vw;
  width: 12.8vw;
  height: 12.8vw;
  background: url(../juno_settings/img/common/icon-question_v2.svg) center
    no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .p-single-faq-article__question::before {
    margin: 0;
    margin-right: 20px;
    width: 64px;
    height: 64px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-single-faq-article__answer_summary {
  display: block;
  padding: 0;
  margin: 0 3.2vw 14.9333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-single-faq-article__answer_summary {
    margin: 0;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
.p-single-faq-article__answer_summary::before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  width: 12.8vw;
  height: 12.8vw;
  background: url(../juno_settings/img/common/icon-answer_v2.svg) center
    no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .p-single-faq-article__answer_summary::before {
    margin: 0;
    margin-right: 20px;
    width: 64px;
    height: 64px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-single-faq-article__answer_detail {
  display: block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-single-faq-article__answer_detail {
    padding: 32px 40px;
    background-color: #f7f2ed;
  }
}
.p-single-faq-article__answer_detail p:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-single-faq-article__answer_detail p:not(:last-child) {
    margin-bottom: 24px;
  }
}
.p-single-faq-article__answer_detail ul {
  padding: 0;
  margin: 0;
  margin-left: 1em;
}
.p-single-faq-article__answer_detail ul:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-single-faq-article__answer_detail ul:not(:last-child) {
    margin-bottom: 24px;
  }
}
.p-single-faq-article__answer_detail ul li {
  padding: 0;
  margin: 0;
  text-indent: -1em;
}
.p-single-faq-article__answer_detail ul li::before {
  content: "・";
  font-weight: bold;
  color: #3f4960;
}
.p-single-faq-article__answer_detail ol {
  display: block;
  padding: 0;
  margin: 0;
  margin-left: 1.6em;
}
.p-single-faq-article__answer_detail ol:not(:last-child) {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .p-single-faq-article__answer_detail ol:not(:last-child) {
    margin-bottom: 24px;
  }
}
.p-single-faq-article__answer_detail ol li {
  padding: 0;
  margin: 0;
  list-style: decimal outside;
}

/* --------------------------------------------------
固定ページ「お問い合わせ」
-------------------------------------------------- */
.p-contact {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-middle-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-contact {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-middle-pc.png) left
      top no-repeat;
    background-size: 100%;
  }
}

.p-contact-section {
  display: block;
  padding: 0;
  padding-bottom: 14.9333333333vw;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-contact-section {
    padding-bottom: 120px;
  }
}

.p-contact-message {
  display: block;
  padding: 0;
  margin: 0;
}
.p-contact-message:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-contact-message:not(:last-child) {
    margin-bottom: 96px;
  }
}
.p-contact-message__title {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 4.2666666667vw;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-contact-message__title {
    margin-bottom: 16px;
  }
}

/* --------------------------------------------------
固定ページ「お問い合わせの確認画面」
-------------------------------------------------- */
.p-form-confirm {
  display: block;
  padding: 0;
  margin: 0;
}
.p-form-confirm .m-form fieldset:not(:last-child) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .p-form-confirm .m-form fieldset:not(:last-child) {
    margin-bottom: 56px;
  }
}
.p-form-confirm .m-form-parts {
  padding: 5.3333333333vw 0;
  margin: 0;
  border-bottom: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .p-form-confirm .m-form-parts {
    padding: 24px 0;
    border-bottom: 1px solid #dadce5;
  }
}
.p-form-confirm .m-form-parts:first-child {
  border-top: 0.2666666667vw solid #dadce5;
}
@media screen and (min-width: 769px) {
  .p-form-confirm .m-form-parts:first-child {
    border-top: 1px solid #dadce5;
  }
}
.p-form-confirm .m-form-parts:not(:last-child) {
  margin-bottom: 0;
}
.p-form-confirm .m-form-parts__label {
  margin-bottom: 2.1333333333vw;
  color: #86bce6;
}
@media screen and (min-width: 769px) {
  .p-form-confirm .m-form-parts__label {
    margin-bottom: 12px;
  }
}
.p-form-confirm .m-form-parts__input {
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  .p-form-confirm .m-form-parts__input {
    font-size: 1.8rem;
  }
}

/* --------------------------------------------------
固定ページ「お問い合わせの送信完了画面」
-------------------------------------------------- */
.p-contact-thanks {
  display: block;
  padding: 21.3333333333vw 0 0;
  margin: 0;
  background: url(./juno_settings/img/common/hbg-wave-2-mini-sp.png) left top
    no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .p-contact-thanks {
    padding: 160px 0 0;
    background: url(./juno_settings/img/common/hbg-wave-2-mini-pc.png) left top
      no-repeat;
    background-size: 100%;
  }
}

.p-contact-thanks-heading {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 14.9333333333vw;
  width: 82.9333333333vw;
  font-family: "Shippori Mincho", serif;
}
@media screen and (min-width: 769px) {
  .p-contact-thanks-heading {
    margin-bottom: 120px;
    width: 815px;
  }
}
.p-contact-thanks-heading__title {
  padding: 0;
  margin: 0;
  margin-bottom: 8.5333333333vw;
  font-family: "Shippori Mincho", serif;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .p-contact-thanks-heading__title {
    font-size: 4.4rem;
  }
}
@media screen and (min-width: 769px) {
  .p-contact-thanks-heading__title {
    margin-bottom: 56px;
  }
}

.p-contact-thanks-contact {
  display: block;
  padding: 0;
  margin: 0;
}
.p-contact-thanks-contact:not(:last-child) {
  margin-bottom: 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  .p-contact-thanks-contact:not(:last-child) {
    margin-bottom: 96px;
  }
}

/** Google Fonts **/