@charset "UTF-8";
/*!
Theme Name: cuebic-advance-general
Author: Cuebic
Version: 1.0
*/
/**
* min-width
**/
/**
* max-width
**/
/**
* ポジション指定トップ＆左
**/
/**
* ポジション指定
**/
/**
* フレックボックス
**/
/**
* 両端そろえ
**/
/**
* 均等そろえ
**/
/**
* インボックス設定
**/
/**
* グラデーション指定
**/
/**
* ライン
**/
/**
* アニメーション指定(キーフレーム、時間、ループ回数、動き)
**/
/**
* アニメーションキーフレーム
**/
/* リセット
---------------------------------*/
* {
  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:after {
  clear: both;
}

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

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

.clearfix {
  display: inline-table;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* --------------------------------------------------
PC/SP切り替え
-------------------------------------------------- */
/**
* PC/SP切り替え
**/
@media screen and (max-width: 768px) {
  .mobile-visibility {
    display: block;
  }
  .pc-visibility {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .mobile-visibility {
    display: none;
  }
  .pc-visibility {
    display: block;
  }
}
/* --------------------------------------------------
カラー指定
-------------------------------------------------- */
/* --------------------------------------------------
Color Chart
-------------------------------------------------- */
/**
* Blue
**/
/**
* Deep Orange
**/
/**
* Gray
**/
/* --------------------------------------------------
フォント指定
-------------------------------------------------- */
/**
* フォントファミリ
**/
/**
* フォントサイズ
**/
/**
* 強制改行
**/
/* --------------------------------------------------
ポジション
-------------------------------------------------- */
/**
* 表示位置固定
**/
.js-fixed {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

/* --------------------------------------------------
margin 設定
-------------------------------------------------- */
.u-mt10 {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}

.u-mt20 {
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
}

.u-mt30 {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}

.u-mt40 {
  -webkit-margin-before: 40px;
          margin-block-start: 40px;
}

.u-mt50 {
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
}

.u-mt60 {
  -webkit-margin-before: 60px;
          margin-block-start: 60px;
}

.u-mt70 {
  -webkit-margin-before: 70px;
          margin-block-start: 70px;
}

.u-mt80 {
  -webkit-margin-before: 80px;
          margin-block-start: 80px;
}

.u-mt90 {
  -webkit-margin-before: 90px;
          margin-block-start: 90px;
}

.u-mt100 {
  -webkit-margin-before: 100px;
          margin-block-start: 100px;
}

.u-mb10 {
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
}

.u-mb20 {
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}

.u-mb30 {
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
}

.u-mb40 {
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
}

.u-mb50 {
  -webkit-margin-after: 50px;
          margin-block-end: 50px;
}

.u-mb60 {
  -webkit-margin-after: 60px;
          margin-block-end: 60px;
}

.u-mb70 {
  -webkit-margin-after: 70px;
          margin-block-end: 70px;
}

.u-mb80 {
  -webkit-margin-after: 80px;
          margin-block-end: 80px;
}

.u-mb90 {
  -webkit-margin-after: 90px;
          margin-block-end: 90px;
}

.u-mb100 {
  -webkit-margin-after: 100px;
          margin-block-end: 100px;
}

.u-mt_000 {
  margin-top: 0 !important;
}

.u-mb_000 {
  margin-bottom: 0 !important;
}

.u-mt_10 {
  -webkit-margin-before: 1vh;
          margin-block-start: 1vh;
}

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

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

.note--gray_12 {
  color: rgba(33, 33, 33, 0.5411764706) !important;
  font-size: 10px !important;
  font-weight: normal !important;
}
@media screen and (min-width: 769px) {
  .note--gray_12 {
    font-size: 12px !important;
  }
}

.u-color-red {
  color: #f24726;
}

.u-marker--yellow {
  background: linear-gradient(transparent 50%, #fff975 0%);
}

.u-font--bold {
  font-weight: bold;
}

.u-fs--12 {
  font-size: 12px;
}

.u-fs--14 {
  font-size: 14px;
}

.u-fs--16 {
  font-size: 16px;
}

.u-fs--18 {
  font-size: 18px;
}

.u-fs--20 {
  font-size: 20px;
}

.u-fs--22 {
  font-size: 22px;
}

.u-fs--24 {
  font-size: 24px;
}

.u-fs--26 {
  font-size: 26px;
}

.u-fs--28 {
  font-size: 28px;
}

.u-fs--30 {
  font-size: 30px;
}

.u-fs--32 {
  font-size: 32px;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  border-left: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
}

/* --------------------------------------------------
メイン
-------------------------------------------------- */
body {
  position: relative;
  overflow-x: hidden;
  background-color: #ffffff;
}

.c-wrapper {
  min-height: 100vh;
  box-sizing: border-box; /* 全て含めてmin-height:100vhにする */
  position: relative;
}

/* --------------------------------------------------
ヘッダー
-------------------------------------------------- */
/* --------------------------------------------------
フッター
-------------------------------------------------- */
#l-footer {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 100vh;
}

/* --------------------------------------------------
メイン
-------------------------------------------------- */
#l-main {
  display: block;
  padding: 0 0 6.4vw;
  margin: 0;
}
@media screen and (min-width: 769px) {
  #l-main {
    padding: 0 0 24px;
  }
}

/* --------------------------------------------------
フレックス
-------------------------------------------------- */
.l-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.l-flex-xs {
  display: block;
}
@media screen and (min-width: 321px) {
  .l-flex-xs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.l-flex-sm {
  display: block;
}
@media screen and (min-width: 481px) {
  .l-flex-sm {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.l-flex-md {
  display: block;
}
@media screen and (min-width: 769px) {
  .l-flex-md {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.l-flex-lg {
  display: block;
}
@media screen and (min-width: 993px) {
  .l-flex-lg {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.l-flex-xl {
  display: block;
}
@media screen and (min-width: 1201px) {
  .l-flex-xl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

/* --------------------------------------------------
セクション
-------------------------------------------------- */
.l-section {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .l-section {
    padding: 0;
    width: 750px;
    border-radius: 4px;
  }
}
.l-section.side_effects {
  -webkit-margin-before: 5vh;
          margin-block-start: 5vh;
}

.l-section_full {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .l-section_full {
    padding: 0;
  }
}
.l-section_full.typeBgGray {
  padding-bottom: 6vw;
  background-color: #f5f5f5;
}
@media screen and (min-width: 769px) {
  .l-section_full.typeBgGray {
    padding-bottom: 45px;
  }
}
.l-section_full.typeBgLightGray {
  padding-bottom: 6vw;
  background-color: #f4f4f5;
}
@media screen and (min-width: 769px) {
  .l-section_full.typeBgLightGray {
    padding-bottom: 45px;
  }
}
.l-section_full.typeBgGreen {
  padding-bottom: 6vw;
  background-color: #f1fbfe;
}
.l-section_full.typeBgGreen .c-section_title_label_text {
  background-color: #14183e;
}
.l-section_full.typeBgGreen .c-section_title_label_text::after {
  border-top: 8px solid #14183e;
}
.l-section_full.typeBgGreen .c-section_title_text span {
  color: #1f83a1;
}
.l-section_full.typeBgGreen .c-section_title_text::after {
  background-color: #1f83a1;
}
@media screen and (min-width: 769px) {
  .l-section_full.typeBgGreen {
    padding-bottom: 45px;
  }
}
.l-section_full.typeBgBlue {
  padding-bottom: 6vw;
  background-color: #f1fbfe;
}
@media screen and (min-width: 769px) {
  .l-section_full.typeBgBlue {
    padding-bottom: 45px;
  }
}
.l-section_full.typeLanding {
  padding-top: 4vw;
}
@media screen and (min-width: 769px) {
  .l-section_full.typeLanding {
    padding-top: 40px;
  }
}
.l-section_full.typeRed .c-section_title_label_text {
  background-color: #cb4646;
}
.l-section_full.typeRed .c-section_title_label_text::after {
  border-top: 8px solid #cb4646;
}
.l-section_full.typeRed .c-section_title_text span {
  color: #cb4646;
}
.l-section_full.typeRed .c-section_title_text::after {
  background-color: #cb4646;
}
.l-section_full.border_triangle {
  position: relative;
}
.l-section_full.border_triangle::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 50%;
  transform: translatex(50%);
  box-sizing: border-box;
  border-right: 50vw solid transparent;
  border-left: 50vw solid transparent;
  border-top: 40px solid #fff;
}
.l-section_full.border_triangle + .l-section_full {
  -webkit-padding-before: 40px;
          padding-block-start: 40px;
}
@media screen and (min-width: 769px) {
  .l-section_full.border_triangle::after {
    border-right: calc(50vw - 10px) solid transparent;
    border-left: calc(50vw - 10px) solid transparent;
    border-top: 90px solid #fff;
  }
  .l-section_full.border_triangle + .l-section_full {
    -webkit-padding-before: 80px;
            padding-block-start: 80px;
  }
}

.l-section_ankenList {
  padding: 16vw 0 10.6666666667vw;
  margin: 0 auto;
  width: 100%;
  background-color: #5d6a7d;
  position: relative;
}
@media screen and (min-width: 769px) {
  .l-section_ankenList {
    padding: 80px 0 40px;
    width: 740px;
  }
}
.l-section_ankenList:before {
  display: block;
  content: "";
  width: 100vw;
  height: 12.8vw;
  background: url(./img/background/bg_arrow_sp.png) center top no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .l-section_ankenList:before {
    width: 740px;
    height: 64px;
    background: url(./img/background/bg_arrow_pc.png) center top no-repeat;
    background-size: 100% auto;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
  }
}

.l-section_ankenList_full {
  padding: 4.5333333333vw 0 0;
  margin: 0 auto;
  width: 100%;
  background-color: #f5f5f5;
  position: relative;
}
@media screen and (min-width: 769px) {
  .l-section_ankenList_full {
    padding: 40px 0 20px;
  }
}

/* --------------------------------------------------
コンテナ
-------------------------------------------------- */
.l-container {
  padding: 0;
  margin: 0 auto;
  width: 91.4666666667vw;
}
@media screen and (min-width: 769px) {
  .l-container {
    width: 750px;
  }
}
.l-container_Full {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .l-container_Full {
    width: 750px;
  }
}
.l-container.wide {
  position: relative;
  width: 95.5%;
  margin: 0 0 0 4.5%;
}
@media screen and (min-width: 769px) {
  .l-container.wide {
    width: 750px;
  }
}

/* --------------------------------------------------
アーカイブ用共通レイアウト
-------------------------------------------------- */
/* --------------------------------------------------
投稿詳細ページ用共通レイアウト
-------------------------------------------------- */
/* --------------------------------------------------
固定ページ用共通レイアウト
-------------------------------------------------- */
body#modal_dn {
  overflow: hidden;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  inline-size: 100%;
  block-size: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 50;
}

.l-question-block {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  inline-size: 96%;
  background-color: #fff;
  border: 2px solid #1f83a1;
  z-index: 60;
}
.l-question-block .title {
  position: relative;
  padding: 10px 15px;
  background-color: #d9f5ff;
  color: #1f83a1;
  font-size: 5.8vw;
  font-weight: 700;
  line-height: 1.3;
}
.l-question-block .title span {
  font-size: 160%;
  background: linear-gradient(transparent 70%, #ffdf48 0%);
}
.l-question-block .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 3%;
  display: block;
  inline-size: 22vw;
  aspect-ratio: 196/247;
  background-image: url(./img/modal-contents/doc.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.l-question-block button {
  position: relative;
  display: block;
  inline-size: 92%;
  aspect-ratio: 33/7;
  margin: 20px auto;
  border-radius: 10px;
  color: #fff;
  font-size: 5vw;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.l-question-block button::before, .l-question-block button::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  box-sizing: border-box;
}
.l-question-block button::before {
  left: 4%;
  block-size: 50px;
  aspect-ratio: 11/15;
}
.l-question-block button::after {
  right: 4%;
  inline-size: 20px;
  aspect-ratio: 1/1;
}
.l-question-block button:first-of-type {
  background-color: #ff7a00;
}
.l-question-block button:first-of-type::before {
  background-image: url(./img/modal-contents/ico_hospital.webp);
}
.l-question-block button:first-of-type::after {
  background-image: url(./img/modal-contents/arrow-orange.png);
}
.l-question-block button:nth-of-type(2) {
  background-color: #80c241;
}
.l-question-block button:nth-of-type(2)::before {
  background-image: url(./img/modal-contents/ico_shampoo.webp);
}
.l-question-block button:nth-of-type(2)::after {
  background-image: url(./img/modal-contents/arrow-green.png);
}
.l-question-block button:nth-of-type(3) {
  background-color: #e9e9e9;
  color: #1f83a1;
}
.l-question-block button:nth-of-type(3)::after {
  background-image: url(./img/modal-contents/arrow-blue.png);
}
.l-question-block button span {
  display: block;
  font-size: 75%;
  font-weight: 400;
}
.l-question-block button:hover {
  cursor: pointer;
}
.l-question-block .footer {
  padding-block: 0.7em;
  background-color: #1f83a1;
  color: #fff;
  font-size: 3vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .l-question-block {
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
    inline-size: 720px;
  }
  .l-question-block .title {
    padding: 20px 25px;
    font-size: 42px;
  }
  .l-question-block .title::after {
    inline-size: 196px;
  }
  .l-question-block button {
    inline-size: 660px;
    font-size: 40px;
  }
  .l-question-block button::before {
    block-size: 50px;
  }
  .l-question-block button::after {
    inline-size: 26px;
  }
  .l-question-block .footer {
    font-size: 27px;
  }
}

#question1 {
  display: block;
}

/* --------------------------------------------------
ヘッダー
-------------------------------------------------- */
.c-header {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 17.0666666667vw;
  border-bottom: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  /**
  * MENUボタン
  **/
  /**
  * CLOSEボタン
  **/
}
@media screen and (min-width: 769px) {
  .c-header {
    height: 64px;
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
  }
}
.c-header_inner {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  height: 17.0666666667vw;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .c-header_inner {
    width: 740px;
    height: 64px;
  }
}
.c-header_logo {
  padding: 0;
  margin: 0 0 0 4.2666666667vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-header_logo {
    margin: 0;
  }
}
.c-header_logo a {
  display: block;
  padding: 0;
  margin: 0;
}
.c-header_logo_img {
  padding: 0;
  margin: 0;
}
.c-header_menuBtn {
  cursor: pointer;
  width: 17.0666666667vw;
  height: 17.0666666667vw;
  position: relative;
  /**
  * ホバー処理
  **/
}
@media screen and (min-width: 769px) {
  .c-header_menuBtn {
    width: 64px;
    height: 64px;
  }
}
.c-header_menuBtn:hover {
  background-color: rgba(30, 136, 229, 0.08);
}
.c-header_menuBtn:hover .c-header_menuBtn_text {
  color: #14183e;
}
.c-header_menuBtn_text {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 4vw;
  left: 0;
}
@media screen and (min-width: 769px) {
  .c-header_menuBtn_text {
    bottom: 15px;
  }
}
.c-header_menuBtn_bar {
  display: block;
  padding: 0;
  margin: 0;
  background-color: #14183e;
  border-radius: 0.5333333333vw;
  position: absolute;
}
@media screen and (min-width: 769px) {
  .c-header_menuBtn_bar {
    border-radius: 2px;
  }
}
.c-header_menuBtn_open .c-header_menuBtn_bar {
  width: 6.4vw;
  height: 0.8vw;
}
@media screen and (min-width: 769px) {
  .c-header_menuBtn_open .c-header_menuBtn_bar {
    width: 24px;
    height: 3px;
  }
}
.c-header_menuBtn_open .c-header_menuBtn_bar:nth-child(1) {
  top: 4.2666666667vw;
  left: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-header_menuBtn_open .c-header_menuBtn_bar:nth-child(1) {
    top: 16px;
    left: 20px;
  }
}
.c-header_menuBtn_open .c-header_menuBtn_bar:nth-child(2) {
  top: 5.8666666667vw;
  left: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-header_menuBtn_open .c-header_menuBtn_bar:nth-child(2) {
    top: 22px;
    left: 20px;
  }
}
.c-header_menuBtn_open .c-header_menuBtn_bar:nth-child(3) {
  top: 7.4666666667vw;
  left: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-header_menuBtn_open .c-header_menuBtn_bar:nth-child(3) {
    top: 28px;
    left: 20px;
  }
}
.c-header_menuBtn_close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
}
.c-header_menuBtn_close .c-header_menuBtn_bar {
  width: 5.3333333333vw;
  height: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .c-header_menuBtn_close .c-header_menuBtn_bar {
    width: 20px;
    height: 4px;
  }
}
.c-header_menuBtn_close .c-header_menuBtn_bar:nth-child(1) {
  top: 5.3333333333vw;
  left: 5.8666666667vw;
  transform: rotate(45deg);
}
@media screen and (min-width: 769px) {
  .c-header_menuBtn_close .c-header_menuBtn_bar:nth-child(1) {
    top: 20px;
    left: 22px;
  }
}
.c-header_menuBtn_close .c-header_menuBtn_bar:nth-child(2) {
  top: 5.3333333333vw;
  left: 5.8666666667vw;
  transform: rotate(-45deg);
}
@media screen and (min-width: 769px) {
  .c-header_menuBtn_close .c-header_menuBtn_bar:nth-child(2) {
    top: 20px;
    left: 22px;
  }
}

/* --------------------------------------------------
グローバルナビ
-------------------------------------------------- */
.c-globalNavi_overlay {
  width: 100vw;
  height: 100vh;
  background-color: rgba(33, 33, 33, 0.54);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
}

.c-globalNavi_Wrap {
  padding: 17.0666666667vw 0 0;
  width: 0;
  width: 74.6666666667vw;
  height: 100vh;
  background-color: #ffffff;
  position: fixed;
  right: -74.6666666667vw;
  top: 0;
  z-index: 1000;
  transition: all 0.4s ease-out 0s;
}
@media screen and (min-width: 769px) {
  .c-globalNavi_Wrap {
    padding: 64px 0 0;
    right: -360px;
    width: 360px;
  }
}
.c-globalNavi_Wrap.js-Opened {
  right: 0;
}

.c-globalNavi_Block {
  border-top: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
@media screen and (min-width: 769px) {
  .c-globalNavi_Block {
    border-top: 1px solid rgba(33, 33, 33, 0.12);
  }
}

.c-globalNavi {
  padding: 0;
  margin: 0 0 6.4vw;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-globalNavi {
    margin: 0 0 24px;
  }
}
.c-globalNavi a {
  display: block;
  color: #212121;
}
.c-globalNavi a:focus, .c-globalNavi a:visited, .c-globalNavi a:active {
  color: #212121;
  text-decoration: none;
}
.c-globalNavi a:hover {
  color: #14183e;
  text-decoration: none;
  background-color: rgba(30, 136, 229, 0.08);
}

.c-globalNavi_item {
  padding: 0;
  margin: 0;
}

.c-globalNavi_item_text {
  display: block;
  padding: 2.6666666667vw 4.2666666667vw 2.6666666667vw 8.5333333333vw;
  margin-left: 6.4vw;
  border-bottom: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  background: url(./img/icon/icon_menu_default.png) -2.6666666667vw 1.0666666667vw no-repeat;
  background-size: 11.2vw;
}
@media screen and (min-width: 769px) {
  .c-globalNavi_item_text {
    padding: 10px 16px 10px 32px;
    margin-left: 24px;
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
    background: url(./img/icon/icon_menu_default.png) -10px 4px no-repeat;
    background-size: 42px;
  }
}

.c-globalNavi_child {
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}

.c-globalNavi_child_item {
  padding: 0;
  margin: 0;
}

.c-globalNavi_child_item_text {
  display: block;
  padding: 2.6666666667vw 4.2666666667vw 2.6666666667vw 7.4666666667vw;
  margin-left: 14.9333333333vw;
  border-bottom: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  background: url(./img/icon/icon_dot_gray.png) 1.8666666667vw 5.0666666667vw no-repeat;
  background-size: 1.6vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-globalNavi_child_item_text {
    padding: 10px 16px 10px 28px;
    margin-left: 56px;
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
    background: url(./img/icon/icon_dot_gray.png) 7px 19px no-repeat;
    background-size: 6px;
  }
}

/* --------------------------------------------------
フッター
-------------------------------------------------- */
.c-footer {
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: normal;
  color: #ffffff;
  background-color: #212121;
}
.c-footer_inner {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto;
  grid-template-areas: "footer_nav" "copyright";
  padding-block: 3.7333333333vw 2.6666666667vw;
  margin: 0 auto;
  width: 91.4666666667vw;
}
@media screen and (min-width: 769px) {
  .c-footer_inner {
    padding: 16px 0 8px;
    width: 740px;
  }
}
.c-footer_logo {
  display: block;
  padding: 0;
  margin: 0 auto 6.4vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-footer_logo {
    margin: 0 auto 24px;
  }
}
.c-footer_navi {
  display: block;
  padding: 0;
  margin: 0;
}
.c-footer_naviList {
  display: block;
  padding: 0;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: normal;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
.c-footer_naviList_item {
  display: block;
  padding: 0 3.2vw;
  margin: 0 0 4.2666666667vw;
  text-align: center;
  border-left: 0.2666666667vw solid rgba(255, 255, 255, 0.3);
  list-style: none;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-footer_naviList_item {
    padding: 0 12px;
    margin: 0 0 16px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.c-footer_naviList_item:last-child {
  margin: 0 0 4.2666666667vw;
  border-right: 0.2666666667vw solid rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 769px) {
  .c-footer_naviList_item:last-child {
    margin: 0 0 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.c-footer_naviList_item a {
  color: #ffffff;
  text-decoration: underline;
}
.c-footer_naviList_item a:hover, .c-footer_naviList_item a:focus, .c-footer_naviList_item a:visited, .c-footer_naviList_item a:active {
  color: #ffffff;
  text-decoration: underline;
}
.c-footer_nav {
  grid-area: footer_nav;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.c-footer_nav li {
  margin: 0;
  list-style: none;
}
.c-footer_nav li a {
  display: inline-block;
  padding-block: 1.0666666667vw;
  color: #fff;
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  .c-footer_nav {
    flex-direction: row;
    justify-content: center;
    gap: 2em;
  }
  .c-footer_nav li a {
    padding-block: 0;
  }
}
.c-footer_copyright {
  grid-area: copyright;
  padding: 4.2666666667vw 0;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-footer_copyright {
    padding: 16px 0;
  }
}

/* --------------------------------------------------
パンクズ
-------------------------------------------------- */
.c-breadcrumbs {
  padding: 0;
  margin: 0;
  background-color: #5d6a7d;
}
.c-breadcrumbs_inner {
  padding: 2.1333333333vw 0;
  margin: 0 0 0 auto;
  width: 95.7333333333vw;
  overflow-x: auto;
}
@media screen and (min-width: 769px) {
  .c-breadcrumbs_inner {
    padding: 8px 0;
    margin: 0 auto;
    width: 740px;
  }
}

.c-breadcrumbsList {
  padding: 0;
  margin: 0 auto;
  width: auto;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: normal;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.c-breadcrumbsList_item {
  padding: 0;
  margin: 0;
  list-style: none;
  flex-grow: 0;
  flex-shrink: 0;
}
.c-breadcrumbsList_item::after {
  display: inline;
  content: ">";
  margin: 0 2.6666666667vw 0 2.6666666667vw;
  color: rgba(33, 33, 33, 0.26);
}
@media screen and (min-width: 769px) {
  .c-breadcrumbsList_item::after {
    margin: 0 10px 0 10px;
  }
}
.c-breadcrumbsList_item:last-of-type::after {
  display: none;
  content: "";
}
.c-breadcrumbsList_item a {
  color: #14183e;
}

/* --------------------------------------------------
最終更新日時
-------------------------------------------------- */
.c-update_time {
  display: block;
  padding: 5.3333333333vw 0 0;
  margin: 0 auto;
  width: 91.4666666667vw;
}
@media screen and (min-width: 769px) {
  .c-update_time {
    padding: 20px 0 0;
    width: 740px;
  }
}
.c-update_time_text {
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: normal;
  color: rgba(33, 33, 33, 0.54);
}

/* --------------------------------------------------
監修者・執筆者　共通パーツ
-------------------------------------------------- */
.c-author {
  padding: 4.2666666667vw 6.4vw;
  margin: 0;
  border: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  border-radius: 1.0666666667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-author {
    padding: 24px;
    border: 1px solid rgba(33, 33, 33, 0.12);
    border-radius: 4px;
  }
}
.c-author_label {
  padding: 0 4.2666666667vw;
  margin: 0;
  color: #0d47a1;
  background-color: #ffffff;
  position: absolute;
  top: -3.7333333333vw;
  left: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-author_label {
    padding: 0 16px;
    top: -14px;
    left: 8px;
  }
}
.c-author_head {
  padding: 0;
  margin: 0 0 2.1333333333vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-author_head {
    margin: 0 0 16px;
  }
}
.c-author_image {
  margin-right: 2.6666666667vw;
  width: 11.7333333333vw;
  height: 11.7333333333vw;
  border: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  border-radius: 100%;
}
@media screen and (min-width: 769px) {
  .c-author_image {
    margin-right: 10px;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(33, 33, 33, 0.12);
  }
}
.c-author_name {
  padding: 0;
  margin: 0;
  width: auto;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-author_name {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;
  }
}
.c-author_caption {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: normal;
  color: rgba(33, 33, 33, 0.54);
}
@media screen and (min-width: 769px) {
  .c-author_caption {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal;
  }
}
.c-author_sentence {
  padding: 0;
  margin: 0;
}
.c-author_info {
  padding: 0;
  margin: 4.2666666667vw 0 0;
  width: 100%;
  border: none;
  border-collapse: collapse;
}
@media screen and (min-width: 769px) {
  .c-author_info {
    margin: 24px 0 0;
  }
}
.c-author_info tr {
  border-top: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
}
@media screen and (min-width: 769px) {
  .c-author_info tr {
    border-top: 1px solid rgba(33, 33, 33, 0.12);
  }
}
.c-author_info th {
  padding: 3.2vw 4.2666666667vw 3.2vw 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .c-author_info th {
    padding: 12px 16px 12px 0;
  }
}
.c-author_info td {
  padding: 3.2vw 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: normal;
}
@media screen and (min-width: 769px) {
  .c-author_info td {
    padding: 12px 0;
  }
}
.c-author a {
  color: #14183e;
}

/* --------------------------------------------------
監修者・執筆者　詳細
-------------------------------------------------- */
.c-authorList_detail {
  padding: 0;
  margin: 0 auto;
  width: 91.4666666667vw;
}
@media screen and (min-width: 769px) {
  .c-authorList_detail {
    width: 740px;
  }
}

.c-author_detail {
  padding: 0;
  margin: 0 auto 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-author_detail {
    margin: 0 auto 8px;
  }
}

/* --------------------------------------------------
各記事に埋め込み掲載用
監修者・執筆者　プロフィール
-------------------------------------------------- */
.c-authorList_profile {
  padding: 8vw 0 5.3333333333vw;
  margin: 0 auto;
  width: 91.4666666667vw;
}
@media screen and (min-width: 769px) {
  .c-authorList_profile {
    padding: 54px 0 24px;
    width: 740px;
  }
}

.c-author_profile {
  padding: 3.7333333333vw 0 0;
  margin: 0 auto 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-author_profile {
    padding: 14px 0 0;
    margin: 0 auto 8px;
  }
}

/* --------------------------------------------------
各記事に埋め込み掲載用
監修者・編集者　概要
-------------------------------------------------- */
.c-authorList_simple {
  padding: 5.3333333333vw 0;
  margin: 0 auto;
  width: 91.4666666667vw;
}
@media screen and (min-width: 769px) {
  .c-authorList_simple {
    padding: 20px 0;
    width: 740px;
  }
}

.c-author_simple {
  padding: 0;
  margin: 0;
}
.c-author_simple .c-author {
  padding: 0;
  margin: 0;
  border: none;
}
@media screen and (min-width: 769px) {
  .c-author_simple .c-author {
    border: none;
  }
}

/* --------------------------------------------------
FAQブロック
-------------------------------------------------- */
.c-faqList {
  width: 100%;
  padding: 0 0 5.8666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .c-faqList {
    padding: 0 0 26px;
  }
}
.c-faqList_item {
  border-bottom: 0.5333333333vw solid rgba(33, 33, 33, 0.12);
}
@media screen and (min-width: 769px) {
  .c-faqList_item {
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
  }
}
.c-faqList_item_que {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 3.2vw 4.2666666667vw;
  margin: 0;
  font-size: 3.7333333333vw;
  font-weight: bold;
  line-height: 1.5;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .c-faqList_item_que {
    padding: 12px 24px;
    font-size: 20px;
  }
  .c-faqList_item_que:hover {
    color: #14183e;
    background-color: rgba(30, 136, 229, 0.08);
  }
}
.c-faqList_item_que_copy {
  display: block;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: 4px;
  background: #d9edf2;
  border-radius: 2px;
  color: #347082;
  font-size: 10px;
  line-height: 1;
}
.c-faqList_item_que_label {
  color: rgba(33, 33, 33, 0.54);
}
.c-faqList_item_que_icon {
  position: absolute;
  top: 50%;
  right: 4.2666666667vw;
  display: block;
  width: 6.1333333333vw;
  height: 6.1333333333vw;
  background-color: #14183e;
  border-radius: 100%;
  transition: all 0.4s;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-faqList_item_que_icon {
    right: 0;
    width: 32px;
    height: 32px;
  }
}
.c-faqList_item_que_icon::before, .c-faqList_item_que_icon::after {
  position: absolute;
  top: 2.8vw;
  left: 1.2666666667vw;
  display: block;
  width: 3.7333333333vw;
  height: 0.5333333333vw;
  content: "";
  background-color: #ffffff;
  border-radius: 0.2666666667vw;
  transition: all 0.4s ease-out 0s;
}
@media screen and (min-width: 769px) {
  .c-faqList_item_que_icon::before, .c-faqList_item_que_icon::after {
    top: 15px;
    left: 7px;
    width: 18px;
    height: 3px;
    border-radius: 2px;
  }
}
.c-faqList_item_que_icon::before {
  transform: rotate(-90deg);
}
.c-faqList_item_que_icon.js-active::before {
  transform: rotate(0);
}
.c-faqList_item_que.dir-column {
  display: block;
}
.c-faqList_item_ans {
  padding: 5.3333333333vw 4.2666666667vw 4.2666666667vw;
  margin: 0;
  background: #f8f8f8;
  font-size: 3.8666666667vw;
}
@media screen and (min-width: 769px) {
  .c-faqList_item_ans {
    padding: 28px 24px;
    font-size: 16px;
  }
}
.c-faqList.medicine .c-faqList_item_que_label {
  color: #212121;
}
.c-faqList.medicine .c-faqList_item_ans {
  padding-top: 35px;
}

/* --------------------------------------------------
検索フォーム
-------------------------------------------------- */
.c-searchForm_Wrap {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto;
}
.c-searchForm {
  width: 100%;
  padding: 0;
  margin: 0;
}
.c-searchForm_item {
  align-items: center;
  justify-content: space-between;
  padding: 1.0666666667vw 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-searchForm_item {
    padding: 0 0 16px 0;
  }
}
.c-searchForm_item_head {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
  margin: 0 0 3.7333333333vw;
  font-size: 4.2666666667vw;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-searchForm_item_head {
    margin: 0 0 15px;
    font-size: 24px;
  }
}
.c-searchForm_item_head_text {
  padding: 0.5333333333vw 0;
}
@media screen and (min-width: 769px) {
  .c-searchForm_item_head_text {
    padding: 2px 0;
  }
}
.c-searchForm_item_head_label {
  padding: 0 1.0666666667vw;
  margin: 1.3333333333vw 2.1333333333vw;
  font-size: 2.6666666667vw;
  font-weight: normal;
  color: #ffffff;
  background-color: #14183e;
  border-radius: 0.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-searchForm_item_head_label {
    padding: 0 6px;
    margin: 10px;
    font-size: 14px;
    border-radius: 4px;
  }
}
.c-searchForm_item_head::before {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  width: 1.0666666667vw;
  margin-right: 3.2vw;
  content: "";
  background-color: #14183e;
  border-radius: 0.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-searchForm_item_head::before {
    width: 4px;
    margin-right: 8px;
    border-radius: 2px;
  }
}
.c-searchForm_item_body {
  padding: 0;
  margin: 0;
}

/**
* さらに絞り込む
**/
.c-searchForm_more {
  padding: 5.6vw 0 4.8vw;
  margin: 0 0 3.2vw;
}
@media screen and (min-width: 769px) {
  .c-searchForm_more {
    padding: 0 0 10px 0;
    margin: 0 0 12px;
  }
}

@media screen and (min-width: 769px) {
  .c-searchForm_moreContent {
    padding-top: 10px;
  }
}

.c-searchForm_item_more {
  padding: 3.2vw 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-searchForm_item_more {
    padding: 12px 0 0;
  }
}

/**
* 該当件数表示
**/
.c-searchForm_resultCount {
  display: none;
  padding: 0;
  margin: 0;
}

.c-searchForm_resultCount_text {
  padding: 0;
  margin: 0;
  color: rgba(33, 33, 33, 0.54);
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: normal;
}

.c-searchForm_resultCount_number {
  padding: 0;
  margin: 0 0.5333333333vw;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #13183e;
}
@media screen and (min-width: 769px) {
  .c-searchForm_resultCount_number {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .c-searchForm_resultCount_number {
    margin: 0 2px;
  }
}

/**
 * 検索件数のリアルタイム取得時エラー出力
 */
.c-serchForm_error {
  display: none;
}
.c-serchForm_error p {
  font-size: 0.7em;
  color: red;
  text-align: center;
}

/**
* 送信ボタン
**/
.c-searchForm_submitBtn_Wrap {
  padding: 0;
  margin: 0;
}

/* --------------------------------------------------
投稿一覧：デフォルト
-------------------------------------------------- */
.c-postList_default {
  padding: 0;
  margin: 0 auto;
  width: 91.4666666667vw;
  list-style: none;
}
@media screen and (min-width: 769px) {
  .c-postList_default {
    width: 740px;
  }
}
.c-postList_default_item {
  padding: 0;
  margin: 0;
  border-bottom: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
}
@media screen and (min-width: 769px) {
  .c-postList_default_item {
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
  }
}
.c-postList_default_item a {
  display: block;
  color: #212121;
  text-decoration: none;
}
.c-postList_default_item a:visited, .c-postList_default_item a:active {
  color: #212121;
  text-decoration: none;
}
.c-postList_default_item a:hover, .c-postList_default_item a:focus {
  color: #14183e;
  text-decoration: none;
  background-color: rgba(30, 136, 229, 0.08);
}
.c-postList_default_item_inner {
  padding: 3.2vw 2.1333333333vw;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .c-postList_default_item_inner {
    padding: 12px 24px;
  }
}
.c-postList_default_item_title {
  padding: 0;
  margin: 0;
  width: auto;
  flex-grow: 1;
  flex-shrink: 1;
}
.c-postList_default_item_title_text {
  padding: 0;
  margin: 0 0 4.2666666667vw;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-postList_default_item_title_text {
    margin: 0 0 16px;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: bold;
  }
}
.c-postList_default_item_date {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
  color: rgba(33, 33, 33, 0.54);
}
@media screen and (min-width: 769px) {
  .c-postList_default_item_date {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal;
  }
}
.c-postList_default_item_thumb {
  display: block;
  padding: 0;
  margin: 0;
  width: 26.6666666667vw;
  height: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-postList_default_item_thumb {
    width: 150px;
  }
}
.c-postList_default_item_thumb_img {
  width: 100%;
  height: auto;
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .c-postList_default_item_thumb_img {
    border-radius: 4px;
  }
}
.c-postList_default_item_nothumb {
  display: block;
  padding: 0;
  margin: 0;
  width: 26.6666666667vw;
  height: 17.0666666667vw;
  font-weight: bold;
  color: rgba(33, 33, 33, 0.54);
  background-color: #5d6a7d;
  border-radius: 1.0666666667vw;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-postList_default_item_nothumb {
    width: 150px;
    height: 96px;
    border-radius: 4px;
  }
}
.c-postList_default_item_nothumb_icon {
  display: block;
  padding: 0;
  margin: 0;
  width: 12.8vw;
  height: 9.6vw;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-postList_default_item_nothumb_icon {
    width: 48px;
    height: 36px;
  }
}

/* --------------------------------------------------
投稿一覧：カード形式
-------------------------------------------------- */
.c-postList_card {
  padding: 0;
  margin: 0 auto;
  width: 91.4666666667vw;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .c-postList_card {
    width: 692px;
  }
}
.c-postList_card_item {
  padding: 0;
  margin: 0 0 2.1333333333vw;
  width: 44.5333333333vw;
  background-color: #ffffff;
  border-radius: 3.2vw;
  box-shadow: 0 0.5333333333vw 1.0666666667vw rgba(33, 33, 33, 0.16);
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-postList_card_item {
    margin: 0 0 8px;
    width: 225px;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(33, 33, 33, 0.16);
  }
}
.c-postList_card_item:hover {
  box-shadow: 0 2.1333333333vw 4.2666666667vw rgba(33, 33, 33, 0.16);
}
@media screen and (min-width: 769px) {
  .c-postList_card_item:hover {
    box-shadow: 0 8px 16px rgba(33, 33, 33, 0.16);
  }
}
.c-postList_card_item a {
  display: block;
  color: #212121;
  text-decoration: none;
}
.c-postList_card_item a:visited, .c-postList_card_item a:active {
  color: #212121;
  text-decoration: none;
}
.c-postList_card_item a:hover, .c-postList_card_item a:focus {
  color: #14183e;
  text-decoration: none;
}
.c-postList_card_item_thumb {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
.c-postList_card_item_thumb_img {
  width: 100%;
  height: auto;
  border-top-left-radius: 3.2vw;
  border-top-right-radius: 3.2vw;
}
@media screen and (min-width: 769px) {
  .c-postList_card_item_thumb_img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
}
.c-postList_card_item_nothumb {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 25.6vw;
  font-weight: bold;
  color: rgba(33, 33, 33, 0.54);
  background-color: #5d6a7d;
  border-top-left-radius: 3.2vw;
  border-top-right-radius: 3.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-postList_card_item_nothumb {
    height: 130px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
}
.c-postList_card_item_nothumb_icon {
  display: block;
  padding: 0;
  margin: 0;
  width: 12.8vw;
  height: 9.6vw;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-postList_card_item_nothumb_icon {
    width: 48px;
    height: 36px;
  }
}
.c-postList_card_item_summary {
  padding: 2.1333333333vw 4.2666666667vw 6.4vw;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-postList_card_item_summary {
    padding: 16px 16px 24px;
  }
}
.c-postList_card_item_title {
  padding: 0;
  margin: 0 0 2.1333333333vw;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-postList_card_item_title {
    margin: 0 0 8px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;
  }
}
.c-postList_card_item_excerpt {
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: normal;
  color: rgba(33, 33, 33, 0.54);
}
@media screen and (min-width: 769px) {
  .c-postList_card_item_excerpt {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal;
  }
}

/* --------------------------------------------------
サイトとか商材の特徴一覧
-------------------------------------------------- */
.c-characteristicList {
  padding: 0;
  margin: 0 auto;
  width: 91.4666666667vw;
}
@media screen and (min-width: 769px) {
  .c-characteristicList {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.c-characteristicList_item {
  padding: 0;
  margin: 0 auto 6.4vw;
  width: 100%;
}
.c-characteristicList_item:last-of-type {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .c-characteristicList_item {
    margin: 0;
    width: 230px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .c-characteristicList_item:last-of-type {
    margin: 0;
  }
}
.c-characteristicList_item_title {
  padding: 0;
  margin: 0 0 2.1333333333vw;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-characteristicList_item_title {
    margin: 0 0 8px;
  }
}
.c-characteristicList_item_image {
  display: block;
  padding: 0;
  margin: 0 auto 2.1333333333vw;
  width: 61.3333333333vw;
  height: auto;
}
@media screen and (min-width: 769px) {
  .c-characteristicList_item_image {
    margin: 0 0 8px;
    width: 100%;
  }
}
.c-characteristicList_item_text {
  display: block;
  padding: 0;
  margin: 0 0 2.1333333333vw;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-characteristicList_item_text {
    margin: 0;
  }
}

/* --------------------------------------------------
コンテンツナビ
-------------------------------------------------- */
.c-contentNavi_Wrap {
  padding: 0;
  margin: 0;
}

.c-contentNavi {
  padding: 4.2666666667vw 0 0;
  margin: 0 auto;
  width: 91.4666666667vw;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .c-contentNavi {
    padding: 16px 0 0;
    width: 740px;
  }
}

.c-contentNavi_item {
  padding: 0;
  margin: 0 0 2.1333333333vw;
  width: 44.5333333333vw;
  height: 14.4vw;
  list-style: none;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-contentNavi_item {
    margin: 0 0 8px;
    width: 179px;
    height: 56px;
  }
}

.c-contentNavi_itemL {
  padding: 0;
  margin: 0 auto;
  width: 74.6666666667vw;
  height: auto;
  list-style: none;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-contentNavi_itemL {
    width: 280px;
  }
}

/* --------------------------------------------------
表：サマリー
まとめ、概要、要約を俯瞰する表に使用
-------------------------------------------------- */
.c-table_summary {
  padding: 0;
  margin: 0 0 4.2666666667vw;
  width: 100%;
  border: none;
  border-collapse: collapse;
}
@media screen and (min-width: 769px) {
  .c-table_summary {
    margin: 0 0 24px;
  }
}
.c-table_summary tr {
  border-bottom: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
}
@media screen and (min-width: 769px) {
  .c-table_summary tr {
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
  }
}
.c-table_summary th {
  padding: 1.0666666667vw;
  margin: 0;
  text-align: center;
  background-color: #5d6a7d;
}
@media screen and (min-width: 769px) {
  .c-table_summary th {
    padding: 6px;
  }
}
.c-table_summary td {
  padding: 2.1333333333vw 0;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-table_summary td {
    padding: 8px 0;
  }
}
.c-table_summary .review_verygood {
  background: url(./img/icon/icon_verygood.png) center no-repeat;
  background-size: 8.5333333333vw auto;
}
@media screen and (min-width: 769px) {
  .c-table_summary .review_verygood {
    background-size: 32px auto;
  }
}
.c-table_summary .review_good {
  background: url(./img/icon/icon_good.png) center no-repeat;
  background-size: 8.5333333333vw auto;
}
@media screen and (min-width: 769px) {
  .c-table_summary .review_good {
    background-size: 32px auto;
  }
}
.c-table_summary .review_normal {
  background: url(./img/icon/icon_good.png) center no-repeat;
  background-size: 8.5333333333vw auto;
}
@media screen and (min-width: 769px) {
  .c-table_summary .review_normal {
    background-size: 32px auto;
  }
}
.c-table_summary .review_bad {
  background: url(./img/icon/icon_bad.png) center no-repeat;
  background-size: 8.5333333333vw auto;
}
@media screen and (min-width: 769px) {
  .c-table_summary .review_bad {
    background-size: 32px auto;
  }
}
.c-table_summary .review_verybad {
  background: url(./img/icon/icon_verybad.png) center no-repeat;
  background-size: 8.5333333333vw auto;
}
@media screen and (min-width: 769px) {
  .c-table_summary .review_verybad {
    background-size: 32px auto;
  }
}

/* --------------------------------------------------
表：詳細
詳細情報を掲載する表に使用
-------------------------------------------------- */
.c-table_detail {
  padding: 0;
  margin: 0 auto 4.2666666667vw;
  width: 100%;
  height: auto;
  border-collapse: collapse;
}
@media screen and (min-width: 769px) {
  .c-table_detail {
    margin: 0 auto 24px;
  }
}
.c-table_detail tr {
  border-bottom: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
}
@media screen and (min-width: 769px) {
  .c-table_detail tr {
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
  }
}
.c-table_detail th {
  padding: 3.2vw 4.2666666667vw 3.2vw 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .c-table_detail th {
    padding: 12px 16px 12px 0;
  }
}
.c-table_detail td {
  padding: 3.2vw 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: normal;
}
@media screen and (min-width: 769px) {
  .c-table_detail td {
    padding: 12px 0;
  }
}

/* --------------------------------------------------
表：比較
比較情報を掲載する表に使用
-------------------------------------------------- */
.c-table_comparison {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto 8px;
  border-collapse: collapse;
  border: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
}
@media screen and (min-width: 769px) {
  .c-table_comparison {
    margin: 0 auto 12px;
    border-width: 1px;
  }
}
.c-table_comparison th {
  padding: 2.4vw 1.0666666667vw;
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  background-color: #d3dce4;
  border-width: 0.2666666667vw 0 0.2666666667vw;
  border-style: solid;
  border-color: rgba(33, 33, 33, 0.2784313725);
}
.c-table_comparison th > span {
  font-size: 10px;
  font-weight: normal;
}
@media screen and (min-width: 769px) {
  .c-table_comparison th {
    padding: 0 5px;
    font-size: 16px;
    border-width: 1px 0 1px;
  }
  .c-table_comparison th > span {
    font-size: 12px;
  }
}
.c-table_comparison td {
  padding: 2.4vw 1.0666666667vw;
  font-size: 3.2vw;
  line-height: 1.2;
  text-align: center;
  vertical-align: top;
  border: 0.2666666667vw solid rgba(33, 33, 33, 0.2784313725);
}
@media screen and (min-width: 769px) {
  .c-table_comparison td {
    padding: 12px 8px;
    font-size: 12px;
    border-width: 1px;
  }
}
.c-table_comparison_wrap {
  position: relative;
  padding: 0;
}
.c-table_comparison_wrap.fixed_th {
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
}
.c-table_comparison_wrap.label {
  -webkit-margin-before: 60px;
          margin-block-start: 60px;
}
.c-table_comparison_wrap.has_bt-space {
  -webkit-padding-after: 32px;
          padding-block-end: 32px;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_wrap {
    width: 625px;
    margin: 0 auto;
  }
}
.c-table_comparison_img {
  width: 21.3333333333vw;
  margin: 0 auto;
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_img {
    width: 80px;
    -webkit-margin-after: 8px;
            margin-block-end: 8px;
  }
}
.c-table_comparison_img img {
  width: 100%;
}
.c-table_comparison_note {
  padding-top: 1.0666666667vw;
  font-size: 2.6666666667vw;
  line-height: 1.5;
  color: rgba(33, 33, 33, 0.54);
}
.c-table_comparison_note.attention {
  color: #cb4646;
  font-size: 10px;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_note {
    padding-top: 6px;
    font-size: 12px;
  }
  .c-table_comparison_note.attention {
    font-size: 14px;
  }
}
.c-table_comparison_circle {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  margin: 0 auto;
  background-image: url(img/icon/icon_circle_double.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_circle {
    width: 40px;
    height: 40px;
  }
}
.c-table_comparison_circle.typeSingle {
  background-image: url(img/icon/icon_circle_single.webp);
}
.c-table_comparison_circle.typeCross {
  background-image: url(img/icon/icon_cross.webp);
}
.c-table_comparison_circle.typeTriangle {
  background-image: url(img/icon/icon_triangle.webp);
}
.c-table_comparison_circle.typeBlank {
  background-image: url(img/icon/icon_blank.webp);
}
.c-table_comparison_rate {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_rate {
    font-size: 16px;
  }
}
.c-table_comparison_price {
  font-size: 3.7333333333vw;
  line-height: 1.3;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_price {
    font-size: 14px;
  }
}
.c-table_comparison_price span {
  font-size: 4.8vw;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_price span {
    font-size: 20px;
  }
}
.c-table_comparison_point {
  padding-left: 0.0666666667vw;
  margin: 0 0 0 5.0666666667vw;
  font-size: 3.2vw;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_point {
    padding-left: 1px;
    margin: 0 0 0 12px;
    font-size: 12px;
  }
}
.c-table_comparison_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 4.5333333333vw 0;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.3;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  -webkit-animation: btn_animation02 2.5s infinite;
          animation: btn_animation02 2.5s infinite;
  background-color: #13183e;
  border-radius: 2vw;
  box-shadow: 0 3px 0 #13183e;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_button {
    padding: 14px 0;
    font-size: 16px;
    border-radius: 10px;
  }
}
.c-table_comparison_button:hover, .c-table_comparison_button:focus, .c-table_comparison_button:visited, .c-table_comparison_button:active {
  color: #ffffff;
  text-decoration: none;
}
.c-table_comparison_button:hover {
  text-decoration: none;
  color: #fbfbfb;
}
.c-table_comparison_button::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fbfbfb;
  -webkit-animation: btn_animation 2.5s ease-in-out infinite;
          animation: btn_animation 2.5s ease-in-out infinite;
}
.c-table_comparison_button::after {
  content: "";
  display: inline-block;
  inline-size: 12px;
  block-size: 12px;
  background-image: url("./img/icon/icon_external_link.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_button::after {
    inline-size: 16px;
    block-size: 16px;
  }
}
.c-table_comparison .colHaed {
  width: 12vw;
}
@media screen and (min-width: 769px) {
  .c-table_comparison .colHaed {
    width: 66px;
  }
}
.c-table_comparison .colNormal {
  width: 25.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-table_comparison .colNormal {
    width: 185px;
  }
}
.c-table_comparison .selectHead,
.c-table_comparison .select,
.c-table_comparison .selectBottom {
  background-color: #fffdd4;
  border-right: 0.5333333333vw solid #13183e;
  border-left: 0.5333333333vw solid #13183e;
}
@media screen and (min-width: 769px) {
  .c-table_comparison .selectHead,
.c-table_comparison .select,
.c-table_comparison .selectBottom {
    border-right-width: 2px;
    border-left-width: 2px;
  }
}
.c-table_comparison .selectHead {
  border-top: 0.5333333333vw solid #13183e;
}
@media screen and (min-width: 769px) {
  .c-table_comparison .selectHead {
    border-top-width: 2px;
  }
}
.c-table_comparison .selectBottom {
  border-bottom: 0.5333333333vw solid #13183e;
}
@media screen and (min-width: 769px) {
  .c-table_comparison .selectBottom {
    border-bottom-width: 2px;
  }
}
.c-table_comparison .star_verticle span {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (min-width: 481px) {
  .c-table_comparison .star_verticle span {
    font-size: 24px;
  }
}
.c-table_comparison .has_label {
  position: relative;
}
.c-table_comparison .th_label {
  position: absolute;
  top: -36px;
  left: -10%;
  inline-size: 120%;
  padding: 6px;
  background: #5d6a7d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.c-table_comparison .th_label::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #5d6a7d;
  border-bottom: 0;
}
@media screen and (min-width: 769px) {
  .c-table_comparison .th_label {
    top: -52px;
    left: 0;
    inline-size: 100%;
    padding: 8px 20px;
    font-size: 16px;
  }
  .c-table_comparison .th_label::after {
    bottom: -12px;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-top: 14px solid #5d6a7d;
  }
}
.c-table_comparison::before {
  content: "PR";
  position: absolute;
  top: -22px;
  right: 0;
  padding: 2px 6px;
  border: 1px solid #212121;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .c-table_comparison::before {
    top: -25px;
    right: 0;
    font-size: 14px;
  }
}
.c-table_comparison.fixed_th th {
  inline-size: 22%;
  font-size: 10px;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.fixed_th th {
    font-size: 16px;
  }
}
.c-table_comparison.fixed_th td {
  padding: 12px 4px;
}
.c-table_comparison.fixed_th .c-table_comparison_price {
  font-size: 12px;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.fixed_th .c-table_comparison_price {
    font-size: 14px;
  }
}
.c-table_comparison.fixed_th .c-table_comparison_price span {
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.fixed_th .c-table_comparison_price span {
    font-size: 24px;
  }
}
.c-table_comparison.fixed_th .c-table_comparison_note {
  padding-top: 0;
  font-size: 10px;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.fixed_th .c-table_comparison_note {
    font-size: 12px;
  }
}
.c-table_comparison.n001_dn {
  width: 750px;
  background-color: #fff;
}
.c-table_comparison.n001_dn .has_medal {
  position: relative;
}
.c-table_comparison.n001_dn .th_medal {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.c-table_comparison.n001_dn th,
.c-table_comparison.n001_dn td {
  padding-block: 10px;
}
@media screen and (min-width: 481px) {
  .c-table_comparison.n001_dn th,
.c-table_comparison.n001_dn td {
    padding-block: 15px;
  }
}
.c-table_comparison.n001_dn th {
  inline-size: 19%;
  background-color: #55b4c6;
  color: #fff;
  font-size: 16px;
  z-index: 20;
}
.c-table_comparison.n001_dn th.bg-red {
  background-color: #e71717;
}
.c-table_comparison.n001_dn td {
  inline-size: 27%;
}
.c-table_comparison.n001_dn td.clinic_name {
  position: relative;
  -webkit-padding-before: 50px;
          padding-block-start: 50px;
}
.c-table_comparison.n001_dn td.clinic_name .c-table_comparison_img {
  width: 90%;
}
.c-table_comparison.n001_dn td.clinic_name .text {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 58px;
  font-size: 18px;
  line-height: 1.3em;
}
.c-table_comparison.n001_dn td.clinic_name .image {
  display: block;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.n001_dn td.clinic_name {
    -webkit-padding-before: 70px;
            padding-block-start: 70px;
  }
  .c-table_comparison.n001_dn td.clinic_name .text {
    font-size: 22px;
  }
}
.c-table_comparison.n001_dn td.star_verticle {
  color: #e61717;
}
.c-table_comparison.n001_dn td .c-table_comparison_fee {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 481px) {
  .c-table_comparison.n001_dn td .c-table_comparison_fee {
    font-size: 24px;
  }
}
.c-table_comparison.n001_dn td .c-table_comparison_price {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 481px) {
  .c-table_comparison.n001_dn td .c-table_comparison_price {
    font-size: 20px;
  }
}
.c-table_comparison.n001_dn td .c-table_comparison_price .c-table_comparison_kingaku {
  font-size: 20px;
}
@media screen and (min-width: 481px) {
  .c-table_comparison.n001_dn td .c-table_comparison_price .c-table_comparison_kingaku {
    font-size: 30px;
  }
}
.c-table_comparison.n001_dn td .c-table_comparison_note {
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (min-width: 481px) {
  .c-table_comparison.n001_dn td .c-table_comparison_note {
    font-size: 16px;
  }
}
.c-table_comparison.n001_dn td .c-table_comparison_circle {
  background-image: url("./img/image-based/icon_circle_double.webp");
}
.c-table_comparison.n001_dn td .c-table_comparison_circle.typeSingle {
  background-image: url("./img/image-based/icon_circle_single.webp");
}
.c-table_comparison.n001_dn td .c-table_comparison_circle.typeTriangle {
  background-image: url("./img/image-based/icon_triangle.webp");
}
.c-table_comparison.n001_dn td .c-table_comparison_circle.typeCross {
  background-image: url("./img/image-based/icon_cross.webp");
}
.c-table_comparison.n001_dn td.total_evaluation {
  background-color: #feffd7;
  color: #e61717;
  font-size: 16px;
  font-weight: 700;
}
.c-table_comparison.n001_dn td.total_evaluation span {
  font-size: 0.8em;
}
@media screen and (min-width: 481px) {
  .c-table_comparison.n001_dn td.total_evaluation {
    font-size: 20px;
  }
}

.scroll_table {
  inline-size: 750px;
  overflow: auto;
}

/* --------------------------------------------------
表：薬比較LP 比較
比較情報を掲載する表に使用
-------------------------------------------------- */
.c-table_comparison_medicine_wrap {
  position: relative;
  width: 100%;
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
  padding: 17% 0 0;
}
.c-table_comparison_medicine_wrap.overflow {
  overflow: auto;
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
@media screen and (min-width: 769px) {
  .c-table_comparison_medicine_wrap {
    -webkit-margin-before: 0;
            margin-block-start: 0;
    padding: 12% 0 0;
  }
}

.c-table_comparison.medicine {
  position: relative;
  width: 750px;
  height: auto;
  padding: 0;
  margin: 0 auto 8px;
  border-collapse: collapse;
  border: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine {
    margin: 0 auto 12px;
    border-width: 1px;
  }
}
.c-table_comparison.medicine th {
  padding: 2.4vw 1.0666666667vw;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  background-color: #dceef2;
  border-width: 0.2666666667vw 0 0.2666666667vw;
  border-style: solid;
  border-color: rgba(33, 33, 33, 0.12);
  white-space: nowrap;
}
.c-table_comparison.medicine th > span {
  font-weight: normal;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine th {
    padding: 0 5px;
    font-size: 16px;
    border-width: 1px 0 1px;
  }
  .c-table_comparison.medicine th > span {
    font-size: 12px;
  }
}
.c-table_comparison.medicine td {
  padding: 2.4vw 1.0666666667vw;
  font-size: 3.2vw;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  border: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine td {
    padding: 12px 6px;
    font-size: 12px;
    border-width: 1px;
  }
}
.c-table_comparison.medicine .c-table_comparison_img {
  width: 21.3333333333vw;
  margin: 0 auto;
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .c-table_comparison_img {
    width: 80px;
    -webkit-margin-after: 8px;
            margin-block-end: 8px;
  }
}
.c-table_comparison.medicine .c-table_comparison_img img {
  width: 100%;
}
.c-table_comparison.medicine .c-table_comparison_note {
  padding-top: 0;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(33, 33, 33, 0.54);
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .c-table_comparison_note {
    font-size: 12px;
  }
}
.c-table_comparison.medicine .c-table_comparison_note.black {
  color: #212121;
}
.c-table_comparison.medicine .c-table_comparison_circle {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  margin: 0 auto;
  background-image: url(img/icon/icon_circle_double.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .c-table_comparison_circle {
    width: 40px;
    height: 40px;
  }
}
.c-table_comparison.medicine .c-table_comparison_circle.typeSingle {
  background-image: url(img/icon/icon_circle_single.webp);
}
.c-table_comparison.medicine .c-table_comparison_circle.typeCross {
  background-image: url(img/icon/icon_cross.webp);
}
.c-table_comparison.medicine .c-table_comparison_circle.typeTriangle {
  background-image: url(img/icon/icon_triangle.webp);
}
.c-table_comparison.medicine .c-table_comparison_circle.typeBlank {
  background-image: url(img/icon/icon_blank.webp);
}
.c-table_comparison.medicine .c-table_comparison_rate {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .c-table_comparison_rate {
    font-size: 16px;
  }
}
.c-table_comparison.medicine .c-table_comparison_rate.gray {
  color: rgba(33, 33, 33, 0.5411764706);
}
.c-table_comparison.medicine .c-table_comparison_price {
  font-size: 3.7333333333vw;
  line-height: 1.3;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .c-table_comparison_price {
    font-size: 14px;
  }
}
.c-table_comparison.medicine .c-table_comparison_price span {
  font-size: 4.8vw;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .c-table_comparison_price span {
    font-size: 20px;
  }
}
.c-table_comparison.medicine .c-table_comparison_point {
  padding-left: 0.0666666667vw;
  margin: 0 0 0 5.0666666667vw;
  font-size: 3.2vw;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .c-table_comparison_point {
    padding-left: 1px;
    margin: 0 0 0 12px;
    font-size: 12px;
  }
}
.c-table_comparison.medicine .c-table_comparison_button {
  display: block;
  width: 100%;
  padding: 4.5333333333vw 0;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.3;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background-color: #13183e;
  border-radius: 2vw;
  box-shadow: 0.5333333333vw 0.5333333333vw rgba(0, 0, 0, 0.02);
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .c-table_comparison_button {
    padding: 14px 0;
    font-size: 16px;
    border-radius: 10px;
    box-shadow: 2px 4px rgba(0, 0, 0, 0.02);
  }
}
.c-table_comparison.medicine .c-table_comparison_button:hover, .c-table_comparison.medicine .c-table_comparison_button:focus, .c-table_comparison.medicine .c-table_comparison_button:visited, .c-table_comparison.medicine .c-table_comparison_button:active {
  color: #ffffff;
  text-decoration: none;
}
.c-table_comparison.medicine .c-table_comparison_button:hover {
  opacity: 0.5;
}
.c-table_comparison.medicine .colHaed {
  width: 12vw;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .colHaed {
    width: 66px;
  }
}
.c-table_comparison.medicine .colNormal {
  width: 25.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .colNormal {
    width: 185px;
  }
}
.c-table_comparison.medicine .selectHead,
.c-table_comparison.medicine .select,
.c-table_comparison.medicine .selectBottom {
  background-color: #fff6e4;
  border-right: 0.5333333333vw solid #f79468;
  border-left: 0.5333333333vw solid #f79468;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .selectHead,
.c-table_comparison.medicine .select,
.c-table_comparison.medicine .selectBottom {
    border-right-width: 2px;
    border-left-width: 2px;
  }
}
.c-table_comparison.medicine .selectHead {
  border-top: 0.5333333333vw solid #f79468;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .selectHead {
    border-top-width: 2px;
  }
}
.c-table_comparison.medicine .selectBottom {
  border-bottom: 0.5333333333vw solid #f79468;
}
@media screen and (min-width: 769px) {
  .c-table_comparison.medicine .selectBottom {
    border-bottom-width: 2px;
  }
}

.pr {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-after: 5px;
          margin-block-end: 5px;
  padding: 2px 6px;
  border: 1px solid #212121;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .pr {
    top: -25px;
    right: 0;
    font-size: 14px;
  }
}
.l-container.wide .pr {
  margin-inline: auto 4.5%;
}
@media screen and (min-width: 769px) {
  .l-container.wide .pr {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}

.c-table_medicine {
  position: relative;
  inline-size: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid rgba(33, 33, 33, 0.2784313725);
  border-left: 1px solid rgba(33, 33, 33, 0.2784313725);
  table-layout: fixed;
}
.c-table_medicine tr {
  background-color: #fff;
}
.c-table_medicine tr.focus {
  background-color: #fffdd4;
}
.c-table_medicine th,
.c-table_medicine td {
  padding: 12px 8px;
  border-bottom: 1px solid rgba(33, 33, 33, 0.2784313725);
  border-right: 1px solid rgba(33, 33, 33, 0.2784313725);
}
@media screen and (max-width: 768px) {
  .c-table_medicine th,
.c-table_medicine td {
    padding: 8px 2px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.5;
  }
}
.c-table_medicine thead th {
  background-color: #d3dce4;
  font-size: 12px;
  line-height: 1.5;
}
.c-table_medicine thead th:first-of-type {
  inline-size: 170px;
}
.c-table_medicine thead th:last-of-type {
  inline-size: 138px;
}
.c-table_medicine thead th > span {
  font-size: 12px;
}
@media screen and (max-width: 480px) {
  .c-table_medicine thead th:first-of-type {
    inline-size: 27%;
  }
  .c-table_medicine thead th:nth-of-type(2) {
    inline-size: 18%;
  }
  .c-table_medicine thead th:nth-of-type(3) {
    inline-size: 29%;
  }
  .c-table_medicine thead th:last-of-type {
    inline-size: 26%;
  }
}
.c-table_medicine tbody td {
  text-align: center;
}
.c-table_medicine tbody td:nth-of-type(1) > a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}
.c-table_medicine tbody td:nth-of-type(1) > a:hover {
  text-decoration: none;
}
.c-table_medicine tbody td:nth-of-type(3) > span {
  display: block;
}
.c-table_medicine tbody td:nth-of-type(3) > span:first-of-type {
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-table_medicine tbody td:nth-of-type(3) > span:first-of-type {
    font-size: 10px;
  }
}
.c-table_medicine tbody td:nth-of-type(3) > span.course {
  color: rgba(33, 33, 33, 0.5411764706);
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .c-table_medicine tbody td:nth-of-type(3) > span.course {
    font-size: 10px;
  }
}
.c-table_medicine tbody td:nth-of-type(3) > span.price {
  font-size: 20px;
  font-weight: bold;
}
.c-table_medicine tbody td:nth-of-type(3) > span.price > span {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-table_medicine tbody td:nth-of-type(3) > span.price {
    font-size: 16px;
  }
  .c-table_medicine tbody td:nth-of-type(3) > span.price > span {
    font-size: 12px;
  }
}
.c-table_medicine tbody td.cell-evaluation {
  font-size: 20px;
  font-weight: bold;
}
.c-table_medicine tbody td.cell-evaluation .star {
  color: #ffc34d;
}
.c-table_medicine::before {
  content: "PR";
  position: absolute;
  top: -22px;
  right: 0;
  padding: 2px 6px;
  border: 1px solid #212121;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .c-table_medicine::before {
    top: -25px;
    right: 0;
    font-size: 14px;
  }
}
.c-table_medicine .course {
  color: rgba(33, 33, 33, 0.5411764706);
}
.c-table_medicine .c-table_comparison_button {
  padding: 10px 0;
}
@media screen and (min-width: 769px) {
  .c-table_medicine .c-table_comparison_button {
    padding: 14px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-faqList.drug_details .c-table_medicine thead th:first-of-type {
    inline-size: 27%;
  }
  .c-faqList.drug_details .c-table_medicine thead th:nth-of-type(2) {
    inline-size: 23%;
  }
  .c-faqList.drug_details .c-table_medicine thead th:nth-of-type(3) {
    inline-size: 26%;
  }
  .c-faqList.drug_details .c-table_medicine thead th:last-of-type {
    inline-size: 24%;
  }
}

/* --------------------------------------------------
治療薬の種類別料金表
-------------------------------------------------- */
.c-fees-type {
  position: relative;
  overflow-y: hidden;
  height: 32.6666666667vw;
  padding-bottom: 17.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-fees-type {
    height: 157px;
    padding-bottom: 70px;
  }
}
.c-fees-type.jc-moreContent.js-active {
  display: block;
  height: auto;
  padding-bottom: 10.6666666667vw;
}
.c-fees-type.jc-moreContent.js-active .c-readmoreBtn.jc-moreTrigger {
  display: none;
}
@media screen and (min-width: 769px) {
  .c-fees-type.jc-moreContent.js-active {
    padding-bottom: 70px;
  }
}
.c-fees-type__table table {
  inline-size: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #d2d0d0;
  border-left: 1px solid #d2d0d0;
}
.c-fees-type__table table th,
.c-fees-type__table table td {
  inline-size: 25%;
  padding: 12px 8px;
  border-bottom: 1px solid #d2d0d0;
  border-right: 1px solid #d2d0d0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-fees-type__table table th,
.c-fees-type__table table td {
    padding: 8px 2px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.5;
  }
}
.c-fees-type__table table th {
  background: #d1d1d9;
  font-size: 16px;
}
.c-fees-type__table table th > span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.c-fees-type__table table td > span {
  display: block;
}
.c-fees-type__table table td > span:first-of-type {
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-fees-type__table table td > span:first-of-type {
    font-size: 10px;
  }
}
.c-fees-type__table table td > span.course {
  color: rgba(33, 33, 33, 0.5411764706);
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .c-fees-type__table table td > span.course {
    font-size: 10px;
  }
}
.c-fees-type__table table td > span.price {
  font-size: 20px;
  font-weight: bold;
}
.c-fees-type__table table td > span.price > span {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-fees-type__table table td > span.price {
    font-size: 16px;
  }
  .c-fees-type__table table td > span.price > span {
    font-size: 12px;
  }
}

/* --------------------------------------------------
枠
-------------------------------------------------- */
.c-Box {
  display: block;
  padding: 4.2666666667vw 6.4vw;
  margin: 0 auto 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-Box {
    padding: 16px 24px;
    margin: 0 auto 24px;
  }
}

/* --------------------------------------------------
引用枠
-------------------------------------------------- */
.c-quoteBox {
  display: block;
  padding: 12.2666666667vw 6.4vw;
  margin: 0 auto 4.2666666667vw;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  background-color: #5d6a7d;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-quoteBox {
    padding: 46px 24px;
    margin: 0 auto 24px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: normal;
  }
}
.c-quoteBox:before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 4.2666666667vw;
  height: 3.7333333333vw;
  background: url(./img/icon/icon_quote_before.png) center no-repeat;
  background-size: contain;
  position: absolute;
  top: 4.2666666667vw;
  left: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-quoteBox:before {
    width: 16px;
    height: 14px;
    top: 16px;
    left: 24px;
  }
}
.c-quoteBox:after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 4.2666666667vw;
  height: 3.7333333333vw;
  background: url(./img/icon/icon_quote_after.png) center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 4.2666666667vw;
  right: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-quoteBox:after {
    width: 16px;
    height: 14px;
    bottom: 16px;
    right: 24px;
  }
}

/* --------------------------------------------------
コラム、囲み記事
-------------------------------------------------- */
.c-columnBox {
  padding: 4vw 4.2666666667vw;
  margin: 0;
  background-color: #ffffff;
  border-radius: 1.3333333333vw;
  box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .c-columnBox {
    padding: 22px 30px;
    border-radius: 8px;
  }
}

/* --------------------------------------------------
検索条件表示
-------------------------------------------------- */
.c-conditionBox {
  position: relative;
  width: 100%;
  padding: 4.2666666667vw 4.2666666667vw 3.2vw;
  margin: 4vw auto 10.6666666667vw;
  background-color: #14183e;
  border-radius: 4.2666666667vw;
  box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .c-conditionBox {
    width: 624px;
    padding: 32px 32px 24px;
    margin: 40px auto 60px;
    border-radius: 16px;
  }
}
.c-conditionBox::after {
  position: absolute;
  bottom: -4vw;
  left: 50%;
  display: block;
  width: 8vw;
  height: 8vw;
  content: "";
  background-color: #14183e;
  transform: translateX(-50%) rotate(-45deg) skew(5deg, 5deg);
}
@media screen and (min-width: 769px) {
  .c-conditionBox::after {
    bottom: -25px;
    width: 50px;
    height: 50px;
  }
}
.c-conditionBox_wrap {
  position: relative;
}
.c-conditionBox_list {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 2.4vw;
}
@media screen and (min-width: 769px) {
  .c-conditionBox_list {
    border-radius: 8px;
  }
}
.c-conditionBox_list > dt,
.c-conditionBox_list > dd {
  padding: 2.6666666667vw;
  font-size: 3.2vw;
  line-height: 1.2;
  background-color: #f4f4f4;
}
@media screen and (min-width: 769px) {
  .c-conditionBox_list > dt,
.c-conditionBox_list > dd {
    padding: 14px;
    font-size: 16px;
  }
}
.c-conditionBox_list > dt:nth-child(4n-1),
.c-conditionBox_list > dd:nth-child(4n) {
  background-color: transparent;
}
.c-conditionBox_list > dt {
  width: 24vw;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-conditionBox_list > dt {
    width: 105px;
  }
}
.c-conditionBox_list > dd {
  width: 58.9333333333vw;
}
@media screen and (min-width: 769px) {
  .c-conditionBox_list > dd {
    width: 455px;
  }
}
.c-conditionBox_text {
  padding-top: 3.4666666667vw;
  font-weight: bold;
  line-height: 1.6;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-conditionBox_text {
    padding-top: 28px;
    font-size: 26px;
  }
}

.btn_upper {
  position: absolute;
  bottom: -2em;
  right: 0;
  color: #212121;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .btn_upper {
    right: 8%;
  }
}

/* --------------------------------------------------
フォーム：Check List
-------------------------------------------------- */
.c-form_checkList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.c-form_checkList_item {
  display: flex;
  align-items: center;
  width: 26.6666666667vw;
  height: 10.6666666667vw;
  margin: 0 1.3333333333vw 1.3333333333vw 0;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 1.6vw;
}
@media screen and (min-width: 769px) {
  .c-form_checkList_item {
    width: 225px;
    height: 50px;
    margin: 0 5px 5px 0;
    border-radius: 4px;
  }
}
.c-form_checkList_item label {
  position: relative;
  display: block;
  width: 100%;
  padding: 3.4666666667vw 0 3.4666666667vw 6.4vw;
  margin: 0;
  font-size: 2.6666666667vw;
  font-weight: bold;
  line-height: 1.2;
  color: #212121;
}
@media screen and (min-width: 769px) {
  .c-form_checkList_item label {
    padding: 16px 24px 16px 34px;
    font-size: 16px;
    cursor: pointer;
  }
}
.c-form_checkList_item label::before {
  position: absolute;
  top: 50%;
  left: 1.0666666667vw;
  display: block;
  width: 4vw;
  height: 4vw;
  padding: 0;
  margin: 0;
  content: "";
  background-color: #ffffff;
  border-radius: 0.5333333333vw;
  box-shadow: 0 0 0.5333333333vw rgba(0, 0, 0, 0.1);
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-form_checkList_item label::before {
    left: 7px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
  }
}
.c-form_checkList_item label::after {
  position: absolute;
  top: 50%;
  left: 1.0666666667vw;
  z-index: 10;
  display: block;
  width: 4vw;
  height: 4vw;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-form_checkList_item label::after {
    left: 7px;
    width: 20px;
    height: 20px;
  }
}
.c-form_checkList_item input {
  display: none;
}
.c-form_checkList_item:last-of-type {
  margin: 0 1.3333333333vw 1.3333333333vw 0;
}
@media screen and (min-width: 769px) {
  .c-form_checkList_item:last-of-type {
    margin: 0 5px 5px 0;
  }
}
.c-form_checkList_item:nth-child(3n) {
  margin-right: 0;
}
.c-form_checkList_item:has(input:checked) {
  background-color: #d3dce4;
}
.c-form_checkList_item input:checked + label::after {
  background-image: url(img/icon/checkbox_true.webp);
}
@media screen and (min-width: 769px) {
  .c-form_checkList_item:hover {
    background-color: #d3dce4;
  }
}

/* --------------------------------------------------
フォーム：Drop Down
-------------------------------------------------- */
.c-form_dropdown_Wrap {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  /**
  * ホバー処理
  **/
  /**
  * 選択時処理
  **/
}
@media screen and (min-width: 769px) {
  .c-form_dropdown_Wrap {
    width: 240px;
  }
}
.c-form_dropdown_Wrap:after {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 4.2666666667vw;
  height: 2.6666666667vw;
  background: url(./img/arrow/u-arrow_select_gray.png) no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-form_dropdown_Wrap:after {
    width: 16px;
    height: 10px;
    right: 16px;
  }
}
.c-form_dropdown_Wrap .c-form_dropdown {
  cursor: pointer;
  display: block;
  padding: 0 12.5333333333vw 0 4.2666666667vw;
  margin: 0;
  width: 100%;
  height: 10.1333333333vw;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  color: rgba(33, 33, 33, 0.54);
  background-color: #5d6a7d;
  border: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .c-form_dropdown_Wrap .c-form_dropdown {
    padding: 0 47px 0 16px;
    height: 38px;
    border: 1px solid rgba(33, 33, 33, 0.12);
    border-radius: 4px;
  }
}
.c-form_dropdown_Wrap:hover:after {
  background: url(./img/arrow/u-arrow_select_blue.png) no-repeat center;
  background-size: contain;
}
.c-form_dropdown_Wrap:hover .c-form_dropdown {
  background-color: #ffffff;
  border: 0.2666666667vw solid #14183e;
}
@media screen and (min-width: 769px) {
  .c-form_dropdown_Wrap:hover .c-form_dropdown {
    border: 1px solid #14183e;
  }
}
.c-form_dropdown_Wrap .c-form_dropdown.is-changed {
  color: #212121;
}

/* --------------------------------------------------
フォーム：Radio List
-------------------------------------------------- */
.c-form_radioList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.c-form_radioList_item {
  display: flex;
  align-items: center;
  width: 26.6666666667vw;
  height: 10.6666666667vw;
  margin: 0 1.3333333333vw 1.3333333333vw 0;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 1.6vw;
}
@media screen and (min-width: 769px) {
  .c-form_radioList_item {
    width: 225px;
    height: 50px;
    margin: 0 5px 5px 0;
    border-radius: 4px;
  }
}
.c-form_radioList_item label {
  position: relative;
  display: block;
  width: 100%;
  padding: 3.7333333333vw 0 3.7333333333vw 6.4vw;
  margin: 0;
  font-size: 2.6666666667vw;
  font-weight: bold;
  line-height: 1.2;
  color: #212121;
}
@media screen and (min-width: 769px) {
  .c-form_radioList_item label {
    padding: 16px 24px 16px 34px;
    font-size: 16px;
    cursor: pointer;
  }
}
.c-form_radioList_item label::before {
  position: absolute;
  top: 50%;
  left: 1.0666666667vw;
  display: block;
  width: 4vw;
  height: 4vw;
  padding: 0;
  margin: 0;
  content: "";
  background-color: #ffffff;
  border-radius: 100%;
  box-shadow: 0 0 0.5333333333vw rgba(0, 0, 0, 0.1);
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-form_radioList_item label::before {
    left: 7px;
    width: 20px;
    height: 20px;
  }
}
.c-form_radioList_item label::after {
  position: absolute;
  top: 50%;
  left: 1.0666666667vw;
  z-index: 10;
  display: block;
  width: 4vw;
  height: 4vw;
  content: "";
  background-size: contain;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-form_radioList_item label::after {
    left: 7px;
    width: 20px;
    height: 20px;
  }
}
.c-form_radioList_item input {
  display: none;
}
.c-form_radioList_item:last-of-type {
  margin: 0 1.3333333333vw 1.3333333333vw 0;
}
@media screen and (min-width: 769px) {
  .c-form_radioList_item:last-of-type {
    margin: 0 5px 5px 0;
  }
}
.c-form_radioList_item:nth-child(3n) {
  margin-right: 0;
}
.c-form_radioList_item:hover, .c-form_radioList_item:has(input:checked) {
  background-color: #d3dce4;
}
.c-form_radioList_item input:checked + label::after {
  background-image: url(img/icon/radio_true.webp);
}

/* --------------------------------------------------
アコーディオン
-------------------------------------------------- */
.c-accordion {
  padding: 0;
  margin: 0;
  border-bottom: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
}
@media screen and (min-width: 769px) {
  .c-accordion {
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
  }
}

.c-accordion_Trigger {
  cursor: pointer;
  padding: 3.2vw 2.1333333333vw;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .c-accordion_Trigger {
    padding: 12px 24px;
  }
  .c-accordion_Trigger:hover {
    color: #14183e;
    background-color: rgba(30, 136, 229, 0.08);
  }
}

.c-accordion_Trigger_icon {
  display: block;
  margin-left: 2.1333333333vw;
  width: 5.0666666667vw;
  height: 5.0666666667vw;
  background-color: #14183e;
  border-radius: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  transition: all 0.4s ease-out 0s;
}
@media screen and (min-width: 769px) {
  .c-accordion_Trigger_icon {
    margin-left: 16px;
    width: 19px;
    height: 19px;
  }
}
.c-accordion_Trigger_icon span {
  display: block;
  width: 2.9333333333vw;
  height: 0.8vw;
  background-color: #ffffff;
  border-radius: 0.5333333333vw;
  position: absolute;
  top: 2.1333333333vw;
  left: 1.0666666667vw;
  transition: all 0.4s ease-out 0s;
}
@media screen and (min-width: 769px) {
  .c-accordion_Trigger_icon span {
    width: 11px;
    height: 3px;
    border-radius: 2px;
    top: 8px;
    left: 4px;
  }
}
.c-accordion_Trigger_icon span:nth-of-type(1) {
  transform: rotate(0deg);
}
.c-accordion_Trigger_icon span:nth-of-type(2) {
  transform: rotate(90deg);
}
.c-accordion_Trigger_icon.js-active {
  background-color: #0d47a1;
}
.c-accordion_Trigger_icon.js-active span:nth-of-type(2) {
  transform: rotate(180deg);
}

.c-accordion_Content {
  padding: 3.2vw 2.1333333333vw;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: normal;
}
@media screen and (min-width: 769px) {
  .c-accordion_Content {
    padding: 12px 24px;
  }
}

.jc-accContent {
  display: none;
}
.jc-accContent.js-active {
  display: block;
}

/* --------------------------------------------------
モーダル
-------------------------------------------------- */
/**
* モーダルを開いた時の背景
**/
.c-Modal_overlay {
  width: 100vw;
  height: 100vh;
  background-color: rgba(33, 33, 33, 0.54);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

/**
* モーダル本体
**/
.c-Modal_wrap {
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(33, 33, 33, 0.54);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

.c-Modal {
  display: none;
  padding: 0;
  margin: 0 auto;
  width: 87.2vw;
  height: 90vh;
  background-color: #ffffff;
  border-radius: 2.1333333333vw;
  transform: translateX(-50%) translateY(-50%);
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
}
@media screen and (min-width: 769px) {
  .c-Modal {
    width: 710px;
    border-radius: 8px;
  }
}

/**
* モーダルのヘッド領域
**/
.c-Modal_head {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 17.0666666667vw;
  border-bottom: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-Modal_head {
    height: 64px;
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
  }
}

/**
* モーダルのタイトル
**/
.c-Modal_title {
  padding: 0;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}

/**
* モーダルのcloseボタン
**/
.c-Modal_closeBtn {
  cursor: pointer;
  width: 17.0666666667vw;
  height: 17.0666666667vw;
  position: absolute;
  top: 0;
  right: 0;
  /**
  * ホバー処理
  **/
}
@media screen and (min-width: 769px) {
  .c-Modal_closeBtn {
    width: 64px;
    height: 64px;
  }
}
.c-Modal_closeBtn:hover {
  background-color: rgba(30, 136, 229, 0.08);
}
.c-Modal_closeBtn:hover .c-Modal_closeBtn_text {
  color: #14183e;
}
.c-Modal_closeBtn .c-Modal_closeBtn_bar {
  display: block;
  padding: 0;
  margin: 0;
  width: 5.3333333333vw;
  height: 1.0666666667vw;
  background-color: #14183e;
  border-radius: 0.5333333333vw;
  position: absolute;
}
@media screen and (min-width: 769px) {
  .c-Modal_closeBtn .c-Modal_closeBtn_bar {
    width: 20px;
    height: 4px;
    border-radius: 2px;
  }
}
.c-Modal_closeBtn .c-Modal_closeBtn_bar:nth-child(1) {
  top: 5.3333333333vw;
  left: 5.8666666667vw;
  transform: rotate(45deg);
}
@media screen and (min-width: 769px) {
  .c-Modal_closeBtn .c-Modal_closeBtn_bar:nth-child(1) {
    top: 20px;
    left: 22px;
  }
}
.c-Modal_closeBtn .c-Modal_closeBtn_bar:nth-child(2) {
  top: 5.3333333333vw;
  left: 5.8666666667vw;
  transform: rotate(-45deg);
}
@media screen and (min-width: 769px) {
  .c-Modal_closeBtn .c-Modal_closeBtn_bar:nth-child(2) {
    top: 20px;
    left: 22px;
  }
}
.c-Modal_closeBtn .c-Modal_closeBtn_text {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 4vw;
  left: 0;
}
@media screen and (min-width: 769px) {
  .c-Modal_closeBtn .c-Modal_closeBtn_text {
    bottom: 15px;
  }
}
.c-Modal_closeBtn.typeOutside {
  top: -9.0666666667vw;
  right: 0;
  width: 9.6vw;
  height: 9.6vw;
  background-image: url(img/btn/btn_close.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-Modal_closeBtn.typeOutside {
    top: -36px;
    width: 36px;
    height: 36px;
  }
}

/**
* モーダルのコンテンツ領域
**/
.c-Modal_content {
  padding: 3.2vw 4.2666666667vw;
  height: calc(100% - 17.0666667vw);
  overflow-y: auto;
}
@media screen and (min-width: 769px) {
  .c-Modal_content {
    padding: 12px 16px;
    height: calc(100% - 72px);
  }
}
.c-Modal_content.typeSearch {
  padding: 3.2vw 0 3.2vw 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-Modal_content.typeSearch {
    padding: 12px 0 12px 10px;
  }
}

/* --------------------------------------------------
タブ切り替え
-------------------------------------------------- */
/**
* タブ切り替え（default）
**/
.c-tabs_component {
  padding: 0;
  margin: 0;
}

.c-tab_group {
  padding: 0;
  margin: 0 auto 6.4vw;
  width: 91.4666666667vw;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-tab_group {
    margin: 0 auto 24px;
    width: 740px;
  }
}

.c-tab {
  cursor: pointer;
  padding: 0;
  margin: 0;
  width: auto;
  height: 10.6666666667vw;
  text-align: center;
  font-weight: bold;
  color: rgba(33, 33, 33, 0.54);
  border-radius: 1.0666666667vw;
  list-style: none;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-tab {
    height: 40px;
    border-radius: 4px;
  }
}
.c-tab:hover {
  color: #14183e;
  background-color: rgba(30, 136, 229, 0.08);
}
.c-tab a {
  display: block;
  padding: 0 2.1333333333vw;
  width: 100%;
  height: 100%;
  color: rgba(33, 33, 33, 0.54);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-tab a {
    padding: 0 8px;
  }
}
.c-tab a:hover, .c-tab a:focus, .c-tab a:visited, .c-tab a:active {
  text-decoration: none;
}
.c-tab a small {
  font-size: 86%;
}
.c-tab.js-active {
  color: #14183e;
}
.c-tab.js-active a {
  color: #14183e;
}
.c-tab.js-active:after {
  display: block;
  content: "";
  width: 10.6666666667vw;
  height: 1.0666666667vw;
  background-color: #14183e;
  border-radius: 1.0666666667vw;
  transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .c-tab.js-active:after {
    width: 40px;
    height: 4px;
    border-radius: 4px;
  }
}

.c-tab_content_group {
  padding: 0;
  margin: 0;
}

.c-tab_content {
  display: none;
  padding: 0;
  margin: 0;
}
.c-tab_content.js-show {
  display: block;
}

.c-tab_icon {
  width: 11.4666666667vw;
}
@media screen and (min-width: 769px) {
  .c-tab_icon {
    width: 50px;
  }
}

/**
* 単一要素のタブ切り替え
**/
.c-tabs_simple .c-tabs_component {
  padding: 12vw 0 0;
  margin: 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-tabs_simple .c-tabs_component {
    padding: 45px 0 0;
  }
}
.c-tabs_simple .c-tab_group {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  overflow-y: auto;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.c-tabs_simple .c-tab {
  cursor: pointer;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  min-width: 24vw;
  min-height: 12.2666666667vw;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: bold;
  background-color: rgba(33, 33, 33, 0.0588235294);
  border-radius: 0;
  border-top-left-radius: 0.5333333333vw;
  border-top-right-radius: 0.5333333333vw;
  border-bottom: 0.2666666667vw solid #14183e;
  list-style: none;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  /**
  * ホバー時の処理
  **/
  /**
  * 選択中の処理
  **/
}
@media screen and (min-width: 769px) {
  .c-tabs_simple .c-tab {
    min-width: 90px;
    min-height: 46px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom: 1px solid #14183e;
  }
}
.c-tabs_simple .c-tab:before {
  display: block;
  content: "";
  width: 100%;
  height: 1.0666666667vw;
  background-color: rgba(33, 33, 33, 0.12);
  border-top-left-radius: 0.5333333333vw;
  border-top-right-radius: 0.5333333333vw;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .c-tabs_simple .c-tab:before {
    height: 4px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
}
.c-tabs_simple .c-tab:after {
  display: none;
}
.c-tabs_simple .c-tab a {
  width: 100%;
  height: 100%;
  color: rgba(33, 33, 33, 0.54);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-tabs_simple .c-tab a:hover, .c-tabs_simple .c-tab a:focus, .c-tabs_simple .c-tab a:visited, .c-tabs_simple .c-tab a:active {
  text-decoration: none;
}
.c-tabs_simple .c-tab a:hover {
  color: #14183e;
}
.c-tabs_simple .c-tab:hover {
  color: #14183e;
  background-color: rgba(30, 136, 229, 0.08);
}
.c-tabs_simple .c-tab:hover:before {
  background-color: #14183e;
}
.c-tabs_simple .c-tab.js-active {
  color: #212121;
  background-color: #ffffff;
  border-left: 0.2666666667vw solid #14183e;
  border-right: 0.2666666667vw solid #14183e;
  border-bottom: 0.2666666667vw solid #ffffff;
}
@media screen and (min-width: 769px) {
  .c-tabs_simple .c-tab.js-active {
    border-left: 1px solid #14183e;
    border-right: 1px solid #14183e;
    border-bottom: 1px solid #ffffff;
  }
}
.c-tabs_simple .c-tab.js-active a {
  color: #14183e;
}
.c-tabs_simple .c-tab.js-active:before {
  background-color: #14183e;
}
.c-tabs_simple .c-tab_content {
  padding: 4.2666666667vw 6.4vw;
  border: 0.2666666667vw solid #14183e;
  border-radius: 1.0666666667vw;
  border-top-left-radius: 0;
}
@media screen and (min-width: 769px) {
  .c-tabs_simple .c-tab_content {
    padding: 16px 24px;
    border: 1px solid #14183e;
    border-radius: 4px;
    border-top-left-radius: 0;
  }
}
.c-tabs_simple.has-mb {
  -webkit-margin-after: 3vh;
          margin-block-end: 3vh;
}
.c-tabs_simple.typeLpH001 {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 769px) {
  .c-tabs_simple.typeLpH001 {
    max-width: 600px;
    margin: 0 auto 24px;
  }
}
.c-tabs_simple.typeLpH001 .c-tabs_component {
  padding: 20.5333333333vw 0 0;
}
@media screen and (min-width: 769px) {
  .c-tabs_simple.typeLpH001 .c-tabs_component {
    padding: 92px 0 0;
  }
}
.c-tabs_simple.typeLpH001 .c-tab {
  width: 33.3333333333%;
  height: 20.8vw;
}
@media screen and (min-width: 769px) {
  .c-tabs_simple.typeLpH001 .c-tab {
    height: 93px;
    font-size: 1.8rem;
  }
}
.c-tabs_simple.typeLpH001 .c-tab a {
  flex-direction: column;
  padding: 0 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .c-tabs_simple.typeLpH001 .c-tab a {
    padding: 0 4px;
  }
}
.c-tabs_simple.typeLpH001 .c-tab_content {
  border-radius: 0 0 1.0666666667vw 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .c-tabs_simple.typeLpH001 .c-tab_content {
    border-radius: 0 0 4px 4px;
  }
}
.c-tabs_simple.typeLpH001 .c-img {
  text-align: center;
}

/* --------------------------------------------------
投稿がない場合に出力するコンテンツ
-------------------------------------------------- */
.c-nopost_Block {
  padding: 4.2666666667vw;
  margin: 0 auto;
  width: 100%;
  background-color: #5d6a7d;
}
@media screen and (min-width: 769px) {
  .c-nopost_Block {
    padding: 24px;
    width: 740px;
    border-radius: 12px;
  }
}

.c-nopost_title {
  padding: 0;
  margin: 0 0 4.2666666667vw;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-nopost_title {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .c-nopost_title {
    margin: 0 0 24px;
  }
}

.c-nopost_text {
  padding: 0;
  margin: 0 0 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-nopost_text {
    margin: 0 0 16px;
  }
}

/* --------------------------------------------------
コラム記事下用コラム一覧
-------------------------------------------------- */
.c-aricle-list {
  -webkit-margin-after: 50px;
          margin-block-end: 50px;
}

.c-btm-cont {
  padding: 25px;
  background: #fff;
  border: 2px solid #14183e;
  border-radius: 8px;
}
.c-btm-cont__eyecatch {
  max-inline-size: 600px;
  margin-inline: auto;
}
.c-btm-cont__img {
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
}
.c-btm-cont__img.separate {
  display: flex;
  flex-wrap: wrap;
}
.c-btm-cont__img.separate img:first-of-type {
  inline-size: 100%;
}
.c-btm-cont__img.separate img:nth-of-type(2), .c-btm-cont__img.separate img:nth-of-type(3) {
  inline-size: 50%;
  cursor: pointer;
}
.c-btm-cont .c-text {
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
}
.c-btm-cont .c-list-desc {
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
}
.c-btm-cont .c-anken_cta_Block {
  -webkit-margin-before: 5vh;
          margin-block-start: 5vh;
}
.c-btm-cont .c-anken_cta_Block .c-anken_cvBtn {
  inline-size: 100%;
  padding-block: 16px;
}
.c-btm-cont .c-text_note {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .c-btm-cont {
    padding: 12px;
  }
  .c-btm-cont__img {
    -webkit-margin-before: 24px;
            margin-block-start: 24px;
  }
  .c-btm-cont .c-text {
    -webkit-margin-before: 24px;
            margin-block-start: 24px;
  }
  .c-btm-cont .c-list-desc {
    -webkit-margin-before: 24px;
            margin-block-start: 24px;
  }
  .c-btm-cont .c-anken_cta_Block {
    -webkit-margin-before: 5vh;
            margin-block-start: 5vh;
  }
  .c-btm-cont .c-text_note {
    font-size: 10px;
  }
}

.c-dmm-calendar {
  inline-size: 320px;
  -webkit-margin-before: 3vh;
          margin-block-start: 3vh;
}
@media (min-width: 380px) {
  .c-dmm-calendar {
    margin-inline: auto;
  }
}

.rsv_schdl {
  padding-top: 0;
}

.rsv_schdl-timetable {
  block-size: 210px;
  overflow: auto;
}

.c-radarchart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-inline-size: 750px;
  margin: 3vh auto;
}
@media screen and (max-width: 768px) {
  .c-radarchart {
    gap: 3vh;
  }
}

.score {
  inline-size: 40%;
}
.score span {
  display: block;
  margin-inline: auto;
}
.score__ttl {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding-inline: 20px;
  background-color: #f1f1f1;
  color: #6d6d6d;
  font-size: 2.6rem;
  line-height: 1.5;
  text-align: center;
}
.score__val {
  color: #377185;
  font-size: 10rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.score__rate {
  position: relative;
  inline-size: 150px;
  block-size: 30px;
  font-size: 30px;
}
.score__rate::before, .score__rate::after {
  content: "★★★★★";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  block-size: 30px;
  line-height: 30px;
  word-wrap: normal;
  word-break: normal;
}
.score__rate::before {
  color: #c4c4c4;
}
.score__rate::after {
  overflow: hidden;
  inline-size: calc(var(--score) * 20px);
  color: #ffa726;
}
@media screen and (max-width: 768px) {
  .score__ttl {
    font-size: 1.5rem;
  }
  .score__val {
    font-size: 4rem;
  }
  .score__rate {
    inline-size: 100px;
    block-size: 20px;
    font-size: 20px;
  }
  .score__rate::before, .score__rate::after {
    block-size: 20px;
    line-height: 20px;
  }
  .score__rate::after {
    inline-size: calc(var(--score) * 20px);
  }
}

.parent {
  position: relative;
  max-inline-size: 350px;
  inline-size: 60%;
  aspect-ratio: 1/1;
  margin-inline: auto;
}

.child {
  position: absolute;
  color: #6d6d6d;
  font-size: 2.4rem;
  line-height: 1.1;
  text-align: center;
}
.child span {
  display: inline-block;
  padding-inline: 2px;
  color: #ffa726;
  font-weight: bold;
}
.child:not(:first-of-type) span {
  display: block;
}
@media screen and (max-width: 768px) {
  .child {
    font-size: 1.1rem;
  }
}

.chart {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  width: 100%;
  height: auto;
  background-color: transparent;
}

.item-1 {
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}
.item-2 {
  top: 24%;
  right: 1%;
}
.item-3 {
  bottom: 15%;
  right: 0%;
}
.item-4 {
  bottom: 15%;
  left: 0%;
}
.item-5 {
  top: 24%;
  left: 5%;
}

.modal {
  display: none;
  position: fixed;
  z-index: 20;
  left: 0;
  top: 0;
  inline-size: 100%;
  block-size: 100%;
  overflow: auto;
  background-color: #4e5852;
}
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin-block: 15%;
  margin-inline: 2vh;
  border: 1px solid #888;
  border-radius: 8px;
  max-inline-size: 750px;
}
.modal-content .c-clinicfor {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
@media screen and (min-width: 769px) {
  .modal-content {
    margin-inline: auto;
  }
}
.modal_btn {
  display: block;
  inline-size: 100%;
  -webkit-margin-after: 1vh;
          margin-block-end: 1vh;
  padding: 10px 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  color: #d26804;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 2vw;
  border: 1px solid #f58318;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 769px) {
  .modal_btn {
    padding: 14px 0;
    font-size: 16px;
    border-radius: 10px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
  }
}

.close-button.icon {
  position: absolute;
  top: -5rem;
  right: 0;
  color: #fff;
  float: right;
  font-size: 28px;
}
.close-button.text {
  position: relative;
  display: block;
  gap: 10px;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  -webkit-margin-before: 2vh;
          margin-block-start: 2vh;
  margin-inline: auto;
  padding-block: 12px;
  padding-inline: 24px 40px;
  border: 1px solid #52acc0;
  border-radius: 30px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
.close-button.text span {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-62%);
  display: inline-block;
  color: #52acc0;
  font-size: 2.5em;
  font-weight: normal;
}

.close-button:hover,
.close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* --------------------------------------------------
背景
-------------------------------------------------- */
.bg_Primary {
  background-color: rgba(30, 136, 229, 0.08);
}

.bg_Secondary {
  background-color: rgba(244, 81, 30, 0.08);
}

.bg_Surface {
  background-color: #5d6a7d;
}

/* --------------------------------------------------
Typography
-------------------------------------------------- */
/**
* ベース設定
**/
html {
  font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "Meiryo", sans-serif !important;
  font-size: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  html {
    font-size: 10px;
  }
}

body {
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  color: #212121;
  word-wrap: break-word;
  word-break: break-all;
}
@media screen and (min-width: 769px) {
  body {
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: normal;
  }
}

/**
* 段落余白
**/
.c-text {
  padding: 0;
  margin: 0 0 4.2666666667vw;
  /*
  &:last-of-type {
    margin: 0;
  }
  */
}
@media screen and (min-width: 769px) {
  .c-text {
    margin: 0 0 16px;
  }
}
.c-text.has-margin {
  inline-size: 91.4666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .c-text.has-margin {
    inline-size: 750px;
  }
}

.c-text_note {
  padding: 0;
  margin: 0 0 6.4vw;
  vertical-align: text-bottom;
  font-size: 10px;
  line-height: 1.5;
  font-weight: normal;
  color: rgba(33, 33, 33, 0.54);
}
@media screen and (min-width: 769px) {
  .c-text_note {
    margin: 0 0 24px;
    font-size: 12px;
  }
}
.c-text_note.typePr {
  margin: 2.4vw 16px;
  font-size: 2.6666666667vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-text_note.typePr {
    margin: 14px 0 10px;
    font-size: 12px;
  }
}
.c-text_note.kome, .c-text_note.kome_num {
  position: relative;
}
.c-text_note.kome > span, .c-text_note.kome_num > span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
.c-text_note.kome {
  -webkit-padding-start: 1em;
          padding-inline-start: 1em;
}
.c-text_note.kome_num {
  -webkit-padding-start: 2em;
          padding-inline-start: 2em;
}

/**
* テキスト配置
**/
.c-text_left {
  text-align: left;
}

.c-text_right {
  text-align: right;
}

.c-text_center {
  text-align: center;
}

/**
* 文字色
**/
/*
.red {
  color: $red;
}

.blue {
  color: $blue;
}

.gray {
  color: #93979B;
}
*/
/**
* マーカーライン
**/
/*
.markerline_lime {
  background: linear-gradient( transparent 60%, $lime 0% );
}
*/
/* --------------------------------------------------
リンク
-------------------------------------------------- */
/**
* テキストリンク（デフォルト）
**/
a {
  color: #14183e;
  text-decoration: none;
}
a:hover, a:focus {
  color: #14183e;
  text-decoration: underline;
}

/* --------------------------------------------------
メインビジュアル
-------------------------------------------------- */
.c-mainvisual {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-mainvisual {
    width: 750px;
  }
}
.c-mainvisual_img {
  width: 100%;
  padding: 0;
  margin: 0;
}

/* --------------------------------------------------
セクションビジュアル
-------------------------------------------------- */
.c-sectionVisual_inner {
  width: 100%;
  padding-bottom: 4.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-sectionVisual_inner {
    width: 624px;
    padding-bottom: 24px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .c-sectionVisual_inner.typePcSmall {
    width: 350px;
    padding: 10px 0 35px;
  }
}
.c-sectionVisual .withdrawal {
  display: block;
  -webkit-margin-before: 5vh;
          margin-block-start: 5vh;
  padding-inline: 2vh;
}
@media screen and (min-width: 769px) {
  .c-sectionVisual .withdrawal {
    padding-inline: 0;
  }
}
.c-sectionVisual img {
  width: 100%;
  height: auto;
}
.c-sectionVisual.dmm_coupon {
  -webkit-margin-before: 3vh;
          margin-block-start: 3vh;
}

/* --------------------------------------------------
リスト
-------------------------------------------------- */
ol {
  padding: 0;
  margin: 0 0 4.2666666667vw 7.4666666667vw;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  list-style: decimal outside;
}
@media screen and (min-width: 769px) {
  ol {
    margin: 0 0 16px 28px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: normal;
  }
}
ol li {
  padding: 0;
  margin: 0 0 2.6666666667vw;
  list-style: decimal outside;
}
@media screen and (min-width: 769px) {
  ol li {
    margin: 0 0 10px;
  }
}
ol li:last-of-type {
  margin: 0;
}

ul {
  padding: 0;
  margin: 0 0 4.2666666667vw 7.4666666667vw;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  list-style: disc outside;
}
@media screen and (min-width: 769px) {
  ul {
    margin: 0 0 16px 28px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: normal;
  }
}
ul li {
  padding: 0;
  margin: 0 0 2.6666666667vw;
  list-style: disc outside;
}
@media screen and (min-width: 769px) {
  ul li {
    margin: 0 0 10px;
  }
}
ul li:last-of-type {
  margin: 0;
}

/* --------------------------------------------------
リスト：チェックマーク付きリスト
-------------------------------------------------- */
.c-checkList {
  padding: 0;
  margin: 0 0 4.2666666667vw;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
}
@media screen and (min-width: 769px) {
  .c-checkList {
    margin: 0 0 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: normal;
  }
}
.c-checkList li {
  padding: 0 0 0 7.4666666667vw;
  margin: 0 0 2.1333333333vw;
  list-style: none;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-checkList li {
    padding: 0 0 0 28px;
    margin: 0 0 8px;
  }
}
.c-checkList li:last-of-type {
  margin: 0;
}
.c-checkList li:before {
  display: block;
  content: "";
  padding: 0;
  margin: 0;
  width: 1.6vw;
  height: 2.6666666667vw;
  border-right: 0.8vw solid rgba(33, 33, 33, 0.26);
  border-bottom: 0.8vw solid rgba(33, 33, 33, 0.26);
  transform: rotate(40deg);
  position: absolute;
  top: 0.5333333333vw;
  left: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-checkList li:before {
    width: 6px;
    height: 10px;
    border-right: 3px solid rgba(33, 33, 33, 0.26);
    border-bottom: 3px solid rgba(33, 33, 33, 0.26);
    top: 5px;
    left: 9px;
  }
}

/* --------------------------------------------------
リスト：ディスク付きリスト
-------------------------------------------------- */
.c-discList {
  padding: 0;
  margin: 0 0 4.2666666667vw;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
}
@media screen and (min-width: 769px) {
  .c-discList {
    margin: 0 0 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: normal;
  }
}
.c-discList li {
  padding: 0.8vw 0 0 7.4666666667vw;
  margin: 0 0 2.1333333333vw;
  list-style: none;
  background: url(./img/icon/icon_discList.png) 0 0 no-repeat;
  background-size: 7.4666666667vw;
}
@media screen and (min-width: 769px) {
  .c-discList li {
    padding: 0 0 0 28px;
    margin: 0 0 8px;
    background-size: 28px;
  }
}
.c-discList li:last-of-type {
  margin: 0;
}

/* --------------------------------------------------
リスト：通し番号付きリスト
-------------------------------------------------- */
.c-numberList {
  padding: 0;
  margin: 0 0 4.2666666667vw;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  counter-reset: num;
  list-style: none;
}
@media screen and (min-width: 769px) {
  .c-numberList {
    margin: 0 0 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: normal;
  }
}
.c-numberList li {
  padding: 0 0 0 7.4666666667vw;
  margin: 0 0 2.1333333333vw;
  list-style: none;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-numberList li {
    padding: 0 0 0 28px;
    margin: 0 0 8px;
  }
}
.c-numberList li:last-of-type {
  margin: 0;
}
.c-numberList li::before {
  display: block;
  content: counter(num) ".";
  counter-increment: num;
  width: 7.4666666667vw;
  height: auto;
  font-weight: bold;
  text-align: right;
  color: rgba(33, 33, 33, 0.26);
  position: absolute;
  top: -0.5333333333vw;
  left: -0.8vw;
}
@media screen and (min-width: 769px) {
  .c-numberList li::before {
    width: 28px;
    top: -1px;
    left: -3px;
  }
}

/* --------------------------------------------------
リスト：用語説明
-------------------------------------------------- */
.c-glossaryList_Wrap {
  padding: 3.7333333333vw 0 0;
  margin: 0 auto 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-glossaryList_Wrap {
    padding: 14px 0 0;
    margin: 0 auto 16px;
  }
}

.c-glossaryList {
  padding: 6.4vw;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  border: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  border-radius: 1.0666666667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-glossaryList {
    padding: 24px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: normal;
    border: 1px solid rgba(33, 33, 33, 0.12);
    border-radius: 4px;
  }
}
.c-glossaryList_title {
  padding: 0 4.2666666667vw;
  margin: 0;
  width: auto;
  max-width: 86.6666666667vw;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #0d47a1;
  background-color: #ffffff;
  position: absolute;
  top: -3.7333333333vw;
  left: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-glossaryList_title {
    padding: 0 16px;
    max-width: 722px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;
    top: -14px;
    left: 8px;
  }
}

/* --------------------------------------------------
リスト：事例リスト
-------------------------------------------------- */
.c-caseList {
  padding: 4.8vw 4vw 4.8vw 8.5333333333vw;
  margin: 0;
  border-radius: 1.3333333333vw;
  box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .c-caseList {
    padding: 22px 22px 22px 44px;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  }
}
.c-caseList_wrap {
  margin: 4.2666666667vw 0;
}
@media screen and (min-width: 769px) {
  .c-caseList_wrap {
    margin: 24px 0;
  }
}
.c-caseList_feature {
  margin: 0 1.3333333333vw 8.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-caseList_feature {
    margin: 0 8px 40px;
  }
}
.c-caseList > li {
  margin: 0;
  font-size: 3.7333333333vw;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-caseList > li {
    font-size: 18px;
    line-height: 1.8;
  }
}
.c-caseList.typePrimary > li {
  font-size: 4.2666666667vw;
  line-height: 1.8;
  color: #14183e;
}
@media screen and (min-width: 769px) {
  .c-caseList.typePrimary > li {
    font-size: 18px;
  }
}
.c-caseList.typeBgGray {
  padding: 16px 16px 16px 44px;
  background-color: #F5F5F5;
  box-shadow: none;
  color: #14183e;
}
.c-caseList.typeBgGray > li {
  font-size: 14px;
}
.c-caseList.typeRed {
  background-color: #FFF5F5;
  box-shadow: none;
}
.c-caseList.typeRed > li {
  color: #CB4646;
}

/* --------------------------------------------------
リスト：要約、まとめリスト
-------------------------------------------------- */
.c-summaryList {
  border-radius: 1.3333333333vw;
  box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .c-summaryList {
    border-radius: 8px;
  }
}
.c-summaryList_wrap {
  padding-bottom: 6.6666666667vw;
}
@media screen and (min-width: 769px) {
  .c-summaryList_wrap {
    padding-bottom: 38px;
  }
}
.c-summaryList_title {
  padding: 1.3333333333vw 0 1.3333333333vw 4vw;
  background-color: #d3dce4;
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-summaryList_title {
    padding: 10px 0 10px 20px;
    font-size: 20px;
    border-radius: 8px 8px 0 0;
  }
}
.c-summaryList_content {
  padding-bottom: 4vw;
  margin: 4vw 4vw 0 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-summaryList_content {
    padding-bottom: 20px;
    margin: 20px 20px 0;
  }
}
.c-summaryList_content > li {
  position: relative;
  padding-left: 6.6666666667vw;
  margin: 0 0 2.9333333333vw;
  font-size: 4.2666666667vw;
  font-weight: bold;
  list-style: none;
}
@media screen and (min-width: 769px) {
  .c-summaryList_content > li {
    padding: 0 0 0 30px;
    margin: 0 0 15px;
    font-size: 18px;
  }
}
.c-summaryList_content > li::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  content: "";
  background-image: url(img/icon/icon_checkpoint.webp);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-summaryList_content > li::before {
    width: 20px;
    height: 20px;
  }
}

.c-list-desc dt {
  position: relative;
  -webkit-padding-start: 28px;
          padding-inline-start: 28px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}
.c-list-desc dt:not(:first-of-type) {
  -webkit-margin-before: 12px;
          margin-block-start: 12px;
}
.c-list-desc dt::before {
  content: "";
  position: absolute;
  top: 18%;
  left: 0;
  display: inline-block;
  inline-size: 20px;
  block-size: 20px;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  background-image: url(img/icon/icon_checkpoint.webp);
  background-position: center;
  background-size: cover;
}
.c-list-desc dd {
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
  -webkit-padding-start: 28px;
          padding-inline-start: 28px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .c-list-desc dt {
    font-size: 16px;
    line-height: 1.4;
  }
  .c-list-desc dt:not(:first-of-type) {
    -webkit-margin-before: 12px;
            margin-block-start: 12px;
  }
  .c-list-desc dt::before {
    top: 8%;
    inline-size: 16px;
    block-size: 16px;
    -webkit-margin-end: 6px;
            margin-inline-end: 6px;
  }
  .c-list-desc dd {
    font-size: 14px;
    line-height: 1.6;
  }
}

/* --------------------------------------------------
見出し
-------------------------------------------------- */
/**
* ページタイトル
**/
.c-pagetitle {
  padding: 0;
  margin: 0 auto 6.4vw;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-pagetitle {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-pagetitle {
    margin: 0 auto 24px;
  }
}

/**
* セクション見出し
**/
.c-section_title {
  padding: 6.6666666667vw 0 24px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .c-section_title {
    padding: 40px 0 32px;
    margin: 0 auto;
  }
}
.c-section_title_label {
  padding: 0;
  margin: 0 auto 3.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-section_title_label {
    margin: 0 auto 12px;
  }
}
.c-section_title_label_text {
  position: relative;
  padding: 0 4.2666666667vw;
  margin: 0 auto;
  font-size: 3.4666666667vw;
  font-weight: bold;
  color: #ffffff;
  background-color: #14183e;
  border-radius: 6.9333333333vw;
}
@media screen and (min-width: 769px) {
  .c-section_title_label_text {
    padding: 0 16px;
    font-size: 20px;
    border-radius: 30px;
  }
}
.c-section_title_label_text:after {
  display: block;
  content: "";
  border: 1.6vw solid transparent;
  border-top: 2.1333333333vw solid #14183e;
  transform: translateX(-50%);
  position: absolute;
  top: 100%;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .c-section_title_label_text:after {
    border: 6px solid transparent;
    border-top: 8px solid #14183e;
  }
}
.c-section_title_text {
  position: relative;
  padding-bottom: 2.1333333333vw;
  margin: 0 auto;
  font-size: 5.0666666667vw;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.2rem;
}
@media screen and (min-width: 769px) {
  .c-section_title_text {
    padding-bottom: 14px;
    font-size: 32px;
  }
}
.c-section_title_text::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 6.6666666667vw;
  height: 1.0666666667vw;
  content: "";
  background-color: #14183e;
  border-radius: 1.0666666667vw;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  .c-section_title_text::after {
    width: 40px;
    height: 4px;
    border-radius: 4px;
  }
}
.c-section_title_text span {
  color: #14183e;
}
.c-section_title_text.typeForm {
  padding-bottom: 0;
}
.c-section_title_text.typeForm::after {
  display: none;
}

/**
* タイトル
**/
.c-title_h1 {
  padding: 0;
  margin: 0 0 6.4vw;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-title_h1 {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-title_h1 {
    margin: 0 0 24px;
  }
}

.c-title_h2 {
  padding: 2.1333333333vw 0 2.1333333333vw 4.2666666667vw;
  margin: 0 0 6.4vw;
  color: #fff;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  background-color: #5d6a7d;
  border-left: 1.0666666667vw solid #61afbc;
}
@media screen and (min-width: 769px) {
  .c-title_h2 {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .c-title_h2 {
    padding: 8px 16px;
    margin: 32px 0 24px;
    border-left: 4px solid #61afbc;
  }
}
.c-title_h2.clinic-nav {
  margin: 4vh 0 0;
  padding: 8px 16px;
  background-color: #1f83a1;
  border-left: none;
  color: #fff;
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  .c-title_h2.clinic-nav {
    margin: 32px 0 0;
    padding: 12px 24px;
    font-size: 20px;
  }
}

.c-title_h3 {
  padding: 2.1333333333vw 0;
  margin: 0 0 6.4vw;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 0.5333333333vw solid #14183e;
}
@media screen and (min-width: 769px) {
  .c-title_h3 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-title_h3 {
    padding: 8px 0;
    margin: 0 0 24px;
    border-bottom: 2px solid #14183e;
  }
}

.c-title_h4 {
  padding: 0;
  margin: 0 0 6.4vw;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-title_h4 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 769px) {
  .c-title_h4 {
    margin: 0 0 24px;
  }
}
.c-title_h4_text {
  padding: 0.5333333333vw 0;
}
@media screen and (min-width: 769px) {
  .c-title_h4_text {
    padding: 2px 0;
  }
}
.c-title_h4:before {
  display: block;
  content: "";
  margin-right: 2.1333333333vw;
  width: 1.0666666667vw;
  background-color: #14183e;
  border-radius: 0.5333333333vw;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-title_h4:before {
    margin-right: 8px;
    width: 4px;
    border-radius: 2px;
  }
}
.c-title_h4--has-star {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
  padding-block: 2px;
  -webkit-padding-start: 12px;
          padding-inline-start: 12px;
  border-left: 4px solid #52acc0;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.c-title_h4--has-star .star-evaluation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  inline-size: 97px;
}
.c-title_h4--has-star .star-evaluation .star {
  position: relative;
  inline-size: 80px;
  block-size: 16px;
  font-size: 16px;
  word-wrap: normal;
  word-break: normal;
}
.c-title_h4--has-star .star-evaluation .star::before, .c-title_h4--has-star .star-evaluation .star::after {
  content: "★★★★★";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  block-size: 16px;
  line-height: 16px;
}
.c-title_h4--has-star .star-evaluation .star::before {
  color: #d2d0d0;
}
.c-title_h4--has-star .star-evaluation .star::after {
  overflow: hidden;
  inline-size: calc(var(--star) * 16px);
  color: #ffc34d;
}
.c-title_h4--has-star .star-evaluation .evaluation {
  color: #347082;
  font-size: 16px;
}
@media screen and (min-width: 481px) {
  .c-title_h4--has-star {
    -webkit-margin-before: 24px;
            margin-block-start: 24px;
    padding-block: 2px;
    font-size: 20px;
  }
  .c-title_h4--has-star .star-evaluation {
    inline-size: 142px;
  }
  .c-title_h4--has-star .star-evaluation .star {
    inline-size: 120px;
    block-size: 24px;
    font-size: 24px;
  }
  .c-title_h4--has-star .star-evaluation .star::before, .c-title_h4--has-star .star-evaluation .star::after {
    block-size: 24px;
    line-height: 24px;
  }
  .c-title_h4--has-star .star-evaluation .star::after {
    inline-size: calc(var(--star) * 24px);
  }
  .c-title_h4--has-star .star-evaluation .evaluation {
    font-size: 24px;
  }
}

/* --------------------------------------------------
ボタン：Default
-------------------------------------------------- */
.c-Btn {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 0 1.0666666667vw;
  width: 74.6666666667vw;
  height: 13.3333333333vw;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  color: #212121;
  text-decoration: none;
  background-color: #5d6a7d;
  border-radius: 1.0666666667vw;
  box-shadow: 0 1.0666666667vw 0 rgba(33, 33, 33, 0.26);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-Btn {
    margin: 0 0 4px;
    width: 280px;
    height: 50px;
    border-radius: 4px;
    box-shadow: 0 4px 0 rgba(33, 33, 33, 0.26);
  }
}
.c-Btn:hover, .c-Btn:focus, .c-Btn:visited, .c-Btn:active {
  color: #212121;
  text-decoration: none;
}
.c-Btn:hover {
  opacity: 0.5;
}

.c-Btn_Primary {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 0 1.0666666667vw;
  width: 74.6666666667vw;
  height: 13.3333333333vw;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background-color: #14183e;
  border-radius: 1.0666666667vw;
  box-shadow: 0 1.0666666667vw 0 #0d47a1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-Btn_Primary {
    margin: 0 0 4px;
    width: 280px;
    height: 50px;
    border-radius: 4px;
    box-shadow: 0 4px 0 #0d47a1;
  }
}
.c-Btn_Primary:hover, .c-Btn_Primary:focus, .c-Btn_Primary:visited, .c-Btn_Primary:active {
  color: #ffffff;
  text-decoration: none;
}
.c-Btn_Primary:hover {
  opacity: 0.5;
}

.c-Btn_Secondary {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 0 1.0666666667vw;
  width: 74.6666666667vw;
  height: 13.3333333333vw;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background-color: #13183e;
  border-radius: 1.0666666667vw;
  box-shadow: 0 1.0666666667vw 0 #bf360c;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-Btn_Secondary {
    margin: 0 0 4px;
    width: 280px;
    height: 50px;
    border-radius: 4px;
    box-shadow: 0 4px 0 #bf360c;
  }
}
.c-Btn_Secondary:hover, .c-Btn_Secondary:focus, .c-Btn_Secondary:visited, .c-Btn_Secondary:active {
  color: #ffffff;
  text-decoration: none;
}
.c-Btn_Secondary:hover {
  opacity: 0.5;
}

/* --------------------------------------------------
ボタン：Accordion Button
-------------------------------------------------- */
.c-accordionBtn {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto 1.0666666667vw;
  width: 74.6666666667vw;
  height: 13.3333333333vw;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  color: #212121;
  text-decoration: none;
  background-color: #5d6a7d;
  border-radius: 1.0666666667vw;
  box-shadow: 0 1.0666666667vw 0 rgba(33, 33, 33, 0.26);
  border: 0.5333333333vw solid #5d6a7d;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-accordionBtn {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: 50px;
    border-radius: 0;
    background-color: #ffffff;
    box-shadow: none;
    border: none;
  }
}
.c-accordionBtn_icon {
  display: block;
  margin-right: 3.7333333333vw;
  width: 5.0666666667vw;
  height: 5.0666666667vw;
  background-color: #14183e;
  border-radius: 100%;
  position: relative;
  transition: all 0.4s;
}
@media screen and (min-width: 769px) {
  .c-accordionBtn_icon {
    margin-right: 14px;
    width: 19px;
    height: 19px;
  }
}
.c-accordionBtn_icon span {
  display: block;
  width: 2.9333333333vw;
  height: 0.8vw;
  background-color: #ffffff;
  border-radius: 0.5333333333vw;
  position: absolute;
  top: 2.1333333333vw;
  left: 1.0666666667vw;
  transition: all 0.4s;
}
@media screen and (min-width: 769px) {
  .c-accordionBtn_icon span {
    width: 11px;
    height: 3px;
    border-radius: 2px;
    top: 8px;
    left: 4px;
  }
}
.c-accordionBtn_icon span:nth-of-type(1) {
  transform: rotate(0deg);
}
.c-accordionBtn_icon span:nth-of-type(2) {
  transform: rotate(90deg);
}
.c-accordionBtn.js-active {
  background-color: #ffffff;
  border: 0.5333333333vw solid #14183e;
}
@media screen and (min-width: 769px) {
  .c-accordionBtn.js-active {
    border: none;
  }
}
.c-accordionBtn.js-active .c-accordionBtn_icon {
  background-color: #0d47a1;
}
.c-accordionBtn.js-active .c-accordionBtn_icon span:nth-of-type(2) {
  transform: rotate(180deg);
}

/* --------------------------------------------------
ボタン：条件指定ボタン
-------------------------------------------------- */
.c-conditionBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 57.3333333333vw;
  padding: 2.1333333333vw 0 1.6vw;
  margin: 0 auto 1.0666666667vw;
  color: #212121;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 0.2666666667vw solid #14183e;
  border-radius: 4.6666666667vw;
  box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.1);
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-conditionBtn {
    width: 290px;
    padding: 16px 0 12px;
    margin: 25px auto;
    font-size: 16px;
    border-width: 1px;
    border-radius: 100px;
  }
}
.c-conditionBtn_icon {
  position: relative;
  display: block;
  width: 4.5333333333vw;
  height: 4.5333333333vw;
  margin-left: 2.9333333333vw;
  background-color: #14183e;
  border-radius: 100%;
  transition: all 0.4s;
}
@media screen and (min-width: 769px) {
  .c-conditionBtn_icon {
    width: 19px;
    height: 19px;
    margin-left: 14px;
  }
}
.c-conditionBtn_icon::after, .c-conditionBtn_icon::before {
  position: absolute;
  top: 2.1333333333vw;
  left: 0.9333333333vw;
  display: block;
  width: 2.6666666667vw;
  height: 0.4vw;
  content: "";
  background-color: #ffffff;
  border-radius: 0.1333333333vw;
  transition: all 0.4s;
}
@media screen and (min-width: 769px) {
  .c-conditionBtn_icon::after, .c-conditionBtn_icon::before {
    top: 8px;
    left: 4px;
    width: 11px;
    height: 3px;
    border-radius: 2px;
  }
}
.c-conditionBtn_icon::before {
  transform: rotate(-90deg);
}
.c-conditionBtn_icon.js-active::before {
  transform: rotate(0);
}
.c-conditionBtn.js-active {
  display: none;
}

/* --------------------------------------------------
ボタン：Menu List Button
-------------------------------------------------- */
.c-menulistBtn {
  cursor: pointer;
  display: block;
  padding: 0 2.1333333333vw 0 4.2666666667vw;
  margin: 0 0 0.5333333333vw;
  width: auto;
  height: 14.9333333333vw;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: left;
  color: #212121;
  text-decoration: none;
  background-color: #5d6a7d;
  border-radius: 1.0666666667vw;
  box-shadow: 0 0.5333333333vw 0 rgba(33, 33, 33, 0.26);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .c-menulistBtn {
    padding: 0 8px 0 16px;
    margin: 0 0 2px;
    height: 56px;
    border-radius: 4px;
    box-shadow: 0 4px 0 rgba(33, 33, 33, 0.26);
  }
}
.c-menulistBtn:after {
  display: block;
  content: "";
  padding: 0;
  margin-left: 2.1333333333vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background: url(./img/arrow/r-arrow_gray.png) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-menulistBtn:after {
    margin-left: 8px;
    width: 20px;
    height: 20px;
  }
}
.c-menulistBtn:hover, .c-menulistBtn:focus, .c-menulistBtn:visited, .c-menulistBtn:active {
  color: #212121;
  text-decoration: none;
}
.c-menulistBtn:hover {
  opacity: 0.5;
}

.c-menulistBtn_Primary {
  cursor: pointer;
  display: block;
  padding: 0 2.1333333333vw 0 4.2666666667vw;
  margin: 0 0 0.5333333333vw;
  width: auto;
  height: 14.9333333333vw;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  text-decoration: none;
  background-color: #14183e;
  border-radius: 1.0666666667vw;
  box-shadow: 0 0.5333333333vw 0 #0d47a1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .c-menulistBtn_Primary {
    padding: 0 8px 0 16px;
    margin: 0 0 2px;
    height: 56px;
    border-radius: 4px;
    box-shadow: 0 4px 0 #0d47a1;
  }
}
.c-menulistBtn_Primary:after {
  display: block;
  content: "";
  padding: 0;
  margin-left: 2.1333333333vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background: url(./img/arrow/r-arrow_white.png) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-menulistBtn_Primary:after {
    margin-left: 8px;
    width: 20px;
    height: 20px;
  }
}
.c-menulistBtn_Primary:hover, .c-menulistBtn_Primary:focus, .c-menulistBtn_Primary:visited, .c-menulistBtn_Primary:active {
  color: #ffffff;
  text-decoration: none;
}
.c-menulistBtn_Primary:hover {
  opacity: 0.5;
}

.c-menulistBtn_Secondary {
  cursor: pointer;
  display: block;
  padding: 0 2.1333333333vw 0 4.2666666667vw;
  margin: 0 0 0.5333333333vw;
  width: auto;
  height: 14.9333333333vw;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  text-decoration: none;
  background-color: #13183e;
  border-radius: 1.0666666667vw;
  box-shadow: 0 0.5333333333vw 0 #bf360c;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .c-menulistBtn_Secondary {
    padding: 0 8px 0 16px;
    margin: 0 0 2px;
    height: 56px;
    border-radius: 4px;
    box-shadow: 0 4px 0 #bf360c;
  }
}
.c-menulistBtn_Secondary:after {
  display: block;
  content: "";
  padding: 0;
  margin-left: 2.1333333333vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background: url(./img/arrow/r-arrow_white.png) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-menulistBtn_Secondary:after {
    margin-left: 8px;
    width: 20px;
    height: 20px;
  }
}
.c-menulistBtn_Secondary:hover, .c-menulistBtn_Secondary:focus, .c-menulistBtn_Secondary:visited, .c-menulistBtn_Secondary:active {
  color: #ffffff;
  text-decoration: none;
}
.c-menulistBtn_Secondary:hover {
  opacity: 0.5;
}

/* --------------------------------------------------
ボタン：検索
-------------------------------------------------- */
.c-searchBtn {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 74.6666666667vw;
  height: 13.3333333333vw;
  padding: 0;
  margin: 0 auto 1.0666666667vw;
  color: #212121;
  text-align: center;
  text-decoration: none;
  background-color: #5d6a7d;
  border-radius: 1.0666666667vw;
  box-shadow: 0 1.0666666667vw 0 rgba(33, 33, 33, 0.26);
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-searchBtn {
    width: 280px;
    height: 50px;
    margin: 0 auto 4px;
    border-radius: 4px;
    box-shadow: 0 4px 0 rgba(33, 33, 33, 0.26);
  }
}
.c-searchBtn::before {
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  margin-right: 2.1333333333vw;
  content: "";
  background: url(./img/icon/icon_search_black.png) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-searchBtn::before {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.c-searchBtn:hover, .c-searchBtn:focus, .c-searchBtn:visited, .c-searchBtn:active {
  color: #212121;
  text-decoration: none;
}
.c-searchBtn:hover {
  opacity: 0.5;
}

.c-searchBtn_Primary {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 82.6666666667vw;
  padding: 3.2vw;
  margin: 0 auto 1.0666666667vw;
  font-size: 4.2666666667vw;
  font-weight: bold;
  line-height: 1.3;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #14183e;
  border-radius: 6.4vw;
  box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .c-searchBtn_Primary {
    width: 100%;
    padding: 16px 0;
    margin: 0 auto 4px;
    font-size: 20px;
    border-radius: 100px;
  }
}
.c-searchBtn_Primary::before {
  display: block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin-right: 2.1333333333vw;
  content: "";
  background: url(./img/icon/icon_search_white.webp) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-searchBtn_Primary::before {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.c-searchBtn_Primary:hover, .c-searchBtn_Primary:focus, .c-searchBtn_Primary:visited, .c-searchBtn_Primary:active {
  color: #ffffff;
  text-decoration: none;
}
.c-searchBtn_Primary:hover {
  opacity: 0.5;
}

.c-searchBtn_Secondary {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 74.6666666667vw;
  height: 13.3333333333vw;
  padding: 0;
  margin: 0 auto 1.0666666667vw;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #13183e;
  border-radius: 1.0666666667vw;
  box-shadow: 0 1.0666666667vw 0 #bf360c;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-searchBtn_Secondary {
    width: 280px;
    height: 50px;
    margin: 0 auto 4px;
    border-radius: 4px;
    box-shadow: 0 4px 0 #bf360c;
  }
}
.c-searchBtn_Secondary::before {
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  margin-right: 2.1333333333vw;
  content: "";
  background: url(./img/icon/icon_search_white.webp) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-searchBtn_Secondary::before {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.c-searchBtn_Secondary:hover, .c-searchBtn_Secondary:focus, .c-searchBtn_Secondary:visited, .c-searchBtn_Secondary:active {
  color: #ffffff;
  text-decoration: none;
}
.c-searchBtn_Secondary:hover {
  opacity: 0.5;
}

/* --------------------------------------------------
ページトップに戻るボタン
-------------------------------------------------- */
.c-pagetopBtn {
  cursor: pointer;
  display: none;
  padding: 0;
  margin: 0;
  width: 14.9333333333vw;
  height: 14.9333333333vw;
  background-color: rgba(33, 33, 33, 0.26);
  border-radius: 2.1333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 4.2666666667vw;
  right: 4.2666666667vw;
  z-index: 100;
  opacity: 0;
  transition: all 0.4s ease-out 0s;
}
@media screen and (min-width: 769px) {
  .c-pagetopBtn {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    bottom: 32px;
    right: 40px;
  }
}
.c-pagetopBtn.js-active {
  display: block;
  opacity: 1;
}
.c-pagetopBtn:hover {
  background-color: rgba(33, 33, 33, 0.54);
}

/* --------------------------------------------------
おすすめクリニックへ戻るボタン
-------------------------------------------------- */
.c-scrollTopBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 3.4666666667vw 0;
  margin: 0 auto;
  font-size: 4.2666666667vw;
  font-weight: bold;
  line-height: 1.3;
  color: #212121;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 0.2666666667vw solid #14183e;
  border-radius: 2.1333333333vw;
  box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .c-scrollTopBtn {
    width: 100%;
    padding: 14px 0;
    margin: 24px auto;
    font-size: 16px;
    border-width: 1px;
    border-radius: 8px;
  }
}
.c-scrollTopBtn_wrap {
  padding: 4.2666666667vw 0;
}
@media screen and (min-width: 769px) {
  .c-scrollTopBtn_wrap {
    padding: 6px 0;
  }
}
.c-scrollTopBtn_icon {
  position: relative;
  width: 4.5333333333vw;
  height: 4.5333333333vw;
  margin-left: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-scrollTopBtn_icon {
    width: 20px;
    height: 20px;
    margin-left: 20px;
  }
}
.c-scrollTopBtn_icon::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1.8666666667vw;
  height: 1.8666666667vw;
  content: "";
  border-color: #14183e;
  border-style: solid;
  border-width: 0.5333333333vw 0.5333333333vw 0 0;
  transform: translateY(-50%) rotate(-45deg);
}
@media screen and (min-width: 769px) {
  .c-scrollTopBtn_icon::after {
    right: 16px;
    width: 8px;
    height: 8px;
    border-width: 2px 2px 0 0;
  }
}

/* --------------------------------------------------
ボタン：すべて見るボタン
-------------------------------------------------- */
.c-readmoreBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38.6666666667vw;
  padding: 2.1333333333vw 0 1.6vw;
  margin: 6.6666666667vw auto 0;
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1.3;
  color: #212121;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 0.2666666667vw solid #14183e;
  border-radius: 4.6666666667vw;
  box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .c-readmoreBtn {
    width: 190px;
    padding: 12px 0;
    margin: 35px auto 0;
    font-size: 16px;
    border-width: 1px;
    border-radius: 100px;
  }
}
.c-readmoreBtn_wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), #fff);
}
.c-readmoreBtn_icon {
  position: relative;
  display: block;
  width: 4.5333333333vw;
  height: 4.5333333333vw;
  margin-left: 2.9333333333vw;
  background-color: #14183e;
  border-radius: 100%;
  transition: all 0.4s;
}
@media screen and (min-width: 769px) {
  .c-readmoreBtn_icon {
    width: 20px;
    height: 20px;
    margin-left: 16px;
  }
}
.c-readmoreBtn_icon::after, .c-readmoreBtn_icon::before {
  position: absolute;
  top: 2vw;
  left: 1.0666666667vw;
  display: block;
  width: 2.6666666667vw;
  height: 0.4vw;
  content: "";
  background-color: #ffffff;
  border-radius: 0.1333333333vw;
  transition: all 0.4s;
}
@media screen and (min-width: 769px) {
  .c-readmoreBtn_icon::after, .c-readmoreBtn_icon::before {
    top: 9px;
    left: 4px;
    width: 12px;
    height: 2px;
    border-radius: 2px;
  }
}
.c-readmoreBtn_icon::before {
  transform: rotate(-90deg);
}
.c-readmoreBtn_icon.js-active::before {
  transform: rotate(0);
}

/* --------------------------------------------------
ボタン：閉じるボタン
-------------------------------------------------- */
.c-closeBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25.3333333333vw;
  padding: 1.8666666667vw 0 1.8666666667vw;
  margin: 4.6666666667vw auto 0;
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1.3;
  color: #212121;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #fff;
  border: 0.2666666667vw solid #14183e;
  border-radius: 4.6666666667vw;
  box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .c-closeBtn {
    width: 112px;
    padding: 12px 0;
    margin: 16px auto;
    font-size: 12px;
    border-width: 1px;
    border-radius: 100px;
  }
}
.c-closeBtn_icon {
  position: relative;
  display: block;
  width: 4vw;
  height: 4vw;
  margin-left: 1.6vw;
}
@media screen and (min-width: 769px) {
  .c-closeBtn_icon {
    width: 18px;
    height: 18px;
    margin-left: 6px;
  }
}
.c-closeBtn_icon::after, .c-closeBtn_icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0.4vw;
  height: 4vw;
  content: "";
  background-color: #14183e;
}
@media screen and (min-width: 769px) {
  .c-closeBtn_icon::after, .c-closeBtn_icon::before {
    width: 18px;
    height: 2px;
  }
}
.c-closeBtn_icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-closeBtn_icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* --------------------------------------------------
コメント（吹き出し）
-------------------------------------------------- */
.c-comment {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  .c-comment {
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 769px) {
  .c-comment_wrap {
    width: 625px;
    margin: 0 auto;
  }
}
.c-comment_icon {
  width: 12vw;
  margin-left: 3.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-comment_icon {
    width: 44px;
    margin-left: 10px;
  }
}
.c-comment_icon img {
  width: 100%;
  height: auto;
}
.c-comment_bubble {
  position: relative;
  width: 76.6666666667vw;
  padding: 2.6666666667vw 3.3333333333vw;
  background-color: #d3dce4;
  border-radius: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  .c-comment_bubble {
    width: 570px;
    padding: 6px 10px;
    border-radius: 8px;
  }
}
.c-comment_bubble::after {
  position: absolute;
  top: 50%;
  right: -3.6vw;
  display: block;
  content: "";
  border: 1.8666666667vw solid transparent;
  border-left: 1.8666666667vw solid #d3dce4;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-comment_bubble::after {
    right: -12px;
    border-width: 6px;
    border-left-width: 6px;
  }
}

.c-clinic-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.c-clinic-nav > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  inline-size: calc((100% - 12px) / 2);
  -webkit-padding-before: 10px;
          padding-block-start: 10px;
  aspect-ratio: 168/85;
  background: #fff;
  border: 1px solid #14183e;
  border-radius: 8px;
  color: #212121;
  font-size: 14px;
  font-weight: 700;
}
.c-clinic-nav > a figure {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 48px;
  block-size: 48px;
}
.c-clinic-nav > a::after {
  position: absolute;
  top: 50%;
  right: 8%;
  display: inline-block;
  content: "";
  inline-size: 10px;
  block-size: 10px;
  border-right: 3px solid #14183e;
  border-top: 3px solid #14183e;
  border-radius: 3px;
  line-height: 1;
  transform: rotate(45deg) translateY(-50%);
}
.c-clinic-nav > a:hover {
  opacity: 0.7;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .c-clinic-nav > a {
    inline-size: calc((100% - 24px) / 3);
    aspect-ratio: 11/5;
    font-size: 16px;
  }
  .c-clinic-nav > a figure {
    inline-size: 56px;
    block-size: 56px;
  }
}
.c-clinic-nav.upper {
  gap: 10px;
  padding: 16px 12px;
  background-color: #f1fbfe;
}
.c-clinic-nav.upper > a {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
  inline-size: calc((100% - 10px) / 2);
  padding: 0 8px;
  aspect-ratio: 3/1;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2509803922);
}
.c-clinic-nav.upper > a figure {
  inline-size: 24px;
  block-size: 24px;
}
.c-clinic-nav.upper > a span {
  display: inline-block;
  inline-size: 6em;
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-clinic-nav.upper {
    gap: 16px;
    padding: 16px 20px;
  }
  .c-clinic-nav.upper > a {
    inline-size: calc((100% - 32px) / 3);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  }
  .c-clinic-nav.upper > a figure {
    inline-size: 32px;
    block-size: 32px;
  }
  .c-clinic-nav.upper > a span {
    inline-size: 9em;
  }
}

.btn_line {
  max-inline-size: 750px;
  margin-inline: auto;
  margin-block: 20px 50px;
  padding-inline: 4vw;
}
.btn_line a {
  display: block;
  inline-size: 100%;
  text-align: center;
}

.c-general-table {
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
.c-general-table table {
  inline-size: 100%;
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #d2d0d0;
  border-left: 1px solid #d2d0d0;
}
.c-general-table table th,
.c-general-table table td {
  border-right: 1px solid #d2d0d0;
  border-bottom: 1px solid #d2d0d0;
  text-align: left;
}
.c-general-table table th {
  inline-size: 30%;
  padding: 28px 8px;
  background: #d9edf2;
  font-size: 10px;
  font-weight: normal;
  line-height: 1;
}
.c-general-table table th > span {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .c-general-table table th {
    inline-size: 37%;
    padding: 18px 8px;
  }
  .c-general-table table th > span {
    font-size: 12px;
  }
}
.c-general-table table td {
  padding-inline: 8px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
}
.c-general-table table td > span {
  font-size: 24px;
  font-weight: bold;
}
.c-general-table table td > span.c-general-table__note {
  color: rgba(33, 33, 33, 0.5411764706);
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
}
@media screen and (max-width: 480px) {
  .c-general-table table td {
    font-size: 12px;
  }
  .c-general-table table td > span {
    font-size: 16px;
    font-weight: bold;
  }
  .c-general-table table td > span.c-general-table__note {
    font-size: 10px;
  }
}
.c-general-table table sup {
  font-size: 10px;
}
.c-general-table .c-text_note {
  line-height: 1.8;
}

.c-treatment-ex-table {
  -webkit-margin-before: 2.5vh;
          margin-block-start: 2.5vh;
}
.c-treatment-ex-table table {
  inline-size: 100%;
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #d2d0d0;
  border-left: 1px solid #d2d0d0;
}
.c-treatment-ex-table table th,
.c-treatment-ex-table table td {
  border-right: 1px solid #d2d0d0;
  border-bottom: 1px solid #d2d0d0;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
}
.c-treatment-ex-table table th {
  inline-size: 32%;
  padding: 22px 16px;
  background: #d9edf2;
}
.c-treatment-ex-table table td {
  padding-inline: 16px;
}
.c-treatment-ex-table table .align-center {
  text-align: center;
}
.c-treatment-ex-table table .text-gray {
  color: rgba(33, 33, 33, 0.5411764706);
}
.c-treatment-ex-table table .text-large {
  font-size: 20px;
}
.c-treatment-ex-table table .text-note {
  font-size: 16px;
  font-weight: normal;
}
.c-treatment-ex-table table .font-bold {
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .c-treatment-ex-table table th,
.c-treatment-ex-table table td {
    font-size: 12px;
  }
  .c-treatment-ex-table table th {
    padding: 22px 8px;
  }
  .c-treatment-ex-table table td {
    padding-inline: 8px;
  }
  .c-treatment-ex-table table .text-large,
.c-treatment-ex-table table .text-note {
    font-size: 12px;
  }
}

.c-card-ranking {
  position: relative;
}
.c-card-ranking > ul {
  display: flex;
  gap: 8px;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-card-ranking > ul {
    gap: 12px;
  }
}
.c-card-ranking__item {
  position: relative;
  inline-size: calc((100% - 16px) / 3);
  margin: 0;
  padding-inline: 8px;
  padding-block: 8px 12px;
  border: 1px solid #52acc0;
  border-radius: 8px;
  list-style: none;
}
.c-card-ranking__item::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 5px;
  display: inline-block;
  inline-size: 25px;
  block-size: 30px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}
.c-card-ranking__item.no1 {
  border-color: #f58318;
}
.c-card-ranking__item.no1::before {
  background-image: url(./img/icon/rank-badge/rank01.svg);
}
.c-card-ranking__item.no2::before {
  background-image: url(./img/icon/rank-badge/rank02.svg);
}
.c-card-ranking__item.no3::before {
  background-image: url(./img/icon/rank-badge/rank03.svg);
}
@media screen and (min-width: 769px) {
  .c-card-ranking__item {
    inline-size: calc((100% - 24px) / 3);
    padding-inline: 12px;
    padding-block: 12px 24px;
    border-width: 2px;
  }
  .c-card-ranking__item::before {
    top: -9px;
    inline-size: 60px;
    block-size: 75px;
  }
}
.c-card-ranking__logo {
  display: flex;
  align-items: flex-start;
  inline-size: calc(100% - 20px);
  block-size: 2vh;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
@media screen and (min-width: 769px) {
  .c-card-ranking__logo {
    align-items: center;
    inline-size: calc(100% - 50px);
    block-size: 5vh;
  }
}
.c-card-ranking__img {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}
@media screen and (min-width: 769px) {
  .c-card-ranking__img {
    -webkit-margin-before: 16px;
            margin-block-start: 16px;
  }
}
.c-card-ranking__card {
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
  border: 1px solid #52acc0;
  border-radius: 8px;
}
.c-card-ranking__card--ttl {
  background-color: #52acc0;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-card-ranking__card--ttl {
    font-size: 16px;
  }
}
.c-card-ranking__card--cont {
  padding-block: 4px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-card-ranking__card--cont {
    padding-block: 12px;
    font-size: 16px;
  }
}
.c-card-ranking__card--cont .text-md {
  font-size: 10px;
}
@media screen and (min-width: 769px) {
  .c-card-ranking__card--cont .text-md {
    font-size: 14px;
  }
}
.c-card-ranking__card--cont .text-strong {
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  .c-card-ranking__card--cont .text-strong {
    font-size: 20px;
  }
}
.c-card-ranking__card .u-color-red {
  color: #cb4646;
}
.c-card-ranking .c-anken_cvBtn {
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
  padding-block: 4px;
  border-radius: 4px;
  font-size: 10px;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .c-card-ranking .c-anken_cvBtn {
    padding-block: 12px;
    border-radius: 6.4vw;
    font-size: 16px;
  }
}
.c-card-ranking.v-text .c-card-ranking__item.no1 .c-card-ranking__logo {
  background-color: #fff6e4;
}
.c-card-ranking.v-text .c-card-ranking__logo {
  align-items: center;
  inline-size: 100%;
  block-size: 7vh;
  -webkit-padding-start: 7vw;
          padding-inline-start: 7vw;
  padding-block: 7px;
  background-color: rgba(33, 33, 33, 0.0588235294);
  font-size: 11px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (min-width: 769px) {
  .c-card-ranking.v-text .c-card-ranking__logo {
    justify-content: center;
    -webkit-padding-start: 3vw;
            padding-inline-start: 3vw;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
  }
}
.c-card-ranking::before {
  content: "PR";
  position: absolute;
  top: -22px;
  right: 0;
  padding: 2px 6px;
  border: 1px solid #212121;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .c-card-ranking::before {
    top: -25px;
    right: 0;
    font-size: 14px;
  }
}

.c-border-box {
  padding-block: 2vh;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}
.c-border-box:not(:first-of-type) {
  -webkit-margin-before: 2vh;
          margin-block-start: 2vh;
}
.c-border-box__title {
  -webkit-padding-after: 1.5vh;
          padding-block-end: 1.5vh;
  padding-inline: 2vh;
  border-bottom: 1px solid #e0e0e0;
  font-weight: bold;
}
.c-border-box__subtitle {
  -webkit-margin-before: 2vh;
          margin-block-start: 2vh;
  font-size: 14px;
  font-weight: bold;
}
.c-border-box__content {
  padding-inline: 2vh;
}
.c-border-box__text {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  font-size: 14px;
  line-height: 1.5em;
}
.c-border-box__text--small {
  color: rgba(33, 33, 33, 0.5411764706);
  font-size: 12px;
}

.c-clifor_tel {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
  -webkit-margin-before: 3vh;
          margin-block-start: 3vh;
  padding: 8px;
  background-color: #d9edf2;
  border-radius: 5px;
}
.c-clifor_tel__announce {
  max-inline-size: calc(100% - 2vh - 32px);
}
.c-clifor_tel p {
  font-size: 12px;
  line-height: 1.5;
}
.c-clifor_tel p:not(:first-of-type) {
  -webkit-margin-before: 1vh;
          margin-block-start: 1vh;
}
.c-clifor_tel p.small {
  font-size: 10px;
}
.c-clifor_tel::before {
  content: "";
  display: inline-block;
  inline-size: 32px;
  block-size: 32px;
  background-image: url(img/icon/icon_clifor_tel.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-clifor_tel {
    align-items: center;
    gap: 1em;
    padding: 8px 24px;
  }
  .c-clifor_tel__announce {
    max-inline-size: calc(100% - 2vh - 53px);
  }
  .c-clifor_tel p {
    font-size: 16px;
  }
  .c-clifor_tel p.small {
    font-size: 12px;
  }
  .c-clifor_tel::before {
    inline-size: 53px;
    block-size: 53px;
  }
}

.c-cookie_item__cap {
  font-weight: 700;
}
.c-cookie_item__inner {
  -webkit-margin-before: 1dvw;
          margin-block-start: 1dvw;
  padding: 1rem;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
.c-cookie_item__inner dl,
.c-cookie_item__inner dd {
  display: flex;
  gap: 1rem;
}
.c-cookie_item__inner dd > a {
  position: relative;
  display: flex;
  align-items: center;
}
.c-cookie_item__inner dd > a::after {
  content: "";
  display: inline-block;
  inline-size: 18px;
  block-size: 18px;
  -webkit-margin-start: 3px;
  margin-inline-start: 3px;
  background: url(img/icon/icon_newtab.svg) center no-repeat;
  background-size: contain;
}

.c-title_h3.cookie {
  -webkit-margin-before: 2dvw;
          margin-block-start: 2dvw;
}

.c-double-cta {
  padding: 16px;
  z-index: 50;
}
.c-double-cta__wrap {
  max-inline-size: 800px;
  margin-inline: auto;
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
}
.c-double-cta a {
  display: block;
  max-inline-size: 400px;
  min-inline-size: 156px;
  aspect-ratio: 66/29;
}
.c-double-cta a img {
  inline-size: 100%;
}

.c-float-double-cta {
  max-inline-size: 800px;
  inline-size: 100%;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px;
  background-color: #1f6f8c;
}
.c-float-double-cta__wrap {
  max-inline-size: 800px;
  margin-inline: auto;
}
.c-float-double-cta__text {
  margin: 0 0 5px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.c-float-double-cta__cta {
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
}
.c-float-double-cta__cta a {
  display: block;
  max-inline-size: 400px;
  min-inline-size: 156px;
  aspect-ratio: 329/116;
}
.c-float-double-cta__cta a img {
  inline-size: 100%;
}
.c-float-double-cta .linebg-black {
  margin-inline: 2px;
  background-color: #000;
}
.c-float-double-cta .color-yellow {
  color: #fef652;
}

/* --------------------------------------------------
案件基本情報
-------------------------------------------------- */
.c-anken_baseinfo_Block {
  padding: 0;
  margin: 0;
}

.c-anken_baseinfo {
  width: 100%;
  margin: 0 0 3.2vw;
  border-collapse: collapse;
  border: 0.2666666667vw solid #d2d0d0;
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo {
    margin: 0 0 12px;
    border-width: 1px;
  }
}
.c-anken_baseinfo th,
.c-anken_baseinfo td {
  text-align: center;
  border-color: #d2d0d0;
  border-style: solid;
  border-width: 0 0.2666666667vw 0.2666666667vw 0;
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo th,
.c-anken_baseinfo td {
    border-width: 0 1px 1px 0;
  }
}
.c-anken_baseinfo th {
  padding: 1.3333333333vw 0;
  font-size: 3.4666666667vw;
  font-weight: bold;
  line-height: 1.5;
  background-color: #d3dce4;
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo th {
    padding: 10px 0;
    font-size: 16px;
  }
}
.c-anken_baseinfo td {
  padding: 1.6vw 0;
  font-size: 4.2666666667vw;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo td {
    padding: 10px 0;
    font-size: 20px;
  }
}
.c-anken_baseinfo td.typeLanding {
  vertical-align: top;
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo td.typeLanding {
    padding: 10px;
  }
}
.c-anken_baseinfo td.typeSmall {
  font-size: 3.2vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo td.typeSmall {
    font-size: 14px;
  }
}
.c-anken_baseinfo .circle {
  width: 6.4vw;
  height: 6.4vw;
  margin: 0 auto;
  background-image: url(img/icon/icon_circle_double.webp);
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo .circle {
    width: 40px;
    height: 40px;
  }
}
.c-anken_baseinfo .circle.typeSingle {
  background-image: url(img/icon/icon_circle_single.webp);
}
.c-anken_baseinfo .circle.typeCross {
  background-image: url(img/icon/icon_cross.webp);
}
.c-anken_baseinfo .circle.typeTriangle {
  background-image: url(img/icon/icon_triangle.webp);
}
.c-anken_baseinfo .notice {
  padding: 0;
  margin: 0;
  font-size: 3.2vw;
  font-weight: normal;
  line-height: 1.5;
  color: rgba(33, 33, 33, 0.54);
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo .notice {
    font-size: 14px;
  }
}
.c-anken_baseinfo .itemLabel {
  font-size: 3.7333333333vw;
  color: rgba(33, 33, 33, 0.54);
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo .itemLabel {
    font-size: 14px;
  }
}
.c-anken_baseinfo .separateBox {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo .separateBox {
    flex-direction: row;
  }
}
.c-anken_baseinfo .plainText {
  font-size: 3.2vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo .plainText {
    font-size: 14px;
  }
}
.c-anken_baseinfo .benefits {
  font-size: 3.2vw;
  line-height: 1.8;
  color: #52acc0;
}
@media screen and (min-width: 769px) {
  .c-anken_baseinfo .benefits {
    font-size: 14px;
  }
}

/* --------------------------------------------------
案件のCTA
-------------------------------------------------- */
.c-anken_cta_Block {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.c-anken_cta_Block.typeSummary {
  margin: 9.3333333333vw 0 8vw;
}
@media screen and (min-width: 769px) {
  .c-anken_cta_Block.typeSummary {
    margin: 40px 0 15px;
  }
}

.c-ankenDetail_cta_Block {
  width: 74.6666666667vw;
  padding: 0;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .c-ankenDetail_cta_Block {
    width: 280px;
  }
}

.c-anken_detailBtn {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32.2666666667vw;
  height: 13.3333333333vw;
  padding: 0;
  margin: 0 0 1.0666666667vw;
  color: #212121;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #5d6a7d;
  border-radius: 1.0666666667vw;
  box-shadow: 0 1.0666666667vw 0 rgba(33, 33, 33, 0.26);
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-anken_detailBtn {
    width: 250px;
    height: 50px;
    margin: 0 0 4px;
    border-radius: 4px;
    box-shadow: 0 4px 0 rgba(33, 33, 33, 0.26);
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: bold;
  }
}
.c-anken_detailBtn:hover, .c-anken_detailBtn:focus, .c-anken_detailBtn:visited, .c-anken_detailBtn:active {
  color: #212121;
  text-decoration: none;
}
.c-anken_detailBtn:hover {
  opacity: 0.5;
}

@-webkit-keyframes btn_animation {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@keyframes btn_animation {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes btn_animation02 {
  0% {
    box-shadow: 0 3px 0 #13183e;
    top: 0px;
  }
  8% {
    box-shadow: 0 0 0 #13183e;
    top: 3px;
  }
  16% {
    box-shadow: 0 3px 0 #13183e;
    top: 0px;
  }
  24% {
    box-shadow: 0 0 0 #13183e;
    top: 3px;
  }
  32% {
    box-shadow: 0 3px 0 #13183e;
    top: 0px;
  }
  100% {
    box-shadow: 0 3px 0 #13183e;
    top: 0px;
  }
}
@keyframes btn_animation02 {
  0% {
    box-shadow: 0 3px 0 #13183e;
    top: 0px;
  }
  8% {
    box-shadow: 0 0 0 #13183e;
    top: 3px;
  }
  16% {
    box-shadow: 0 3px 0 #13183e;
    top: 0px;
  }
  24% {
    box-shadow: 0 0 0 #13183e;
    top: 3px;
  }
  32% {
    box-shadow: 0 3px 0 #13183e;
    top: 0px;
  }
  100% {
    box-shadow: 0 3px 0 #13183e;
    top: 0px;
  }
}
@-webkit-keyframes btn_animation03 {
  0% {
    box-shadow: 0 3px 0 #61afbc;
    top: 0px;
  }
  8% {
    box-shadow: 0 0 0 #61afbc;
    top: 3px;
  }
  16% {
    box-shadow: 0 3px 0 #61afbc;
    top: 0px;
  }
  24% {
    box-shadow: 0 0 0 #61afbc;
    top: 3px;
  }
  32% {
    box-shadow: 0 3px 0 #61afbc;
    top: 0px;
  }
  100% {
    box-shadow: 0 3px 0 #61afbc;
    top: 0px;
  }
}
@keyframes btn_animation03 {
  0% {
    box-shadow: 0 3px 0 #61afbc;
    top: 0px;
  }
  8% {
    box-shadow: 0 0 0 #61afbc;
    top: 3px;
  }
  16% {
    box-shadow: 0 3px 0 #61afbc;
    top: 0px;
  }
  24% {
    box-shadow: 0 0 0 #61afbc;
    top: 3px;
  }
  32% {
    box-shadow: 0 3px 0 #61afbc;
    top: 0px;
  }
  100% {
    box-shadow: 0 3px 0 #61afbc;
    top: 0px;
  }
}
.c-anken_cvBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85.3333333333vw;
  padding: 3.2vw 0;
  margin: 0 auto;
  font-size: 4.2666666667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-animation: btn_animation02 2.5s infinite;
          animation: btn_animation02 2.5s infinite;
  background-color: #13183e;
  border-radius: 6.4vw;
  box-shadow: 0 3px 0 #61afbc;
  overflow: hidden;
}
.c-anken_cvBtn.diff_version {
  -webkit-animation: btn_animation03 2.5s infinite;
          animation: btn_animation03 2.5s infinite;
  background-color: #61afbc;
  box-shadow: 0 3px 0 #61afbc;
}
.c-anken_cvBtn:hover {
  text-decoration: none;
  color: #fbfbfb;
}
.c-anken_cvBtn::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fbfbfb;
  -webkit-animation: btn_animation 2.5s ease-in-out infinite;
          animation: btn_animation 2.5s ease-in-out infinite;
}
@media screen and (min-width: 769px) {
  .c-anken_cvBtn {
    width: 336px;
    padding: 18px 0;
    margin: 0 auto;
    font-size: 20px;
    border-radius: 100px;
  }
}
.c-anken_cvBtn::after {
  display: block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin-left: 2.6666666667vw;
  content: "";
  background: url(img/icon/icon_newtab_wh.svg) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-anken_cvBtn::after {
    width: 24px;
    height: 24px;
    margin-left: 8px;
  }
}
.c-anken_cvBtn:hover, .c-anken_cvBtn:focus, .c-anken_cvBtn:visited, .c-anken_cvBtn:active {
  color: #ffffff;
  text-decoration: none;
}
.c-anken_cvBtn:hover {
  opacity: 0.5;
}

.c-anken_cta_note {
  margin: 2.4vw 0 7.2vw;
  font-size: 2.6666666667vw;
  color: rgba(33, 33, 33, 0.54);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-anken_cta_note {
    margin: 14px 0 40px;
    font-size: 12px;
  }
}
.c-anken_cta_note.typeLanding {
  margin-bottom: 1.6vw;
}
@media screen and (min-width: 769px) {
  .c-anken_cta_note.typeLanding {
    margin-bottom: 4px;
  }
}

/* --------------------------------------------------
案件の特徴
-------------------------------------------------- */
.c-anken_feature {
  margin: 1.3333333333vw 0;
  font-size: 3.2vw;
  font-weight: normal;
  color: rgba(33, 33, 33, 0.54);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-anken_feature {
    margin: 10px 0;
    font-size: 14px;
  }
}

/* --------------------------------------------------
案件画像
-------------------------------------------------- */
.c-anken_image_inner {
  width: 45.3333333333vw;
  margin: 0 auto 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  .c-anken_image_inner {
    width: 200px;
    margin: 0;
  }
}

/* --------------------------------------------------
案件イチオシPOINT
-------------------------------------------------- */
.c-anken_point_Block {
  padding: 3.7333333333vw 0 0;
  margin: 0 auto 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-anken_point_Block {
    padding: 14px 0 0;
    margin: 0 auto 16px;
  }
}

.c-anken_point {
  padding: 6.4vw;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  border: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  border-radius: 1.0666666667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-anken_point {
    padding: 24px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: normal;
    border: 1px solid rgba(33, 33, 33, 0.12);
    border-radius: 4px;
  }
}
.c-anken_point_title {
  padding: 0 4.2666666667vw;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #0d47a1;
  background-color: #ffffff;
  position: absolute;
  top: -3.7333333333vw;
  left: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-anken_point_title {
    padding: 0 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;
    top: -14px;
    left: 8px;
  }
}
.c-anken_point_body {
  padding: 0;
  margin: 0;
}

/* --------------------------------------------------
案件ランキングアイコン
-------------------------------------------------- */
.c-anken_ranking {
  padding: 0;
  margin: 0 2.6666666667vw 0 0;
  width: 10.4666666667vw;
  height: 10.4666666667vw;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: rgba(33, 33, 33, 0.26);
  border-radius: 0.5333333333vw;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-anken_ranking {
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px;
    border-radius: 2px;
  }
}

.c-anken_rankingIcon {
  padding: 0;
  margin: 0 2.6666666667vw 0 0;
  width: 10.4666666667vw;
  height: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-anken_rankingIcon {
    margin: 0 10px 0 0;
    width: 40px;
  }
}

.c-anken_rankingIcon_icon {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* --------------------------------------------------
案件申し込み件数
-------------------------------------------------- */
.c-anken_requestcount {
  padding: 2.1333333333vw 0;
  margin: 0 0 4.2666666667vw;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  text-align: center;
  background-color: #5d6a7d;
}
@media screen and (min-width: 769px) {
  .c-anken_requestcount {
    padding: 8px 0;
    margin: 0 0 16px;
  }
}

.c-anken_requestcount_number {
  padding: 0;
  margin: 0 1.0666666667vw;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-anken_requestcount_number {
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-anken_requestcount_number {
    margin: 0 4px;
  }
}

/* --------------------------------------------------
案件概要
-------------------------------------------------- */
.c-anken_summary {
  position: relative;
  overflow-y: hidden;
  height: 46.6666666667vw;
  padding-bottom: 17.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-anken_summary {
    height: 250px;
    padding-bottom: 70px;
  }
}
.c-anken_summary.jc-moreContent.js-active {
  display: block;
  height: auto;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .c-anken_summary.jc-moreContent.js-active {
    padding-bottom: 70px;
  }
}

/* --------------------------------------------------
案件名
-------------------------------------------------- */
.c-anken_title_Block {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 0;
  margin: 0 0 1.6vw;
}
@media screen and (min-width: 769px) {
  .c-anken_title_Block {
    margin: 0 0 8px;
  }
}

.c-anken_title {
  width: 100%;
  padding: 0.5333333333vw 0;
  font-size: 5.3333333333vw;
  font-weight: bold;
  border-bottom: 0.5333333333vw solid #14183e;
}
@media screen and (min-width: 769px) {
  .c-anken_title {
    padding: 0;
    font-size: 32px;
    border-bottom-width: 2px;
  }
}
.c-anken_title a {
  color: #212121;
  text-decoration: none;
}
.c-anken_title a:hover, .c-anken_title a:focus, .c-anken_title a:visited, .c-anken_title a:active {
  color: #212121;
  text-decoration: none;
}

.c-ankenDetail_title {
  padding: 1.0666666667vw 0 0;
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-ankenDetail_title {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-ankenDetail_title {
    padding: 4px 0 0;
  }
}
.c-ankenDetail_title a {
  color: #212121;
  text-decoration: none;
}
.c-ankenDetail_title a:hover, .c-ankenDetail_title a:focus, .c-ankenDetail_title a:visited, .c-ankenDetail_title a:active {
  color: #212121;
  text-decoration: none;
}

.c-anken_subTitle {
  padding: 1.0666666667vw 0;
  margin: 0 0 4.8vw;
  font-size: 4.8vw;
  font-weight: bold;
  text-align: center;
  border-bottom: 0.5333333333vw solid #14183e;
  background-color: #F4F4F4;
}
@media screen and (min-width: 769px) {
  .c-anken_subTitle {
    padding: 5px 0;
    margin: 0 0 24px;
    font-size: 28px;
    border-bottom-width: 2px;
  }
}
.c-anken_subTitle span {
  color: #14183e;
}
.c-anken_subTitle.typeMb {
  margin-bottom: 0;
}

/* --------------------------------------------------
案件詳細見出し
-------------------------------------------------- */
.c-anken_detail_title {
  padding: 0;
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-anken_detail_title {
    font-size: 3.2rem;
  }
}
.c-anken_detail_title a {
  color: #212121;
  text-decoration: none;
}
.c-anken_detail_title a:hover, .c-anken_detail_title a:focus, .c-anken_detail_title a:visited, .c-anken_detail_title a:active {
  color: #212121;
  text-decoration: none;
}

/* --------------------------------------------------
案件詳細コンテンツ
-------------------------------------------------- */
.c-anken_detail_content_Block {
  padding: 4.2666666667vw 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-anken_detail_content_Block {
    padding: 24px 0;
  }
}

/* --------------------------------------------------
案件詳細CTA
-------------------------------------------------- */
.c-anken_detail_cta_Block {
  padding: 0 0 1.0666666667vw;
  margin: 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-anken_detail_cta_Block {
    padding: 0 0 4px;
  }
}

/* --------------------------------------------------
案件BOX Default
-------------------------------------------------- */
.c-ankenbox_Wrap {
  padding-bottom: 6.4vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .c-ankenbox_Wrap {
    padding-bottom: 24px;
  }
}
.c-ankenbox_Wrap:last-of-type {
  margin: 0 auto;
}

.c-ankenbox_default {
  padding: 4.2666666667vw;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 2.6666666667vw;
  box-shadow: 0 0.5333333333vw 1.0666666667vw rgba(33, 33, 33, 0.16);
}
@media screen and (min-width: 769px) {
  .c-ankenbox_default {
    width: 750px;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(33, 33, 33, 0.16);
  }
}
.c-ankenbox_default_body {
  padding: 0;
  margin: 0 0 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  .c-ankenbox_default_body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 6px;
  }
}
.c-ankenbox_default_body_leftblock {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-ankenbox_default_body_leftblock {
    flex-grow: 0;
    flex-shrink: 0;
    width: 200px;
  }
}
.c-ankenbox_default_body_rightblock {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-ankenbox_default_body_rightblock {
    width: 490px;
  }
}

/* --------------------------------------------------
案件詳細（デフォルト）
-------------------------------------------------- */
.c-ankenbox_detail {
  padding: 0;
  margin: 0 auto;
  width: 91.4666666667vw;
  background-color: #ffffff;
  border-radius: 3.2vw;
}
@media screen and (min-width: 769px) {
  .c-ankenbox_detail {
    width: 740px;
    border-radius: 12px;
  }
}

.c-ankenbox_detail_section {
  padding: 4.2666666667vw 0 10.6666666667vw;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-ankenbox_detail_section {
    padding: 16px 0 40px;
  }
}

.c-anken_detail_flex {
  padding: 0;
  margin: 0 0 4.2666666667vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .c-anken_detail_flex {
    margin: 0 0 24px;
  }
}

.c-anken_detail_flex_left {
  padding: 0;
  margin: 0;
  width: 32.2666666667vw;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-anken_detail_flex_left {
    width: 250px;
  }
}

.c-anken_detail_flex_right {
  padding: 0;
  margin: 0;
  width: 57.0666666667vw;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-anken_detail_flex_right {
    width: 474px;
  }
}

/* --------------------------------------------------
案件（費用について）
-------------------------------------------------- */
.c-anken_costList {
  padding: 1.3333333333vw 0 0;
}
@media screen and (min-width: 769px) {
  .c-anken_costList {
    padding: 12px 0 0;
  }
}
.c-anken_costList_wrap {
  padding-bottom: 4.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-anken_costList_wrap {
    padding-bottom: 40px;
  }
}
.c-anken_costList_plan {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1.8666666667vw;
  font-size: 3.7333333333vw;
  font-weight: bold;
  background-color: #f4f4f4;
}
@media screen and (min-width: 769px) {
  .c-anken_costList_plan {
    padding: 10px 12px;
    font-size: 20px;
  }
}
.c-anken_costList_plan_icon {
  padding: 0.5333333333vw 1.3333333333vw 0;
  margin-right: 1.8666666667vw;
  font-size: 3.2vw;
  color: #ffffff;
  background-color: #14183e;
}
@media screen and (min-width: 769px) {
  .c-anken_costList_plan_icon {
    padding: 2px 5px 0;
    margin-right: 12px;
    font-size: 14px;
  }
}
.c-anken_costList_detail {
  padding-bottom: 4.2666666667vw;
  font-size: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  .c-anken_costList_detail {
    padding-bottom: 0;
    font-size: 20px;
  }
}
.c-anken_costList_fee {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.2666666667vw solid #d2d0d0;
}
@media screen and (min-width: 769px) {
  .c-anken_costList_fee {
    border-bottom-width: 1px;
  }
}
.c-anken_costList_fee_inner {
  padding: 1.3333333333vw 1.3333333333vw 0.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-anken_costList_fee_inner {
    padding: 10px 20px 4px;
  }
}
.c-anken_costList_fee_price {
  margin-left: 0.6666666667vw;
  font-size: 5.8666666667vw;
}
@media screen and (min-width: 769px) {
  .c-anken_costList_fee_price {
    margin-left: 5px;
    font-size: 28px;
  }
}
.c-anken_costList_treatment {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  text-align: center;
}
.c-anken_costList_treatment_inner {
  width: 50%;
  padding: 2.9333333333vw 0;
}
@media screen and (min-width: 769px) {
  .c-anken_costList_treatment_inner {
    padding: 20px 0 15px;
    line-height: 1.5;
  }
}
.c-anken_costList_treatment_price {
  font-size: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-anken_costList_treatment_price {
    font-size: 24px;
    line-height: 2;
  }
}
.c-anken_costList .itemLabel {
  color: rgba(33, 33, 33, 0.54);
}

/* --------------------------------------------------
案件（口コミについて）
-------------------------------------------------- */
.c-anken_reviewList {
  padding: 0 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList {
    padding: 0 12px;
  }
}
.c-anken_reviewList_wrap {
  padding-bottom: 1.3333333333vw;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_wrap {
    padding-bottom: 0;
  }
}
.c-anken_reviewList_head {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_head {
    padding-top: 12px;
  }
}
.c-anken_reviewList_image {
  width: 11.7333333333vw;
  margin-right: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_image {
    width: 52px;
    margin-right: 12px;
  }
}
.c-anken_reviewList_title {
  margin-bottom: 4vw;
  font-size: 3.2vw;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.c-anken_reviewList_title_text {
  display: flex;
  flex-wrap: wrap;
}
.c-anken_reviewList_title_icon {
  padding: 1.3333333333vw 1.3333333333vw;
  margin-right: 1.3333333333vw;
  font-size: 2.6666666667vw;
  line-height: 1;
  color: #ffffff;
  background-color: #14183e;
  border-radius: 0.5333333333vw;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_icon {
    padding: 4px 8px 0;
    margin: 4px 6px 4px 0;
    font-size: 14px;
    border-radius: 2px;
  }
}
.c-anken_reviewList_title_info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #dfdfdf;
}
.c-anken_reviewList_title_date {
  margin-right: 1.3333333333vw;
  font-size: 3.4666666667vw;
  color: rgba(33, 33, 33, 0.54);
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_date {
    margin-right: 20px;
    font-size: 14px;
  }
}
.c-anken_reviewList_title_rate {
  width: 26.6666666667vw;
  height: 5.3333333333vw;
  margin-left: 2.6666666667vw;
  background: url(img/icon/icon_rate.webp) no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate {
    width: 116px;
    height: 20px;
    margin-left: 20px;
  }
}
.c-anken_reviewList_title_rate.fourpointfive {
  background-position-y: 10%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate.fourpointfive {
    border-width: 0;
  }
}
.c-anken_reviewList_title_rate.four {
  background-position-y: 20%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate.four {
    border-width: 0;
  }
}
.c-anken_reviewList_title_rate.threepointfive {
  background-position-y: 30%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate.threepointfive {
    border-width: 0;
  }
}
.c-anken_reviewList_title_rate.three {
  background-position-y: 40%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate.three {
    border-width: 0;
  }
}
.c-anken_reviewList_title_rate.twopointfive {
  background-position-y: 50%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate.twopointfive {
    border-width: 0;
  }
}
.c-anken_reviewList_title_rate.two {
  background-position-y: 60%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate.two {
    border-width: 0;
  }
}
.c-anken_reviewList_title_rate.onepointfive {
  background-position-y: 70%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate.onepointfive {
    border-width: 0;
  }
}
.c-anken_reviewList_title_rate.one {
  background-position-y: 80%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate.one {
    border-width: 0;
  }
}
.c-anken_reviewList_title_rate.zeropointfive {
  background-position-y: 90%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate.zeropointfive {
    border-width: 0;
  }
}
.c-anken_reviewList_title_rate.zero {
  background-position-y: 100%;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_title_rate.zero {
    border-width: 0;
  }
}
.c-anken_reviewList_body {
  padding-bottom: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_body {
    padding-bottom: 12px;
  }
}
.c-anken_reviewList_body_inner {
  padding: 2.6666666667vw 2vw 2vw;
  font-size: 3.2vw;
  line-height: 1.5;
  background-color: #f4f4f4;
  border-radius: 2vw;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_body_inner {
    padding: 20px 15px 15px;
    font-size: 16px;
    border-radius: 8px;
  }
}
.c-anken_reviewList_body.typeModal {
  padding-bottom: 4vw;
  margin-bottom: 6.6666666667vw;
  border-bottom: 0.2666666667vw solid #d2d0d0;
}
@media screen and (min-width: 769px) {
  .c-anken_reviewList_body.typeModal {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom-width: 1px;
  }
}

/* --------------------------------------------------
案件（口コミをもっと見る）
-------------------------------------------------- */
.c-anken_moreReview {
  padding-top: 4vw;
}
@media screen and (min-width: 769px) {
  .c-anken_moreReview {
    padding-top: 18px;
  }
}
.c-anken_moreReview_btn {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 77.3333333333vw;
  padding: 3.7333333333vw;
  margin: 0 auto 1.0666666667vw;
  font-size: 4.2666666667vw;
  font-weight: bold;
  line-height: 1.3;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #14183e;
  border-radius: 6.4vw;
  box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .c-anken_moreReview_btn {
    width: 370px;
    padding: 18px 0;
    margin: 0 auto;
    font-size: 20px;
    border-radius: 100px;
  }
}
.c-anken_moreReview_btn::before {
  display: block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin-right: 3.2vw;
  content: "";
  background: url(./img/icon/icon_more_info.webp) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-anken_moreReview_btn::before {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.c-anken_moreReview_btn:hover, .c-anken_moreReview_btn:focus, .c-anken_moreReview_btn:visited, .c-anken_moreReview_btn:active {
  color: #ffffff;
  text-decoration: none;
}
.c-anken_moreReview_btn:hover {
  opacity: 0.5;
}

.c-clinicfor {
  padding: 24px;
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
  background: #fff;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.c-clinicfor .c-title_h2 {
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
  color: #fff;
}
.c-clinicfor.no1, .c-clinicfor.no2, .c-clinicfor.no3, .c-clinicfor.no4, .c-clinicfor.no5, .c-clinicfor.no6, .c-clinicfor.no7, .c-clinicfor.no8, .c-clinicfor.no9 {
  position: relative;
}
.c-clinicfor.no1::before, .c-clinicfor.no2::before, .c-clinicfor.no3::before, .c-clinicfor.no4::before, .c-clinicfor.no5::before, .c-clinicfor.no6::before, .c-clinicfor.no7::before, .c-clinicfor.no8::before, .c-clinicfor.no9::before {
  content: "";
  position: absolute;
  top: -13px;
  left: 24px;
  display: block;
  aspect-ratio: 101/123;
  inline-size: 101px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.c-clinicfor.no1 .c-clinicfor__title__wrap, .c-clinicfor.no2 .c-clinicfor__title__wrap, .c-clinicfor.no3 .c-clinicfor__title__wrap, .c-clinicfor.no4 .c-clinicfor__title__wrap, .c-clinicfor.no5 .c-clinicfor__title__wrap, .c-clinicfor.no6 .c-clinicfor__title__wrap, .c-clinicfor.no7 .c-clinicfor__title__wrap, .c-clinicfor.no8 .c-clinicfor__title__wrap, .c-clinicfor.no9 .c-clinicfor__title__wrap {
  inline-size: 590px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.c-clinicfor.no1 {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.c-clinicfor.no1::before {
  background-image: url("./img/icon/rank-badge/rank01.svg");
}
.c-clinicfor.no2::before {
  background-image: url("./img/icon/rank-badge/rank02.svg");
}
.c-clinicfor.no3::before {
  background-image: url("./img/icon/rank-badge/rank03.svg");
}
.c-clinicfor.no4::before {
  background-image: url("./img/icon/rank-badge/rank04.svg");
}
.c-clinicfor.no5::before {
  background-image: url("./img/icon/rank-badge/rank05.svg");
}
.c-clinicfor.no6::before {
  background-image: url("./img/icon/rank-badge/rank06.svg");
}
.c-clinicfor.no7::before {
  background-image: url("./img/icon/rank-badge/rank07.svg");
}
.c-clinicfor.no8::before {
  background-image: url("./img/icon/rank-badge/rank08.svg");
}
.c-clinicfor.no9::before {
  background-image: url("./img/icon/rank-badge/rank09.svg");
}
.c-clinicfor.no-rank::after {
  content: none;
}
.c-clinicfor__title__wrap {
  inline-size: 100%;
  -webkit-padding-after: 12px;
          padding-block-end: 12px;
  border-bottom: 2px solid #52acc0;
}
.c-clinicfor__title__wrap * {
  line-height: 1.3;
}
.c-clinicfor__copy {
  color: #347082;
  font-size: 20px;
  font-weight: 500;
}
.c-clinicfor__name {
  -webkit-margin-before: 5px;
          margin-block-start: 5px;
  font-size: 32px;
  font-weight: 700;
}
.c-clinicfor__evaluation {
  display: flex;
  align-items: center;
  block-size: 42px;
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
}
.c-clinicfor__evaluation .evaluation__ttl {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: 8px 16px;
  background: #f5f5f5;
  color: rgba(33, 33, 33, 0.5411764706);
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.c-clinicfor__evaluation .evaluation__star {
  inline-size: 190px;
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
  padding-block: 5px;
  line-height: 1;
}
.c-clinicfor__eyecatch {
  max-inline-size: 600px;
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
  margin-inline: auto;
  background: #eeeeee;
  text-align: center;
}
.c-clinicfor__radarchart {
  max-inline-size: 702px;
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
  aspect-ratio: 27/13;
}
.c-clinicfor__basis {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #14183e;
  font-size: 14px;
  text-decoration: underline;
}
.c-clinicfor__basis::after {
  content: "";
  display: block;
  inline-size: 18px;
  block-size: 18px;
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
  background: url(img/icon/icon_newtab.svg) center no-repeat;
  background-size: contain;
}
.c-clinicfor .c-tabs_simple .c-tab {
  inline-size: 33.3333333333%;
}
.c-clinicfor .c-tab_content img {
  display: block;
  inline-size: 90.5%;
  margin-inline: auto;
}
.c-clinicfor__table {
  -webkit-margin-before: 24px;
          margin-block-start: 24px;
}
.c-clinicfor__table table {
  inline-size: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid rgba(33, 33, 33, 0.2784313725);
  border-left: 1px solid rgba(33, 33, 33, 0.2784313725);
}
.c-clinicfor__table table th,
.c-clinicfor__table table td {
  inline-size: 25%;
  padding-block: 12px;
  border-right: 1px solid rgba(33, 33, 33, 0.2784313725);
  text-align: center;
}
.c-clinicfor__table table th {
  background: #d1d1d9;
  font-size: 16px;
}
.c-clinicfor__table table th > span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.c-clinicfor__table table td {
  border-bottom: 1px solid #d2d0d0;
  font-size: 16px;
  line-height: 1.4;
}
.c-clinicfor__table table td > span {
  color: rgba(33, 33, 33, 0.5411764706);
  font-size: 12px;
}
.c-clinicfor__table table td.yen {
  font-size: 24px;
  font-weight: bold;
}
.c-clinicfor__table table td.yen > span {
  color: #212121;
  font-size: 16px;
}
.c-clinicfor__table .price {
  font-size: 16px;
  font-weight: normal;
}
.c-clinicfor__table .price span {
  font-size: 24px;
  font-weight: bold;
}
.c-clinicfor__table .note {
  color: rgba(33, 33, 33, 0.5411764706);
  font-size: 12px;
  font-weight: normal;
}
.c-clinicfor__table .note.black {
  color: #212121;
}
.c-clinicfor .c-anken_cta_Block {
  -webkit-margin-before: 40px;
          margin-block-start: 40px;
}
.c-clinicfor .c-anken_cta_Block .c-anken_cvBtn {
  inline-size: 100%;
  padding-block: 16px;
}
.c-clinicfor__note {
  -webkit-margin-before: 35px;
          margin-block-start: 35px;
}
.c-clinicfor__note.short-margin {
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
}
@media screen and (max-width: 768px) {
  .c-clinicfor {
    padding: 12px;
  }
  .c-clinicfor.no1::before, .c-clinicfor.no2::before, .c-clinicfor.no3::before, .c-clinicfor.no4::before, .c-clinicfor.no5::before, .c-clinicfor.no6::before, .c-clinicfor.no7::before, .c-clinicfor.no8::before, .c-clinicfor.no9::before {
    top: -8px;
    left: 12px;
    inline-size: 60px;
  }
  .c-clinicfor.no1 .c-clinicfor__title__wrap, .c-clinicfor.no2 .c-clinicfor__title__wrap, .c-clinicfor.no3 .c-clinicfor__title__wrap, .c-clinicfor.no4 .c-clinicfor__title__wrap, .c-clinicfor.no5 .c-clinicfor__title__wrap, .c-clinicfor.no6 .c-clinicfor__title__wrap, .c-clinicfor.no7 .c-clinicfor__title__wrap, .c-clinicfor.no8 .c-clinicfor__title__wrap, .c-clinicfor.no9 .c-clinicfor__title__wrap {
    inline-size: 80%;
    -webkit-padding-after: 5px;
            padding-block-end: 5px;
  }
  .c-clinicfor__copy {
    font-size: 12px;
  }
  .c-clinicfor__name {
    -webkit-margin-before: 5px;
            margin-block-start: 5px;
    font-size: 20px;
  }
  .c-clinicfor__evaluation {
    block-size: 24px;
    -webkit-margin-before: 12px;
            margin-block-start: 12px;
  }
  .c-clinicfor__evaluation .evaluation__ttl {
    padding: 4px 8px;
    font-size: 12px;
  }
  .c-clinicfor__evaluation .evaluation__star {
    inline-size: 120px;
    -webkit-margin-start: 8px;
            margin-inline-start: 8px;
    padding-block: 5px;
    line-height: 1;
  }
  .c-clinicfor__basis {
    font-size: 10px;
  }
  .c-clinicfor__basis::after {
    inline-size: 14px;
    block-size: 14px;
  }
  .c-clinicfor .c-tab_content img {
    inline-size: 100%;
  }
  .c-clinicfor__table {
    -webkit-margin-before: 24px;
            margin-block-start: 24px;
  }
  .c-clinicfor__table table {
    inline-size: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #d2d0d0;
    border-left: 1px solid #d2d0d0;
  }
  .c-clinicfor__table table th,
.c-clinicfor__table table td {
    padding-block: 8px;
  }
  .c-clinicfor__table table th {
    font-size: 12px;
  }
  .c-clinicfor__table table th > span {
    font-size: 10px;
  }
  .c-clinicfor__table table td {
    font-size: 12px;
  }
  .c-clinicfor__table table td > span {
    font-size: 10px;
  }
  .c-clinicfor__table table td.yen {
    font-size: 20px;
  }
  .c-clinicfor__table table td.yen > span {
    font-size: 12px;
  }
}

/* --------------------------------------------------
検索結果ページ
-------------------------------------------------- */
/**
* 再検索フォーム（Modal）のタイトル
**/
.c-Modal_title_search {
  padding: 0;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-Modal_title_search:before {
  display: block;
  content: "";
  margin-right: 2.1333333333vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./img/icon/icon_search_black.png) center no-repeat;
  background-size: contain;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-Modal_title_search:before {
    margin-right: 8px;
    width: 24px;
    height: 24px;
  }
}

/**
* 検索結果：ヘッドコンテンツ
**/
.result_head {
  padding: 0;
  margin: 0 auto;
  width: 91.4666666667vw;
  background-color: #ffffff;
}
@media screen and (min-width: 769px) {
  .result_head {
    width: 740px;
  }
}

/**
* 検索条件
**/
.c-search_selected {
  padding: 7.4666666667vw 0 5.3333333333vw;
  margin: 0 auto;
  width: 91.4666666667vw;
  border-bottom: 0.2666666667vw solid rgba(33, 33, 33, 0.12);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-search_selected {
    padding: 28px 0 20px;
    width: 740px;
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
  }
}
.c-search_selected_label {
  padding: 0;
  margin: 0;
  width: 26.6666666667vw;
  font-weight: bold;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-search_selected_label {
    width: 120px;
  }
}
.c-search_selected_value {
  padding: 0;
  margin: 0;
  width: auto;
  flex-grow: 1;
  flex-shrink: 1;
}
.c-search_selected_value span:not(:last-child):after {
  content: "/";
}

/**
* 再検索のナビ
**/
.c-researchNavi {
  display: block;
  padding: 4.2666666667vw 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-researchNavi {
    padding: 16px 0;
  }
}

.c-topfixedNavi {
  display: none;
  padding: 4.2666666667vw 0;
  margin: 0;
  width: 100%;
  height: 21.8666666667vw;
  background-color: #ffffff;
  box-shadow: 0 0.5333333333vw 1.0666666667vw rgba(33, 33, 33, 0.26);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .c-topfixedNavi {
    padding: 16px 0;
    height: 82px;
    box-shadow: 0 2px 4px rgba(33, 33, 33, 0.26);
  }
}

.c-bottomfixedNavi {
  display: none;
  padding: 4.2666666667vw 0;
  margin: 0;
  width: 100%;
  height: 21.8666666667vw;
  background-color: #ffffff;
  box-shadow: 0.5333333333vw 0 1.0666666667vw rgba(33, 33, 33, 0.26);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .c-bottomfixedNavi {
    padding: 16px 0;
    height: 82px;
    box-shadow: 2px 0 4px rgba(33, 33, 33, 0.26);
  }
}

/**
* 再検索ボタン
**/
.c-researchBtn {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0 auto 1.0666666667vw;
  width: 74.6666666667vw;
  height: 13.3333333333vw;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  color: #212121;
  background-color: #5d6a7d;
  border-radius: 1.0666666667vw;
  box-shadow: 0 1.0666666667vw 0 rgba(33, 33, 33, 0.26);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-researchBtn {
    padding: 16px;
    margin: 0 auto 4px;
    width: 280px;
    height: 50px;
    border-radius: 4px;
    box-shadow: 0 4px 0 rgba(33, 33, 33, 0.26);
  }
}
.c-researchBtn.u-displaytype_embed:before {
  display: block;
  content: "";
  margin-right: 2.1333333333vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./img/arrow/u-arrow_black.png) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-researchBtn.u-displaytype_embed:before {
    margin-right: 8px;
    width: 24px;
    height: 24px;
  }
}
.c-researchBtn.u-displaytype_modal:before {
  display: block;
  content: "";
  margin-right: 2.1333333333vw;
  width: 6.4vw;
  height: 6.4vw;
  background: url(./img/icon/icon_search_black.png) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .c-researchBtn.u-displaytype_modal:before {
    margin-right: 8px;
    width: 24px;
    height: 24px;
  }
}
.c-researchBtn:hover, .c-researchBtn:focus, .c-researchBtn:visited, .c-researchBtn:active {
  color: #212121;
  text-decoration: none;
}
.c-researchBtn:hover {
  opacity: 0.5;
}

/**
* 検索結果
**/
.c-search_result {
  padding: 0;
  margin: 0 0 4.2666666667vw 4.2666666667vw;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-search_result {
    margin: 0 auto 24px;
    width: 692px;
  }
}

/**
* 検索結果：該当件数
**/
.c-search_result_count {
  padding: 0;
  margin: 0;
  width: 13.3333333333vw;
  color: rgba(33, 33, 33, 0.54);
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-search_result_count {
    width: 60px;
  }
}
.c-search_result_count_number {
  padding: 0;
  margin: 0 0.5333333333vw 0 0;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #13183e;
}
@media screen and (min-width: 769px) {
  .c-search_result_count_number {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-search_result_count_number {
    margin: 0 2px 0 0;
  }
}

/**
* 検索結果：並び替え
**/
.c-search_result_sort {
  padding: 0;
  margin: 0;
  width: auto;
}

.c-search_result_sortList {
  padding: 0;
  margin: 0;
  width: auto;
  list-style: none;
  overflow-x: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.c-search_result_sortList_item {
  padding: 0;
  margin: 0;
  list-style: none;
  flex-grow: 0;
  flex-shrink: 0;
}
.c-search_result_sortList_item:last-of-type {
  padding-right: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .c-search_result_sortList_item:last-of-type {
    padding-right: 0;
  }
}
.c-search_result_sortList button {
  padding: 3.2vw 2.1333333333vw;
  margin: 0;
  font-weight: bold;
  color: rgba(33, 33, 33, 0.54);
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-search_result_sortList button {
    padding: 12px 8px;
  }
}
.c-search_result_sortList button:hover {
  background-color: rgba(30, 136, 229, 0.08);
}
.c-search_result_sortList button.mixitup-control-active, .c-search_result_sortList button.active, .c-search_result_sortList button.is-active {
  color: #14183e;
}
.c-search_result_sortList button.mixitup-control-active:after, .c-search_result_sortList button.active:after, .c-search_result_sortList button.is-active:after {
  display: block;
  content: "";
  width: 10.6666666667vw;
  height: 1.0666666667vw;
  background-color: #14183e;
  border-radius: 1.0666666667vw;
  transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .c-search_result_sortList button.mixitup-control-active:after, .c-search_result_sortList button.active:after, .c-search_result_sortList button.is-active:after {
    width: 40px;
    height: 4px;
    border-radius: 4px;
  }
}

/**
* 検索結果：該当案件一覧（並び替え対象）
**/
#c-result_ankenList {
  padding: 0;
  margin: 0 auto;
  width: 91.4666666667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #c-result_ankenList {
    padding: 30px 0 0;
    width: 740px;
  }
}

.c-basis-table {
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
}
.c-basis-table .table-scroll {
  overflow: auto;
}
.c-basis-table table {
  inline-size: 750px;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #D2D0D0;
  border-left: 1px solid #D2D0D0;
  table-layout: fixed;
}
.c-basis-table table th, .c-basis-table table td {
  border-bottom: 1px solid #D2D0D0;
  border-right: 1px solid #D2D0D0;
}
.c-basis-table table th.has_bg, .c-basis-table table td.has_bg {
  background: #D9EDF2;
}
.c-basis-table table th {
  padding: 20px 4px;
  background: #F5F5F5;
  font-size: 12px;
}
.c-basis-table table td {
  padding: 10px 4px;
  font-size: 10px;
}
.c-basis-table table thead td {
  inline-size: 80px;
}
.c-basis-table table thead th:first-of-type {
  inline-size: 132px;
}
.c-basis-table table tbody td:not(.has_bg) {
  text-align: center;
}
.c-basis-table__note {
  -webkit-margin-before: 5px;
          margin-block-start: 5px;
  font-size: 12px;
  line-height: 2.2;
}
@media screen and (max-width: 768px) {
  .c-basis-table {
    padding-inline: 16px;
  }
}

.image-based {
  background: #000;
}
.image-based .l-container {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .image-based .l-container {
    width: 750px;
  }
}
.image-based a:hover {
  opacity: 0.75;
}

.l-cta {
  position: relative;
  block-size: auto;
}
.l-cta-btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  inline-size: 92%;
  text-align: center;
  transform: translateX(-50%);
}
.l-cta.bg-black {
  block-size: 18vh;
  background: #000;
}
.l-cta.bg-black .l-cta-btn {
  bottom: 20%;
}
@media screen and (min-width: 480px) {
  .l-cta.bg-black {
    block-size: 30vh;
  }
}

.l-mov {
  position: relative;
  max-inline-size: 750px;
}
.l-mov img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.has_bg {
  position: relative;
  display: block;
  max-inline-size: 750px;
  aspect-ratio: 25/14;
  background-image: url("./img/image-based/bg-mov-mv.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

video {
  display: block;
  block-size: auto;
}
video.mov-under-mv {
  position: absolute;
  top: 50%;
  left: 50%;
  max-inline-size: 65%;
  transform: translate(-50%, -50%);
}
video.mov-01 {
  position: absolute;
  bottom: 0;
  right: 10%;
  inline-size: 130px;
}
@media screen and (min-width: 480px) {
  video.mov-01 {
    right: 7%;
    inline-size: 260px;
  }
}
video.mov-case {
  position: absolute;
  bottom: 0;
  left: 50%;
  inline-size: 47%;
  transform: translateX(-50%);
}
@media screen and (min-width: 480px) {
  video.mov-case {
    inline-size: 47%;
  }
}

.img-box.has-btn {
  position: relative;
}
.img-box.has-btn img {
  display: block;
}
.img-box.has-btn a {
  position: absolute;
  bottom: -3vw;
}

.Section__titleLevel1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  text-align: center;
  z-index: 10;
}

.Section__titleLevel1Label {
  align-items: center;
  color: #217fd1;
  display: flex;
  font-size: 2.4rem;
  font-weight: 300;
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.Section__titleLevel1Label:after, .Section__titleLevel1Label:before {
  background-color: #217fd1;
  content: "";
  display: inline-block;
  height: 1px;
  width: 100px;
}
@media (max-width: 460px) {
  .Section__titleLevel1Label:after, .Section__titleLevel1Label:before {
    width: 45px;
  }
}
.Section__titleLevel1Label:before {
  margin-right: 10px;
}
.Section__titleLevel1Label:after {
  margin-left: 10px;
}
.Section__titleLevel1Label + .Section__titleLevel1Text {
  margin-top: 10px;
}
@media (max-width: 460px) {
  .Section__titleLevel1Label {
    font-size: 1.6rem;
  }
}

.Section {
  padding-top: 80px;
}

.Section__titleLevel1Text {
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Yu Gothic, Meiryo, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media (max-width: 460px) {
  .Section__titleLevel1Text {
    font-size: 2.4rem;
  }
}

.Section__content {
  margin-top: 50px;
}

._Flow__listItem:not(:first-child) {
  margin-top: 60px;
}

._FaqItem {
  overflow: hidden;
}
._FaqItem:not(:first-child) {
  margin-top: 60px;
}
@media (max-width: 460px) {
  ._FaqItem:not(:first-child) {
    margin-top: 30px;
  }
}
._FaqItem__title {
  align-items: center;
  background-color: #0d6cbe;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 3.8rem;
  letter-spacing: 0;
  line-height: 1.2631578947;
  min-height: 180px;
  padding: 42px 90px;
  position: relative;
  z-index: 1;
}
._FaqItem__title:before {
  background-image: url(./img/day-aga/1dayaga-bg-Q.png);
  background-size: auto 100%;
  display: inline-block;
  height: 130px;
  left: -2px;
  top: -1px;
  width: 113px;
  z-index: -1;
}
._FaqItem__title:after, ._FaqItem__title:before {
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
._FaqItem__title:after {
  background-image: url(./img/day-aga/icon_chevron.svg);
  background-size: contain;
  bottom: 0;
  height: 20px;
  margin-block: auto;
  pointer-events: none;
  right: 40px;
  top: 0;
  transform: rotate(180deg);
  transition: transform 0.3s;
  width: 34px;
}
@media (max-width: 460px) {
  ._FaqItem__title {
    font-size: 2rem;
    min-height: 100px;
    padding: 18px 30px;
  }
  ._FaqItem__title:before {
    height: 80px;
  }
  ._FaqItem__title:after {
    height: 15px;
  }
}
._FaqItem.is-expanded ._FaqItem__title:after {
  transform: rotate(0);
}
._FaqItem__content {
  background-color: #f5f8fc;
  padding: 40px 30px 60px;
}
._FaqItem__text {
  font-size: 3.2rem;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.5625;
  text-align: justify;
}
@media (max-width: 460px) {
  ._FaqItem__text {
    font-size: 2rem;
  }
}
._FaqItem__note {
  margin-top: 49px;
}
._FaqItem__noteTitle {
  font-size: 3.2rem;
  letter-spacing: 0;
  line-height: 1.5625;
}

._Area {
  background: linear-gradient(90deg, #e1ebf4, #f4faff);
  padding-block: 50px 120px;
  padding-inline: 30px;
}
@media (max-width: 460px) {
  ._Area {
    padding-block: 40px 80px;
    padding-inline: 20px;
  }
}

._AreaItem:not(:first-child) {
  margin-top: 50px;
}
@media (max-width: 460px) {
  ._AreaItem:not(:first-child) {
    margin-top: 30px;
  }
}

._AreaItem__title {
  align-items: center;
  background-color: #217fd1;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 3.8rem;
  height: 90px;
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
  position: relative;
}
._AreaItem__title:before, ._AreaItem__title:after {
  background-color: #fff;
  content: "";
  height: 4px;
  position: absolute;
  right: 30px;
  transition: all 0.3s;
  width: 50px;
}
._AreaItem__title:before {
  transform: rotate(90deg);
}
@media (max-width: 460px) {
  ._AreaItem__title {
    font-size: 2rem;
    height: 50px;
    padding: 18px 30px;
  }
  ._AreaItem__title:before, ._AreaItem__title:after {
    height: 2px;
    width: 20px;
  }
}
._AreaItem.is-expanded ._AreaItem__title:before {
  transform: rotate(180deg);
}
._AreaItem.is-expanded ._AreaItem__title:after {
  opacity: 0;
}
._AreaItem__content {
  background-color: #fff;
  padding: 50px 30px 70px;
}
@media (max-width: 460px) {
  ._AreaItem__content {
    padding: 20px 20px 20px;
  }
}

._Clinic:not(:first-child) {
  margin-top: 70px;
}

._Clinic__title {
  align-items: center;
  background-color: #f5f8fc;
  color: #217fd1;
  display: flex;
  font-size: 3rem;
  height: 60px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.5;
}
@media (max-width: 460px) {
  ._Clinic__title {
    font-size: 2rem;
  }
}
._Clinic__map {
  aspect-ratio: 9/5;
  height: auto;
  margin-top: 20px;
  width: 100%;
}
._Clinic__map iframe {
  border: 0;
  height: 100%;
  width: 100%;
}
._Clinic__item {
  margin-top: 40px;
}
._Clinic__term {
  align-items: center;
  display: flex;
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5;
  margin-top: 30px;
}
._Clinic__term:before {
  background-color: #217fd1;
  content: "";
  display: inline-block;
  height: 4px;
  margin-right: 10px;
  transform: translateY(-1px);
  width: 40px;
}
@media (max-width: 460px) {
  ._Clinic__term {
    font-size: 1.5rem;
  }
  ._Clinic__term:before {
    height: 2px;
  }
}
._Clinic__description {
  margin-top: 20px;
}
@media (max-width: 460px) {
  ._Clinic__description {
    font-size: 1.5rem;
  }
}
._Clinic__description:not(:last-child) {
  border-bottom: 2px solid #ddd;
  padding-bottom: 28px;
}
@media (max-width: 460px) {
  ._Clinic__description:not(:last-child) {
    padding-bottom: 20px;
  }
}
._Clinic__tel {
  color: #000 !important;
  text-decoration: none;
}

.day-aga-footer {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding-block: 40px;
  background-color: #0d6cbe;
}
.day-aga-footer ul {
  width: 80%;
  margin: 2.4rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5em;
}
.day-aga-footer ul li {
  margin: 0;
  list-style-type: none;
}
.day-aga-footer ul a {
  color: #fff;
  font-size: 1.1em;
  text-decoration: underline;
}

.footer-logo {
  width: 35%;
  margin: 0 auto;
}

.footer-copyright {
  width: 60%;
  margin: 0 auto;
}

.floating {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 750px;
  width: calc(100% - 40px);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.floating.is-visible {
  opacity: 1;
  visibility: visible;
}
.floating.is-hidden {
  opacity: 0;
  visibility: hidden;
}
.floating a {
  display: block;
  width: 100%;
  background: linear-gradient(102deg, #25d7e0 2.13%, #3ca4ff 90.9%);
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  text-decoration: none;
  overflow: hidden;
}
.floating a img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 460px) {
  .floating {
    width: calc(100% - 20px);
    bottom: 15px;
  }
}

.Form {
  padding-bottom: 80px;
}

.Form > .inner {
  width: 96%;
  padding-inline: 2%;
}

.Form__text {
  font-size: 3.2rem;
  line-height: 1.5625;
  margin-top: 40px;
}
@media (max-width: 460px) {
  .Form__text {
    font-size: 1.8rem;
  }
}

.Form__text.-privacy {
  line-height: 1.6875;
}

.Form__content {
  margin-top: 72px;
}
@media (max-width: 460px) {
  .Form__content {
    margin-top: 40px;
  }
}

.Form__item:not(:first-child) {
  margin-top: 40px;
}

.Form__item > dd {
  margin-top: 16px;
  width: 100%;
}

.Form__item > dd .Form__item:not(:first-child) {
  margin-top: 32px;
}

.Form__item > dd dd {
  margin-top: 8px;
}

.Form__item > dd dd > .Form__holder:not(:first-child) {
  margin-top: 32px;
}

.Form__itemLabel,
.Form__itemType {
  align-items: center;
  display: flex;
}

.Form__itemType {
  background-color: #217fd1;
  border-radius: 90px;
  color: #fff;
  flex-shrink: 0;
  font-size: 2.4rem;
  height: 40px;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-right: 12px;
  width: 90px;
}
@media (max-width: 460px) {
  .Form__itemType {
    font-size: 1.4rem;
    height: 20px;
    width: 50px;
  }
}

.Form__itemType.-required {
  background-color: #f00;
}

.Form__itemName {
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2;
}
@media (max-width: 460px) {
  .Form__itemName {
    font-size: 1.8rem;
  }
}

.Form__holder.has-chevron,
.Form__holder.has-select {
  display: inline-block;
  position: relative;
  width: 100%;
}

.Form__holder.has-chevron:after,
.Form__holder.has-chevron:before,
.Form__holder.has-select:after,
.Form__holder.has-select:before {
  content: "";
  display: inline-block;
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
}

.Form__holder.has-chevron:before,
.Form__holder.has-select:before {
  background-color: #217fd1;
  height: 100%;
  right: 0;
  top: 50%;
  width: 104px;
}
@media (max-width: 460px) {
  .Form__holder.has-chevron:before,
.Form__holder.has-select:before {
    width: 50px;
  }
}

.Form__holder.has-chevron:after,
.Form__holder.has-select:after {
  background: url(./img/day-aga/icon_chevron-s.svg) no-repeat 50%;
  background-size: contain;
  height: 14px;
  right: 39px;
  top: 50%;
  width: 26px;
}
@media (max-width: 460px) {
  .Form__holder.has-chevron:after,
.Form__holder.has-select:after {
    width: 14px;
    right: 18px;
  }
}

.Form__holder.has-chevron input::-moz-placeholder {
  color: #000;
}

.Form__holder.has-chevron input::placeholder {
  color: #000;
}

.Form__itemSubTitle {
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2;
}
@media (max-width: 460px) {
  .Form__itemSubTitle {
    font-size: 1.8rem;
  }
}

.Form__itemSubTitle.-hidden {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.Form__input,
.Form__select,
.Form__textarea {
  border: 2px solid #d9d9d9;
  border-radius: 4px;
  font-size: 3.2rem;
  height: 104px;
  letter-spacing: 0;
  line-height: 2;
  outline: none;
}
@media (max-width: 460px) {
  .Form__input,
.Form__select,
.Form__textarea {
    font-size: 1.8rem;
    height: 50px;
  }
}

.Form__input:focus,
.Form__select:focus,
.Form__textarea:focus {
  border-color: #217fd1;
}

.Form__input.is-Thanks,
.Form__select.is-Thanks,
.Form__textarea.is-Thanks {
  border-color: #f00;
}

.Form__input {
  background-color: #fff !important;
  padding-inline: 24px;
  width: 100%;
}

.Form__select {
  cursor: pointer;
  padding-inline: 24px 102px;
  width: 100%;
}

.Form__Thanks {
  color: #f00;
  font-size: 2.8rem;
  letter-spacing: 0;
  line-height: 2;
  margin-top: 10px;
}

.Form__submit {
  margin-top: 70px;
}

.Form__submit button {
  align-items: center;
  background: linear-gradient(102deg, #25d7e0 2.13%, #3ca4ff 90.9%);
  border: none;
  border-radius: 90px;
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
  display: flex;
  font-size: 3.2rem;
  font-weight: 700;
  height: 120px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.5;
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}
@media (max-width: 460px) {
  .Form__submit button {
    font-size: 1.8rem;
    height: 60px;
  }
}

/* ==============================================
   Flatpickr DatePicker Custom Styles
============================================== */
/* カレンダー全体のスタイル */
.flatpickr-calendar {
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  z-index: 9999;
}

/* カレンダーヘッダー */
.flatpickr-current-month {
  font-size: 1.6rem;
  font-weight: 700;
  color: #333;
}
@media (max-width: 460px) {
  .flatpickr-current-month {
    font-size: 1.4rem;
  }
}

/* 前/次ボタン */
.flatpickr-prev-month,
.flatpickr-next-month {
  fill: #25d7e0;
  transition: fill 0.2s ease;
}
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  fill: #3ca4ff;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 16px;
  height: 16px;
}

/* 曜日ヘッダー */
.flatpickr-weekday {
  font-size: 1.4rem;
  font-weight: 600;
  color: #666;
}
@media (max-width: 460px) {
  .flatpickr-weekday {
    font-size: 1.2rem;
  }
}

/* 日付セル */
.flatpickr-day {
  font-size: 1.4rem;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease;
  /* ホバー時 */
  /* 選択済み日付 */
  /* 今日の日付 */
  /* 無効化された日付 */
  /* 前月・来月の日付 */
}
@media (max-width: 460px) {
  .flatpickr-day {
    font-size: 1.2rem;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
.flatpickr-day:hover {
  background-color: rgba(37, 215, 224, 0.1);
  border-color: #25d7e0;
}
.flatpickr-day.selected {
  background: linear-gradient(102deg, #25d7e0 2.13%, #3ca4ff 90.9%);
  border-color: transparent;
  color: #fff;
  font-weight: 700;
}
.flatpickr-day.today {
  border-color: #25d7e0;
  color: #25d7e0;
  font-weight: 600;
}
.flatpickr-day.today:hover {
  background-color: rgba(37, 215, 224, 0.2);
}
.flatpickr-day.flatpickr-disabled {
  color: #ccc;
  background-color: #f8f8f8;
  cursor: not-allowed;
}
.flatpickr-day.flatpickr-disabled:hover {
  background-color: #f8f8f8;
  border-color: #ddd;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  color: #ccc;
}
.flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* 入力フィールドにカーソルスタイルを追加 */
.Form__input[readonly] {
  cursor: pointer;
}

/* has-chevronクラスがついている場合のアイコン調整 */
.Form__holder.has-chevron .Form__input[readonly] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 2V6M16 2V6M3 10H21M5 4H19C20.1046 4 21 4.89543 21 6V20C21 21.1046 20.1046 22 19 22H5C3.89543 22 3 21.1046 3 20V6C3 4.89543 3.89543 4 5 4Z' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 24px center;
  background-size: 20px 20px;
}

/* モバイル対応 */
@media (max-width: 460px) {
  .flatpickr-calendar {
    border-radius: 8px;
    font-size: 1.4rem;
  }
  .flatpickr-months {
    padding: 12px;
  }
  .flatpickr-weekdays {
    padding: 0 12px;
  }
  .flatpickr-days {
    padding: 0 12px 12px;
  }
}
.Section._Thanks {
  padding-top: 80px;
}

._Thanks .Section__content {
  margin-top: 64px;
}

._Thanks__message {
  padding: 0 60px 120px;
}
@media (max-width: 460px) {
  ._Thanks__message {
    padding: 0 20px 60px;
  }
}

._Thanks__messageTitle {
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2571428571;
  text-align: center;
}
@media (max-width: 460px) {
  ._Thanks__messageTitle {
    font-size: 2.4rem;
  }
}

._Thanks__messageText {
  margin-top: 24px;
  font-size: 2.4rem;
}
@media (max-width: 460px) {
  ._Thanks__messageText {
    font-size: 1.8rem;
  }
}

._Thanks__tel-box {
  margin-top: 64px;
  text-align: center;
}

._Thanks__tel-title {
  align-items: center;
  display: flex;
  font-size: 3.2rem;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.28125;
}

._Thanks__tel-title:after,
._Thanks__tel-title:before {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  width: 50px;
}

._Thanks__tel-title:before {
  margin-right: 15px;
}

._Thanks__tel-title:after {
  margin-left: 15px;
}

._Thanks__tel-number {
  color: #0d6cbe !important;
  display: inline-block;
  font-family: Hiragino Mincho ProN, Yu Mincho, HGS明朝E, serif;
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  margin-top: 8px;
  text-decoration: none;
}