@charset "UTF-8";
/*
Theme Name:tenshoku_hub
Description:転職ハブ
Author:
Version: 1.0
*/
/*
* 使用カラーの定義
*/
/*--------------------------------------------body*/
html {
  font-size: 62.5%;
}

body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", "Noto Sans JP", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.8;
  background: #f9f9f9;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  color: #000000;
}

p {
  margin-bottom: 20px;
  font-size: 1.5rem;
}

li {
  font-size: 1.5rem;
}

/* リセット
---------------------------------*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

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

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

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

::selection {
  background: #141414;
  color: #FFFFFF;
}

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

hr {
  display: none;
}

:root ul {
  letter-spacing: -1px;
  word-spacing: -1px;
  list-style: 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;
}

/*
* 画像のパス
*/
.u-color__primary {
  color: #01012C;
  font-weight: bold;
}

.u-color__secondary {
  color: #D9BA4A;
  font-weight: bold;
}

.u-color__red {
  color: #c11b26;
  font-weight: bold;
}

.u-color__blue {
  color: #00A0E8;
}

a {
  color: #1A73E8;
}

.c-post-content img,
.u-media-img {
  display: block;
  margin: 1.6rem auto;
}

.u-img-banner {
  display: block;
  margin: 1.6rem auto;
  height: auto;
}
.u-img-banner__b {
  display: block;
  margin: 1.6rem auto;
  height: auto;
}
.u-img-banner__b:hover {
  opacity: 0.7;
}
.u-img-banner__c {
  display: block;
  margin: 1.6rem auto;
  height: auto;
}
.u-img-banner__c:hover {
  opacity: 0.7;
}
.u-img-banner:hover {
  opacity: 0.7;
}

.u-font-style_notes {
  font-size: 1.2rem;
  color: #575757;
  margin-bottom: 0.8rem;
  line-height: 1.4;
  display: block;
}

.u-font_date {
  font-size: 12px;
  text-align: right;
}

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

.u-font__normal {
  font-weight: normal;
}

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

.u-sp-none {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-sp-none {
    display: block;
  }
}

iframe.u-pc-none {
  margin: 0 auto 10px;
}

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

iframe.u-sp-none {
  margin: 0 auto 10px;
}

.u-align__center {
  text-align: center;
}
.u-align__right {
  text-align: right;
}

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

.u-mrb--10 {
  margin-bottom: 10px !important;
}

.u-mrb--20 {
  margin-bottom: 20px !important;
}

.u-mrb--30 {
  margin-bottom: 30px !important;
}

.u-mrb--40 {
  margin-bottom: 40px !important;
}

.u-mrb--50 {
  margin-bottom: 50px !important;
}

.u-mrb--60 {
  margin-bottom: 60px !important;
}

.u-mrb--70 {
  margin-bottom: 70px !important;
}

.u-mrb--80 {
  margin-bottom: 80px !important;
}

.u-mrb--90 {
  margin-bottom: 90px !important;
}

.u-mrb--100 {
  margin-bottom: 100px !important;
}

.external::after {
  display: inline-block;
  content: "";
  margin: 0 5px;
  background: url(img/arrow-up.svg) no-repeat left bottom;
  background-size: contain;
  width: 16px;
  height: 17px;
  top: 1px;
  position: relative;
}

.u-url {
  word-break: break-all;
}

.u-border {
  border: 1px solid #d9ba4a;
}

.c-main {
  counter-reset: h2-num;
}
.c-main h2::before {
  counter-increment: h2-num;
  content: counter(h2-num) ". ";
}

.u-underline {
  display: inline-block;
}
.u-underline.yellow {
  background: linear-gradient(transparent 90%, yellow 2%);
}

br.pc {
  display: none;
}
br.sp {
  display: block;
}
@media screen and (min-width: 768px) {
  br.pc {
    display: block;
  }
  br.sp {
    display: none;
  }
}

.l-content-wrap {
  width: 100%;
  padding: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .l-content-wrap {
    max-width: 1000px;
    margin: 0 auto;
  }
}

.l-content {
  -webkit-margin-before: 75px;
          margin-block-start: 75px;
}
.l-content.bread-top {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
@media screen and (min-width: 768px) {
  .l-content {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 32px auto 0;
  }
  .l-content.bread-top {
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .l-main {
    max-width: 800px;
    width: 70%;
  }
}

.l-main-visual {
  padding-top: 56px;
}
@media screen and (min-width: 768px) {
  .l-main-visual {
    padding-top: 157px;
  }
}

@media screen and (min-width: 768px) {
  .l-sidebar {
    width: 28%;
    padding-bottom: 24px;
  }
}
.l-sidebar.new-side {
  margin-top: -28px;
}
@media screen and (min-width: 768px) {
  .l-sidebar.new-side {
    margin-top: 0;
  }
}

.l-content-top {
  overflow-x: hidden;
  background-color: #fff;
  -webkit-padding-before: 80px;
          padding-block-start: 80px;
}
@media screen and (min-width: 768px) {
  .l-content-top {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
}

.c-reviews {
  position: relative;
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
  padding-block: 43px 24px;
  padding-inline: 16px;
  border: 1px solid #d3eefb;
}
.c-reviews:first-of-type {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.c-reviews__midashi {
  position: absolute;
  top: 0;
  left: 16px;
  display: flex;
  align-items: center;
  gap: 2px;
  padding-block: 10px;
  padding-inline: 8px;
  background-color: #00a0e8;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
}
.c-reviews__midashi::before {
  content: "";
  display: inline-block;
  inline-size: 15px;
  block-size: 15px;
  background-image: url("./img/icon_microphone.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-reviews__attr {
  display: flex;
  gap: 16px;
}
.c-reviews__ttl {
  grid-area: ttl;
  inline-size: 100%;
  font-size: 15px;
  font-weight: bold;
}
.c-reviews__img {
  inline-size: 64px;
  block-size: 64px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-reviews__img.male1 {
  background-image: url("./img/avatar/icon_personal_male1.svg");
}
.c-reviews__img.male2 {
  background-image: url("./img/avatar/icon_personal_male2.svg");
}
.c-reviews__img.male3 {
  background-image: url("./img/avatar/icon_personal_male3.svg");
}
.c-reviews__img.female1 {
  background-image: url("./img/avatar/icon_personal_female1.svg");
}
.c-reviews__img.female2 {
  background-image: url("./img/avatar/icon_personal_female2.svg");
}
.c-reviews__img.female3 {
  background-image: url("./img/avatar/icon_personal_female3.svg");
}
.c-reviews__evaluation {
  display: grid;
  grid-template-rows: 30px 12px;
  grid-template-columns: repeat(5, auto);
  grid-template-areas: "ttl ttl ttl ttl ttl" "sougou yorisoi senmon manzoku support";
  align-content: center;
  gap: 8px 4px;
  inline-size: calc(100% - 80px);
}
.c-reviews__evaluation .evaluation {
  display: flex;
  align-items: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: 12px;
  font-size: 10px;
}
.c-reviews__evaluation .evaluation .rate {
  display: flex;
  align-items: center;
  block-size: 12px;
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
  color: #00a0e8;
  font-size: 12px;
  font-weight: bold;
}
.c-reviews__evaluation .evaluation.sougou {
  grid-area: sougou;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  font-weight: bold;
}
.c-reviews__evaluation .evaluation.sougou .rate {
  color: #000;
}
.c-reviews__evaluation .evaluation.sougou .stars {
  position: relative;
  display: inline-block;
  inline-size: 60px;
  block-size: 12px;
}
.c-reviews__evaluation .evaluation.sougou .stars::before, .c-reviews__evaluation .evaluation.sougou .stars::after {
  content: "★★★★★";
  position: absolute;
  top: 0;
  left: 8px;
  display: inline-block;
  block-size: 12px;
  font-size: 12px;
  line-height: 12px;
}
@media screen and (max-width: 767px) {
  .c-reviews__evaluation .evaluation.sougou .stars::before, .c-reviews__evaluation .evaluation.sougou .stars::after {
    left: 0;
  }
}
.c-reviews__evaluation .evaluation.sougou .stars::before {
  color: #d9d9d9;
}
.c-reviews__evaluation .evaluation.sougou .stars::after {
  inline-size: calc(var(--star) * 12px);
  color: #f5c912;
  overflow: hidden;
}
.c-reviews__evaluation .evaluation.yorisoi {
  grid-area: yorisoi;
}
.c-reviews__evaluation .evaluation.senmon {
  grid-area: senmon;
}
.c-reviews__evaluation .evaluation.manzoku {
  grid-area: manzoku;
}
.c-reviews__evaluation .evaluation.support {
  grid-area: support;
}
.c-reviews__info {
  -webkit-margin-before: 12px;
          margin-block-start: 12px;
  padding-block: 12px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.c-reviews__info .info {
  font-size: 15px;
}
.c-reviews__info .info span {
  display: inline-block;
  inline-size: 120px;
  font-weight: bold;
}
.c-reviews__content {
  max-block-size: 90px;
  -webkit-margin-before: 12px;
          margin-block-start: 12px;
  -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
          mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.c-reviews__content.expanded {
  max-block-size: 20000px;
  -webkit-mask-image: none;
          mask-image: none;
}
.c-reviews__content > p,
.c-reviews__content > img {
  margin-block: 12px 0;
}
.c-reviews__content > p {
  font-size: 14px;
}
.c-reviews__title {
  padding: 8px;
  background-color: #d3eefb;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
.c-reviews__readmore {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 200px;
  margin: 10px auto 0;
  padding-block: 10px;
  background-color: #00a0e8;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.c-reviews__readmore::after {
  content: "＋";
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 14px;
  block-size: 14px;
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem;
  background-color: #fff;
  color: #00a0e8;
  font-size: 14px;
}
.expanded + .c-reviews__readmore::after {
  content: "−";
}
@media screen and (max-width: 767px) {
  .c-reviews {
    padding-block: 30px 16px;
    padding-inline: 8px;
  }
  .c-reviews__midashi {
    left: 8px;
    padding-block: 4px;
    font-size: 10px;
  }
  .c-reviews__evaluation {
    grid-template-rows: 25px 12px 12px;
    grid-template-columns: 30% 35% 35%;
    grid-template-areas: "ttl ttl ttl" "sougou yorisoi senmon" "sougou manzoku support";
    gap: 4px;
  }
  .c-reviews__evaluation .evaluation.sougou {
    flex-wrap: wrap;
    align-self: flex-start;
  }
  .c-reviews__evaluation .evaluation.sougou .stars {
    inline-size: 100%;
  }
  .c-reviews__attr {
    gap: 8px;
  }
  .c-reviews__ttl {
    font-size: 12px;
  }
  .c-reviews__info .info {
    font-size: 10px;
  }
  .c-reviews__info .info span {
    inline-size: 80px;
  }
}

.c-header {
  background: #fff;
  position: relative;
  z-index: 1000;
  width: 100%;
  transition: 1s;
  -webkit-transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .c-header {
    border-bottom: 2px solid #333;
  }
}
@media screen and (min-width: 768px) {
  .c-header.js-active {
    transform: translateY(-81px);
  }
}
.c-header__bg {
  background: #fff;
}
.c-header__inner {
  width: 100%;
  padding: 8px 8px 4px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .c-header__inner {
    text-align: left;
    max-width: 1420px;
    margin: 0 auto;
    padding: 8px 20px;
  }
}
.c-header__wrap {
  position: relative;
  -webkit-padding-after: 30px;
          padding-block-end: 30px;
  text-align: left;
}
.c-header__logo {
  display: inline-block;
  max-width: 225px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-header__logo {
    padding: 0;
    max-width: 310px;
    width: 100%;
  }
}
.c-header__logo__img {
  width: 100%;
}
.c-header__logo:hover {
  opacity: 0.7;
}
.c-header__text {
  position: absolute;
  left: 35%;
  display: block;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  line-height: 2.4em;
  text-decoration: none;
}
.c-header__nav__parent {
  display: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-header__nav__parent {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1000px;
    margin: auto;
  }
}
.c-header__nav__parent:before {
  content: "";
  height: 30px;
  width: 1px;
  background: #A0A0A0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
}
.c-header__nav__parent__list {
  width: 14.2857142857%;
  position: relative;
  transition: background-color 0.3s;
  background: #fff;
}
.c-header__nav__parent__list:hover {
  background: #FFF100;
}
.c-header__nav__parent__list:before {
  content: "";
  height: 30px;
  width: 1px;
  background: #A0A0A0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
}
.c-header__nav__parent__list a {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  transition: color 0.1s;
  position: relative;
  color: #333;
  text-decoration: none;
  padding: 12px 0;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 1000px) {
  .c-header__nav__parent__list a {
    font-size: 1.4vw;
  }
}
.c-header__nav__parent__list a span {
  position: relative;
}
.c-header__nav__parent__list a span img {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: block;
  position: absolute;
  left: -42px;
  top: -5px;
}
.c-header__nav__parent__list a span img.icon-net-securities {
  width: 34px;
  height: 34px;
}
.c-header__nav__child {
  background-color: rgba(255, 255, 255, 0.95);
  position: fixed;
  width: 100vw;
  margin-left: auto;
  left: 0;
  margin-top: 1px;
  transition: 3s;
  display: none;
}
.c-header__nav__child__inner {
  max-width: 1000px;
  margin: auto;
}
.c-header__nav__child__list ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.c-header__nav__child__list ul li {
  width: 31.2%;
  margin-right: 32px;
  margin-bottom: 16px;
}
.c-header__nav__child__list ul li:nth-child(3n) {
  margin-right: 0;
}
.c-header__nav__child__list a {
  border: solid 1px #A0A0A0;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 2rem;
  padding: 29px 0;
  line-height: 1.3;
  color: #102423;
  position: relative;
  font-weight: normal;
}
.c-header__nav__child__list a:before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
  transform: translateY(-50%) rotate(-45deg);
  color: #000;
  position: absolute;
  top: 50%;
  left: 16px;
  pointer-events: none;
}
.c-header__nav__child__list a:hover {
  border-color: #9A8312;
  color: #9A8312;
}
.c-header__nav__child__list a:hover:before {
  border-color: #9A8312;
}
.c-header__nav__child__list__index {
  font-size: 2rem;
  font-weight: bold;
  margin: 33px 0 28px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  body.active {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) {
  .c-hamburger {
    display: none;
  }
}
.c-hamburger__inner {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
}
.c-hamburger__inner span {
  display: block;
  height: 2px;
  background: #444;
  width: 24px;
  position: absolute;
  border-radius: 10px;
  transition: all 0.6s;
  right: 0;
  z-index: 100;
}
.c-hamburger__inner span:nth-child(1) {
  top: 4px;
}
.c-hamburger__inner span:nth-child(2) {
  top: 14px;
}
.c-hamburger__inner span:nth-child(3) {
  bottom: 3px;
}
.c-hamburger__inner.active span:nth-child(1) {
  transform: rotate(45deg);
  top: 15px;
}
.c-hamburger__inner.active span:nth-child(2) {
  width: 0;
  left: 0%;
}
.c-hamburger__inner.active span:nth-child(3) {
  transform: rotate(-45deg);
  top: 15px;
}
.c-hamburger__nav {
  opacity: 0;
  display: none;
  transition: 0.3s;
}
.c-hamburger__nav.active {
  display: block;
  opacity: 1;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 46px;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 50;
  padding: 40px 20px 20px;
  box-shadow: 0 3px 10px rgba(36, 18, 16, 0.1);
  overflow: auto;
  padding-bottom: 80px;
}
.c-hamburger__nav ul {
  text-align: left;
}
.c-hamburger__nav__parent {
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0;
}
.c-hamburger__nav__parent img {
  display: block;
  width: 38px;
  margin-right: 18px;
}
.c-hamburger__nav__parent:last-of-type {
  border-bottom: solid 1px #F1E8BD;
  margin-bottom: 28px;
}
.c-hamburger__nav__parent__cat {
  color: #102423;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  align-items: center;
  position: relative;
  padding: 20px 0;
  border-top: solid 1px #F1E8BD;
  position: relative;
  transition: 0.3s;
  padding-left: 27px;
}
.c-hamburger__nav__parent__cat:before {
  content: "";
  display: block;
  height: 7px;
  width: 7px;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
  transform: translateY(-50%) rotate(-45deg);
  color: #000;
  position: absolute;
  top: 50%;
  right: 22px;
  pointer-events: none;
}

.c-footer {
  background: #444;
  padding: 16px;
}
.c-footer__link {
  padding: 30px 0 10px;
  background-color: #fff;
}
.c-footer__link-inner {
  width: 92%;
  margin: 0 auto;
  font-size: 1.4rem;
}
.c-footer__link-inner p {
  font-weight: bold;
  margin: 0 0 3px;
}
.c-footer__link-inner p + p {
  margin-top: 20px;
}
.c-footer__link-inner p > a {
  text-decoration: none;
}
.c-footer__link-inner ul {
  margin: 0 0 20px 0;
}
.c-footer__link-inner ul li {
  margin-bottom: 3px;
  position: relative;
  padding: 0 0 0 1em;
}
.c-footer__link-inner ul li:last-child {
  margin-bottom: 0;
}
.c-footer__link-inner ul li::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  content: "・";
}
@media screen and (min-width: 768px) {
  .c-footer__link-inner {
    max-width: 1000px;
    display: flex;
  }
  .c-footer__link-inner > div {
    width: 50%;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .c-footer__inner {
    max-width: 630px;
    margin: 0 auto;
  }
}
.c-footer__nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.c-footer__nav ul li {
  margin: 0 0 16px 12px;
  padding-right: 12px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-footer__nav ul li {
    margin: 0 0 16px 14px;
    padding-right: 16px;
  }
}
.c-footer__nav ul li::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.c-footer__nav ul li a {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.4;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .c-footer__nav ul li a {
    font-size: 1.4rem;
    text-decoration: none;
  }
}
@media screen and (min-width: 768px) {
  .c-footer__nav ul li a:hover {
    text-decoration: underline;
  }
}
.c-footer__copy {
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
}
.c-footer__copy a {
  color: #fff;
}
.c-footer__risk {
  margin-bottom: 16px;
}
.c-footer__risk p {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #fff;
  margin-bottom: 0;
}
.c-footer__risk a {
  color: #fff;
}

.gotop, .following-index, .close-index {
  position: fixed;
  z-index: 50;
  bottom: 2em;
  right: 0.5em;
  background: rgba(16, 36, 35, 0.26);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.3em;
  color: #fff;
  text-decoration: none;
  font-size: 0.8em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column-reverse;
  cursor: pointer;
}
.gotop span, .following-index span, .close-index span {
  margin-bottom: 5px;
}

.following-index {
  bottom: 7em;
  display: flex;
}
@media screen and (min-width: 768px) {
  .following-index {
    display: none;
  }
}

.close-index {
  bottom: 0;
  display: none;
}
.close-index.display-index {
  display: flex;
  z-index: 1015;
}
.close-index span {
  font-size: 3em;
}
@media screen and (min-width: 768px) {
  .close-index {
    display: none;
  }
}

.c-footer-kkhs {
  -webkit-padding-before: 50px;
          padding-block-start: 50px;
  background: #333;
}
.c-footer-kkhs__inner {
  max-inline-size: 1000px;
  margin-inline: auto;
}
.c-footer-kkhs__nav, .c-footer-kkhs__btm {
  display: flex;
}
.c-footer-kkhs__nav a,
.c-footer-kkhs__nav span {
  display: inline-block;
  color: #fff;
}
.c-footer-kkhs__nav a {
  text-decoration: none;
  transition: 0.3s;
}
.c-footer-kkhs__nav a:hover {
  opacity: 0.7;
}
.c-footer-kkhs__list {
  inline-size: 370px;
}
.c-footer-kkhs__list:not(:first-of-type) {
  -webkit-padding-start: 70px;
          padding-inline-start: 70px;
  border-left: 1px solid #555;
}
.c-footer-kkhs__list:last-of-type {
  inline-size: 260px;
}
.c-footer-kkhs__parent {
  -webkit-margin-before: 25px;
          margin-block-start: 25px;
}
.c-footer-kkhs__parent:first-of-type {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.c-footer-kkhs__title a,
.c-footer-kkhs__title span {
  position: relative;
  padding-block: 3px;
  font-size: 14px;
}
.c-footer-kkhs__title a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  display: inline-block;
  inline-size: 20px;
  block-size: 20px;
  background-image: url(img/kakehashi/ico_circlearw_bl.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.c-footer-kkhs__title a.external::after {
  inline-size: 15px;
  block-size: 15px;
  background-image: url(img/kakehashi/ico_blank_bl.svg);
}
.c-footer-kkhs__child__item {
  position: relative;
  -webkit-margin-before: 7px;
          margin-block-start: 7px;
}
.c-footer-kkhs__child a {
  -webkit-padding-start: 15px;
          padding-inline-start: 15px;
  font-size: 12px;
}
.c-footer-kkhs__child a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  inline-size: 5px;
  block-size: 5px;
  border-top: 1px solid #009fe8;
  border-right: 1px solid #009fe8;
  transform: translateY(-50%) rotate(45deg);
}
.c-footer-kkhs__child a.external::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  inline-size: 11px;
  block-size: 11px;
  background-image: url(img/kakehashi/ico_blank_bl.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.c-footer-kkhs__btm {
  justify-content: space-between;
  padding: 75px 0 60px;
}
.c-footer-kkhs__logo {
  inline-size: 50%;
}
.c-footer-kkhs__info__list {
  display: flex;
  justify-content: flex-end;
}
.c-footer-kkhs__info__item:not(:first-of-type) {
  border-left: 2px solid #555;
  -webkit-margin-start: 25px;
          margin-inline-start: 25px;
  -webkit-padding-start: 25px;
          padding-inline-start: 25px;
}
.c-footer-kkhs__info__item a {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-decoration: none;
  transition: 0.3s;
}
.c-footer-kkhs__info__item a:hover {
  opacity: 0.7;
}
.c-footer-kkhs__copyright {
  color: #bfbfbf;
  font-size: 12px;
  letter-spacing: 0.2em;
}
.c-footer-kkhs__copyright > span {
  font-size: 1.8em;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .c-footer-kkhs {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
  .c-footer-kkhs__nav, .c-footer-kkhs__btm {
    flex-direction: column;
  }
  .c-footer-kkhs__nav a {
    transition: 0;
  }
  .c-footer-kkhs__nav a:hover {
    opacity: 1;
  }
  .c-footer-kkhs__list {
    inline-size: 100%;
  }
  .c-footer-kkhs__list:not(:first-of-type) {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    border-left: none;
  }
  .c-footer-kkhs__list:last-of-type {
    inline-size: 100%;
  }
  .c-footer-kkhs__parent {
    margin: 0;
  }
  .c-footer-kkhs__parent.ten-hub .c-footer-kkhs__child {
    display: none;
  }
  .c-footer-kkhs__title {
    border-top: 1px solid #555;
  }
  .c-footer-kkhs__title a,
.c-footer-kkhs__title span {
    inline-size: 100%;
    padding: 15px 0 15px 20px;
    font-size: 15px;
  }
  .c-footer-kkhs__title a::after {
    right: 6%;
    inline-size: 30px;
    block-size: 30px;
  }
  .c-footer-kkhs__title a.external {
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
  .c-footer-kkhs__title a.external::after {
    right: -25px;
    inline-size: 12px;
    block-size: 12px;
  }
  .c-footer-kkhs__title span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6%;
    display: inline-block;
    inline-size: 30px;
    block-size: 30px;
    background-image: url(img/kakehashi/ico_plus_bl.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .c-footer-kkhs__child__list {
    padding: 30px 20px;
    background: #222;
  }
  .c-footer-kkhs__child__item {
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
  .c-footer-kkhs__child__item:not(:first-of-type) {
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
  .c-footer-kkhs__child a {
    position: relative;
    inline-size: 100%;
    padding-inline: 60px 40px;
    padding-block: 20px;
    border: 1px solid #fff;
    font-size: 15px;
  }
  .c-footer-kkhs__child a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4%;
    display: inline-block;
    inline-size: 30px;
    block-size: 34px;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    transform: translateY(-50%);
  }
  .c-footer-kkhs__child a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 3%;
    display: inline-block;
    inline-size: 30px;
    block-size: 30px;
    background-image: url(img/kakehashi/ico_circlearw_bl.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .c-footer-kkhs__child a.external::after {
    right: 3%;
    inline-size: 30px;
    block-size: 30px;
    margin: 0;
    background-image: url(img/kakehashi/ico_circlearw_bl.svg);
  }
  .c-footer-kkhs__child a.nav_aboutus_01::before {
    background-image: url(img/kakehashi/nav_aboutus_01_wt.svg);
  }
  .c-footer-kkhs__child a.nav_aboutus_02::before {
    background-image: url(img/kakehashi/nav_aboutus_02_wt.svg);
  }
  .c-footer-kkhs__child a.nav_service_01::before {
    background-image: url(img/kakehashi/nav_service_01_wt.svg);
  }
  .c-footer-kkhs__child a.nav_service_02::before {
    background-image: url(img/kakehashi/nav_service_02_wt.svg);
  }
  .c-footer-kkhs__child a.nav_service_03::before {
    background-image: url(img/kakehashi/nav_service_03_wt.svg);
  }
  .c-footer-kkhs__child a.nav_service_04::before {
    background-image: url(img/kakehashi/nav_service_04_wt.svg);
  }
  .c-footer-kkhs__child a.nav_service_05::before {
    background-image: url(img/kakehashi/nav_service_05_wt.svg);
  }
  .c-footer-kkhs__child a.nav_service_06::before {
    background-image: url(img/kakehashi/nav_service_06_wt.svg);
  }
  .c-footer-kkhs__child a.nav_service_07::before {
    background-image: url(img/kakehashi/nav_service_07_wt.svg);
  }
  .c-footer-kkhs__child a.nav_service_08::before {
    background-image: url(img/kakehashi/nav_service_08_wt.svg);
  }
  .c-footer-kkhs__child a.nav_works_01::before {
    background-image: url(img/kakehashi/nav_works_01_wt.svg);
  }
  .c-footer-kkhs__child a.nav_works_02::before {
    background-image: url(img/kakehashi/nav_works_02_wt.svg);
  }
  .c-footer-kkhs__child a.nav_company_01::before {
    background-image: url(img/kakehashi/nav_company_01_wt.svg);
  }
  .c-footer-kkhs__child a.nav_company_02::before {
    background-image: url(img/kakehashi/nav_company_02_wt.svg);
  }
  .c-footer-kkhs__child a.nav_company_03::before {
    background-image: url(img/kakehashi/nav_company_03_wt.svg);
  }
  .c-footer-kkhs__child a.nav_company_04::before {
    background-image: url(img/kakehashi/nav_company_04_wt.svg);
  }
  .c-footer-kkhs .has-child .c-footer-kkhs__title span.is-active::after {
    background-image: url(img/kakehashi/ico_minus_bl.svg);
  }
  .c-footer-kkhs .has-child .c-footer-kkhs__child {
    visibility: hidden;
    opacity: 0;
    block-size: 0;
    transition: 0.3s;
  }
  .c-footer-kkhs .has-child .c-footer-kkhs__child.is-open {
    visibility: visible;
    opacity: 1;
    block-size: auto;
  }
  .c-footer-kkhs__btm {
    padding: 50px 20px 80px;
  }
  .c-footer-kkhs__logo {
    width: 50%;
    margin: 0 auto;
    max-width: 100%;
  }
  .c-footer-kkhs__copyright {
    display: inline-block;
    inline-size: 100%;
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    text-align: center;
  }
  .c-footer-kkhs__info__list {
    justify-content: center;
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }
  .c-footer-kkhs__info__item:not(:first-of-type) {
    -webkit-margin-start: 15px;
            margin-inline-start: 15px;
    -webkit-padding-start: 15px;
            padding-inline-start: 15px;
  }
  .c-footer-kkhs__info__item a {
    transition: 0;
  }
  .c-footer-kkhs__info__item a:hover {
    opacity: 1;
  }
}

.c-main {
  box-shadow: 0 3px 6px rgba(36, 18, 16, 0.1);
  padding: 16px;
  -webkit-padding-after: 42px;
          padding-block-end: 42px;
  margin-bottom: 30px;
  background: #fff;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .c-main {
    padding-block: 24px 25px;
    padding-inline: 16px;
  }
}

.c-main-visual {
  background: #fff;
  background: url(./img/mv-sp.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 45.3333333333%;
  width: 100%;
  margin-bottom: 1em;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-main-visual {
    background: url(./img/mv-pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 21.6666666667%;
    margin-bottom: 2em;
  }
}
.c-main-visual img {
  margin: auto;
  display: block;
  width: 380px;
}
@media screen and (max-width: 767px) {
  .c-main-visual img {
    width: 80%;
  }
}

.c-sidebar {
  height: 100%;
  width: calc(100% - 32px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-sidebar {
    width: 100%;
  }
}

.c-sidebar_top {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .c-sidebar_top {
    margin-bottom: 60px;
  }
}
.c-sidebar_top > li {
  list-style: none;
}

.c-sidebar_bottom {
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  inline-size: 75%;
  block-size: 100vh;
  padding: 20px 0;
  background: #fff;
  z-index: 1010;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .c-sidebar_bottom {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    right: auto;
    transform: none;
    inline-size: 100%;
    block-size: auto;
    padding: 0;
    background: none;
    z-index: 0;
  }
}
.c-sidebar_bottom > li {
  list-style: none;
}
.c-sidebar_bottom.open-index {
  transform: translateX(0);
}

.c-sidebar-item:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .c-sidebar-item:not(:last-child) {
    margin-bottom: 60px;
  }
}

.c-sidebar-item_headline {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: flex-start;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-sidebar-item_headline {
    justify-content: flex-start;
    text-align: left;
  }
}
.c-sidebar-item_headline img {
  height: 18px;
  width: auto;
  margin: 3px 8px 0 0;
}
.c-sidebar-item_headline img.agent {
  height: 23px;
  margin: 1px 11px 0 3px;
}
.c-sidebar-item_headline img.writer {
  height: 23px;
  margin: 1px 8px 0 0;
}

.c-sidebar-block {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(16, 36, 35, 0.12);
  padding: 24px 0;
}

.c-sidebar-block_inner {
  padding: 0 16px;
}

.c-sidebar-link-list li {
  letter-spacing: 0;
}
.c-sidebar-link-list li:not(:first-child) a {
  padding-top: 16px;
}
.c-sidebar-link-list li:not(:last-child) {
  position: relative;
}
.c-sidebar-link-list li:not(:last-child)::after {
  display: block;
  content: "";
  height: 1px;
  width: calc(100% - 32px);
  background-color: #DEDEDE;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.c-sidebar-link-list li:not(:last-child) a {
  padding-bottom: 16px;
}
.c-sidebar-link-list li a {
  color: #444;
  font-size: 1.5rem;
  font-weight: 700;
  display: block;
  text-decoration: none;
  padding-left: 16px;
  padding-right: 32px;
  position: relative;
}
.c-sidebar-link-list li a:hover {
  opacity: 0.75;
}
.c-sidebar-link-list li a::before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid #444;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.c-sidebar-link-list li:first-child a::before {
  transform: translateY(-50%) translateY(-8px);
}
.c-sidebar-link-list li:last-child a::before {
  transform: translateY(-50%) translateY(8px);
}

.c-sidebar-post-list li {
  letter-spacing: 0;
}
.c-sidebar-post-list li:not(:first-child) a {
  padding-top: 16px;
}
.c-sidebar-post-list li:not(:last-child) {
  position: relative;
}
.c-sidebar-post-list li:not(:last-child)::after {
  display: block;
  content: "";
  height: 1px;
  width: calc(100% - 32px);
  background-color: #DEDEDE;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.c-sidebar-post-list li:not(:last-child) a {
  padding-bottom: 16px;
}
.c-sidebar-post-list li a {
  color: #444;
  display: block;
  text-decoration: none;
  padding-left: 16px;
  padding-right: 16px;
}
.c-sidebar-post-list li a:hover {
  opacity: 0.75;
}

.c-sidebar-post_content {
  display: flex;
  align-items: center;
}

.c-sidebar-post_rank {
  width: 28px;
  margin-right: 8px;
}
.c-sidebar-post_rank img {
  display: block;
  width: 100%;
}

.c-sidebar-post_title {
  flex: 1;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 768px) {
  .c-sidebar-post_title {
    font-size: 1.4rem;
  }
}

.c-sidebar-post_date {
  color: #A0A0A0;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: right;
  margin-top: 6px;
}

.c-sidebar-site-image-list li {
  letter-spacing: 0;
}
.c-sidebar-site-image-list li:not(:last-child) {
  margin-bottom: 16px;
}

.c-sidebar-site-image {
  border: 1px solid #DEDEDE;
  width: 100%;
}
.c-sidebar-site-image a:hover {
  opacity: 0.75;
}
.c-sidebar-site-image a img {
  display: block;
  width: 100%;
}

.c-sidebar-site-list li {
  letter-spacing: 0;
}
.c-sidebar-site-list li:not(:first-child) {
  padding-top: 32px;
}
.c-sidebar-site-list li:not(:last-child) {
  border-bottom: 1px solid #dedede;
  padding-bottom: 32px;
}

.c-sidebar-site_image {
  width: 100%;
  border: 1px solid #DEDEDE;
  margin-bottom: 16px;
}
.c-sidebar-site_image img {
  display: block;
  width: 100%;
}

.c-sidebar-site_name {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-sidebar-site_name img {
  height: 20px;
  width: auto;
  margin-right: 6px;
}

.c-sidebar-site_button {
  display: block;
  content: "";
  width: 100%;
  background: #FFFFFF;
  border: 2px solid #333;
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  padding: 8px 16px;
  margin-top: 16px;
}
.c-sidebar-site_button:hover {
  opacity: 0.75;
}

.c-breadcrumb {
  overflow: auto;
}
.c-breadcrumb ul {
  width: auto;
  margin: 0 auto;
  list-style: none;
  color: #666;
  line-height: 1.8;
  font-size: 1.2rem;
  padding: 24px 0 15px;
  width: 100%;
  max-width: 1000px;
}
.c-breadcrumb ul li {
  display: inline;
  letter-spacing: 0.02em;
  color: #666;
}
.c-breadcrumb ul li:before {
  content: ">";
  padding: 0 0.5em;
}
.c-breadcrumb ul li a {
  color: #01012C;
  text-decoration: underline;
}
.c-breadcrumb ul li a:hover {
  color: #666;
  text-decoration: none;
}
.c-breadcrumb ul li:first-of-type:before {
  content: none;
}
@media screen and (max-width: 767px) {
  .c-breadcrumb ul {
    width: auto;
    max-width: none;
    white-space: nowrap;
  }
  .c-breadcrumb ul li:last-child {
    -webkit-padding-end: 10px;
            padding-inline-end: 10px;
  }
}
.c-breadcrumb__icon {
  width: 14px;
}
.c-breadcrumb.bread-top {
  -webkit-margin-before: 75px;
          margin-block-start: 75px;
}
.c-breadcrumb.bread-top ul {
  padding: 15px 10px;
}
@media screen and (min-width: 768px) {
  .c-breadcrumb.bread-top {
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}

.c-post-content__title {
  font-size: 2.4rem;
  font-weight: bold;
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  line-height: 1.4;
}
.c-post-content__title.category_parent {
  display: flex;
  align-items: center;
}
.c-post-content__title.category_parent img {
  width: 40px;
  margin: 0 8px 0 0;
}
@media screen and (min-width: 768px) {
  .c-post-content__title.category_parent img {
    width: 60px;
  }
}
.c-post-content__title__anken {
  border-bottom: solid 2px #152423;
  font-size: 2.4rem;
  font-weight: bold;
  padding-bottom: 8px;
  margin-bottom: 24px;
  margin-top: 16px;
  letter-spacing: 1px;
}
.c-post-content__title__second {
  font-size: 2.2rem;
  font-weight: bold;
  border-left: solid 4px #01012C;
  margin: 56px 0 32px;
  padding: 16px;
  background: #F4F4F4;
  line-height: 1.4;
}
.c-post-content__title__third {
  font-size: 2rem;
  font-weight: bold;
  border-bottom: solid 2px #01012C;
  margin: 48px 0 24px;
  padding-bottom: 8px;
  line-height: 1.4;
}
.c-post-content__title__fourth {
  font-size: 1.8rem;
  font-weight: bold;
  border-left: solid 4px #01012C;
  margin: 40px 0 24px;
  padding-left: 8px;
  line-height: 1.4;
}
.c-post-content__title__fifth {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 40px 0 24px;
  line-height: 1.4;
  padding-bottom: 5px;
  background-image: linear-gradient(to right, #000 1px, transparent 1px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
.c-post-content__title__sixth {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 40px 0 24px;
  line-height: 1.4;
}
.c-post-content__tag {
  background: #333;
  color: #fff;
  font-weight: bold;
  width: auto;
  padding: 2px 12px;
  display: inline-block;
  font-size: 1.4rem;
  margin-bottom: 16px;
}
.c-post-content__date {
  display: flex;
  align-items: center;
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
}
.c-post-content__date p {
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.c-post-content__date p img {
  margin: -2px 4px 0 0;
  width: 10px;
}
.c-post-content__posted {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
  justify-content: flex-end;
}
.c-post-content__posted p {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  margin: 0;
}
.c-post-content__posted p img {
  margin: -2px 4px 0 0;
  width: 12px;
}
.c-post-content__thumbnail {
  margin-block: 0 8px;
  margin-inline: 0;
  text-align: center;
}
.c-post-content__thumbnail img {
  display: block;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .c-post-content__title {
    -webkit-margin-after: 10px;
            margin-block-end: 10px;
  }
  .c-post-content__thumbnail {
    margin-block: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-post-content__title {
    -webkit-margin-after: 10px;
            margin-block-end: 10px;
  }
  .c-post-content__title, .c-post-content__title__second, .c-post-content__title__third {
    font-size: 1.8rem;
  }
  .c-post-content__title__fourth, .c-post-content__title__fifth, .c-post-content__title__sixth {
    font-size: 1.6rem;
  }
  .c-post-content__thumbnail {
    margin-block: 0 10px;
  }
}

.c-post-content__title__second + .c-post-content__title__third {
  margin-top: 24px;
}

.c-post-content__thumbnail.post-supervisor img {
  max-width: 320px;
}

.c-post-archive-top {
  background: #555;
  color: #fff;
  border-bottom: solid 1px #fff;
}
@media screen and (min-width: 768px) {
  .c-post-archive-top {
    border-bottom: none;
  }
}
.c-post-archive-top_inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 24px 14px 0;
}
.c-post-archive-top_block {
  position: relative;
  border-bottom: solid 1px #fff;
}
.c-post-archive-top_block:last-of-type {
  border-bottom: none;
}
.c-post-archive-top_block-index {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .c-post-archive-top_block-index {
    font-size: 1.2rem;
  }
}
.c-post-archive-top_block-title {
  cursor: pointer;
  font-size: 1.2rem;
  padding: 19px 0;
}
.c-post-archive-top_block-title.active span:before {
  transform: rotate(0deg);
}
.c-post-archive-top_block-title span {
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-post-archive-top_block-title span {
    display: block;
    width: 100%;
  }
}
.c-post-archive-top_block-title span:after {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .c-post-archive-top_block-title span:after {
    right: 0;
  }
}
.c-post-archive-top_block-title span:before {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: transform 0.1s;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .c-post-archive-top_block-title span:before {
    right: 0;
  }
}
.c-post-archive-top_none {
  background: #f9f9f9;
  display: none;
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  padding: 16px;
  margin-bottom: -1px;
}
.c-post-archive-top_none ul {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-post-archive-top_none ul {
    padding: 0 16px;
  }
}
.c-post-archive-top_none ul li {
  margin-bottom: 12px;
}
.c-post-archive-top_none ul li:last-of-type {
  margin-bottom: 0;
}
.c-post-archive-top_none.active {
  display: block;
}
.c-post_youtube {
  margin-bottom: 20px;
}
.c-post_youtube iframe {
  aspect-ratio: 560/315;
  width: 100%;
  height: 100%;
}

.administrator-specify {
  -webkit-margin-after: 3em;
          margin-block-end: 3em;
  padding: 1em;
  border: 1px solid #DEDEDE;
  font-size: 12px;
}

.c-cta__single,
.c-cta__single-sq {
  margin-bottom: 20px;
}
.c-cta__single a,
.c-cta__single-sq a {
  width: 100%;
  display: block;
  text-decoration: none;
  padding: 16px 40px;
  background: #00A0E8;
  color: #fff;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 4px 0 #016e9f;
  margin: 0 auto;
  position: relative;
  transition: 0.1s;
}
@media screen and (min-width: 768px) {
  .c-cta__single a,
.c-cta__single-sq a {
    width: 49%;
  }
}
.c-cta__single a::before,
.c-cta__single-sq a::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  pointer-events: none;
}
.c-cta__single a:hover,
.c-cta__single-sq a:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}

.c-cta__single a {
  border-radius: 50vh;
}

.c-cta__double,
.c-cta__double-sq {
  display: block;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .c-cta__double,
.c-cta__double-sq {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.c-cta__double > a,
.c-cta__double-sq > a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 16px 40px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #00A0E8;
  box-shadow: 0 4px 0 #016e9f;
  position: relative;
  transition: 0.1s;
}
@media screen and (min-width: 768px) {
  .c-cta__double > a,
.c-cta__double-sq > a {
    width: 49%;
  }
}
.c-cta__double > a::before,
.c-cta__double-sq > a::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  pointer-events: none;
}
.c-cta__double > a:first-of-type,
.c-cta__double-sq > a:first-of-type {
  background: #FFF100;
  box-shadow: 0 4px 0 #af961d;
  margin-bottom: 16px;
  color: #333;
}
@media screen and (min-width: 768px) {
  .c-cta__double > a:first-of-type,
.c-cta__double-sq > a:first-of-type {
    margin-bottom: 0;
  }
}
.c-cta__double > a:first-of-type::before,
.c-cta__double-sq > a:first-of-type::before {
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
  color: #333;
}
.c-cta__double > a:hover,
.c-cta__double-sq > a:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}
@media screen and (min-width: 768px) {
  .c-cta__double > p,
.c-cta__double-sq > p {
    width: 49%;
  }
}
.c-cta__double > p a,
.c-cta__double-sq > p a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 16px 40px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #00A0E8;
  box-shadow: 0 4px 0 #016e9f;
  position: relative;
  transition: 0.1s;
}
.c-cta__double > p a::before,
.c-cta__double-sq > p a::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  pointer-events: none;
}
.c-cta__double > p a:hover,
.c-cta__double-sq > p a:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}
.c-cta__double > p:first-of-type a,
.c-cta__double-sq > p:first-of-type a {
  background: #FFF100;
  box-shadow: 0 4px 0 #af961d;
  margin-bottom: 16px;
  color: #333;
}
@media screen and (min-width: 768px) {
  .c-cta__double > p:first-of-type a,
.c-cta__double-sq > p:first-of-type a {
    margin-bottom: 0;
  }
}
.c-cta__double > p:first-of-type a::before,
.c-cta__double-sq > p:first-of-type a::before {
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
  color: #333;
}
.c-cta__double > p:first-of-type a:hover,
.c-cta__double-sq > p:first-of-type a:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}

.c-cta__double > a {
  border-radius: 50vh;
}

.c-cta__blue,
.c-cta__pink,
.c-cta__blue-sq,
.c-cta__pink-sq {
  margin-bottom: 20px;
}
.c-cta__blue a,
.c-cta__pink a,
.c-cta__blue-sq a,
.c-cta__pink-sq a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 7px 20px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin: 0 auto;
  position: relative;
  transition: 0.1s;
  line-height: 1.25;
  min-height: 46px;
}
@media screen and (min-width: 768px) {
  .c-cta__blue a,
.c-cta__pink a,
.c-cta__blue-sq a,
.c-cta__pink-sq a {
    max-width: 548px;
  }
}
.c-cta__blue a::before,
.c-cta__pink a::before,
.c-cta__blue-sq a::before,
.c-cta__pink-sq a::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 12px;
  pointer-events: none;
}
.c-cta__blue a:hover,
.c-cta__pink a:hover,
.c-cta__blue-sq a:hover,
.c-cta__pink-sq a:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}

.c-cta__blue a,
.c-cta__pink a {
  border-radius: 50vh;
}

.c-cta__blue a {
  background: #00A0E8;
  box-shadow: 0 4px 0 #016e9f;
}

.c-cta__pink a {
  background: #F54BA0;
  box-shadow: 0 4px 0 #AB3470;
}

.c-cta-label__double {
  display: flex;
  margin: 24px 0 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-cta-label__double {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .c-cta-label__double {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.c-cta-label__double__label {
  line-height: 1.5;
  background: #9B6648;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  position: absolute;
  top: -16px;
  left: -8px;
  padding: 4px 16px;
  width: 144px;
  text-align: center;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .c-cta-label__double__label {
    left: auto;
    right: 192px;
  }
}
.c-cta-label__double:before {
  content: " ";
  position: absolute;
  bottom: -60px;
  left: 40px;
  width: 0;
  height: 0;
  border: none;
  border-top: 7px solid #102423;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: rotate(-135deg);
  left: -7px;
  top: 11px;
}
@media screen and (min-width: 768px) {
  .c-cta-label__double:before {
    left: auto;
    right: 323px;
  }
}
.c-cta-label__double:after {
  content: " ";
  position: absolute;
  bottom: -60px;
  width: 0;
  height: 0;
  border: none;
  border-top: 29px solid #9B6648;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  transform: rotate(180deg);
  left: 122px;
  top: -16px;
}
@media screen and (min-width: 768px) {
  .c-cta-label__double:after {
    left: auto;
    right: 178px;
  }
}
.c-cta-label__double a {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 20px 0;
  position: relative;
}
.c-cta-label__double a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .c-cta-label__double a {
    width: 49%;
  }
}
.c-cta-label__double a:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 14px;
  pointer-events: none;
}
.c-cta-label__double__left {
  background: #D9BA4A;
  box-shadow: 0 4px 0 #AF961E;
}
.c-cta-label__double__right {
  background: #00A0E8;
  box-shadow: 0 4px 0 #016e9f;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .c-cta-label__double__right {
    margin-bottom: 0;
  }
}
.c-cta-label__single-sq, .c-cta-label__single {
  width: 100%;
  max-width: 373px;
  margin: 30px auto;
  position: relative;
}
.c-cta-label__single-sq-link-sq, .c-cta-label__single-sq-link, .c-cta-label__single-link-sq, .c-cta-label__single-link {
  background: #00A0E8;
  box-shadow: 0 4px 0 #016e9f;
  display: block;
  width: 100%;
  margin: auto;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 20px 0;
  position: relative;
}
.c-cta-label__single-sq-link-sq:after, .c-cta-label__single-sq-link:after, .c-cta-label__single-link-sq:after, .c-cta-label__single-link:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 14px;
  pointer-events: none;
}
.c-cta-label__single-sq-link-sq:hover, .c-cta-label__single-sq-link:hover, .c-cta-label__single-link-sq:hover, .c-cta-label__single-link:hover {
  opacity: 0.7;
}
.c-cta-label__single-sq-link, .c-cta-label__single-link {
  border-radius: 50vh;
}
.c-cta-label__single-sq__label, .c-cta-label__single__label {
  line-height: 1.5;
  background: #9B6648;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  position: absolute;
  top: -16px;
  left: 50%;
  padding: 4px 16px;
  width: 144px;
  text-align: center;
  z-index: 10;
  transform: translateX(-50%);
}
.c-cta-label__single-sq__label:after, .c-cta-label__single__label:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  display: block;
  border: none;
  border-top: 8px solid #9B6648;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  transform: translateX(-50%);
}
.c-cta-label__spectable {
  margin-bottom: 16px;
  width: 100%;
}
.c-cta-label__spectable table {
  border: solid 1px #F1E8BD;
  text-align: left;
  border-collapse: collapse;
  width: 100%;
}
.c-cta-label__spectable table th {
  background: #FCF8EA;
  font-size: 1.4rem;
  border: solid 1px #F1E8BD;
  padding: 8px;
  width: 10%;
}
@media screen and (min-width: 768px) {
  .c-cta-label__spectable table th br {
    display: none;
  }
}
.c-cta-label__spectable table td {
  border: solid 1px #F1E8BD;
  padding: 8px;
  font-size: 1.4rem;
  font-weight: normal;
  width: 15%;
}
.c-cta-label__spectable table td span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.c-cta-label__spectable table td span img {
  display: block;
  width: 45px;
  height: 18px;
  border: solid 0.5px #F0F0F0;
  margin-right: 8px;
}

.c-post-relation {
  padding: 24px 20px;
  background: #fff;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .c-post-relation {
    margin-bottom: 0;
  }
}
.c-post-relation__list {
  border-bottom: solid 1px rgba(16, 36, 35, 0.12);
  padding: 20px 0;
  background: #fff;
  transition: background-color 0.3s;
  cursor: pointer;
}
.c-post-relation__list__text {
  width: 70%;
}
.c-post-relation__list img {
  width: 35%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .c-post-relation__list img {
    width: 25%;
  }
}
.c-post-relation__list a {
  width: 100%;
  color: #444;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.c-post-relation__list:hover {
  background: #f3f2f2;
  text-decoration: underline;
}
.c-post-relation__list__title {
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: -4px;
}
@media screen and (min-width: 768px) {
  .c-post-relation__list__title {
    font-size: 1.8rem;
  }
}
.c-post-relation__list__time {
  font-size: 1.2rem;
}
.c-post-relation__list__time img {
  width: 12px;
  vertical-align: baseline;
  color: rgba(16, 36, 35, 0.54);
  display: inline-block;
  margin: 0 4px 0 0;
}
@media screen and (min-width: 768px) {
  .c-post-relation__list__time img {
    width: 12px;
  }
}
.c-post-relation__list__desc {
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .c-post-relation__list__desc {
    font-size: 1.8rem;
  }
}
.c-post-relation__list__more {
  font-size: 1.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .c-post-relation__list__more {
    font-size: 1.4rem;
  }
}
.c-post-relation__list__img {
  font-size: 1.2rem;
  width: 25%;
  height: 0;
  padding-top: 30%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.c-post-relation.supervisor {
  padding: 24px 0;
}
.c-post-relation.supervisor .c-post-relation__list a {
  flex-direction: row-reverse;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .c-post-relation.supervisor .c-post-relation__list a {
    align-items: center;
  }
}
.c-post-relation.supervisor .c-post-relation__list__title {
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
}
@media screen and (min-width: 768px) {
  .c-post-relation.supervisor .c-post-relation__list__title {
    -webkit-margin-after: 16px;
            margin-block-end: 16px;
    font-size: 1.8rem;
  }
}
.c-post-relation.supervisor .c-post-relation__list__desc {
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .c-post-relation.supervisor .c-post-relation__list__desc {
    -webkit-margin-after: 16px;
            margin-block-end: 16px;
  }
}
.c-post-relation.supervisor .c-post-relation__list__more {
  -webkit-margin-after: 0;
          margin-block-end: 0;
  position: static;
}

.p-supervisor .c-post-relation__list {
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .p-supervisor .c-post-relation__list {
    padding: 20px;
  }
}

#toc_container {
  width: 100% !important;
  background: #fff !important;
  border: solid 1px #DEDEDE !important;
  margin-bottom: 20px !important;
  padding: 20px 18px 20px !important;
  border-top: solid 2px #01012C !important;
}
#toc_container a {
  color: #444;
}
#toc_container .toc_list,
#toc_container .toc_list > ul {
  counter-reset: num;
}
#toc_container .toc_list > li,
#toc_container .toc_list > ul > li {
  padding: 8px 0 8px 1.8em;
  line-height: 1.4;
  position: relative;
}
#toc_container .toc_list > li:last-of-type,
#toc_container .toc_list > ul > li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
#toc_container .toc_list > li::before,
#toc_container .toc_list > ul > li::before {
  display: block;
  content: counter(num);
  counter-increment: num;
  font-weight: bold;
  text-align: right;
  color: #444;
  font-size: 1.6rem;
  text-decoration: none;
  width: 21px;
  height: auto;
  position: absolute;
  left: 0;
  top: 8px;
}
#toc_container .toc_list > li > a,
#toc_container .toc_list > ul > li > a {
  font-size: 1.6rem;
  font-weight: bold;
}
#toc_container .toc_list a,
#toc_container .toc_list > ul a {
  position: relative;
  color: #1A73E8;
  text-decoration: none;
  font-size: 1.4rem;
}
#toc_container .toc_list a:hover,
#toc_container .toc_list > ul a:hover {
  opacity: 0.75;
}
#toc_container .toc_list a .toc_number,
#toc_container .toc_list > ul a .toc_number {
  display: none;
}
#toc_container .toc_list .has-item ul,
#toc_container .toc_list > ul .has-item ul {
  margin-left: 0;
  margin-bottom: 4px;
}
#toc_container .toc_list .has-item ul > li,
#toc_container .toc_list > ul .has-item ul > li {
  position: relative;
  margin-top: 3px;
  padding-left: 1em;
}
#toc_container .toc_list .has-item ul > li::before,
#toc_container .toc_list > ul .has-item ul > li::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #01012C;
  border-right: 2px solid #01012C;
  position: absolute;
  left: 0;
  top: 6px;
  transform: rotate(45deg);
}
#toc_container .toc_list .has-item ul > li:last-child,
#toc_container .toc_list > ul .has-item ul > li:last-child {
  margin-bottom: 0;
}
#toc_container .toc_list .has-item ul > li a,
#toc_container .toc_list > ul .has-item ul > li a {
  color: #404064;
}
#toc_container #toc_h3 {
  margin-top: 1em;
}
#toc_container #toc_h3 ul li::before {
  content: "";
}
#toc_container #toc_h3 .index-h2 {
  padding: 3px 0 3px 1.5em;
}
#toc_container #toc_h3 .index-h2::before {
  content: attr(data-number) !important;
  top: 3px;
}
#toc_container #toc_h3 .index-h3 {
  position: relative;
  margin-top: 3px;
  padding: 0 0 0 2.5em;
}
#toc_container #toc_h3 .index-h3::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #01012C;
  border-right: 2px solid #01012C;
  position: absolute;
  left: 1.5em;
  top: 6px;
  transform: rotate(45deg);
}
#toc_container #toc_h3 .index-h3:last-child {
  margin-bottom: 0;
}
#toc_container #toc_h3 .index-h3 a {
  color: #404064;
  font-weight: normal;
  font-size: 1.4rem;
}
#toc_container #toc_h3 .index-h3 + .index-h2 {
  margin-top: 7px;
}
.c-main-toc #toc_container .toc_list > li {
  padding: 3px 0 3px 1.8em;
}
.c-main-toc #toc_container .toc_list > li::before {
  top: 3px;
}
.c-main-toc #toc_container .toc_list > li > a {
  font-size: 1.6rem;
  font-weight: bold;
}

#toc_container p.toc_title {
  text-align: left !important;
  font-weight: bold;
  margin: 0;
  padding: 0;
  display: flex;
  font-size: 1.6rem !important;
  justify-content: space-between;
  align-items: center;
  height: 16px;
}

#toc_container span.toc_toggle {
  font-weight: 400;
  font-size: 90%;
  position: relative;
  display: block;
  color: #fff;
}
#toc_container span.toc_toggle a {
  color: transparent;
  display: block;
  position: relative;
  display: block;
  height: 10px;
  width: 10px;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
  transform: translateY(-50%) rotate(-45deg);
}

#toc_container.contracted span.toc_toggle {
  font-weight: 400;
  font-size: 90%;
  position: relative;
  display: block;
  color: #fff;
}
#toc_container.contracted span.toc_toggle a {
  color: transparent;
  display: block;
  position: relative;
  display: block;
  height: 10px;
  width: 10px;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
  transform: translateY(-50%) rotate(45deg);
}

.toc_widget {
  list-style: none;
}
.toc_widget > h2, .toc_widget > .widgettitle {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 16px;
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
  position: relative;
  padding-left: 32px;
}
.toc_widget > h2::before, .toc_widget > .widgettitle::before {
  content: "";
  display: block;
  width: 23px;
  height: 18px;
  background: url(img/icon-toc.svg) no-repeat left top;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0.2em;
}

#toc-side > ul::-webkit-scrollbar,
#toc-side_h3 > ul::-webkit-scrollbar,
.toc_widget_list::-webkit-scrollbar {
  width: 6px;
}

#toc-side > ul::-webkit-scrollbar-track,
#toc-side_h3 > ul::-webkit-scrollbar-track,
.toc_widget_list::-webkit-scrollbar-track {
  background-color: #F9F9F9;
  margin: 10px 0;
}

#toc-side > ul::-webkit-scrollbar-thumb,
#toc-side_h3 > ul::-webkit-scrollbar-thumb,
.toc_widget_list::-webkit-scrollbar-thumb {
  background-color: #C9C9C9;
  border-radius: 3px;
}

#toc-side > ul,
#toc-side_h3 > ul,
.toc_widget_list {
  scrollbar-width: thin;
  scrollbar-color: #C9C9C9 #F9F9F9;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  overflow-y: auto;
  max-height: calc(100vh - 60px - 60px);
  background-color: #fff !important;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 16px 12px 16px 32px;
  line-height: 1.5;
}
#toc-side > ul > li,
#toc-side_h3 > ul > li,
.toc_widget_list > li {
  counter-increment: number;
  font-size: 1.6rem;
  position: relative;
  background-image: linear-gradient(to right, #CCC 1px, transparent 1px) !important;
  background-size: 4px 1px !important;
  background-repeat: repeat-x !important;
  background-position: left bottom !important;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
#toc-side > ul > li:last-child,
#toc-side_h3 > ul > li:last-child,
.toc_widget_list > li:last-child {
  background-image: none !important;
  padding-bottom: 0;
  margin-bottom: 0;
}
#toc-side > ul > li::before,
#toc-side_h3 > ul > li::before,
.toc_widget_list > li::before {
  content: counter(number);
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -25px;
}
#toc-side > ul > li a,
#toc-side_h3 > ul > li a,
.toc_widget_list > li a {
  text-decoration: none;
  color: #444;
}
#toc-side > ul > li a:hover,
#toc-side_h3 > ul > li a:hover,
.toc_widget_list > li a:hover {
  opacity: 0.75;
}

.toc_widget_list, #toc-side > ul {
  max-height: calc(100vh - 80px);
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  .toc_widget_list, #toc-side > ul {
    max-height: calc(100vh - 60px - 60px);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  }
}

#toc-side_h3 > ul .index-h3 {
  display: none;
}

.toc_catetop .toc_toggle {
  display: none !important;
}

.l-sidebar .toc_widget_list .has-item > ul {
  display: none;
}

.c-top-relation {
  padding: 6vw 4vw;
  border-top: 1px solid #555;
}
@media screen and (min-width: 768px) {
  .c-top-relation {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.c-top-relation:first-of-type {
  padding: 15vw 4vw 4vw;
  border-top: none;
}
@media screen and (min-width: 768px) {
  .c-top-relation:first-of-type {
    padding: 220px 0 20px;
  }
}
.c-top-relation__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-top-relation__left {
    width: 30%;
  }
}
.c-top-relation__left__index {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 4vw;
}
@media screen and (min-width: 768px) {
  .c-top-relation__left__index {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.c-top-relation__left__index img {
  width: 60px;
  margin-right: 8px;
}
.c-top-relation__left__index span {
  border-bottom: solid 4px #00A0E8;
}
.c-top-relation__left__text {
  margin-bottom: 8px;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-top-relation__left__text {
    margin-bottom: 24px;
  }
}
.c-top-relation__left__morelink_pc {
  background: #fff;
  border: solid 2px #333;
  color: #333;
  text-align: center;
  padding: 8px 16px;
  font-weight: bold;
  position: relative;
  z-index: 10;
  display: none;
}
@media screen and (min-width: 768px) {
  .c-top-relation__left__morelink_pc {
    display: block;
  }
}
.c-top-relation__left__morelink_pc:after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.1s;
  width: 45px;
  height: 1px;
  background: #333;
  bottom: 18px;
  left: calc(100% - 20px);
}
.c-top-relation__left__morelink_pc:before {
  display: block;
  content: "";
  position: absolute;
  transition: all 0.1s;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 0 7px;
  border-color: transparent transparent transparent #333;
  bottom: 18px;
  left: calc(100% + 25px);
}
.c-top-relation__left__morelink_pc:hover:after {
  width: 50px;
}
.c-top-relation__left__morelink_pc:hover:before {
  left: calc(100% + 30px);
}
.c-top-relation__left__morelink_sp {
  background: #fff;
  border: solid 2px #333;
  color: #333;
  text-align: center;
  padding: 4px 16px;
  font-weight: bold;
  position: relative;
  z-index: 10;
  display: block;
  width: 60%;
  font-size: 1.4rem;
  margin: 20px auto;
}
@media screen and (min-width: 768px) {
  .c-top-relation__left__morelink_sp {
    display: none;
  }
}
.c-top-relation__left__morelink_sp:after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.1s;
  width: 45px;
  height: 1px;
  background: #333;
  bottom: 18px;
  left: calc(100% - 20px);
}
.c-top-relation__left__morelink_sp:before {
  display: block;
  content: "";
  position: absolute;
  transition: all 0.1s;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 0 7px;
  border-color: transparent transparent transparent #333;
  bottom: 18px;
  left: calc(100% + 25px);
}
.c-top-relation__left__morelink_sp:hover:after {
  width: 50px;
}
.c-top-relation__left__morelink_sp:hover:before {
  left: calc(100% + 30px);
}
.c-top-relation__right {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-top-relation__right {
    width: 60%;
  }
}
.c-top-relation a {
  text-decoration: none;
}
.c-top-relation__list {
  margin-bottom: 16px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-top-relation__list {
    width: 48%;
  }
}
.c-top-relation__list__link {
  box-shadow: 0 3px 6px rgba(36, 18, 16, 0.1);
  transition: 0.3s;
  background: #fff;
  display: block;
}
.c-top-relation__list__link:hover {
  box-shadow: 0 3px 6px rgba(36, 18, 16, 0.3);
}
.c-top-relation__list__img {
  position: relative;
  height: 160px;
  overflow: hidden;
}
.c-top-relation__list__img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.c-top-relation__list__tag {
  background: #333;
  padding: 2px 12px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
}
.c-top-relation__list__time {
  color: #333;
  display: flex;
  margin-bottom: 0;
  font-size: 12px;
}
.c-top-relation__list__time img {
  margin-right: 4px;
}
.c-top-relation__list__textbox {
  padding: 12px;
}
.c-top-relation__list__textbox__wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.c-top-relation__list__title {
  font-weight: bold;
  color: #444;
  padding: 8px 0;
  height: 85px;
  line-height: 1.5;
}

.c-top--interview {
  position: relative;
  padding: 15px 0 40px;
  margin-bottom: 35px;
}
.c-top--interview::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(./img/top/bg_interview.png) no-repeat center top;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: auto;
}
@media screen and (min-width: 768px) {
  .c-top--interview {
    padding-top: 45px;
    margin-bottom: 60px;
  }
  .c-top--interview::before {
    content: "";
    height: calc(100% - 7em);
    background: url(./img/top/bg_interview.png) no-repeat center top;
    background-size: 100% 100%;
    opacity: 0.7;
  }
}
.c-top--interview .c-headline {
  position: relative;
  z-index: 2;
}
.c-top--interview__inner {
  position: relative;
  z-index: 2;
  width: 92%;
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr;
  -ms-grid-rows: auto 16px 1fr 16px 1fr 16px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr 1fr 1fr;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .c-top--interview__inner {
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
    -ms-grid-rows: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 16px 24px;
  }
}
.c-top--interview__item {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 7px;
  position: relative;
}
.c-top--interview__item a {
  text-decoration: none;
  color: #444;
  display: block;
  height: 100%;
}
.c-top--interview__item a::after {
  content: "";
  position: absolute;
  right: 7px;
  bottom: 7px;
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, 0.75) url(./img/arrow.svg) no-repeat center center;
  background-size: 8px 7px;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  .c-top--interview__item a::after {
    right: 7px;
    bottom: 7px;
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0.75) url(./img/arrow.svg) no-repeat center center;
  }
}
.c-top--interview__item__thum {
  aspect-ratio: 328/184;
  overflow: hidden;
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-radius: 4px;
  margin-bottom: 5px;
}
.c-top--interview__item__thum img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .c-top--interview__item__thum {
    margin-bottom: 0;
  }
}
.c-top--interview__item__ttl {
  margin: 0 5px;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .c-top--interview__item__ttl {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.c-top--interview__item:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.c-top--interview__item:nth-child(1) a::after {
  content: "記事を読む";
  position: absolute;
  right: 7px;
  bottom: 7px;
  width: auto;
  height: auto;
  background: rgba(0, 0, 0, 0.75) url(./img/arrow.svg) no-repeat right 10px center;
  background-size: 8px 7px;
  border-radius: 50vh;
  color: #fff;
  padding: 2px 24px 2px 16px;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .c-top--interview__item:nth-child(1) a::after {
    font-size: 1.6rem;
    padding: 5px 38px 5px 32px;
    background: rgba(0, 0, 0, 0.75) url(./img/arrow.svg) no-repeat right 10px center;
  }
}
.c-top--interview__item:nth-child(1) .c-top--interview__item__thum {
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .c-top--interview__item:nth-child(1) .c-top--interview__item__thum {
    margin-bottom: 15px;
  }
}
.c-top--interview__item:nth-child(1) .c-top--interview__item__ttl {
  font-size: 1.6rem;
  line-height: 1.6;
  min-height: 52px;
}
@media screen and (min-width: 768px) {
  .c-top--interview__item:nth-child(1) .c-top--interview__item__ttl {
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .c-top--interview__item:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
}
.c-top--interview__item:nth-child(2) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media screen and (min-width: 768px) {
  .c-top--interview__item:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
.c-top--interview__item:nth-child(3) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media screen and (min-width: 768px) {
  .c-top--interview__item:nth-child(3) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
}
.c-top--interview__item:nth-child(4) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
.c-top--interview__item:nth-child(5) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
.c-top--interview__item:nth-child(6) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
}
@media screen and (min-width: 768px) {
  .c-top--interview__item:nth-child(6) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
}
.c-top--interview__item:nth-child(7) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
}
@media screen and (min-width: 768px) {
  .c-top--interview__item:nth-child(7) {
    display: none;
  }
}

.c-top--consept {
  width: 92%;
  max-width: 1080px;
  margin: 0 auto 35px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-top--consept {
    margin: 0 auto 100px;
  }
}
.c-top--consept .c-headline {
  position: relative;
}
.c-top--consept .c-headline::after {
  content: "";
  position: relative;
  display: block;
  left: calc(50% - 6.7em);
  top: -0.5em;
  background: url(./img/top/img_consept_sp.png) no-repeat center top;
  background-size: contain;
  width: 100%;
  max-width: 302px;
  height: auto;
  aspect-ratio: 302/224;
}
@media screen and (max-width: 560px) {
  .c-top--consept .c-headline::after {
    left: calc(50% - 6.7em);
  }
}
@media screen and (min-width: 768px) {
  .c-top--consept .c-headline {
    display: inline-block;
  }
  .c-top--consept .c-headline::after {
    content: "";
    position: absolute;
    left: -70px;
    top: 20px;
    background: url(./img/top/img_consept.png) no-repeat left top;
    background-size: contain;
    width: 814px;
    max-width: 814px;
    height: auto;
    aspect-ratio: 814/371;
  }
}
.c-top--consept p {
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 2;
  font-size: 1.4rem;
  font-weight: 600;
  color: #444444;
}
@media screen and (min-width: 768px) {
  .c-top--consept p {
    width: 50.3703703704%;
    font-size: 2rem;
    padding-top: 50px;
  }
}

.c-top--attempt {
  background-color: #FEEE5B;
  padding: 40px 0 10px;
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
  .c-top--attempt {
    padding: 60px 0 80px;
    margin-bottom: 45px;
  }
}
.c-top--attempt__list {
  width: 92%;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: column;
}
@media screen and (min-width: 768px) {
  .c-top--attempt__list {
    align-items: flex-start;
    flex-flow: row;
  }
}
.c-top--attempt__list li {
  width: 100%;
  max-width: 400px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .c-top--attempt__list li {
    width: 31.6666666667%;
    margin-bottom: 0;
  }
}
.c-top--attempt__list li img {
  display: block;
  margin: 0 auto 10px;
  width: 280px;
}
@media screen and (min-width: 768px) {
  .c-top--attempt__list li img {
    width: 100%;
    margin-bottom: 30px;
  }
}
.c-top--attempt__list li p {
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: 600;
  color: #444;
}
@media screen and (min-width: 768px) {
  .c-top--attempt__list li p {
    font-size: 2rem;
  }
}

.c-top--category__list {
  width: 92%;
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.c-top--category__list::after {
  content: "";
  position: relative;
  width: 31.25%;
}
.c-top--category__list::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 10px;
  background: url(./img/top/bg_cate.png) no-repeat left top;
  background-size: cover;
  width: 29.6875%;
  max-width: 170px;
  height: auto;
  aspect-ratio: 105/177;
}
@media screen and (min-width: 768px) {
  .c-top--category__list {
    max-width: 1080px;
    margin: 0 auto 40px;
    padding-bottom: 0;
  }
  .c-top--category__list::before {
    display: none;
  }
}
.c-top--category__list li {
  width: 31.25%;
  font-size: 1.4rem;
  margin-bottom: 30px;
  z-index: 2;
  position: relative;
}
.c-top--category__list li a {
  text-decoration: none;
  color: #444;
  font-weight: bold;
  display: block;
  text-align: center;
}
.c-top--category__list li a img {
  display: block;
  margin: 0 auto 10px;
  width: 100%;
  max-width: 195px;
}
@media screen and (min-width: 768px) {
  .c-top--category__list li {
    width: 18.5185185185%;
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .c-top--category__list li a img {
    margin: 0 auto 20px;
  }
}
.c-top--category__article {
  background: url(./img/top/bg_category.png) no-repeat center top;
  background-size: auto 100%;
  padding: 40px 0 24px;
}
@media screen and (min-width: 768px) {
  .c-top--category__article {
    background: url(./img/top/bg_category.png) no-repeat center top;
    background-size: 100% 100%;
    padding: 80px 0 56px;
  }
}
.c-top--category__article__item {
  width: 92%;
  max-width: 1080px;
  margin: 0 auto 16px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 16px 20px;
  display: flex;
  align-items: stretch;
  flex-flow: column;
}
@media screen and (min-width: 768px) {
  .c-top--category__article__item {
    margin: 0 auto 24px;
    padding: 16px 24px;
    flex-flow: row;
  }
}
.c-top--category__article__item h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: bold;
  font-size: 1.8rem;
}
.c-top--category__article__item h3 a {
  color: #444;
  text-decoration: none;
  position: relative;
}
.c-top--category__article__item h3 a::before {
  content: "";
  position: absolute;
  bottom: -2px;
  display: block;
  width: calc(100% - 26px);
  height: 1px;
  background-color: #444444;
}
.c-top--category__article__item h3 a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: rgba(0, 0, 0, 0.75) url(./img/arrow.svg) no-repeat center center;
  background-size: 8px 8px;
  border-radius: 50vh;
  margin: 0 0 0 8px;
  position: relative;
  top: 3px;
}
@media screen and (min-width: 768px) {
  .c-top--category__article__item h3 {
    font-size: 2rem;
    width: 220px;
  }
  .c-top--category__article__item h3 a::before {
    width: calc(100% - 32px);
  }
  .c-top--category__article__item h3 a::after {
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0.75) url(./img/arrow.svg) no-repeat center center;
    background-size: 10px 10px;
    top: 5px;
  }
}
.c-top--category__article__item .c-relation__list {
  border-top: 1px solid #000;
  padding: 10px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
}
.c-top--category__article__item .c-relation__list li {
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.3rem;
}
.c-top--category__article__item .c-relation__list li:not(:last-child) {
  margin-bottom: 8px;
}
.c-top--category__article__item .c-relation__list li::before {
  top: 6px;
}
@media screen and (min-width: 768px) {
  .c-top--category__article__item .c-relation__list {
    border-top: none;
    border-left: 1px solid #000;
    padding: 20px 0 20px 40px;
    width: calc(100% - 220px);
    margin-top: 0;
  }
  .c-top--category__article__item .c-relation__list li {
    font-size: 1.6rem;
  }
  .c-top--category__article__item .c-relation__list li::before {
    top: 8px;
  }
}

.c-area-ansfirst {
  margin: 20px 0;
  padding: 16px 24px;
  background: #FCF8EA;
}
.c-area-ansfirst__title {
  color: #01012C;
  font-weight: bold;
  padding: 4px 16px;
  text-align: center;
  font-size: 1.8rem;
}
.c-area-ansfirst__title span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
  line-height: 1.8;
}
.c-area-ansfirst__wrap {
  margin-top: -2px;
  padding: 24px 16px;
  position: relative;
}
.c-area-ansfirst__wrap p:last-of-type {
  margin-bottom: 0;
}
.c-area-ansfirst ul, .c-area-ansfirst ol {
  background: none;
  padding: 0;
}

.c-area-matome {
  padding: 16px 24px;
  background: #FCF8EA;
}
.c-area-matome__title {
  color: #01012C;
  font-weight: bold;
  padding: 4px 16px;
  text-align: center;
  font-size: 1.8rem;
}
.c-area-matome__title span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
  line-height: 1.8;
}
.c-area-matome__wrap {
  margin-top: -2px;
  padding: 24px 16px;
  position: relative;
}
.c-area-matome__wrap p:last-of-type {
  margin-bottom: 0;
}
.c-area-matome ul, .c-area-matome ol {
  background: none;
  padding: 0;
}

.ank-box-defalut {
  border: solid 6px #e2e2e2;
  margin-bottom: 20px;
}
.ank-box-defalut__name {
  font-size: 28px;
  font-weight: bold;
  padding: 20px;
  border-bottom: solid 1px #e2e2e2;
}
.ank-box-defalut__tablewrap {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .ank-box-defalut__tablewrap {
    display: flex;
  }
}
.ank-box-defalut__tablewrap__img {
  width: 100%;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .ank-box-defalut__tablewrap__img {
    width: 40%;
    margin-bottom: 0;
  }
}
.ank-box-defalut table {
  width: 100%;
  margin-bottom: 0;
  border: solid 1px #DEDEDE;
  border-collapse: collapse;
}
@media screen and (min-width: 768px) {
  .ank-box-defalut table {
    width: 60%;
    margin-left: 20px;
  }
}
.ank-box-defalut table caption {
  padding: 16px;
  text-align: left;
  width: 100%;
  border: solid 1px #DEDEDE;
  border-bottom: none;
  background: rgba(217, 186, 74, 0.1215686275);
  font-weight: bold;
}
.ank-box-defalut table th {
  background: #F5F5F5;
  font-size: 14px;
  border: solid 1px #DEDEDE;
  padding: 10px;
  vertical-align: top;
  text-align: left;
}
.ank-box-defalut table td {
  font-size: 14px;
  padding: 10px;
  border: solid 1px #DEDEDE;
}
.ank-box-defalut table td img {
  height: 20px;
}
.ank-box-defalut table td .note-txt {
  margin-bottom: 0;
}
.ank-box-defalut__list {
  padding: 0;
  margin: 0 0 20px;
  counter-reset: num;
  list-style: none;
  padding: 24px;
  background: #FCF8EA;
  margin: 0 16px 16px 16px;
}
.ank-box-defalut__list__index {
  font-weight: bold;
  text-align: center;
  margin-bottom: 16px;
}
.ank-box-defalut__list__index span {
  border-bottom: 2px solid #01012C;
  padding-bottom: 8px;
}
.ank-box-defalut__list li {
  padding: 0 0 0 20px;
  margin: 0 0 20px;
  list-style: none;
  position: relative;
  font-size: 14px;
}
.ank-box-defalut__list li:last-of-type {
  margin: 0;
}
.ank-box-defalut__list li::before {
  content: "";
  display: block;
  font-weight: 700;
  text-align: right;
  position: absolute;
  top: 11px;
  left: 1px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
}
.ank-box-defalut .c-cta__double {
  padding: 0 16px;
}

h3.ank-box-primary_name {
  margin: 48px 0 24px;
}

h4.ank-box-primary_name {
  margin: 40px 0 24px;
}

.ank-box-primary {
  margin: 40px 0;
}
.ank-box-primary_name {
  font-size: 20px;
  line-height: 1.8;
  font-weight: bold;
  padding: 9px 20px;
  border-top: solid 1px #D9BA4A;
  background-color: #FBF7E9;
}
@media screen and (max-width: 767px) {
  .ank-box-primary_name {
    font-size: 18px;
    padding: 8px 10px;
  }
}
.ank-box-primary_catch {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .ank-box-primary_catch {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .ank-box-primary_tablewrap {
    display: flex;
    justify-content: space-between;
  }
}
.ank-box-primary_tablewrap_img {
  width: 100%;
  max-width: 272px;
  margin: 0 auto 16px;
}
@media screen and (min-width: 768px) {
  .ank-box-primary_tablewrap_img {
    width: 40.7185628743%;
    margin-bottom: 24px;
  }
}
.ank-box-primary_tablewrap_table {
  width: 100%;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .ank-box-primary_tablewrap_table {
    width: 56.8862275449%;
  }
}
.ank-box-primary_tablewrap_table table {
  width: 100%;
  border-top: solid 1px #D9BA4A;
  border-left: 1px solid #D9BA4A;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .ank-box-primary_tablewrap_table table {
    font-size: 14px;
  }
}
.ank-box-primary_tablewrap_table table caption {
  padding: 16px;
  text-align: left;
  width: 100%;
  border: solid 1px #D9BA4A;
  border-bottom: none;
  background: rgba(217, 186, 74, 0.1215686275);
  font-weight: bold;
}
.ank-box-primary_tablewrap_table table th,
.ank-box-primary_tablewrap_table table td {
  border-right: 1px solid #D9BA4A;
  border-bottom: 1px solid #D9BA4A;
  padding: 8px 10px;
  vertical-align: top;
}
.ank-box-primary_tablewrap_table table th {
  background: #FBF7E9;
  text-align: left;
}
.ank-box-primary_label {
  position: relative;
  font-weight: bold;
  text-align: center;
  margin: 0 0 0 -8px;
  padding: 2px 15px;
  background: #D9BA4A;
  display: inline-block;
  color: #ffffff;
  z-index: 2;
  font-size: 14px;
}
.ank-box-primary_label:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-top: 8px solid #333333;
  border-left: 8px solid transparent;
}
.ank-box-primary_label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 15px;
  height: 100%;
  background-image: linear-gradient(to right top, #D9BA4A 50%, transparent 50%);
  z-index: auto;
}
.ank-box-primary_box {
  padding: 20px 15px 15px;
  margin: -10px 0 24px;
  counter-reset: num;
  list-style: none;
  background: #FCF8EA;
  position: relative;
}
.ank-box-primary_box_list > li {
  font-size: 14px;
  padding: 0 0 0 20px;
  margin: 0 0 8px;
  list-style: none;
  position: relative;
}
.ank-box-primary_box_list > li:last-of-type {
  margin: 0;
}
.ank-box-primary_box_list > li::before {
  content: "";
  display: block;
  font-weight: 700;
  text-align: right;
  position: absolute;
  top: 11px;
  left: 1px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
}
.ank-box-primary_box_note {
  font-size: 14px;
}
.ank-box-primary_box_note:not(:last-child) {
  margin-bottom: 1em;
}
.ank-box-primary .c-cta__double {
  padding: 0 16px;
}
.ank-box-secondary {
  border: 2px solid #00A0E8;
  margin: 40px 0;
}
.ank-box-secondary_title {
  background-color: #00A0E8;
  padding: 8px 15px 10px;
}
.ank-box-secondary_title_name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  color: #ffffff;
}
.ank-box-secondary_title_catch {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
}
.ank-box-secondary_body {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.ank-box-secondary_body > div:first-of-type {
  width: 42.7672955975%;
}
.ank-box-secondary_body > div:last-of-type {
  width: 54.7169811321%;
  display: flex;
  flex-direction: column;
}
.ank-box-secondary_body > div:last-of-type .c-cta__blue {
  margin-top: auto;
  margin-bottom: 0;
}
.ank-box-secondary_body_logo {
  margin-bottom: 2px;
}
.ank-box-secondary_body_capture {
  margin-bottom: 16px;
}
.ank-box-secondary_body_table table {
  width: 100%;
  border-top: solid 1px #DEDEDE;
  border-left: solid 1px #DEDEDE;
  border-collapse: collapse;
  font-size: 14px;
}
.ank-box-secondary_body_table table th {
  background: #F5F5F5;
  border-bottom: solid 1px #DEDEDE;
  border-right: solid 1px #DEDEDE;
  padding: 8px 10px;
  vertical-align: top;
  text-align: left;
}
.ank-box-secondary_body_table table td {
  padding: 8px 10px;
  border-bottom: solid 1px #DEDEDE;
  border-right: solid 1px #DEDEDE;
  vertical-align: top;
}
.ank-box-secondary_body_reasons {
  margin: 22px 0 16px;
}
.ank-box-secondary_body_reasons .ttl {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.ank-box-secondary_body_reasons .c-list--check {
  background-color: #EBF9FF;
  border-top: 3px dotted #00A0E8;
  margin: 0;
  padding: 15px;
}
.ank-box-secondary_body_reasons ol {
  list-style-type: none;
  background-color: #EBF9FF;
  border-top: 3px dotted #00A0E8;
  margin: 0;
  padding: 15px;
}
.ank-box-secondary_body_reasons ol li {
  padding-left: 2em;
  position: relative;
  font-weight: bold;
}
.ank-box-secondary_body_reasons ol li:not(:last-child) {
  margin-bottom: 10px;
}
.ank-box-secondary_body_reasons ol li::before {
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  width: 1.2em;
  height: 1.2em;
  background-color: #00A0E8;
  border-radius: 50vh;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
}
.ank-box-secondary_body_reasons ol li:nth-child(1)::before {
  content: "1";
}
.ank-box-secondary_body_reasons ol li:nth-child(2)::before {
  content: "2";
}
.ank-box-secondary_body_reasons ol li:nth-child(3)::before {
  content: "3";
}
.ank-box-secondary_body .c-cta__blue {
  padding-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .ank-box-secondary_title .name {
    font-size: 19px;
  }
  .ank-box-secondary_body {
    padding: 8px 16px;
    display: block;
  }
  .ank-box-secondary_body > div:first-of-type {
    width: 100%;
  }
  .ank-box-secondary_body > div:last-of-type {
    width: 100%;
    display: block;
  }
  .ank-box-secondary_body_logo {
    width: 100%;
    max-width: 272px;
    margin: 0 auto 2px;
  }
  .ank-box-secondary_body_capture {
    width: 100%;
    max-width: 310px;
    margin: 0 auto 16px;
  }
  .ank-box-secondary_body_reasons .ttl {
    font-size: 18px;
  }
  .ank-box-secondary_body_reasons ol {
    font-size: 14px;
  }
  .ank-box-secondary_body_reasons ol li::before {
    font-size: 16px;
  }
}

.c-faq__list {
  margin-bottom: 20px;
  border-bottom: solid 1px rgba(16, 36, 35, 0.12);
}

.c-faq-item {
  border-top: solid 1px rgba(16, 36, 35, 0.12);
}
.c-faq-item > input {
  display: none;
}
.c-faq-item__box__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 4px 8px 0 0;
  padding-bottom: 2px;
}
@media screen and (min-width: 768px) {
  .c-faq-item__box__icon {
    height: 32px;
    width: 32px;
    font-size: 1.6rem;
    margin: 0 8px 0 0;
    padding-bottom: 2px;
  }
}
.c-faq-item__box__txt {
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .c-faq-item__box__txt {
    font-size: 1.8rem;
  }
}
.c-faq-item__box--question {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 12px;
  position: relative;
  background: #fff;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .c-faq-item__box--question {
    padding: 12px 52px 12px 12px;
    align-items: center;
  }
}
.c-faq-item__box--question::after {
  display: block;
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  display: block;
  border-top: solid 3px rgba(20, 26, 35, 0.2588235294);
  border-right: solid 3px rgba(20, 26, 35, 0.2588235294);
  transform: rotate(135deg);
  pointer-events: none;
  transition: transform 0.1s;
  right: 16px;
  top: 30%;
}
.c-faq-item__box--question .c-faq-item__box__icon {
  background: #01012C;
}
.c-faq-item__box--question .c-faq-item__box__txt {
  width: 75%;
}
@media screen and (min-width: 768px) {
  .c-faq-item__box--question .c-faq-item__box__txt {
    max-width: 572px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .c-faq-item__box--question:hover {
    background: rgba(16, 36, 35, 0.05);
  }
  .c-faq-item__box--question:hover::after {
    width: 12px;
    height: 12px;
    display: block;
    border-top: solid 3px rgba(20, 26, 35, 0.2588235294);
    border-right: solid 3px rgba(20, 26, 35, 0.2588235294);
  }
  .c-faq-item__box--question:hover .c-faq-item__box__txt {
    color: #01012C;
    text-decoration: underline;
  }
}
.c-faq-item__box--answer {
  display: none;
  justify-content: flex-start;
  padding: 12px;
}
.c-faq-item__box--answer .c-faq-item__box__icon {
  background: #D9BA4A;
}
.c-faq-item__box--answer .c-faq-item__box__txt {
  font-size: 1.4rem;
  line-height: 1.7;
  width: 80%;
}
@media screen and (min-width: 768px) {
  .c-faq-item__box--answer .c-faq-item__box__txt {
    font-size: 1.6rem;
    max-width: 572px;
    width: auto;
  }
}
.c-faq-item__box--answer .c-faq-item__box__txt > p:not(:last-child) {
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
  .c-faq-item__box--answer .c-faq-item__box__txt > p:not(:last-child) {
    margin-bottom: 16px;
  }
}
.c-faq-item input:checked + .c-faq-item__box--question::after {
  transform: rotate(315deg);
}
.c-faq-item input:checked + .c-faq-item__box--question + .c-faq-item__box--answer {
  display: flex;
}

.c-faq {
  margin-bottom: 20px;
  border-bottom: solid 1px rgba(16, 36, 35, 0.12);
}
.c-faq__item-Q {
  border-top: solid 1px rgba(16, 36, 35, 0.12);
  padding: 12px 0 12px 50px;
  position: relative;
  background: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .c-faq__item-Q {
    padding: 12px 0 12px 52px;
    align-items: center;
    font-size: 1.8rem;
  }
}
.c-faq__item-Q::before {
  content: "Q";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 8px 0 0;
  position: absolute;
  left: 10px;
  top: 12px;
  background: #01012C;
}
@media screen and (min-width: 768px) {
  .c-faq__item-Q::before {
    height: 32px;
    width: 32px;
    font-size: 1.6rem;
    margin: 0 8px 0 0;
    left: 12px;
  }
}
.c-faq__item-Q.js-toggle {
  cursor: pointer;
  padding: 12px 30px 12px 50px;
}
@media screen and (min-width: 768px) {
  .c-faq__item-Q.js-toggle {
    padding: 12px 52px 12px 52px;
  }
  .c-faq__item-Q.js-toggle:hover {
    background: rgba(16, 36, 35, 0.05);
    text-decoration: underline;
  }
}
.c-faq__item-Q.js-toggle::after {
  display: block;
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  display: block;
  border-bottom: solid 3px rgba(20, 26, 35, 0.2588235294);
  border-right: solid 3px rgba(20, 26, 35, 0.2588235294);
  transform: rotate(45deg);
  transform-origin: center top 50%;
  pointer-events: none;
  transition: transform 0.1s;
  right: 10px;
  top: 30%;
}
@media screen and (min-width: 768px) {
  .c-faq__item-Q.js-toggle::after {
    width: 12px;
    height: 12px;
    right: 16px;
  }
}
.c-faq__item-Q.js-toggle.open::after {
  top: 42%;
  transform: rotate(225deg);
}
.c-faq__item-Q.js-toggle + div {
  display: none;
}
.c-faq__item-A {
  position: relative;
  padding: 12px 0 12px 50px;
  font-size: 1.4rem;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .c-faq__item-A {
    padding: 12px 0 12px 52px;
    align-items: center;
    font-size: 1.6rem;
  }
}
.c-faq__item-A::before {
  content: "A";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 8px 0 0;
  position: absolute;
  left: 10px;
  top: 10px;
  background: #D9BA4A;
}
@media screen and (min-width: 768px) {
  .c-faq__item-A::before {
    height: 32px;
    width: 32px;
    font-size: 1.6rem;
    margin: 0 8px 0 0;
    left: 12px;
  }
}
.c-faq__item-A > p:last-child {
  margin-bottom: 0;
}

/*
* シンプルアコーディオン
*/
.c-accordion-simple {
  width: 100%;
  height: 8.5em;
  overflow: hidden;
  position: relative;
  transition: height 0.2s;
  margin: 40px 0;
}
@media screen and (min-width: 768px) {
  .c-accordion-simple {
    height: 6.5em;
  }
}
.c-accordion-simple.toc_catetop {
  height: 14.5em;
}
@media screen and (min-width: 768px) {
  .c-accordion-simple.toc_catetop {
    height: 12.5em;
  }
}
.c-accordion-simple.active {
  max-height: none;
}
.c-accordion-simple.title_list {
  height: 21em;
  margin: 0 0 40px;
}

.c-accordion-simple__open {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1;
}
.c-accordion-simple__open::before {
  display: inline-block;
  content: "＋";
  margin-right: 4px;
}

.c-accordion-simple__close {
  text-align: center;
  cursor: pointer;
  font-size: 1.6rem;
  margin-top: 16px;
}
.c-accordion-simple__close::before {
  display: inline-block;
  content: "ー";
  margin-right: 8px;
}

.c-sidebar-relation {
  border-top: solid 1px rgba(16, 36, 35, 0.12);
  counter-reset: number 0;
}
.c-sidebar-relation__list {
  border-bottom: solid 1px rgba(16, 36, 35, 0.12);
  position: relative;
}
.c-sidebar-relation__list:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 30px;
  height: 30px;
  background: #D9BA4A;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number);
  color: #fff;
  font-weight: bold;
}
.c-sidebar-relation__list a {
  color: #01012C;
  text-decoration: none;
  display: block;
  padding: 12px;
}
.c-sidebar-relation__list a:hover {
  background: #f3f2f2;
  text-decoration: underline;
}
.c-sidebar-relation__list__time {
  display: flex;
  font-size: 1.2rem;
  font-weight: normal;
}
.c-sidebar-relation__list__time img {
  width: 12px;
  margin-right: 8px;
}
.c-sidebar-relation__list__text {
  padding: 12px 0;
  font-weight: bold;
  font-size: 1.4rem;
}

.c-catlist-child__text {
  margin-bottom: 16px;
  color: #01012C;
}
@media screen and (min-width: 768px) {
  .c-catlist-child ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.c-catlist-child__list {
  width: 100%;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .c-catlist-child__list {
    width: 49%;
  }
}
.c-catlist-child__list a {
  background: #dedede;
  padding: 16px;
  width: 100%;
  display: block;
  color: #01012C;
  position: relative;
  padding-left: 28px;
  text-decoration: none;
  font-weight: bold;
}
.c-catlist-child__list a:hover {
  opacity: 0.7;
}
.c-catlist-child__list a:before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #01012C;
  border-bottom: solid 2px #01012C;
  transform: translateY(-50%) rotate(-45deg);
  color: #01012C;
  position: absolute;
  top: 50%;
  left: 12px;
  pointer-events: none;
}

.page-contact {
  /* 必須 */
  /* エラー */
  /* input */
  /* radio */
  /* chekbox */
  /* 個人情報同意 */
  /* 送信ボタン */
}
.page-contact .contact-table {
  width: 100%;
  padding: 3vw 0 0;
}
.page-contact .contact-table th, .page-contact .contact-table td {
  display: block;
  padding: 0;
  margin-bottom: 5px;
  font-size: 1.6rem;
  text-align: left;
  border: 0;
}
@media screen and (max-width: 767px) {
  .page-contact .contact-table th, .page-contact .contact-table td {
    font-size: 3.6vw;
  }
}
.page-contact .contact-table td {
  margin-bottom: 20px;
}
.page-contact .contact-table ::-moz-placeholder {
  color: #D0D0D0;
}
.page-contact .contact-table ::placeholder {
  color: #D0D0D0;
}
.page-contact .required {
  display: inline-block;
  padding: 0 5px;
  margin: 0 5px;
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  vertical-align: 2px;
  background: #FF3838;
}
.page-contact .error {
  display: none;
  padding: 3px 3px 0;
  font-size: 12px !important;
  font-weight: bold;
  color: #af1c1b;
}
.page-contact input, .page-contact textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 8px 10px;
  background: #fff;
  border: 2px solid #333;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 767px) {
  .page-contact input, .page-contact textarea {
    padding: 10px;
  }
}
.page-contact input:focus, .page-contact textarea:focus {
  border: 2px solid #ccc;
  background: #eee;
}
.page-contact input[type=radio], .page-contact input[type=checkbox] {
  display: none;
}
.page-contact input[type=radio] + span, .page-contact input[type=checkbox] + span {
  position: relative;
  cursor: pointer;
}
.page-contact input[type=radio] + span:before, .page-contact input[type=radio] + span:after, .page-contact input[type=checkbox] + span:before, .page-contact input[type=checkbox] + span:after {
  position: absolute;
  content: "";
}
.page-contact input[type=radio] + span:before, .page-contact input[type=checkbox] + span:before {
  left: 0;
}
.page-contact input[type=radio] + span:after, .page-contact input[type=checkbox] + span:after {
  z-index: 1;
  opacity: 0;
  transition: all 0.1s;
}
.page-contact input[type=radio]:checked + span, .page-contact input[type=checkbox]:checked + span {
  font-weight: bold;
}
.page-contact input[type=radio]:checked + span:after, .page-contact input[type=checkbox]:checked + span:after {
  opacity: 1;
}
.page-contact input[type=radio] + span {
  padding-left: 22px;
}
.page-contact input[type=radio] + span:before, .page-contact input[type=radio] + span:after {
  border-radius: 50%;
}
.page-contact input[type=radio] + span:before {
  top: 50%;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #333;
  transform: translateY(-50%);
}
.page-contact input[type=radio] + span:after {
  top: 50%;
  left: 3px;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  background: #00A0E8;
}
.page-contact input[type=checkbox] + span {
  padding-left: 30px;
}
.page-contact input[type=checkbox] + span:before {
  top: -4px;
  width: 20px;
  height: 20px;
  border: 1px solid #808080;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .page-contact input[type=checkbox] + span:before {
    top: 1px;
  }
}
.page-contact input[type=checkbox] + span:after {
  top: 0;
  left: 3px;
  width: 14px;
  height: 7px;
  border-bottom: 3px solid #00A0E8;
  border-left: 3px solid #00A0E8;
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .page-contact input[type=checkbox] + span:after {
    top: 4px;
  }
}
.page-contact .mwform-radio-field {
  display: block;
}
.page-contact .chk_pp {
  text-align: center;
}
.page-contact .chk_pp h4 {
  margin: 30px auto;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .page-contact .chk_pp h4 {
    margin: 10vw auto 8vw;
  }
}
.page-contact .chk_pp .link {
  color: #00a0e8;
  text-decoration: underline;
}
.page-contact .chk_pp_inner {
  height: 130px;
  padding: 0 30px;
  margin-bottom: 40px;
  overflow-y: scroll;
  font-size: 1.4rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border: 1px solid #ddd;
}
.page-contact .chk_pp_inner::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  -webkit-overflow-scrolling: touch;
}
.page-contact .chk_pp_inner::-webkit-scrollbar-track {
  background: #efefef;
  border-radius: 10px;
}
.page-contact .chk_pp_inner::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.page-contact .chk_pp .error {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-contact .chk_box {
    margin: 1.5vw 0 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .page-contact .chk_box {
    margin: 2vw 0 0;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .page-contact .chk_box label span {
    display: inline-block;
  }
}
.page-contact .sub-btn {
  position: relative;
  max-width: 190px;
  margin: 40px auto;
  transition: all 0.1s;
}
.page-contact .sub-btn input, .page-contact .sub-btn a {
  display: block;
  width: 190px;
  margin: 0 auto;
  padding: 13px;
  box-sizing: border-box;
  border: 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  position: relative;
  background: #01012c;
}
.page-contact .sub-btn a {
  display: block;
  text-decoration: none;
}
.page-contact .sub-btn:after {
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  pointer-events: none;
  transition: 0.1s;
}
.page-contact .sub-btn:hover {
  opacity: 0.7;
}
.page-contact .sub-btn:hover:after {
  right: 15px;
}
.page-contact .sub-btn-bk {
  margin: 0 auto;
  text-align: center;
}
.page-contact .sub-btn-bk input {
  display: inline-block;
  width: auto;
  padding: 0;
  font-weight: bold;
  cursor: pointer;
  border: 0;
  border-bottom: 1px solid #333;
}
.page-contact .sub-btn-bk input:focus {
  background: none;
}

.page-complete .complete {
  padding: 3vw 0 0;
  text-align: left;
}

.ankenbox-general {
  border: solid 1px #DEDEDE;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1607843137);
  padding: 16px;
  padding-bottom: 20px;
  margin-bottom: 28px;
}
@media screen and (min-width: 768px) {
  .ankenbox-general {
    padding: 16px 24px 24px;
  }
}
.ankenbox-general__title {
  margin-bottom: 16px;
}
.ankenbox-general__title__rank {
  position: relative;
  padding-left: 64px;
  padding-bottom: 36px;
}
.ankenbox-general__title__rank-label {
  position: absolute;
  left: 0;
  top: -17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 52px;
  height: 69px;
}
.ankenbox-general__title__rank-label span {
  position: absolute;
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 2.4rem;
  top: 18%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.ankenbox-general__title__rank-label.ankenbox_rank_1 {
  background-image: url("./img//ankenbox/rank1.png");
}
.ankenbox-general__title__rank-label.ankenbox_rank_2 {
  background-image: url("./img//ankenbox/rank2.png");
}
.ankenbox-general__title__rank-label.ankenbox_rank_3 {
  background-image: url("./img//ankenbox/rank3.png");
}
.ankenbox-general__title__rank-label.ankenbox_rank_other {
  background-image: url("./img//ankenbox/rank_other.png");
}
.ankenbox-general__name {
  color: #102423;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .ankenbox-general__name {
    font-size: 2.2rem;
  }
}
.ankenbox-general-inner {
  margin-bottom: 13px;
}
.ankenbox-general-inner__img {
  margin-bottom: 16px;
}
.ankenbox-general-inner__img img {
  margin: 0 auto;
  width: 100%;
}
.ankenbox-general-inner__table table {
  border: solid 1px #F1E8BD;
  text-align: left;
  border-collapse: collapse;
  width: 100%;
}
.ankenbox-general-inner__table table th {
  background: #FCF8EA;
  font-size: 1.4rem;
  border: solid 1px #F1E8BD;
  padding: 8px 16px;
}
.ankenbox-general-inner__table table td {
  border: solid 1px #F1E8BD;
  padding: 8px 16px;
  font-size: 1.4rem;
}
.ankenbox-general__annotation {
  color: #7C7C7C;
  font-size: 1.2rem;
}
.ankenbox-general__point {
  background: #FCF8EA;
  position: relative;
  padding-top: 24px;
  margin: 24px 0 16px;
}
.ankenbox-general__point__title {
  line-height: 1.5;
  background: #D9BA4A;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  position: absolute;
  top: -16px;
  left: -8px;
  padding: 4px 16px;
  width: auto;
  text-align: center;
}
.ankenbox-general__point__title span {
  display: block;
  width: 100%;
  position: relative;
}
.ankenbox-general__point__title span:before {
  content: " ";
  position: absolute;
  bottom: -60px;
  left: 40px;
  width: 0;
  height: 0;
  border: none;
  border-top: 6px solid #102423;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: rotate(-135deg);
  left: -16px;
  top: 23px;
  z-index: 0;
}
.ankenbox-general__point__title span:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: none;
  border-top: 29px solid #D9BA4A;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  transform: rotate(180deg);
  top: -4px;
  right: -30px;
}
.ankenbox-general__point ul {
  list-style: none;
  padding: 0 24px;
  padding-bottom: 16px;
}
.ankenbox-general__point ul li {
  padding: 0 0 0 20px;
  margin: 0 0 12px;
  list-style: none;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
}
.ankenbox-general__point ul li:last-of-type {
  margin: 0;
}
.ankenbox-general__point ul li::before {
  content: "";
  display: block;
  font-weight: 700;
  text-align: right;
  position: absolute;
  top: 11px;
  left: 1px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
}
.ankenbox-general__point ul li.c-bulletsList__index {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
  padding-left: 0;
}
.ankenbox-general__point ul li.c-bulletsList__index span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
}
.ankenbox-general__point ul li.c-bulletsList__index::before {
  content: none;
}
.ankenbox-general-cta, .ankenbox-general-cta-sq {
  display: flex;
}
@media screen and (max-width: 767px) {
  .ankenbox-general-cta, .ankenbox-general-cta-sq {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .ankenbox-general-cta, .ankenbox-general-cta-sq {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.ankenbox-general-cta a, .ankenbox-general-cta-sq a {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  padding: 20px 0;
  position: relative;
  transition: 0.1s;
}
.ankenbox-general-cta a:hover, .ankenbox-general-cta-sq a:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}
@media screen and (min-width: 768px) {
  .ankenbox-general-cta a, .ankenbox-general-cta-sq a {
    width: 49%;
    font-size: 1.8rem;
  }
}
.ankenbox-general-cta a:after, .ankenbox-general-cta-sq a:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  transform: translateY(-50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 14px;
  pointer-events: none;
}
.ankenbox-general-cta__left, .ankenbox-general-cta-sq__left {
  background: #FFF100;
  box-shadow: 0 4px 0 #D9BA4A;
  color: #333;
}
.ankenbox-general-cta__left:after, .ankenbox-general-cta-sq__left:after {
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
  color: #333;
}
.ankenbox-general-cta__right, .ankenbox-general-cta-sq__right {
  background: #00A0E8;
  box-shadow: 0 4px 0 #016e9f;
  margin-bottom: 12px;
  color: #fff;
}
.ankenbox-general-cta__right:after, .ankenbox-general-cta-sq__right:after {
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .ankenbox-general-cta__right, .ankenbox-general-cta-sq__right {
    margin-bottom: 0;
  }
}
.ankenbox-general-cta.single-cta, .ankenbox-general-cta-sq.single-cta {
  justify-content: center;
}
.ankenbox-general-cta.single-cta a, .ankenbox-general-cta-sq.single-cta a {
  width: 100%;
  max-width: 376px;
}
.ankenbox-general-cta a {
  border-radius: 50vh;
}

.ankenbox-medical {
  border: solid 1px #DEDEDE;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1607843137);
  padding: 16px;
  padding-bottom: 20px;
  margin-bottom: 28px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical {
    padding: 16px 24px 24px;
  }
}
.ankenbox-medical__title {
  margin-bottom: 16px;
}
.ankenbox-medical__title__rank {
  position: relative;
  padding-left: 64px;
  padding-bottom: 36px;
}
.ankenbox-medical__title__rank-label {
  position: absolute;
  left: 0;
  top: -17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 52px;
  height: 69px;
}
.ankenbox-medical__title__rank-label span {
  position: absolute;
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 2.4rem;
  top: 18%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.ankenbox-medical__title__rank-label.ankenbox_rank_1 {
  background-image: url("./img//ankenbox/rank1.png");
}
.ankenbox-medical__title__rank-label.ankenbox_rank_2 {
  background-image: url("./img//ankenbox/rank2.png");
}
.ankenbox-medical__title__rank-label.ankenbox_rank_3 {
  background-image: url("./img//ankenbox/rank3.png");
}
.ankenbox-medical__title__rank-label.ankenbox_rank_other {
  background-image: url("./img//ankenbox/rank_other.png");
}
.ankenbox-medical__name {
  color: #102423;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical__name {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-wrap {
    display: flex;
    justify-content: space-between;
  }
}
.ankenbox-medical-inner {
  margin-bottom: 13px;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-inner {
    display: flex;
    flex-wrap: wrap;
    width: 34%;
  }
}
.ankenbox-medical-inner__img {
  margin-bottom: 16px;
  width: 34%;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-inner__img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-inner__img {
    width: 100%;
    margin-bottom: 0;
  }
}
.ankenbox-medical-inner__img img {
  margin: 0 auto;
}
.ankenbox-medical-inner__star {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1607843137);
  border: solid 0.5px #DEDEDE;
  border-radius: 2px;
  padding: 4px 8px;
  width: 62%;
  min-height: 30px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-inner__star {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.ankenbox-medical-inner__star p {
  font-size: 1.2rem;
  font-weight: bold;
  margin-right: 12px;
}
.ankenbox-medical-inner__star-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-inner__star-wrap {
    width: 68%;
  }
}
.ankenbox-medical-inner__star img {
  width: 20px;
  margin-right: 2px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-inner__star img {
    width: 22px;
    margin-right: 4px;
  }
}
.ankenbox-medical-inner__star img:last-of-type {
  margin-right: 0;
}
.ankenbox-medical-inner.star-none .ankenbox-medical-inner__star {
  display: none;
}
.ankenbox-medical-inner.star-none .ankenbox-medical-inner__img {
  width: 100%;
  text-align: center;
}
.ankenbox-medical__table {
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical__table {
    width: 62%;
  }
}
.ankenbox-medical__table table {
  border: solid 1px #F1E8BD;
  text-align: left;
  border-collapse: collapse;
  width: 100%;
}
.ankenbox-medical__table table th {
  background: #FCF8EA;
  font-size: 1.4rem;
  border: solid 1px #F1E8BD;
  padding: 8px 8px 8px 16px;
  width: 36%;
}
.ankenbox-medical__table table td {
  border: solid 1px #F1E8BD;
  padding: 8px 8px 8px 16px;
  font-size: 1.4rem;
  width: 65%;
}
.ankenbox-medical__table__brand {
  width: 25px;
}
.ankenbox-medical__table__money {
  display: flex;
  align-items: center;
}
.ankenbox-medical__table__money img {
  display: block;
  height: auto;
  width: 25px;
  margin-right: 4px;
}
.ankenbox-medical__table__service {
  display: flex;
  flex-wrap: wrap;
}
.ankenbox-medical__table__service li {
  width: auto;
  font-size: 1.2rem;
  color: #A0A0A0;
  border: solid 1px #A0A0A0;
  padding: 8px;
  margin-right: 6px;
  margin-bottom: 6px;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical__table__service li {
    margin-bottom: 0;
  }
}
.ankenbox-medical__table__service li:last-of-type {
  margin-bottom: 0;
}
.ankenbox-medical__table__service li.selected {
  color: #9A8312;
  border-color: #9A8312;
}
.ankenbox-medical__annotation {
  color: #7C7C7C;
  font-size: 1.2rem;
}
.ankenbox-medical__point {
  background: #FCF8EA;
  position: relative;
  padding-top: 24px;
  margin: 24px 0 16px;
}
.ankenbox-medical__point__title {
  line-height: 1.5;
  background: #D9BA4A;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  position: absolute;
  top: -16px;
  left: -8px;
  padding: 4px 16px;
  width: auto;
  text-align: center;
}
.ankenbox-medical__point__title span {
  display: block;
  width: 100%;
  position: relative;
}
.ankenbox-medical__point__title span:before {
  content: "";
  position: absolute;
  bottom: -60px;
  left: 40px;
  width: 0;
  height: 0;
  border: none;
  border-top: 6px solid #102423;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: rotate(-135deg);
  left: -16px;
  top: 23px;
  z-index: 0;
}
.ankenbox-medical__point__title span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: none;
  border-top: 29px solid #D9BA4A;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  transform: rotate(180deg);
  top: -4px;
  right: -30px;
}
.ankenbox-medical__point ul {
  list-style: none;
  padding: 0 24px;
  padding-bottom: 16px;
}
.ankenbox-medical__point ul li {
  padding: 0 0 0 20px;
  margin: 0 0 12px;
  list-style: none;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
}
.ankenbox-medical__point ul li:last-of-type {
  margin: 0;
}
.ankenbox-medical__point ul li::before {
  content: "";
  display: block;
  font-weight: 700;
  text-align: right;
  position: absolute;
  top: 11px;
  left: 1px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
}
.ankenbox-medical__point ul li.c-bulletsList__index {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
  padding-left: 0;
}
.ankenbox-medical__point ul li.c-bulletsList__index span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
}
.ankenbox-medical__point ul li.c-bulletsList__index::before {
  content: none;
}
.ankenbox-medical__campaign {
  margin: 32px 0 16px;
  padding: 24px 4vw 4vw;
  position: relative;
  background: #FFF2E5;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical__campaign {
    padding: 24px 20px 20px;
  }
}
@media screen and (max-width: 767px) {
  .ankenbox-medical__campaign {
    font-size: 13px;
  }
}
.ankenbox-medical__campaign:before {
  content: "";
  position: absolute;
  bottom: -60px;
  left: 40px;
  width: 0;
  height: 0;
  border: none;
  border-top: 7px solid #102423;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: rotate(-135deg);
  left: -7px;
  top: 11px;
}
.ankenbox-medical__campaign:after {
  content: "";
  position: absolute;
  bottom: -60px;
  width: 0;
  height: 0;
  border: none;
  border-top: 29px solid #C46C14;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  transform: rotate(180deg);
  left: 124px;
  top: -16px;
}
.ankenbox-medical__campaign__title {
  line-height: 1.5;
  background: #C46C14;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  position: absolute;
  top: -16px;
  left: -8px;
  padding: 4px 16px;
  padding-right: 18px;
}
.ankenbox-medical__campaign ul {
  list-style: none;
  padding: 0 24px;
  padding-bottom: 16px;
}
.ankenbox-medical__campaign ul li {
  padding: 0 0 0 20px;
  margin: 0 0 12px;
  list-style: none;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
}
.ankenbox-medical__campaign ul li:last-of-type {
  margin: 0;
}
.ankenbox-medical__campaign ul li::before {
  content: "";
  display: block;
  font-weight: 700;
  text-align: right;
  position: absolute;
  top: 11px;
  left: 1px;
  background: #C46C14;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
}
.ankenbox-medical__campaign ul li.c-bulletsList__index {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
  padding-left: 0;
}
.ankenbox-medical__campaign ul li.c-bulletsList__index span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
}
.ankenbox-medical__campaign ul li.c-bulletsList__index::before {
  content: none;
}
.ankenbox-medical-cta-sq, .ankenbox-medical-cta {
  display: flex;
  justify-content: space-between;
}
.ankenbox-medical-cta-sq a, .ankenbox-medical-cta a {
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
}
.ankenbox-medical-cta-sq a:hover, .ankenbox-medical-cta a:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}
.ankenbox-medical-cta-sq__left, .ankenbox-medical-cta__left {
  border: solid 1px #575757;
  margin-bottom: 12px;
  color: #575757;
  margin-bottom: 0;
  width: 37%;
  padding: 23px 0;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-cta-sq__left, .ankenbox-medical-cta__left {
    font-size: 1.8rem;
  }
}
.ankenbox-medical-cta-sq__left:after, .ankenbox-medical-cta__left:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #575757;
  border-bottom: solid 2px #575757;
  transform: translateY(-50%) rotate(-45deg);
  color: #575757;
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-cta-sq__left:after, .ankenbox-medical-cta__left:after {
    right: 14px;
  }
}
.ankenbox-medical-cta-sq__right, .ankenbox-medical-cta__right {
  width: 60%;
  padding: 10px 0;
  box-shadow: 0 4px 0 #016e9f;
  font-size: 1.4rem;
  color: #fff;
  background: #00A0E8;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-cta-sq__right, .ankenbox-medical-cta__right {
    font-size: 1.8rem;
    padding: 22px 0;
  }
}
.ankenbox-medical-cta-sq__right:after, .ankenbox-medical-cta__right:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-cta-sq__right:after, .ankenbox-medical-cta__right:after {
    right: 14px;
  }
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-cta-sq__right br, .ankenbox-medical-cta__right br {
    display: none;
  }
}
.ankenbox-medical-cta-sq.single-cta, .ankenbox-medical-cta.single-cta {
  justify-content: center;
}
.ankenbox-medical-cta-sq.single-cta a, .ankenbox-medical-cta.single-cta a {
  width: 100%;
  max-width: 376px;
}
.ankenbox-medical-cta-sq, .ankenbox-medical-cta {
  display: flex;
  justify-content: space-between;
}
.ankenbox-medical-cta-sq a, .ankenbox-medical-cta a {
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
}
.ankenbox-medical-cta-sq a:hover, .ankenbox-medical-cta a:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}
.ankenbox-medical-cta-sq__left, .ankenbox-medical-cta__left {
  border: solid 1px #575757;
  margin-bottom: 12px;
  color: #575757;
  margin-bottom: 0;
  width: 37%;
  padding: 23px 0;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-cta-sq__left, .ankenbox-medical-cta__left {
    font-size: 1.8rem;
  }
}
.ankenbox-medical-cta-sq__left:after, .ankenbox-medical-cta__left:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #575757;
  border-bottom: solid 2px #575757;
  transform: translateY(-50%) rotate(-45deg);
  color: #575757;
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-cta-sq__left:after, .ankenbox-medical-cta__left:after {
    right: 14px;
  }
}
.ankenbox-medical-cta-sq__right, .ankenbox-medical-cta__right {
  width: 60%;
  padding: 10px 0;
  box-shadow: 0 4px 0 #016e9f;
  font-size: 1.4rem;
  color: #fff;
  background: #00A0E8;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-cta-sq__right, .ankenbox-medical-cta__right {
    font-size: 1.8rem;
    padding: 22px 0;
  }
}
.ankenbox-medical-cta-sq__right:after, .ankenbox-medical-cta__right:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-cta-sq__right:after, .ankenbox-medical-cta__right:after {
    right: 14px;
  }
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-cta-sq__right br, .ankenbox-medical-cta__right br {
    display: none;
  }
}
.ankenbox-medical-cta-sq.single-cta, .ankenbox-medical-cta.single-cta {
  justify-content: center;
}
.ankenbox-medical-cta-sq.single-cta a, .ankenbox-medical-cta.single-cta a {
  width: 100%;
  max-width: 376px;
}
.ankenbox-medical-cta a {
  border-radius: 50vh;
}

.ankenbox-medical-type-b {
  border: solid 1px #DEDEDE;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1607843137);
  padding: 16px;
  padding-bottom: 20px;
  margin-bottom: 28px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b {
    padding: 16px 24px 24px;
  }
}
.ankenbox-medical-type-b__title {
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__title {
    margin-bottom: 20px;
  }
}
.ankenbox-medical-type-b__title__rank {
  position: relative;
  padding-left: 64px;
  padding-bottom: 36px;
}
.ankenbox-medical-type-b__title__rank-label {
  position: absolute;
  left: 0;
  top: -17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 52px;
  height: 69px;
}
.ankenbox-medical-type-b__title__rank-label span {
  position: absolute;
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 2.4rem;
  top: 18%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.ankenbox-medical-type-b__title__rank-label.ankenbox_rank_1 {
  background-image: url("./img//ankenbox/rank1.png");
}
.ankenbox-medical-type-b__title__rank-label.ankenbox_rank_2 {
  background-image: url("./img//ankenbox/rank2.png");
}
.ankenbox-medical-type-b__title__rank-label.ankenbox_rank_3 {
  background-image: url("./img//ankenbox/rank3.png");
}
.ankenbox-medical-type-b__title__rank-label.ankenbox_rank_other {
  background-image: url("./img//ankenbox/rank_other.png");
}
.ankenbox-medical-type-b__name {
  color: #102423;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__name {
    font-size: 2.2rem;
  }
}
.ankenbox-medical-type-b-wrap {
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
}
.ankenbox-medical-type-b-inner {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-inner {
    display: flex;
    flex-wrap: wrap;
    width: 34%;
  }
}
.ankenbox-medical-type-b-inner__img {
  width: 34%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-inner__img {
    width: 100%;
    margin-bottom: 0;
  }
}
.ankenbox-medical-type-b-inner__img img {
  margin: 0 auto;
  max-width: 102px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-inner__img img {
    max-width: 210px;
  }
}
.ankenbox-medical-type-b-inner__star {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1607843137);
  border: solid 0.5px #DEDEDE;
  border-radius: 2px;
  padding: 4px 8px;
  width: 62%;
  min-height: 30px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-inner__star {
    width: 100%;
    position: absolute;
    top: 142px;
    left: 0;
    right: 0;
  }
}
.ankenbox-medical-type-b-inner__star p {
  font-size: 1.2rem;
  font-weight: bold;
  margin-right: 12px;
}
.ankenbox-medical-type-b-inner__star-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-inner__star-wrap {
    width: 68%;
  }
}
.ankenbox-medical-type-b-inner__star img {
  width: 20px;
  margin-right: 2px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-inner__star img {
    width: 22px;
    margin-right: 4px;
  }
}
.ankenbox-medical-type-b-inner__star img:last-of-type {
  margin-right: 0;
}
.ankenbox-medical-type-b-inner.star-none .ankenbox-medical-type-b-inner__star {
  display: none;
}
.ankenbox-medical-type-b-inner.star-none .ankenbox-medical-type-b-inner__img {
  width: 100%;
}
.ankenbox-medical-type-b-inner.star-none .ankenbox-medical-type-b-inner__img img {
  max-width: 142px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-inner.star-none .ankenbox-medical-type-b-inner__img img {
    max-width: 210px;
  }
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__date-wrap {
    width: 62%;
  }
}
.ankenbox-medical-type-b__date {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ankenbox-medical-type-b__date-2col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__date-2col {
    margin-bottom: 14px;
  }
}
.ankenbox-medical-type-b__date-2col dl {
  width: 50%;
}
.ankenbox-medical-type-b__date-3col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__date-3col {
    margin-bottom: 14px;
  }
}
.ankenbox-medical-type-b__date-3col dl {
  width: 35%;
}
.ankenbox-medical-type-b__date-3col dl:nth-child(3) {
  width: 25%;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__date-3col dl:nth-child(3) {
    min-width: 100px;
  }
}
.ankenbox-medical-type-b__date dl {
  border: solid 1px #DEDEDE;
  border-collapse: collapse;
  text-align: center;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__date dl {
    margin-right: 14px;
  }
}
.ankenbox-medical-type-b__date dl:last-of-type {
  margin-right: 0;
}
.ankenbox-medical-type-b__date dl dt {
  background: #F4F4F4;
  font-size: 1.2rem;
  padding: 8px 12px;
  width: 100%;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__date dl dt {
    padding: 8px 12px;
    font-size: 1.6rem;
  }
}
.ankenbox-medical-type-b__date dl dd {
  border-top: solid 1px #DEDEDE;
  padding: 8px 12px;
  font-size: 1.4rem;
  width: 100%;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__date dl dd {
    padding: 8px 16px;
    font-size: 1.6rem;
  }
}
.ankenbox-medical-type-b__date__brand {
  display: flex;
}
.ankenbox-medical-type-b__date__brand img {
  display: block;
  height: auto;
  width: 25px;
  margin-right: 4px;
}
.ankenbox-medical-type-b__date__money {
  display: flex;
  align-items: center;
}
.ankenbox-medical-type-b__date__money img {
  display: block;
  height: auto;
  width: 25px;
  margin-right: 4px;
}
.ankenbox-medical-type-b__service {
  display: flex;
  flex-wrap: wrap;
}
.ankenbox-medical-type-b__service li {
  width: auto;
  font-size: 1rem;
  font-weight: bold;
  background: #A0A0A0;
  color: #fff;
  padding: 6px;
  margin-right: 8px;
  margin-bottom: 6px;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__service li {
    font-size: 1.2rem;
    margin-right: 12px;
    margin-bottom: 0;
  }
}
.ankenbox-medical-type-b__service li:last-of-type {
  margin: 0;
}
.ankenbox-medical-type-b__service li.selected {
  background: #BCA11D;
  color: #fff;
}
.ankenbox-medical-type-b__annotation {
  color: #7C7C7C;
  font-size: 1.2rem;
  margin-bottom: 16px;
  margin-top: -16px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__annotation {
    margin-bottom: 20px;
  }
}
.ankenbox-medical-type-b__accordion {
  border: solid 1px #F1E8BD;
  border-bottom: none;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__accordion {
    margin-bottom: 20px;
  }
}
.ankenbox-medical-type-b__accordion-title {
  background: #FCF8EA;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 16px;
  border-bottom: solid 1px #F1E8BD;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__accordion-title {
    font-size: 1.6rem;
  }
}
.ankenbox-medical-type-b__accordion-title-icon {
  background: #D9BA4A;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  position: relative;
  cursor: pointer;
}
.ankenbox-medical-type-b__accordion-title-icon span {
  display: block;
  background: #fff;
  height: 3px;
  width: 12px;
}
.ankenbox-medical-type-b__accordion-title-icon span:first-of-type {
  transform: rotate(90deg);
  position: absolute;
  transition: transform 0.2s;
}
.ankenbox-medical-type-b__accordion-title.active .ankenbox-medical-type-b__accordion-title-icon span:first-of-type {
  transform: rotate(0deg);
  position: absolute;
}
.ankenbox-medical-type-b__accordion-none {
  background: #fff;
  display: none;
  border-bottom: solid 1px #F1E8BD;
}
.ankenbox-medical-type-b__accordion-none.active {
  display: block;
}
.ankenbox-medical-type-b__accordion-none ul {
  padding: 0;
  counter-reset: num;
  list-style: none;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__accordion-none ul {
    padding: 16px 24px;
  }
}
.ankenbox-medical-type-b__accordion-none ul li {
  padding: 0 0 0 20px;
  margin: 0 0 12px;
  list-style: none;
  position: relative;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b__accordion-none ul li {
    margin: 0 0 12px;
  }
}
.ankenbox-medical-type-b__accordion-none ul li:last-of-type {
  margin: 0;
}
.ankenbox-medical-type-b__accordion-none ul li::before {
  content: "";
  display: block;
  font-weight: 700;
  text-align: right;
  position: absolute;
  top: 11px;
  left: 1px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
}
.ankenbox-medical-type-b__accordion-none ul li.c-bulletsList__index {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
  padding-left: 0;
}
.ankenbox-medical-type-b__accordion-none ul li.c-bulletsList__index span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
}
.ankenbox-medical-type-b__accordion-none ul li.c-bulletsList__index::before {
  content: none;
}
.ankenbox-medical-type-b-cta, .ankenbox-medical-type-b-cta-sq {
  display: flex;
  justify-content: space-between;
}
.ankenbox-medical-type-b-cta a, .ankenbox-medical-type-b-cta-sq a {
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
}
.ankenbox-medical-type-b-cta a:hover, .ankenbox-medical-type-b-cta-sq a:hover {
  opacity: 0.7;
}
.ankenbox-medical-type-b-cta__left, .ankenbox-medical-type-b-cta-sq__left {
  border: solid 1px #575757;
  margin-bottom: 12px;
  color: #575757;
  margin-bottom: 0;
  width: 37%;
  padding: 23px 0;
  font-size: 1.4rem;
  padding-right: 4px;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-cta__left, .ankenbox-medical-type-b-cta-sq__left {
    font-size: 1.8rem;
  }
}
.ankenbox-medical-type-b-cta__left:after, .ankenbox-medical-type-b-cta-sq__left:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #575757;
  border-bottom: solid 2px #575757;
  transform: translateY(-50%) rotate(-45deg);
  color: #575757;
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-cta__left:after, .ankenbox-medical-type-b-cta-sq__left:after {
    right: 14px;
  }
}
.ankenbox-medical-type-b-cta__right, .ankenbox-medical-type-b-cta-sq__right {
  background: #F1742C;
  box-shadow: 0 4px 0 #D06224;
  color: #fff;
  padding: 10px 0;
  width: 60%;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-cta__right, .ankenbox-medical-type-b-cta-sq__right {
    font-size: 1.8rem;
    padding: 22px 0;
  }
}
.ankenbox-medical-type-b-cta__right:after, .ankenbox-medical-type-b-cta-sq__right:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-cta__right:after, .ankenbox-medical-type-b-cta-sq__right:after {
    right: 14px;
  }
}
@media screen and (min-width: 768px) {
  .ankenbox-medical-type-b-cta__right br, .ankenbox-medical-type-b-cta-sq__right br {
    display: none;
  }
}
.ankenbox-medical-type-b-cta a {
  border-radius: 50vh;
}

.c-recommend-point {
  background: #FCF8EA;
  position: relative;
  padding: 32px 24px 20px;
  margin: 34px 0 20px;
}
.c-recommend-point__title {
  line-height: 1.5;
  background: #D9BA4A;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  position: absolute;
  top: -16px;
  left: -8px;
  padding: 4px 16px;
  width: auto;
  text-align: center;
}
.c-recommend-point__title span {
  display: block;
  width: 100%;
  position: relative;
}
.c-recommend-point__title span:before {
  content: " ";
  position: absolute;
  bottom: -60px;
  left: 40px;
  width: 0;
  height: 0;
  border: none;
  border-top: 6px solid #102423;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: rotate(-135deg);
  left: -16px;
  top: 23px;
  z-index: 0;
}
.c-recommend-point__title span:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: none;
  border-top: 29px solid #D9BA4A;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  transform: rotate(180deg);
  top: -4px;
  right: -30px;
}
.c-recommend-point > ul {
  list-style: none;
}
.c-recommend-point > ul > li {
  padding: 0 0 0 20px;
  margin: 0 0 12px;
  list-style: none;
  position: relative;
  font-size: 1.5rem;
  line-height: 1.4;
}
.c-recommend-point > ul > li:last-of-type {
  margin: 0;
}
.c-recommend-point > ul > li::before {
  content: "";
  display: block;
  font-weight: 700;
  text-align: right;
  position: absolute;
  top: 9px;
  left: 1px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
}
.c-recommend-point > ul > li.c-bulletsList__index {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
  padding-left: 0;
}
.c-recommend-point > ul > li.c-bulletsList__index span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
}
.c-recommend-point > ul > li.c-bulletsList__index::before {
  content: none;
}
.c-recommend-point > ol {
  list-style: none;
  counter-reset: item;
}
.c-recommend-point > ol > li {
  padding: 0 0 0 20px;
  margin: 0 0 12px;
  list-style: none;
  position: relative;
  font-size: 1.5rem;
  line-height: 1.4;
}
.c-recommend-point > ol > li:last-of-type {
  margin: 0;
}
.c-recommend-point > ol > li::before {
  counter-increment: item;
  content: counter(item) ". ";
  display: block;
  height: auto;
  font-weight: 700;
  text-align: right;
  color: #d9ba4a;
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .c-recommend-point > ol > li::before {
    top: -1px;
  }
}
.c-recommend-point > p:not(.c-recommend-point__title) {
  font-size: 1.5rem;
}
.c-recommend-point > p:not(.c-recommend-point__title):last-child {
  margin-bottom: 0;
}
.c-recommend-point.blue {
  background: #F2F4FF;
}
.c-recommend-point.blue .c-recommend-point__title {
  background: #30386F;
}
.c-recommend-point.blue .c-recommend-point__title span::after {
  border-top: 29px solid #30386F;
}
.c-recommend-point.blue ul li:before {
  background: #30386F;
}
.c-recommend-point.blue .c-recommend-point-inner {
  padding: 0 16px 16px;
}
@media screen and (min-width: 768px) {
  .c-recommend-point.blue .c-recommend-point-inner {
    padding: 0 24px 16px 24px;
  }
}
.c-recommend-point.blue .c-recommend-point-inner p {
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .c-recommend-point.blue .c-recommend-point-inner p {
    font-size: 1.4rem;
  }
}
.c-recommend-point.blue .c-recommend-point-inner p:last-of-type {
  margin-bottom: 0;
}
.c-recommend-point.blue .u-color__red {
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .c-recommend-point.blue .u-color__red {
    font-size: 1.4rem;
  }
}

.c-supervisor {
  border: solid 1px #DEDEDE;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1607843137);
  position: relative;
  margin-bottom: 20px;
}
.c-supervisor-inner {
  padding: 16px;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .c-supervisor-inner {
    padding: 46px 24px 8px;
  }
}
.c-supervisor__label {
  line-height: 1.5;
  background: #D9BA4A;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  position: absolute;
  top: -1px;
  left: -9px;
  width: auto;
  text-align: left;
  margin-bottom: 0;
}
.c-supervisor__label img {
  width: 20px;
  display: block;
  height: auto;
  margin: 0 4px 0 0;
}
.c-supervisor__label span {
  position: relative;
  display: block;
  padding: 4px 16px 4px 8px;
  display: flex;
  align-items: center;
}
.c-supervisor__label span:before {
  content: " ";
  position: absolute;
  bottom: -60px;
  left: 40px;
  width: 0;
  height: 0;
  border: none;
  border-top: 7px solid #102423;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: rotate(-135deg);
  left: 1px;
  top: 27px;
}
.c-supervisor__label span:after {
  content: " ";
  position: absolute;
  bottom: -60px;
  width: 0;
  height: 0;
  border: none;
  border-top: 29px solid #D9BA4A;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  transform: rotate(180deg);
  right: -14px;
  top: 0px;
}
.c-supervisor-wrap {
  display: flex;
  margin-bottom: 12px;
}
.c-supervisor-wrap__img {
  margin-right: 16px;
  width: 25%;
  max-width: 70px;
}
.c-supervisor-wrap__img img {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .c-supervisor-wrap__img {
    width: auto;
  }
}
.c-supervisor-wrap__text {
  width: 80%;
}
.c-supervisor-wrap__title {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #102423;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .c-supervisor-wrap__title {
    font-size: 1.6rem;
  }
}
.c-supervisor-wrap__name {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.2;
  color: #102423;
}
@media screen and (min-width: 768px) {
  .c-supervisor-wrap__name {
    font-size: 2.4rem;
  }
}
.c-supervisor-btm.text-none {
  margin-top: -32px;
}
@media screen and (min-width: 768px) {
  .c-supervisor-btm.text-none {
    margin-top: -16px;
  }
}
.c-supervisor-btm.active .c-supervisor-btm__inner {
  overflow: auto;
  height: auto;
}
.c-supervisor-btm__inner {
  height: 22px;
  overflow: hidden;
  transition: 0.2s;
}
@media screen and (min-width: 768px) {
  .c-supervisor-btm__inner {
    height: 26px;
  }
}
.c-supervisor-accordion {
  width: 100%;
  text-align: center;
  background: #F4F4F4;
  font-weight: bold;
  line-height: 1.4;
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.4rem;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-supervisor-accordion {
    font-size: 1.6rem;
  }
}
.c-supervisor-accordion-text__close {
  display: none;
}
.c-supervisor-accordion__icon {
  background: #D9BA4A;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  position: relative;
}
.c-supervisor-accordion__icon span {
  display: block;
  background: #fff;
  height: 3px;
  width: 12px;
}
.c-supervisor-accordion__icon span:first-of-type {
  transform: rotate(90deg);
  position: absolute;
  transition: transform 0.2s;
}
.c-supervisor-accordion.active .c-supervisor-accordion__icon span:first-of-type {
  transform: rotate(0deg);
  position: absolute;
}
.c-supervisor-accordion.active .c-supervisor-accordion-text__open {
  display: none;
}
.c-supervisor-accordion.active .c-supervisor-accordion-text__close {
  display: block;
}
.c-supervisor-accordion.text-none {
  display: none;
}
.c-supervisor + .u-font-style_notes {
  margin-top: -10px;
  margin-bottom: 20px;
}

.c-supervisor-link-card {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-supervisor-link-card {
    margin: -8px;
    display: flex;
    flex-wrap: wrap;
  }
}
.c-supervisor-link-card li {
  margin-bottom: 16px;
}
.c-supervisor-link-card li:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-supervisor-link-card li {
    margin: 0;
    width: 50%;
    padding: 8px;
  }
}
.c-supervisor-link-card li a {
  display: flex;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-decoration: none;
  border: solid 1px #DEDEDE;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .c-supervisor-link-card li a {
    line-height: 1.7;
  }
}
.c-supervisor-link-card li a span {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  margin-top: 4px;
}
@media screen and (min-width: 768px) {
  .c-supervisor-link-card li a span {
    margin-top: 0;
  }
}
.c-supervisor-link-card li img {
  width: 30%;
  margin: 0 12px 0 0;
}
.c-supervisor-link-card li p {
  width: 70%;
}
.c-supervisor-link-card li:hover {
  opacity: 0.7;
}

.c-box-supervisor {
  margin: 30px 0 40px;
  position: relative;
}
.c-box-supervisor .label {
  background-color: #C5C5C5;
  color: #fff;
  display: inline-block;
  line-height: 1.2;
  vertical-align: top;
  padding: 5px 15px 5px 10px;
  position: relative;
}
.c-box-supervisor .label:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: none;
  transform: rotate(180deg);
  right: -10px;
  top: 0px;
}
.c-box-supervisor .label.visor {
  background-color: #D9BA4A;
}
.c-box-supervisor .label.visor img {
  display: inline-block;
  margin: 0 10px 0 0;
  position: relative;
  top: -3px;
}
.c-box-supervisor .label.visor:after {
  border-top: 28px solid #D9BA4A;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.c-box-supervisor .label.author {
  background-color: #016E9F;
}
.c-box-supervisor .label.author img {
  display: inline-block;
  margin: 0 10px 0 0;
  position: relative;
  top: -2px;
}
.c-box-supervisor .label.author:after {
  border-top: 28px solid #016E9F;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.c-box-supervisor .label.editor {
  background-color: #AC2F37;
}
.c-box-supervisor .label.editor img {
  display: inline-block;
  margin: 0 10px 0 0;
  position: relative;
  top: -2px;
}
.c-box-supervisor .label.editor:after {
  border-top: 28px solid #AC2F37;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.c-box-supervisor .label_interviewee {
  line-height: 1.5;
  background: #D9BA4A;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  position: absolute;
  top: 0;
  left: -9px;
  display: inline-block;
  text-align: left;
  margin-bottom: 0;
}
.c-box-supervisor .label_interviewee img {
  width: 20px;
  display: block;
  height: auto;
  margin: 0 4px 0 0;
}
.c-box-supervisor .label_interviewee span {
  position: relative;
  display: block;
  padding: 4px 16px 4px 8px;
  display: flex;
  align-items: center;
  z-index: 1;
  background: #D9BA4A;
}
.c-box-supervisor .label_interviewee span:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: none;
  border-top: 7px solid #102423;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: rotate(-135deg);
  left: 1px;
  top: 27px;
  z-index: -1;
}
.c-box-supervisor .label_interviewee span:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: none;
  border-top: 29px solid #D9BA4A;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  transform: rotate(180deg);
  right: -14px;
  top: 0px;
}
.c-box-supervisor .tab {
  display: flex;
  gap: 10px;
}
.c-box-supervisor .tab .label {
  background-color: #C5C5C5;
  cursor: pointer;
}
.c-box-supervisor .tab .label:after {
  border-top: 28px solid #C5C5C5;
}
.c-box-supervisor .tab .label.active {
  z-index: 3;
}
.c-box-supervisor .tab .label.visor.active {
  background-color: #D9BA4A;
}
.c-box-supervisor .tab .label.visor.active:after {
  border-top: 28px solid #D9BA4A;
}
.c-box-supervisor .tab .label.author.active {
  background-color: #016E9F;
}
.c-box-supervisor .tab .label.author.active:after {
  border-top: 28px solid #016E9F;
}
.c-box-supervisor .tab .label.editor.active {
  background-color: #AC2F37;
}
.c-box-supervisor .tab .label.editor.active:after {
  border-top: 28px solid #AC2F37;
}
.c-box-supervisor .tab-contents {
  border: solid 1px #DEDEDE;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1607843137);
}
.c-box-supervisor .tab-contents .c-supervisor {
  border: none;
  box-shadow: none;
  margin: 0;
}
.c-box-supervisor .tab-contents_item {
  display: none;
}
.c-box-supervisor .tab-contents_item.show {
  display: block;
  -webkit-animation: fadeIn 0.5s ease;
          animation: fadeIn 0.5s ease;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-post-supervisor_info {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  width: 90.3790087464%;
  margin: 0 auto 30px;
}
.c-post-supervisor_info .photo {
  width: 100%;
  margin-bottom: 10px;
}
.c-post-supervisor_info .photo img {
  margin: 0;
  aspect-ratio: 156/150;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% top;
     object-position: 50% top;
}
.c-post-supervisor_info .txt {
  width: 100%;
}
.c-post-supervisor_info .txt .type {
  font-size: 1.6rem;
}
.c-post-supervisor_info .txt .type span {
  display: inline-block;
  color: #ffffff;
  background-color: #00A0E8;
  padding: 0 10px;
}
.c-post-supervisor_info .txt .sns {
  margin: auto 0 0;
  display: flex;
  flex-wrap: wrap;
}
.c-post-supervisor_info .txt .sns li {
  margin: 8px 8px 0 0;
}
.c-post-supervisor_info .txt .sns li img {
  margin: 0;
}
.c-post-supervisor_info .txt .sns li:last-child {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .c-post-supervisor_info {
    flex-direction: row;
    width: 100%;
  }
  .c-post-supervisor_info .photo {
    width: 23.3532934132%;
    margin: 0;
  }
  .c-post-supervisor_info .txt {
    width: 71.8562874251%;
    display: flex;
    flex-direction: column;
  }
}
.c-post-supervisor_content .c-post-content__title__second:first-child {
  margin-top: 0;
}
.c-post-supervisor_relation {
  margin-bottom: 1em;
}
.c-post-supervisor_relation a {
  display: flex;
  justify-content: space-between;
}
.c-post-supervisor_relation a .img {
  width: 24.4897959184%;
}
.c-post-supervisor_relation a .img img {
  margin: 0;
  aspect-ratio: 132/88;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-post-supervisor_relation a .ttl {
  width: 71.1370262391%;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .c-post-supervisor_relation a .img {
    width: 19.7604790419%;
  }
  .c-post-supervisor_relation a .img img {
    aspect-ratio: 132/88;
  }
  .c-post-supervisor_relation a .ttl {
    width: 77.8443113772%;
    margin: 0;
  }
}

.c-experiences {
  background: #F0F1F1;
  padding: 16px;
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-experiences {
    padding: 20px;
    margin-left: calc((700px - 100%) / 2 * -1);
    margin-right: calc((700px - 100%) / 2 * -1);
  }
}
.c-experiences-inner {
  background: #fff;
  padding: 16px;
  position: relative;
  padding-bottom: 60px;
  border: solid 1px #DEDEDE;
}
@media screen and (min-width: 768px) {
  .c-experiences-inner {
    padding: 24px;
    padding-bottom: 60px;
  }
}
.c-experiences__label {
  font-weight: bold;
  text-align: center;
  width: 90%;
  margin: 0 auto 12px;
  line-height: 1.5;
  padding: 2px;
  position: relative;
  border: solid 1px #FFF100;
  max-width: 300px;
  color: #333;
  background: #FFF100;
}
@media screen and (min-width: 768px) {
  .c-experiences__label {
    margin: 0 auto 16px;
  }
}
.c-experiences__label:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 15px 14px 16px;
  border-color: transparent transparent #FFF100 transparent;
  position: absolute;
  left: -23px;
  bottom: 0;
  transform: translateY(-50%) rotate(-90deg);
}
.c-experiences__label:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 15px 14px 16px;
  border-color: transparent transparent #FFF100 transparent;
  position: absolute;
  right: -23px;
  bottom: 0;
  transform: translateY(-50%) rotate(90deg);
}
.c-experiences__title {
  font-weight: bold;
  margin-bottom: 16px;
  line-height: 1.5;
}
.c-experiences-wrap {
  display: flex;
  margin-bottom: 8px;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .c-experiences-wrap {
    margin-bottom: 12px;
  }
}
.c-experiences-wrap img {
  border: solid 1px #DEDEDE;
  width: 20%;
  max-width: 64px;
  margin-right: 12px;
}
@media screen and (min-width: 768px) {
  .c-experiences-wrap img {
    max-width: 80px;
    margin-right: 24px;
  }
}
.c-experiences__list {
  width: 80%;
}
.c-experiences__list dl {
  display: flex;
  font-size: 1.4rem;
  line-height: 1.7;
  margin-bottom: 4px;
}
@media screen and (min-width: 768px) {
  .c-experiences__list dl {
    font-size: 1.6rem;
    margin-bottom: 8px;
    line-height: 1.5;
  }
}
.c-experiences__list dl dt {
  font-weight: bold;
  width: 40%;
  position: relative;
  padding-left: 16px;
}
@media screen and (min-width: 768px) {
  .c-experiences__list dl dt {
    width: 30%;
  }
}
.c-experiences__list dl dt::before {
  content: "";
  display: block;
  font-weight: 700;
  text-align: right;
  position: absolute;
  top: 12px;
  left: 1px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
}
.c-experiences__list dl dd {
  width: 60%;
}
@media screen and (min-width: 768px) {
  .c-experiences__list dl dd {
    width: 70%;
  }
}
.c-experiences__list dl:last-of-type {
  margin-bottom: 0;
}
.c-experiences__tag {
  font-size: 1.2rem;
  padding-bottom: 8px;
  border-bottom: solid 1px #DEDEDE;
  margin-bottom: 12px;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .c-experiences__tag {
    margin-bottom: 16px;
    padding-bottom: 12px;
    font-size: 1.6rem;
  }
}
.c-experiences__text p {
  line-height: 1.8;
}
.c-experiences__text .c-experiences__text__close {
  display: none;
}
.c-experiences__text .c-experiences__text__open {
  display: block;
}
.c-experiences__text.active .c-experiences__text__close {
  display: block;
}
.c-experiences__text.active .c-experiences__text__open {
  display: none;
}
.c-experiences__text__normal {
  margin-bottom: -44px;
}
.c-experiences__more {
  background: #A0A0A0;
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4px;
  line-height: 1.6;
  font-weight: bold;
  cursor: pointer;
}
.c-experiences__more span {
  position: relative;
}
.c-experiences__more span:after {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: -16px;
  pointer-events: none;
}
.c-experiences__more.active .c-experiences__more__open {
  display: none;
}
.c-experiences__more.active .c-experiences__more__close {
  display: inline-block;
}
.c-experiences__more.active span {
  position: relative;
}
.c-experiences__more.active span:after {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-135deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: -16px;
  pointer-events: none;
}
.c-experiences__more__close {
  display: none;
}

.c-general-comparison {
  background: #FCF8EA;
  padding: 16px;
  margin-bottom: 20px;
  padding-top: 46px;
}
@media screen and (min-width: 768px) {
  .c-general-comparison {
    padding: 24px;
    padding-top: 66px;
  }
}
.c-general-comparison__title {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-general-comparison__title {
    font-size: 2.4rem;
    justify-content: center;
  }
}
.c-general-comparison__title img {
  width: 40px;
  height: 24px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .c-general-comparison__title img {
    width: 64px;
    height: 38px;
    margin: 0 24px;
  }
}
.c-general-comparison__subtitle {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  border: solid 1px #01012C;
  font-size: 1.4rem;
  display: block;
  width: 198px;
  text-align: center;
  z-index: 1;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .c-general-comparison__subtitle {
    font-size: 1.8rem;
    width: 250px;
    top: -42px;
  }
}
.c-general-comparison__subtitle__mark {
  display: block;
}
.c-general-comparison__subtitle__mark:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3px 8px 3px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 2;
  transform: rotate(180deg);
  margin-left: -4px;
}
.c-general-comparison__subtitle__mark:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 10px 4px;
  border-color: transparent transparent #01012C;
  transform: rotate(180deg);
  margin-left: -5px;
}
.c-general-comparison-box {
  border: solid 1px #E5E5E5;
  background: #fff;
  padding: 16px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-general-comparison-box {
    padding: 24px;
  }
}
.c-general-comparison-box:last-of-type {
  margin-bottom: 0;
}
.c-general-comparison-box__name {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 16px;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .c-general-comparison-box__name {
    font-size: 2.2rem;
    margin-bottom: 20px;
    line-height: 1.2;
  }
}
.c-general-comparison-box .c-recommend-point {
  margin-top: 28px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .c-general-comparison-box .c-recommend-point {
    margin-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .c-general-comparison-box .c-recommend-point ul {
    padding: 0 24px 16px;
  }
}
.c-general-comparison-box .c-cta__double {
  margin-bottom: 0;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .c-general-comparison-box .c-cta__double {
    flex-direction: unset;
  }
}
.c-general-comparison-box .c-cta__double a:first-of-type {
  margin-bottom: 0;
}
.c-general-comparison-box .c-cta__double a:nth-child(2) {
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .c-general-comparison-box .c-cta__double a:nth-child(2) {
    margin-bottom: 0;
  }
}

.c-medical-comparison {
  background: #FCF8EA;
  padding: 16px;
  margin-bottom: 20px;
  padding-top: 46px;
}

.c-medical-comparison__title {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.c-medical-comparison__subtitle__mark {
  display: block;
}

.c-medical-comparison__subtitle__mark:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3px 8px 3px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 2;
  transform: rotate(180deg);
  margin-left: -4px;
}

.c-medical-comparison__subtitle__mark:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 10px 4px;
  border-color: transparent transparent #01012C;
  transform: rotate(180deg);
  margin-left: -5px;
}

.c-medical-comparison__title img {
  width: 40px;
  height: 24px;
  margin: 0;
}

.c-medical-comparison__subtitle {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  border: solid 1px #01012C;
  font-size: 1.2rem;
  display: block;
  width: 142px;
  text-align: center;
  z-index: 1;
}

.c-medical-comparison-box {
  border: solid 1px #E5E5E5;
  background: #fff;
  padding: 16px;
  margin-bottom: 20px;
}

.c-medical-comparison-box:last-of-type {
  margin-bottom: 0;
}

.c-medical-comparison-box__name {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 16px;
  line-height: 1.4;
}

.c-medical-comparison-box__tablewrap {
  display: block;
}

.c-medical-comparison-box__tablewrap__img {
  width: 100%;
  margin-bottom: 20px;
  margin-right: 0;
}

.c-medical-comparison-box__table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #DEDEDE;
  margin-bottom: 20px;
}

.c-medical-comparison-box__table th {
  background: #F4F4F4;
  text-align: left;
  padding: 12px;
  border: solid 1px #E4E5E4;
  font-size: 1.4rem;
}

.c-medical-comparison-box__table td {
  border: solid 1px #E4E5E4;
  padding: 12px;
  background: #fff;
  font-size: 1.4rem;
}

.c-cta__double__label {
  line-height: 1.5;
  background: #9b6648;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  position: absolute;
  top: -16px;
  left: -6px;
  padding: 4px 16px;
  width: 224px;
  text-align: center;
  z-index: 10;
}

.c-cta__double__label__inner {
  display: block;
  position: relative;
}

.c-cta__double__label__inner:before {
  content: " ";
  position: absolute;
  bottom: -60px;
  left: 40px;
  width: 0;
  height: 0;
  border: none;
  border-top: 5px solid #102423;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transform: rotate(-135deg);
  left: -15px;
  top: 23px;
}

.c-cta__double__label__inner:after {
  content: " ";
  position: absolute;
  bottom: -60px;
  width: 0;
  height: 0;
  border: none;
  border-top: 29px solid #9b6648;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  transform: rotate(180deg);
  right: -30px;
  top: -4px;
}

.c-medical-comparison-box .c-cta__double {
  margin-bottom: 0;
  display: flex;
  margin-bottom: 0;
  flex-direction: column-reverse;
}

.c-medical-comparison-box .c-cta__double a:last-of-type {
  margin-bottom: 12px;
}

.c-medical-comparison-box .c-cta__double a:first-of-type {
  margin-bottom: 0;
}

.c-medical-comparison-box .c-cta__double.label {
  margin-top: 30px;
}

.c-medical-comparison-box__tablewrap__img {
  width: 165px;
  margin-bottom: 20px;
  margin-right: 0;
  margin: 0 auto 20px;
}

@media screen and (min-width: 768px) {
  .c-medical-comparison-box .c-cta__double.label {
    margin-top: 20px;
  }
  .c-medical-comparison {
    background: #FCF8EA;
    padding: 24px;
    padding-top: 66px;
  }
  .c-medical-comparison-box__tablewrap {
    display: flex;
  }
  .c-medical-comparison-box__tablewrap__img {
    width: 50%;
    margin-bottom: 0;
    margin-right: 16px;
  }
  .c-medical-comparison__title {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .c-medical-comparison__title img {
    width: 42px;
    height: 24px;
    margin: 0 12px;
  }
  .c-medical-comparison__subtitle {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    border: solid 1px #01012C;
    font-size: 1.8rem;
    display: block;
    width: 142px;
    text-align: center;
    z-index: 1;
  }
  .c-medical-comparison-box {
    border: solid 1px #E5E5E5;
    background: #fff;
    padding: 24px;
    margin-bottom: 20px;
  }
  .c-medicalpoint__box__txt {
    font-size: 1.2rem;
    line-height: 1.8;
  }
  .c-medical-comparison__subtitle__mark:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3px 8px 3px;
    border-color: transparent transparent #ffffff transparent;
    z-index: 2;
    transform: rotate(180deg);
    margin-left: -4px;
  }
  .c-medical-comparison-box .c-cta__double {
    margin-bottom: 0;
    display: flex;
    flex-direction: inherit;
  }
  .c-medical-comparison-box .c-cta__double a:last-of-type {
    margin-bottom: 0;
  }
  .c-medical-comparison-box .c-cta__double a:first-of-type {
    margin-bottom: 0;
  }
  .c-medical-comparison-box__name {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 16px;
  }
}
@-webkit-keyframes shine {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@keyframes shine {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.c-ankenbox-general-footer {
  margin-bottom: 20px;
}
.c-ankenbox-general-footer__index {
  color: #c11b26;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
  line-height: 1.7;
}
.c-ankenbox-general-footer__index span {
  position: relative;
  display: flex;
  justify-content: center;
}
.c-ankenbox-general-footer__index span:before {
  content: "/";
  margin-right: 8px;
  transform: rotate(135deg);
  display: block;
  margin-top: 2px;
}
.c-ankenbox-general-footer__index span:after {
  content: "/";
  margin-left: 8px;
  display: block;
}
@media screen and (min-width: 768px) {
  .c-ankenbox-general-footer__index {
    font-size: 2.2rem;
  }
}
.c-ankenbox-general-footer__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  padding: 9px;
}
@media screen and (min-width: 768px) {
  .c-ankenbox-general-footer__title {
    padding: 16px 24px;
  }
}
.c-ankenbox-general-footer__block {
  border: solid 1px #A0A0A0;
  margin-bottom: 12px;
}
.c-ankenbox-general-footer__wrap {
  border-top: solid 1px #A0A0A0;
  border-bottom: solid 1px #A0A0A0;
  display: flex;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .c-ankenbox-general-footer__wrap {
    padding: 16px 24px;
  }
}
.c-ankenbox-general-footer__wrap a {
  width: 40%;
  max-width: 93px;
}
@media screen and (min-width: 768px) {
  .c-ankenbox-general-footer__wrap a {
    width: 50%;
    max-width: 302px;
  }
}
.c-ankenbox-general-footer__wrap a img {
  margin: 0;
}
.c-ankenbox-general-footer__wrap ul {
  list-style: none;
  padding: 0 0 0 16px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-ankenbox-general-footer__wrap ul {
    width: auto;
  }
}
.c-ankenbox-general-footer__wrap ul li {
  padding: 0 0 0 20px;
  margin: 0 0 12px;
  list-style: none;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .c-ankenbox-general-footer__wrap ul li {
    font-size: 1.6rem;
    margin: 0 0 10px;
  }
}
.c-ankenbox-general-footer__wrap ul li:last-of-type {
  margin: 0;
}
.c-ankenbox-general-footer__wrap ul li::before {
  content: "";
  display: block;
  font-weight: 700;
  text-align: right;
  position: absolute;
  top: 9px;
  left: 1px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
}
.c-ankenbox-general-footer__wrap ul li.c-bulletsList__index {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
  padding-left: 0;
}
.c-ankenbox-general-footer__wrap ul li.c-bulletsList__index span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
}
.c-ankenbox-general-footer__wrap ul li.c-bulletsList__index::before {
  content: none;
}
.c-ankenbox-general-footer__cta {
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .c-ankenbox-general-footer__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 16px 24px 20px;
  }
}
.c-ankenbox-general-footer__cta a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 16px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #00A0E8;
  box-shadow: 0 4px 0 #016e9f;
  position: relative;
  transition: 1s;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .c-ankenbox-general-footer__cta a {
    width: 49%;
  }
}
.c-ankenbox-general-footer__cta a:after {
  content: "";
  width: 30px;
  height: 100%;
  background-color: #fff;
  -webkit-animation: shine 2.5s infinite linear;
          animation: shine 2.5s infinite linear;
  position: absolute;
  top: -180px;
  left: 0;
  opacity: 0;
  transform: rotate(45deg);
}
.c-ankenbox-general-footer__cta a::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  pointer-events: none;
}
.c-ankenbox-general-footer__cta a:last-of-type {
  background: #D9BA4A;
  box-shadow: 0 4px 0 #af961d;
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .c-ankenbox-general-footer__cta a:last-of-type {
    margin-top: 0;
  }
}

.c-relation {
  border: 3px solid #00A0E8;
  padding: 20px 16px;
  margin-bottom: 20px;
}
.c-relation__ttl {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 16px;
}
.c-relation__ttl span {
  display: inline-block;
  position: relative;
  padding-left: 26px;
}
.c-relation__ttl span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  width: 20px;
  height: 16px;
  background: url(img/icon_read.svg) no-repeat left top;
  background-size: cover;
}
.c-relation__item {
  margin-bottom: 0;
  font-weight: bold;
}
.c-relation__list {
  font-weight: bold;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
}
.c-relation__list li {
  padding-left: 17px;
  position: relative;
}
.c-relation__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 7px;
  height: 7px;
  background-color: #00A0E8;
  border-radius: 50vh;
}

.c-quote {
  border: 1px solid #dadada;
  background-color: #fbfbfb;
  padding: 2em 1.7em;
  position: relative;
  margin-bottom: 20px;
}
.c-quote::before, .c-quote::after {
  position: absolute;
}
.c-quote::before {
  content: "";
  top: 5px;
  left: 5px;
  display: inline-block;
  background: url(img/quote-left.svg) no-repeat left top;
  background-size: contain;
  width: 24px;
  height: 24px;
}
.c-quote::after {
  content: "";
  bottom: 5px;
  right: 5px;
  display: inline-block;
  background: url(img/quote-right.svg) no-repeat left top;
  background-size: contain;
  width: 24px;
  height: 24px;
}

.c-review {
  margin-bottom: 20px;
  margin-right: -16px;
  overflow-x: auto;
  scrollbar-color: #9B9B9B #CECECE;
  scrollbar-width: thin;
}
.c-review::-webkit-scrollbar {
  height: 13px;
}
.c-review::-webkit-scrollbar-track {
  background-color: #CECECE;
  border-left: 20px solid #E9F2F7;
  border-right: 20px solid #E9F2F7;
  border-bottom: 8px solid #E9F2F7;
}
.c-review::-webkit-scrollbar-thumb {
  background-color: #9B9B9B;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 8px solid transparent;
  background-clip: content-box;
}
.c-review__wrap {
  margin: 20px 20px 18px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: unset;
  align-items: stretch;
}
.c-review__item {
  min-width: 236px;
  margin-right: 20px;
  position: relative;
  width: 236px;
}
.c-review__item::before {
  content: "";
  display: block;
  width: calc(100% + 40px);
  height: calc(100% + 38px);
  position: absolute;
  top: -20px;
  left: -20px;
  background-color: #E9F2F7;
}
.c-review__item-inner {
  padding: 16px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  height: 100%;
}
.c-review p {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.6;
}
.c-review__ttl {
  padding-right: 48px;
  margin-bottom: 8px;
  min-height: 60px;
}
.c-review__type {
  margin-bottom: 2px !important;
  line-height: 1.3 !important;
  font-weight: bold;
  color: #7C7C7C;
}
.c-review__lead {
  line-height: 1.4 !important;
  font-weight: bold;
}
.c-review__item.good .c-review__ttl {
  background: url(./img/review/icon_good.svg) no-repeat right top;
  background-size: 42px 42px;
}
.c-review__item.good .c-review__lead {
  color: #83C35B;
}
.c-review__item.fair .c-review__ttl {
  background: url(./img/review/icon_fair.svg) no-repeat right top;
  background-size: 42px 42px;
}
.c-review__item.fair .c-review__lead {
  color: #5AB8E3;
}
.c-review__item.poor .c-review__ttl {
  background: url(./img/review/icon_poor.svg) no-repeat right top;
  background-size: 42px 42px;
}
.c-review__item.poor .c-review__lead {
  color: #E596C0;
}

.c-tab {
  margin-bottom: 50px;
}
.c-tab .c-tab__btn-wrap {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.c-tab .c-tab__btn-wrap .c-tab__btn {
  display: flex;
  /*
  overflow-x: auto;
  &::-webkit-scrollbar {
    height: 10px;
    @include mq(sp) {
      height: 8px;
    }
  }
  &::-webkit-scrollbar-track{
    background-color: #E2E2E2;
  }
  &::-webkit-scrollbar-thumb{
    background-color: #AFAFAF;
    border-radius: 10px;
  }
  &::-webkit-scrollbar-button {
    width: 16px;
    height: 10px;
    display: block;
    @include mq(sp) {
      width: 13px;
      height: 8px;
    }
  }
  &::-webkit-scrollbar-button:start:increment {
    display: none;
  }
  &::-webkit-scrollbar-button:start:decrement {
    background: #E2E2E2 url(img/arrow_scroll_prev.svg) no-repeat 5px 2px;
    @include mq(sp) {
      background: #E2E2E2 url(img/arrow_scroll_prev.svg) no-repeat 4px 1px;
    }
  }
  &::-webkit-scrollbar-button:end:increment {
    background: #E2E2E2 url(img/arrow_scroll_next.svg) no-repeat 5px 2px;
    @include mq(sp) {
      background: #E2E2E2 url(img/arrow_scroll_next.svg) no-repeat 4px 1px;
    }
  }
  &::-webkit-scrollbar-button:end:decrement {
    display: none;
  }
  */
}
.c-tab .c-tab__btn-wrap .c-tab__btn li {
  width: 80px;
  min-width: 80px;
  margin: 0 10px 0 0;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .c-tab .c-tab__btn-wrap .c-tab__btn li {
    width: 68px;
    min-width: 68px;
  }
}
.c-tab .c-tab__btn-wrap .c-tab__btn li label {
  display: block;
  cursor: pointer;
  color: white;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  line-height: 2.3;
  position: relative;
  background: linear-gradient(to right, #646464, #878787);
}
@media screen and (max-width: 767px) {
  .c-tab .c-tab__btn-wrap .c-tab__btn li label {
    font-size: 1.6rem;
    line-height: 2.3;
  }
}
.c-tab .c-tab__btn-wrap .c-tab__btn li label::after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.3em 0 0 20px;
  border-color: transparent transparent transparent #878787;
}
.c-tab .c-tab__btn-wrap .c-tab__btn li:nth-child(1) {
  z-index: 10;
}
.c-tab .c-tab__btn-wrap .c-tab__btn li:nth-child(2) {
  z-index: 9;
}
.c-tab .c-tab__btn-wrap .c-tab__btn li:nth-child(3) {
  z-index: 8;
}
.c-tab .c-tab__btn-wrap .c-tab__btn li:nth-child(4) {
  z-index: 7;
}
.c-tab .c-tab__btn-wrap .c-tab__btn li:nth-child(5) {
  z-index: 6;
}
.c-tab .c-tab__btn-wrap .c-tab__btn li:nth-child(6) {
  z-index: 5;
}
.c-tab .c-tab__btn-wrap .c-tab__btn li:nth-child(7) {
  z-index: 4;
}
.c-tab .c-tab__btn-wrap .c-tab__btn li:nth-child(8) {
  z-index: 3;
}
.c-tab .c-tab__btn-wrap .c-tab__btn-20 label {
  background: #56CBFE !important;
}
.c-tab .c-tab__btn-wrap .c-tab__btn-20 label::after {
  border-color: transparent transparent transparent #56CBFE !important;
}
.c-tab .c-tab__btn-wrap .c-tab__btn-30 label {
  background: #00A0E8 !important;
}
.c-tab .c-tab__btn-wrap .c-tab__btn-30 label::after {
  border-color: transparent transparent transparent #00A0E8 !important;
}
.c-tab .c-tab__btn-wrap .c-tab__btn-40 label {
  background: #007AB1 !important;
}
.c-tab .c-tab__btn-wrap .c-tab__btn-40 label::after {
  border-color: transparent transparent transparent #007AB1 !important;
}
.c-tab .c-tab__btn-wrap .c-tab__btn-woman label {
  background: #F3ACD7 !important;
}
.c-tab .c-tab__btn-wrap .c-tab__btn-woman label::after {
  border-color: transparent transparent transparent #F3ACD7 !important;
}
.c-tab .c-tab__btn-wrap .c-tab__btn-second label {
  background: #60CEB0 !important;
}
.c-tab .c-tab__btn-wrap .c-tab__btn-second label::after {
  border-color: transparent transparent transparent #60CEB0 !important;
}
.c-tab input[name=switch] {
  display: none;
}
.c-tab .c-tab__content_item {
  display: none;
  opacity: 0;
  transition: all 0.5s;
}
.c-tab .c-tab__content_item_ttl {
  color: #ffffff;
  background: linear-gradient(to right, #646464, #878787);
  font-size: 1.8rem;
  padding: 10px 20px;
  margin: 0;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .c-tab .c-tab__content_item_ttl {
    padding: 8px 15px;
  }
}
.c-tab .c-tab__content_item.tabcontents-20 .c-tab__content_item_ttl {
  background: #56CBFE !important;
}
.c-tab .c-tab__content_item.tabcontents-30 .c-tab__content_item_ttl {
  background: #00A0E8 !important;
}
.c-tab .c-tab__content_item.tabcontents-40 .c-tab__content_item_ttl {
  background: #007AB1 !important;
}
.c-tab .c-tab__content_item.tabcontents-woman .c-tab__content_item_ttl {
  background: #F3ACD7 !important;
}
.c-tab .c-tab__content_item.tabcontents-second .c-tab__content_item_ttl {
  background: #60CEB0 !important;
}
.c-tab__anken_item {
  padding: 20px 0 24px;
}
@media screen and (max-width: 767px) {
  .c-tab__anken_item {
    padding: 15px 0 0;
  }
}
.c-tab__anken_item:nth-child(even) {
  background-color: #F8F8F8;
}
.c-tab__anken_item_ttl {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-weight: bold;
  width: 94.6107784431%;
  margin: 0 auto 20px;
}
.c-tab__anken_item_ttl h4 {
  font-weight: bold;
  margin: 0;
  line-height: 1.8;
  font-size: 1.8rem;
}
.c-tab__anken_item_ttl p {
  margin: 0;
}
.c-tab__anken_item_ttl p span {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .c-tab__anken_item_ttl {
    align-items: flex-start;
    width: 95.6268221574%;
    margin: 0 auto 10px;
  }
  .c-tab__anken_item_ttl h4 {
    font-size: 1.6rem;
    margin-right: 1em;
    line-height: 1.5;
  }
  .c-tab__anken_item_ttl p {
    font-size: 1.2rem;
    white-space: nowrap;
    line-height: 1.5;
  }
  .c-tab__anken_item_ttl p span {
    font-size: 1.6rem;
  }
}
.c-tab__anken_item_content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 94.6107784431%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-tab__anken_item_content {
    width: 95.6268221574%;
  }
}
.c-tab__anken_item_content_img {
  width: 21.835443038%;
}
.c-tab__anken_item_content_img img {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .c-tab__anken_item_content_img {
    width: 52.4781341108%;
    order: 1;
    margin-bottom: 20px;
  }
}
.c-tab__anken_item_content_txt {
  width: 76.2658227848%;
}
.c-tab__anken_item_content_txt .c-bulletsList-bdNone li {
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .c-tab__anken_item_content_txt {
    width: 100%;
    order: 3;
  }
}
.c-tab__anken_item_content .c-cta__single {
  margin: 0 0 0 auto;
  width: 76.2658227848%;
}
.c-tab__anken_item_content .c-cta__single a {
  margin: 0;
  padding: 10px 40px;
  width: 100%;
  max-width: 360px;
}
@media screen and (max-width: 767px) {
  .c-tab__anken_item_content .c-cta__single {
    width: 37.9008746356%;
    order: 2;
    margin-bottom: 20px;
  }
  .c-tab__anken_item_content .c-cta__single a {
    padding: 10px;
  }
  .c-tab__anken_item_content .c-cta__single a::before {
    right: 12px;
  }
}
.c-tab__anken .c-tab__anken_item:nth-child(1) .c-tab__anken_item_ttl h4 {
  padding-left: 32px;
  background: url(img/ankenbox/bk_rank1.svg) no-repeat left 5px;
  background-size: 24px 20px;
}
@media screen and (max-width: 767px) {
  .c-tab__anken .c-tab__anken_item:nth-child(1) .c-tab__anken_item_ttl h4 {
    padding-left: 20px;
    background: url(img/ankenbox/bk_rank1.svg) no-repeat left 7px;
    background-size: 14px 12px;
  }
}
.c-tab__anken .c-tab__anken_item:nth-child(2) .c-tab__anken_item_ttl h4 {
  padding-left: 32px;
  background: url(img/ankenbox/bk_rank2.svg) no-repeat left 5px;
  background-size: 24px 20px;
}
@media screen and (max-width: 767px) {
  .c-tab__anken .c-tab__anken_item:nth-child(2) .c-tab__anken_item_ttl h4 {
    padding-left: 20px;
    background: url(img/ankenbox/bk_rank2.svg) no-repeat left 7px;
    background-size: 14px 12px;
  }
}
.c-tab__anken .c-tab__anken_item:nth-child(3) .c-tab__anken_item_ttl h4 {
  padding-left: 32px;
  background: url(img/ankenbox/bk_rank3.svg) no-repeat left 5px;
  background-size: 24px 20px;
}
@media screen and (max-width: 767px) {
  .c-tab__anken .c-tab__anken_item:nth-child(3) .c-tab__anken_item_ttl h4 {
    padding-left: 20px;
    background: url(img/ankenbox/bk_rank3.svg) no-repeat left 7px;
    background-size: 14px 12px;
  }
}
.c-tab .c-accordion-simple {
  margin: 0 0 25px !important;
}
.c-tab .c-accordion-simple .c-tab__anken_item:nth-child(odd) {
  background-color: #F8F8F8;
}
.c-tab .c-accordion-simple .c-tab__anken_item:nth-child(even) {
  background-color: #ffffff;
}
.c-tab .c-accordion-simple__open {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 90%);
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1;
}
.c-tab .c-accordion-simple__open::before {
  display: none;
}
.c-tab .c-accordion-simple__open span {
  color: #ffffff;
  width: 89.8203592814%;
  display: block;
  padding: 12px 40px;
  background: #646464;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 4px 0 #434343;
  margin: 0 auto;
  position: relative;
  transition: 0.1s;
  margin-bottom: 4px;
}
.c-tab .c-accordion-simple__open span::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  pointer-events: none;
}
.c-tab .c-accordion-simple__open span:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}
.c-tab .c-accordion-simple__close {
  text-align: center;
  cursor: pointer;
  font-size: 1.6rem;
  margin-top: 16px;
  line-height: 1;
}
.c-tab .c-accordion-simple__close::before {
  display: none;
}
.c-tab .c-accordion-simple__close span {
  color: #ffffff;
  width: 100%;
  max-width: 600px;
  display: block;
  padding: 12px 40px;
  background: #646464;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 4px 0 #434343;
  margin: 0 auto;
  position: relative;
  transition: 0.1s;
  margin-bottom: 4px;
}
.c-tab .c-accordion-simple__close span::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  transform: rotate(-45deg);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  pointer-events: none;
}
.c-tab .c-accordion-simple__close span:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}
.c-tab__note {
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.c-tab__note dt {
  clear: both;
  float: left;
  width: 5em;
}
.c-tab__note dd {
  padding-left: 5em;
}

/*
#tabbtn-1:checked ~ .c-tab__btn label[for="tabbtn-1"],
#tabbtn-2:checked ~ .c-tab__btn label[for="tabbtn-2"],
#tabbtn-3:checked ~ .c-tab__btn label[for="tabbtn-3"],
#tabbtn-4:checked ~ .c-tab__btn label[for="tabbtn-4"],
#tabbtn-5:checked ~ .c-tab__btn label[for="tabbtn-5"],
#tabbtn-6:checked ~ .c-tab__btn label[for="tabbtn-6"],
#tabbtn-7:checked ~ .c-tab__btn label[for="tabbtn-7"],
#tabbtn-8:checked ~ .c-tab__btn label[for="tabbtn-8"] {
}
*/
#tabbtn-1:checked ~ .c-tab__content #tabcontents-1,
#tabbtn-2:checked ~ .c-tab__content #tabcontents-2,
#tabbtn-3:checked ~ .c-tab__content #tabcontents-3,
#tabbtn-4:checked ~ .c-tab__content #tabcontents-4,
#tabbtn-5:checked ~ .c-tab__content #tabcontents-5,
#tabbtn-6:checked ~ .c-tab__content #tabcontents-6,
#tabbtn-7:checked ~ .c-tab__content #tabcontents-7,
#tabbtn-8:checked ~ .c-tab__content #tabcontents-8 {
  display: block;
  -webkit-animation-name: displayAnime;
          animation-name: displayAnime;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* scrollbar */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.ps--active-x {
  padding-bottom: 12px;
}

.ps__rail-x {
  display: none;
  opacity: 1;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 10px;
  bottom: 0px;
  position: absolute;
}

.ps--active-x > .ps__rail-x {
  display: block;
  background-color: #e2e2e2;
}

.ps:hover > .ps__rail-x,
.ps--focus > .ps__rail-x,
.ps--scrolling-x > .ps__rail-x {
  opacity: 1;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-x.ps--clicking {
  background-color: #e2e2e2;
  opacity: 1;
}

.ps__thumb-x {
  background-color: #afafaf;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #afafaf;
  opacity: 1;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.c-recommend {
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
.c-recommend__head {
  background: #016e9f;
}
.c-recommend__body {
  background: #D3EEFB;
}
.c-recommend__title {
  position: relative;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  padding-block: 10px;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7em;
  text-align: center;
}
.c-recommend__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -75px;
  transform: translateY(-45%);
  display: inline-block;
  inline-size: 80px;
  block-size: 85px;
  background-image: url(img/icon_recommend.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-recommend__body {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 76px;
  padding: 42px 32px 40px;
}
.c-recommend__wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
}
.c-recommend__wrap .c-recommend__item {
  block-size: 100%;
}
.c-recommend__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 50px 35px 40px;
  background: #FFF;
  border: 1px solid #A0A0A0;
  border-radius: 8px;
}
.c-recommend__item__ttl {
  position: absolute;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 16px;
  background: #016e9f;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  white-space: nowrap;
  z-index: 50;
}
.c-recommend__item__ttl::before {
  position: absolute;
  content: "";
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 10px #102423;
  border-right: solid 6px transparent;
}
.c-recommend__item__contents {
  display: flex;
  gap: 24px;
  flex-direction: column;
  align-items: center;
}
.c-recommend .left, .c-recommend .right {
  inline-size: 50%;
}
.c-recommend__img {
  line-height: 1em;
}
.c-recommend__img img {
  display: block;
  margin: 0;
}
.c-recommend__img.small {
  inline-size: 60%;
}
.c-recommend__txt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
}
.c-recommend__txt::after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  inline-size: 10px;
  block-size: 10px;
  -webkit-margin-start: 5px;
          margin-inline-start: 5px;
  background: url(img/icon-link.png) no-repeat left top;
  background-size: 100% 100%;
}
.c-recommend__plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  inline-size: 40px;
  block-size: 40px;
  background-image: url(img/common/mark_plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 480px) {
  .c-recommend__title {
    font-size: 16px;
  }
  .c-recommend__title::before {
    top: -25%;
    left: -50px;
    transform: none;
    inline-size: 65px;
    block-size: 70px;
  }
  .c-recommend__body {
    gap: 40px;
    padding: 30px 10px;
  }
  .c-recommend__item {
    padding: 10px;
    -webkit-padding-before: 30px;
            padding-block-start: 30px;
  }
  .c-recommend__item__ttl {
    padding: 7px 10px;
    font-size: 14px;
  }
  .c-recommend__item__contents {
    gap: 10px;
  }
  .c-recommend__txt {
    font-size: 13px;
  }
  .c-recommend__plus {
    inline-size: 20px;
    block-size: 20px;
  }
}

.graph {
  -webkit-margin-after: 15px;
          margin-block-end: 15px;
  padding: 16px;
  background: #F9F9F9;
}
.graph__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.graph__logo {
  inline-size: 185px;
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
}
.graph__logo img {
  max-inline-size: 100%;
  inline-size: auto;
  block-size: auto;
  margin: 0;
}
.graph__cta a {
  position: relative;
  display: block;
  inline-size: 140px;
  padding-block: 2px;
  background: #fff;
  border: 1px solid #00A0E8;
  border-bottom-width: 3px;
  border-radius: 4px;
  color: #00A0E8;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.graph__cta a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  inline-size: 16px;
  block-size: 16px;
  background-image: url("./img//icon_external_link.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.graph__container {
  inline-size: 100%;
  padding: 20px;
  background: #fff;
  font-weight: bold;
}
.graph__item {
  inline-size: 100%;
  display: flex;
  align-items: flex-end;
  gap: 5px;
  block-size: 24px;
  margin-bottom: 8px;
}
.graph__name {
  inline-size: 18%;
  font-size: 14px;
}
.graph__wrap {
  display: flex;
  gap: 5px;
  inline-size: 82%;
}
.graph__bar {
  inline-size: 0;
  block-size: 16px;
}
.graph__value {
  inline-size: 15%;
  font-size: 12px;
}
.graph.mynabi .graph__bar {
  background: #5CA74B;
}
.graph.yakucari .graph__bar {
  background: #00A0E8;
}
.graph.pharma .graph__bar {
  background: #FF8933;
}
@media screen and (max-width: 767px) {
  .graph {
    padding: 8px;
  }
  .graph__logo {
    inline-size: 150px;
  }
  .graph__cta a {
    inline-size: 96px;
    font-size: 14px;
    padding-inline: 10px;
    text-align: left;
  }
  .graph__cta a::before {
    right: 5px;
  }
  .graph__container {
    padding: 8px;
  }
  .graph__name {
    inline-size: 85px;
    font-size: 12px;
  }
  .graph__wrap {
    inline-size: calc(100% - 90px);
  }
  .graph__value {
    inline-size: 67px;
    font-size: 10px;
  }
}

.wrapper {
  width: 100%;
}

.bar {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  inline-size: 100%;
}
.bar__item {
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  padding: 16px 20px;
  background: #F9F9F9;
}
.bar__item.mynabi .bar-wrap {
  background: #5CA74B;
}
.bar__item.yakucari .bar-wrap {
  background: #00A0E8;
}
.bar__item.farma .bar-wrap {
  background: #FF8933;
}
.bar__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bar__logo {
  inline-size: 185px;
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
}
.bar__logo img {
  max-inline-size: 100%;
  inline-size: auto;
  block-size: auto;
  margin: 0;
}
.bar__cta a {
  position: relative;
  display: block;
  inline-size: 140px;
  padding-block: 2px;
  background: #fff;
  border: 1px solid #00A0E8;
  border-bottom-width: 3px;
  border-radius: 4px;
  color: #00A0E8;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.bar__cta a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  inline-size: 16px;
  block-size: 16px;
  background-image: url("./img//icon_external_link.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bar .bar-wrap {
  position: relative;
  inline-size: 0;
  block-size: 24px;
  transition: width 2s ease;
}
.bar .value-display {
  inline-size: 13%;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .bar__item {
    padding: 16px 8px;
  }
  .bar__logo {
    inline-size: 150px;
  }
  .bar__cta a {
    inline-size: 96px;
    font-size: 14px;
    padding-inline: 10px;
    text-align: left;
  }
  .bar__cta a::before {
    right: 5px;
  }
  .bar .value-display {
    inline-size: 29%;
    font-size: 12px;
  }
}

.tab {
  inline-size: 100%;
}
.tab__menu {
  display: flex;
  align-items: flex-end;
  min-height: 50px;
  padding: 0;
  margin: 0;
}
.tab__menu-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: 135px;
  block-size: 40px;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
  padding: 6px 5px;
  text-align: center;
  list-style: none;
  color: #FFF;
  cursor: pointer;
  background: #A0A0A0;
  font-size: 16px;
  font-weight: bold;
  transition: all 0.3s;
}
.tab__menu-item:last-of-type {
  margin-right: 0;
}
.tab__menu-item.is-active {
  background-color: #00A0E8;
}
.tab__menu-item.is-active::after {
  border-left-color: #00A0E8;
}
.tab__menu-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  width: 0;
  height: 0;
  border-left: 15px solid #A0A0A0;
  border-top: 40px solid transparent;
  border-bottom: 0 solid transparent;
  height: 0;
  width: 0;
}
.tab__panel {
  width: 100%;
  border: 1px solid #A0A0A0;
  border-top: 3px solid #00A0E8;
}
.tab__panel-box {
  display: none;
  min-height: 400px;
  padding: 20px 24px 0;
}
.tab__panel-box.is-show {
  display: block;
}
.tab__panel-ttl {
  margin: 0;
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
  font-size: 18px;
  font-weight: bold;
}
.tab__panel .u-font-style_notes {
  padding-inline: 24px;
}
.tab br.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .tab__menu-item {
    inline-size: 75px;
    -webkit-margin-end: 5px;
            margin-inline-end: 5px;
    padding: 0;
    font-size: 14px;
    line-height: 1em;
  }
  .tab__menu-item::after {
    right: -5px;
    border-left: 5px solid #A0A0A0;
  }
  .tab__panel-box {
    padding: 16px;
    -webkit-padding-after: 0;
            padding-block-end: 0;
  }
  .tab__panel-ttl {
    -webkit-margin-after: 8px;
            margin-block-end: 8px;
    font-size: 14px;
  }
  .tab br.sp {
    display: block;
  }
}

.woman_index__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  -webkit-margin-after: 3em;
          margin-block-end: 3em;
  padding: 40px 1rem;
  background: #fdf8eb;
  border-radius: 16px;
}
@media screen and (max-width: 480px) {
  .woman_index__wrap {
    gap: 5px;
  }
}
.woman_index__item.title, .woman_index__item.article {
  inline-size: calc((100% - 5px) / 2);
}
.woman_index__item img {
  inline-size: 100%;
  margin: 0;
}
@media screen and (min-width: 480px) {
  .woman_index {
    justify-content: flex-start;
  }
  .woman_index__item.title {
    inline-size: 100%;
  }
  .woman_index__item.article {
    inline-size: calc((100% - 24px) / 3);
  }
}

.c-sort-table__selector label {
  font-size: 12px;
  font-weight: bold;
}
.c-sort-table__selector select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("./img/arrow_blue.svg") no-repeat right 12px center/12px auto;
}
.c-sort-table__ranking {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin: 0 auto 20px;
  position: relative;
}
.c-sort-table__ranking::before {
  position: absolute;
  content: "";
  top: 55px;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  transition: all 0.2s;
  pointer-events: none;
  display: block;
  width: calc(100% - 150px);
}
@media screen and (max-width: 560px) {
  .c-sort-table__ranking::before {
    width: calc(100% - 118px);
    top: 78px;
  }
}
.c-sort-table__ranking::after {
  position: absolute;
  content: "スクロールできます";
  color: #ffffff;
  text-align: center;
  top: 50%;
  left: calc(50% + 130px);
  width: auto;
  padding-top: 70px;
  transform: translate(-50%, -50%);
  background: url(img/icon_scroll.svg) no-repeat center top;
  background-size: 49px 54px;
  z-index: 2;
  pointer-events: none;
  font-size: 16px;
  white-space: nowrap;
  -webkit-animation: 3s slide2 infinite;
          animation: 3s slide2 infinite;
}
@media screen and (max-width: 560px) {
  .c-sort-table__ranking::after {
    left: calc(50% + 60px);
  }
}
.c-sort-table__ranking.remove-overlay::before {
  opacity: 0;
}
.c-sort-table__ranking.remove-overlay::after {
  display: none;
}

#sort-table-selector {
  inline-size: 345px;
  block-size: 45px;
  padding-inline: 8px 32px;
  border: 1px solid #c6c6c6;
  font-size: 12px;
}
@media screen and (max-width: 480px) {
  #sort-table-selector {
    inline-size: 100%;
  }
}

#sort-table {
  inline-size: 1500px;
  -webkit-margin-before: 2vh;
          margin-block-start: 2vh;
  counter-reset: rowNumber;
  table-layout: fixed;
  border-collapse: separate;
}
#sort-table caption {
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
  font-weight: bold;
  text-align: left;
}
#sort-table th {
  inline-size: 6%;
  padding: 4px 8px;
  background: #fcf8ea;
  border-right: 1px solid #eee4c2;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
}
#sort-table th:nth-of-type(1) {
  inline-size: 10%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
#sort-table th:nth-of-type(2) {
  inline-size: 3%;
}
#sort-table th:nth-of-type(3) {
  inline-size: 5.5%;
}
#sort-table th:nth-of-type(4) {
  inline-size: 5.5%;
}
#sort-table th:nth-of-type(5) {
  inline-size: 15%;
}
#sort-table th:nth-of-type(15) {
  border: none;
}
#sort-table th > div {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  text-align: left;
}
@media screen and (max-width: 480px) {
  #sort-table th:nth-of-type(1) {
    inline-size: 7.5%;
  }
  #sort-table th:nth-of-type(3) {
    inline-size: 5.3%;
  }
  #sort-table th:nth-of-type(4) {
    inline-size: 4%;
  }
}
#sort-table td {
  padding: 4px 8px;
  border-right: 1px solid #f1f1f1;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}
#sort-table tr:nth-of-type(even) td {
  background: #f9f9f9;
}
#sort-table tr:nth-of-type(odd) td {
  background: #fff;
}
#sort-table tr:nth-of-type(1) td:nth-of-type(1)::before {
  background: #d9ba4a;
}
#sort-table tr:nth-of-type(2) td:nth-of-type(1)::before {
  background: #95a9b1;
}
#sort-table tr:nth-of-type(3) td:nth-of-type(1)::before {
  background: #ae6425;
}
#sort-table tr td:nth-of-type(1) {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-padding-start: 22px;
          padding-inline-start: 22px;
  text-align: left;
}
#sort-table tr td:nth-of-type(1)::before {
  counter-increment: rowNumber;
  content: counter(rowNumber);
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  inline-size: 18px;
  block-size: 18px;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
  transform: translateY(-50%);
}
#sort-table tr td:nth-of-type(3) {
  font-size: 16px;
  font-weight: bold;
}
#sort-table tr td:nth-of-type(4) a {
  display: inline-block;
  padding: 8px;
  background: #00a0e8;
  border-radius: 20px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  #sort-table tr td:nth-of-type(4) a {
    padding: 5px;
    border-radius: 8px;
  }
}
#sort-table tr td:nth-of-type(5) {
  text-align: left;
}
#sort-table tr td:nth-of-type(1) span, #sort-table tr td:nth-of-type(2) span, #sort-table tr td:nth-of-type(3) span {
  color: #eeba00;
}

.c-ranking-table-20s__ranking {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin: 0 auto 20px;
  position: relative;
}
.c-ranking-table-20s__ranking::before {
  position: absolute;
  content: "";
  top: 73px;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  transition: all 0.2s;
  pointer-events: none;
  display: block;
  width: calc(100% - 124px);
}
@media screen and (max-width: 560px) {
  .c-ranking-table-20s__ranking::before {
    width: calc(100% - 124px);
    top: 69px;
  }
}
.c-ranking-table-20s__ranking::after {
  position: absolute;
  content: "スクロールできます";
  color: #ffffff;
  text-align: center;
  top: 50%;
  left: calc(50% + 130px);
  width: auto;
  padding-top: 70px;
  transform: translate(-50%, -50%);
  background: url(img/icon_scroll.svg) no-repeat center top;
  background-size: 49px 54px;
  z-index: 2;
  pointer-events: none;
  font-size: 16px;
  white-space: nowrap;
  -webkit-animation: 3s slide2 infinite;
          animation: 3s slide2 infinite;
}
@media screen and (max-width: 560px) {
  .c-ranking-table-20s__ranking::after {
    left: calc(50% + 60px);
  }
}
.c-ranking-table-20s__ranking.remove-overlay::before {
  opacity: 0;
}
.c-ranking-table-20s__ranking.remove-overlay::after {
  display: none;
}
.c-ranking-table-20s__ranking table {
  min-inline-size: 1425px;
  -webkit-margin-before: 2vh;
          margin-block-start: 2vh;
  counter-reset: rowNumber;
  table-layout: fixed;
  border-collapse: separate;
}
.c-ranking-table-20s__ranking table th {
  min-inline-size: 100px;
  block-size: 55px;
  padding: 4px 8px;
  background-color: #fcf8ea;
  border-right: 1px solid #eee4c2;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.c-ranking-table-20s__ranking table th:nth-of-type(1) {
  inline-size: 125px !important;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.c-ranking-table-20s__ranking table th:nth-of-type(2) {
  min-inline-size: 50px !important;
}
.c-ranking-table-20s__ranking table th:nth-of-type(3) {
  min-inline-size: 60px !important;
}
.c-ranking-table-20s__ranking table th:nth-of-type(4) {
  min-inline-size: 85px !important;
}
.c-ranking-table-20s__ranking table th:last-of-type {
  min-inline-size: 105px !important;
}
.c-ranking-table-20s__ranking table th > div {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
.c-ranking-table-20s__ranking table td {
  padding: 2px 8px;
  border-right: 1px solid #f1f1f1;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}
.c-ranking-table-20s__ranking table td:nth-of-type(2) a {
  display: inline-block;
  inline-size: 32px;
  block-size: auto;
}
.c-ranking-table-20s__ranking table td:nth-of-type(2) a img {
  max-inline-size: 100%;
  inline-size: auto;
  block-size: auto;
}
.c-ranking-table-20s__ranking table td.has_symbol {
  background-image: url("./img/icon_double_circle.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.c-ranking-table-20s__ranking table td.has_symbol.circle {
  background-image: url("./img/icon_circle.svg");
}
.c-ranking-table-20s__ranking table td.has_symbol.triangle {
  background-image: url("./img/icon_triangle.svg");
}
.c-ranking-table-20s__ranking table td .be_tag {
  display: block;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-block: 2px;
  margin-inline: auto;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: bold;
}
.c-ranking-table-20s__ranking table td .be_tag.yellow {
  background-color: #fff33f;
}
.c-ranking-table-20s__ranking table td .be_tag.green {
  background-color: #aacf52;
}
.c-ranking-table-20s__ranking table td .be_tag.blue {
  background-color: #187fc4;
  color: #fff;
}
.c-ranking-table-20s__ranking table td .be_tag.emerald {
  background-color: #00ada9;
  color: #fff;
}
.c-ranking-table-20s__ranking table td .be_tag.red {
  background-color: #e9546b;
  color: #fff;
}
.c-ranking-table-20s__ranking table td .be_tag.orange {
  background-color: #f6ad3c;
}
.c-ranking-table-20s__ranking table td .be_tag.purple {
  background-color: #a64a97;
  color: #fff;
}
.c-ranking-table-20s__ranking table tr:nth-of-type(even) td {
  background-color: #f9f9f9;
}
.c-ranking-table-20s__ranking table tr:nth-of-type(odd) td {
  background-color: #fff;
}
.c-ranking-table-20s__ranking table tr:nth-of-type(1) td:nth-of-type(1)::before {
  background-color: #d9ba4a;
}
.c-ranking-table-20s__ranking table tr:nth-of-type(1) td:nth-of-type(4) span {
  color: #eeba00;
}
.c-ranking-table-20s__ranking table tr:nth-of-type(2) td:nth-of-type(1)::before {
  background-color: #95a9b1;
  color: #fff;
}
.c-ranking-table-20s__ranking table tr:nth-of-type(2) td:nth-of-type(4) span {
  color: #eeba00;
}
.c-ranking-table-20s__ranking table tr:nth-of-type(3) td:nth-of-type(1)::before {
  background-color: #ae6425;
  color: #fff;
}
.c-ranking-table-20s__ranking table tr:nth-of-type(3) td:nth-of-type(4) span {
  color: #eeba00;
}
.c-ranking-table-20s__ranking table tr td:nth-of-type(1) {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-padding-start: 30px;
          padding-inline-start: 30px;
  font-weight: bold;
  text-align: left;
}
.c-ranking-table-20s__ranking table tr td:nth-of-type(1)::before {
  counter-increment: rowNumber;
  content: counter(rowNumber);
  position: absolute;
  top: 50%;
  left: 8px;
  display: inline-block;
  inline-size: 18px;
  block-size: 18px;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
  transform: translateY(-50%);
}
.c-ranking-table-20s__ranking table tr td:nth-of-type(3) a {
  display: inline-block;
  padding: 5px;
  background-color: #00a0e8;
  border-radius: 8px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
.c-ranking-table-20s__ranking table tr td:nth-of-type(4) {
  font-size: 14px;
  font-weight: bold;
}

.c-section__title {
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 8px;
  margin-bottom: 24px;
  text-align: center;
  position: relative;
  line-height: 1.5;
}
.c-section__title:after {
  content: "";
  display: block;
  height: 4px;
  width: 46px;
  background: #01012C;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -4px;
}
.c-section__title.category_parent {
  display: flex;
  align-items: center;
}
.c-section__title.category_parent span {
  border-bottom: solid 4px #01012C;
}
.c-section__title.category_parent br {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-section__title.category_parent br {
    display: inline-block;
  }
}
.c-section__title.category_parent img {
  width: 40px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .c-section__title.category_parent img {
    width: 60px;
  }
}
.c-section__title.category_parent::after {
  content: none;
}

.c-section__title-side {
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: solid 1px #DEDEDE;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .c-section__title-side {
    font-size: 1.4rem;
  }
}

.c-headline {
  font-size: 2.6rem;
  text-align: center;
  margin-bottom: 15px;
  font-weight: 600;
  color: #444;
}
.c-headline span {
  color: #00AAFF;
}
@media screen and (min-width: 768px) {
  .c-headline {
    font-size: 4.2rem;
    margin-bottom: 45px;
  }
}

.sponsored {
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
  padding: 8px 16px;
  background: #F5F5F5;
  font-size: 12px;
}
@media screen and (max-width: 560px) {
  .sponsored {
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
    padding: 8px 10px;
  }
}

.p-content-text {
  font-size: 1.5rem;
  margin-bottom: 20px;
  color: #333;
}

.c-numberList {
  padding: 16px;
  border: 1px solid #D9BA4A;
}
th .c-numberList, td .c-numberList, .c-box-text .c-numberList {
  padding: 0;
  border: none;
  text-align: left;
}

.c-numberList,
.c-numberList-bdNone {
  margin: 0 0 20px;
  list-style: none;
  counter-reset: item;
}
.c-numberList > li,
.c-numberList-bdNone > li {
  padding: 0 0 0 3rem;
  margin: 0 0 10px;
  position: relative;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .c-numberList > li,
.c-numberList-bdNone > li {
    padding: 0 0 0 3.4rem;
  }
}
.c-numberList > li:last-of-type,
.c-numberList-bdNone > li:last-of-type {
  margin: 0;
}
.c-numberList > li::before,
.c-numberList-bdNone > li::before {
  counter-increment: item;
  content: counter(item) ". ";
  display: block;
  width: 2.6rem;
  height: auto;
  font-weight: bold;
  text-align: right;
  color: #D9BA4A;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .c-numberList > li::before,
.c-numberList-bdNone > li::before {
    width: 3.1rem;
    font-size: 1.8rem;
  }
}
.c-numberList > li.c-numberList__index,
.c-numberList-bdNone > li.c-numberList__index {
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
  padding-left: 0;
}
.c-numberList > li.c-numberList__index span,
.c-numberList-bdNone > li.c-numberList__index span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
}
.c-numberList > li.c-numberList__index::before,
.c-numberList-bdNone > li.c-numberList__index::before {
  content: none;
}
.c-numberList > li ol,
.c-numberList > li ul,
.c-numberList-bdNone > li ol,
.c-numberList-bdNone > li ul {
  list-style-type: none;
}
.c-numberList > li ol li,
.c-numberList > li ul li,
.c-numberList-bdNone > li ol li,
.c-numberList-bdNone > li ul li {
  position: relative;
}
.c-numberList > li ol li::before,
.c-numberList > li ul li::before,
.c-numberList-bdNone > li ol li::before,
.c-numberList-bdNone > li ul li::before {
  display: block;
  position: absolute;
}
.c-numberList > li > ol,
.c-numberList-bdNone > li > ol {
  counter-reset: subitem;
}
.c-numberList > li > ol > li,
.c-numberList-bdNone > li > ol > li {
  padding: 0 0 0 2.6em;
}
.c-numberList > li > ol > li:before,
.c-numberList-bdNone > li > ol > li:before {
  counter-increment: subitem;
  content: counter(item) "-" counter(subitem) ". ";
  width: 2.6em;
  height: auto;
  font-weight: bold;
  color: #D9BA4A;
  top: 0;
  left: 0;
  text-align: right;
}
.c-numberList > li > ol > li > ol,
.c-numberList-bdNone > li > ol > li > ol {
  counter-reset: subitem2;
}
.c-numberList > li > ol > li > ol > li,
.c-numberList-bdNone > li > ol > li > ol > li {
  padding: 0 0 0 3.6em;
}
.c-numberList > li > ol > li > ol > li:before,
.c-numberList-bdNone > li > ol > li > ol > li:before {
  counter-increment: subitem2;
  content: counter(item) "-" counter(subitem) "-" counter(subitem2) ". ";
  width: 3.6em;
  height: auto;
  font-weight: bold;
  color: #D9BA4A;
  top: 0;
  left: 0;
  text-align: right;
}
.c-numberList > li .c-alphabetList,
.c-numberList-bdNone > li .c-alphabetList {
  list-style-type: lower-alpha;
  margin-left: 1.6em;
  margin-top: 5px;
}
.c-numberList > li .c-alphabetList > li,
.c-numberList-bdNone > li .c-alphabetList > li {
  padding: 0;
}
.c-numberList > li .c-alphabetList > li:before,
.c-numberList-bdNone > li .c-alphabetList > li:before {
  display: none;
}
.c-numberList > li .c-alphabetList > li:not(:last-child),
.c-numberList-bdNone > li .c-alphabetList > li:not(:last-child) {
  margin-bottom: 10px;
}
.c-numberList > li ul li,
.c-numberList-bdNone > li ul li {
  padding: 0 0 0 16px;
}
.c-numberList > li ul li::before,
.c-numberList-bdNone > li ul li::before {
  content: "";
  counter-increment: none;
  font-weight: normal;
  text-align: center;
  top: 0.6em;
  left: 5px;
  background: #D9BA4A;
  width: 6px;
  height: 6px;
  transform: none;
  border-radius: 50vh;
}
.c-numberList .has-item,
.c-numberList-bdNone .has-item {
  font-weight: 700;
}
.c-numberList .has-item ol,
.c-numberList .has-item ul,
.c-numberList-bdNone .has-item ol,
.c-numberList-bdNone .has-item ul {
  font-weight: normal;
}

.c-bulletsList {
  padding: 16px;
  border: 1px solid #D9BA4A;
}
th .c-bulletsList, td .c-bulletsList, .c-box-text .c-bulletsList {
  padding: 0;
  border: none;
  text-align: left;
}

.c-bulletsList,
.c-bulletsList-bdNone {
  margin: 0 0 20px;
  list-style: none;
}
.c-bulletsList > li,
.c-bulletsList-bdNone > li {
  padding: 0 0 0 16px;
  margin: 0 0 10px;
  position: relative;
  font-size: 1.5rem;
}
.c-bulletsList > li:last-of-type,
.c-bulletsList-bdNone > li:last-of-type {
  margin: 0;
}
.c-bulletsList > li::before,
.c-bulletsList-bdNone > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 3px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
}
.c-bulletsList > li.has-item,
.c-bulletsList-bdNone > li.has-item {
  font-weight: 700;
}
.c-bulletsList > li.has-item > ul,
.c-bulletsList-bdNone > li.has-item > ul {
  font-weight: normal;
}
.c-bulletsList > li ul li,
.c-bulletsList-bdNone > li ul li {
  padding: 0 0 0 16px;
  margin: 0;
  position: relative;
}
.c-bulletsList > li ul li::before,
.c-bulletsList-bdNone > li ul li::before {
  content: "";
  display: block;
  font-weight: normal;
  text-align: center;
  position: absolute;
  top: 0.6em;
  left: 5px;
  background: #D9BA4A;
  width: 6px;
  height: 6px;
  transform: none;
  border-radius: 50vh;
}
.c-bulletsList > li.c-bulletsList__index,
.c-bulletsList-bdNone > li.c-bulletsList__index {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
  padding-left: 0;
}
.c-bulletsList > li.c-bulletsList__index span,
.c-bulletsList-bdNone > li.c-bulletsList__index span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
}
.c-bulletsList > li.c-bulletsList__index::before,
.c-bulletsList-bdNone > li.c-bulletsList__index::before {
  content: none;
}

.c-dlList-table {
  width: 100%;
  border-top: solid 1px #A0A0A0;
  border-left: solid 1px #A0A0A0;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.c-dlList-table dt {
  background: rgba(217, 186, 74, 0.1215686275);
  padding: 8px;
  border-right: solid 1px #A0A0A0;
  border-bottom: solid 1px #A0A0A0;
  font-size: 1.5rem;
  width: 50%;
  box-sizing: border-box;
}
.c-dlList-table dt.bg-gray {
  background: #f5f5f5;
}
.c-dlList-table dd {
  border-right: solid 1px #A0A0A0;
  border-bottom: solid 1px #A0A0A0;
  padding: 8px;
  background: #fff;
  font-size: 1.5rem;
  width: 50%;
  box-sizing: border-box;
}
.c-dlList-table dd.bg-gray {
  background: #f5f5f5;
}
.c-dlList-box {
  padding: 16px;
  border: 1px solid #D9BA4A;
  margin: 0 0 20px;
}
.c-dlList-box > dt {
  padding: 0 0 0 16px;
  position: relative;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .c-dlList-box > dt {
    font-size: 1.8rem;
  }
}
.c-dlList-box > dt::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.7em;
  left: 3px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
}
.c-dlList-box > dd {
  padding-left: 16px;
  margin-bottom: 16px;
  font-size: 1.5rem;
}
.c-dlList-box > dd:last-of-type {
  margin: 0;
}
th .c-dlList-box, td .c-dlList-box, .c-box-text .c-dlList-box {
  padding: 0;
  border: none;
  text-align: left;
}

.c-vertical-table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #A0A0A0;
  margin-bottom: 20px;
}
.c-vertical-table caption {
  padding: 16px;
  text-align: left;
  width: 100%;
  border: solid 1px #A0A0A0;
  border-bottom: none;
  background: rgba(217, 186, 74, 0.1215686275);
  font-weight: bold;
}
.c-vertical-table thead th {
  background: #FCF8EA;
  text-align: left;
  padding: 8px;
  border: solid 1px #A0A0A0;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-vertical-table thead th {
    font-size: 1.6rem;
  }
}
.c-vertical-table th {
  border: solid 1px #A0A0A0;
  background: #FCF8EA;
  text-align: left;
  padding: 8px;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-vertical-table th {
    font-size: 1.6rem;
  }
}
.c-vertical-table th.bg-gray {
  background: #f5f5f5;
}
.c-vertical-table td {
  border: solid 1px #A0A0A0;
  font-size: 14px;
  padding: 8px;
  background: #fff;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-vertical-table td {
    font-size: 1.6rem;
  }
}
.c-vertical-table td.bg-gray {
  background: #f5f5f5;
}
.c-vertical-table .c-cta__single {
  margin-bottom: 0;
}
.c-vertical-table .c-cta__single a {
  width: 100%;
  padding: 8px 4px;
  font-size: 1.2rem;
}
.c-vertical-table .c-cta__single a:before {
  content: none;
}
.c-vertical-table tbody .rank {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
}
.c-vertical-table tbody .rank [class^=num] {
  color: #ffffff;
  background-color: #D9BA4A;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 2;
  text-align: center;
  box-sizing: border-box;
}
.c-vertical-table tbody .rank .num_1 {
  background: url(img/ankenbox/bk_rank1.svg) no-repeat center top;
}
.c-vertical-table tbody .rank .num_2 {
  background: url(img/ankenbox/bk_rank2.svg) no-repeat center top;
}
.c-vertical-table tbody .rank .num_3 {
  background: url(img/ankenbox/bk_rank3.svg) no-repeat center top;
}
.c-vertical-table tbody .rank .num_1,
.c-vertical-table tbody .rank .num_2,
.c-vertical-table tbody .rank .num_3 {
  padding-top: 1px;
}
.c-vertical-table tbody .rank .logo {
  font-size: 0.875em;
  width: 100%;
}
.c-vertical-table tbody .rank [class^=num] + .logo {
  width: calc(100% - 30px);
}
.c-vertical-table tbody .rank .logo img {
  width: 100px;
  height: auto;
  margin-bottom: 3px;
}
.c-vertical-table tbody .rank .logo .name {
  font-size: 14px;
  line-height: 1.5;
  display: block;
  margin-top: 5px;
}
.c-vertical-table tbody .rank .logo img + .name {
  font-size: 14px;
}
.c-vertical-table tbody .rank [class^=num] + .logo .name {
  margin-top: 0;
}
.c-vertical-table tbody .rank .logo .name::after {
  content: "";
  display: inline-block;
  background: url(img/icon-link.png) no-repeat left top;
  background-size: 100% 100%;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  top: 1px;
  position: relative;
}
.c-vertical-table tbody .rank .logo a:hover {
  opacity: 0.7;
}
.c-vertical-table tbody td.btn {
  font-size: 14px;
  white-space: nowrap;
  padding-bottom: 8px;
}
.c-vertical-table tbody td.btn a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: #fff;
  position: relative;
  background-color: #00A0E8;
  box-shadow: 0 3px 0 0 #016e9f;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 13px 6px 10px;
}
.c-vertical-table tbody td.btn a:hover {
  opacity: 0.7;
}
.c-vertical-table__responsive {
  display: flex;
  border-top: solid 1px #A0A0A0;
  border-left: solid 1px #A0A0A0;
}
.c-vertical-table__responsive__title, .c-vertical-table__responsive__contents {
  padding: 8px;
  border-bottom: solid 1px #A0A0A0;
  border-right: solid 1px #A0A0A0;
}
.c-vertical-table__responsive__title {
  background: #FCF8EA;
  font-weight: bold;
}
.c-vertical-table__responsive .c-bulletsList {
  margin: 0;
  padding: 0;
  border: none;
}
@media screen and (max-width: 767px) {
  .c-vertical-table__responsive {
    flex-direction: column;
  }
}

.c-vertical-table2 {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #A0A0A0;
  margin-bottom: 20px;
}
.c-vertical-table2 thead th {
  background: #FCF8EA;
  text-align: left;
  padding: 8px;
  border: solid 1px #A0A0A0;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-vertical-table2 thead th {
    font-size: 1.6rem;
  }
}
.c-vertical-table2 th {
  border: solid 1px #A0A0A0;
  background: #FCF8EA;
  text-align: left;
  padding: 8px;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-vertical-table2 th {
    font-size: 1.6rem;
  }
}
.c-vertical-table2 th.bg-gray {
  background: #f5f5f5;
}
.c-vertical-table2 tbody th {
  background: #f5f5f5;
}
.c-vertical-table2 td {
  border: solid 1px #A0A0A0;
  font-size: 14px;
  padding: 8px;
  background: #fff;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-vertical-table2 td {
    font-size: 1.6rem;
  }
}
.c-vertical-table2 td.bg-gray {
  background: #f5f5f5;
}
.c-vertical-table2 .c-cta__single {
  margin-bottom: 0;
}
.c-vertical-table2 .c-cta__single a {
  width: 100%;
  padding: 8px 4px;
  font-size: 1.2rem;
}
.c-vertical-table2 .c-cta__single a:before {
  content: none;
}

.c-compare-table {
  width: 100%;
  border-collapse: collapse;
  border-top: solid 1px #E6C95E;
  border-left: solid 1px #E6C95E;
  margin-bottom: 20px;
}
.c-compare-table caption {
  padding: 16px;
  text-align: center;
  width: 100%;
  border-right: 1px solid #E6C95E;
  border-bottom: 1px solid #fff;
  background: #E6C95E;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .c-compare-table caption {
    font-size: 1.6rem;
  }
}
.c-compare-table thead th {
  color: #ffffff;
  background: #E6C95E;
  text-align: center;
  padding: 5px 2px;
  border-right: solid 1px #ffffff;
  font-size: 1.4rem;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .c-compare-table thead th {
    font-size: 1.6rem;
  }
}
.c-compare-table thead th:last-child {
  border-right: 1px solid #E6C95E;
}
.c-compare-table tbody th {
  background-color: #F9F3DC;
  border-right: 1px solid #ffffff;
  font-size: 1.4rem;
  padding: 4px 2px;
}
@media screen and (min-width: 768px) {
  .c-compare-table tbody th {
    padding: 8px 2px;
    font-size: 1.6rem;
  }
}
.c-compare-table tbody th:not(:first-child) {
  line-height: 1.2;
}
.c-compare-table tbody th:first-child {
  background-color: #fff;
  border-right: 1px solid #F9F3DC;
  border-bottom: 3px solid #E6C95E;
}
@media screen and (min-width: 768px) {
  .c-compare-table tbody th:first-child {
    font-size: 1.5rem;
  }
}
.c-compare-table tbody th:last-child {
  border-right: 1px solid #E6C95E;
}
.c-compare-table tbody td {
  border-bottom: 3px solid #E6C95E;
  border-right: 1px solid #E6C95E;
  font-size: 1.4rem;
  padding: 10px 8px 12px;
}
@media screen and (min-width: 768px) {
  .c-compare-table tbody td {
    font-size: 1.6rem;
    padding: 10px 15px 12px;
  }
}
.c-compare-table .u-media-img {
  margin: 0;
}
.c-compare-table .c-bulletsList {
  margin: 0;
}
.c-compare-table .c-bulletsList > li {
  margin: 0 0 5px;
}
.c-compare-table .c-cta__single {
  margin-bottom: 0;
}
.c-compare-table .c-cta__single a {
  width: 100%;
  padding: 8px 4px;
  font-size: 1.4rem;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  .c-compare-table .c-cta__single a {
    font-size: 1.6rem;
  }
}

.c-side-table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #A0A0A0;
  margin-bottom: 20px;
}
.c-side-table caption {
  padding: 16px;
  text-align: left;
  width: 100%;
  border: solid 1px #A0A0A0;
  border-bottom: none;
  background: rgba(217, 186, 74, 0.1215686275);
  font-weight: bold;
}
.c-side-table th {
  background: rgba(217, 186, 74, 0.1215686275);
  text-align: left;
  padding: 8px;
  border: solid 1px #A0A0A0;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-side-table th {
    font-size: 1.6rem;
  }
}
.c-side-table th.bg-gray {
  background: #f5f5f5;
}
.c-side-table td {
  border: solid 1px #A0A0A0;
  padding: 8px;
  background: #fff;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-side-table td {
    font-size: 1.6rem;
  }
}
.c-side-table td.bg-gray {
  background: #f5f5f5;
}
.c-side-table .c-cta__single {
  margin-bottom: 0;
}
.c-side-table .c-cta__single a {
  width: 100%;
  padding: 8px 4px;
  font-size: 1.2rem;
}
.c-side-table .c-cta__single a:before {
  content: none;
}
.c-side-table__about th {
  min-width: 110px;
}
@media screen and (min-width: 768px) {
  .c-side-table__about th {
    min-width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .c-side-table__about th {
    font-size: 1.2rem;
  }
}
.c-side-table__about td {
  overflow-wrap: break-word;
}

.c-anken-compare-table {
  border: 1px solid #A0A0A0;
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
}
@media screen and (min-width: 768px) {
  .c-anken-compare-table {
    margin: 40px 0;
  }
}
.c-anken-compare-table:first-child {
  margin-top: 0;
}
.c-anken-compare-table:last-child {
  margin-bottom: 0;
}
.c-anken-compare-table tr:not(:last-child) {
  border-bottom: 1px solid #A0A0A0;
}
.c-anken-compare-table .table_inner {
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .c-anken-compare-table .table_inner {
    padding: 16px;
  }
}
.c-anken-compare-table .table_flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.c-anken-compare-table .anken {
  width: 100px;
  margin-right: 10px;
  padding-top: 5px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-anken-compare-table .anken {
    width: 160px;
  }
}
.c-anken-compare-table .anken p {
  margin-top: 12px;
  line-height: 1.5;
  margin-bottom: 0;
}
.c-anken-compare-table .anken p a {
  color: #1a73e8;
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: underline;
}
.c-anken-compare-table .anken p a:hover {
  text-decoration: none;
}
.c-anken-compare-table .content {
  flex: 1;
}
.c-anken-compare-table .content_text {
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .c-anken-compare-table .content_text {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.c-anken-compare-table .content_text ul {
  list-style-type: disc;
  padding-left: 1em;
}
.c-anken-compare-table .button_area,
.c-anken-compare-table .button_area-sq {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .c-anken-compare-table .button_area,
.c-anken-compare-table .button_area-sq {
    margin-top: 21px;
  }
}
.c-anken-compare-table .button_area a,
.c-anken-compare-table .button_area-sq a {
  display: block;
  width: calc(100% - 10px);
  text-align: center;
  background: #00A0E8;
  box-shadow: 0 4px 0 #016e9f;
  font-size: 1.6rem;
  font-weight: 700;
  color: #FFFFFF;
  text-decoration: none;
  margin: 0 auto 4px;
  padding: 8px 32px;
  position: relative;
  transition: 0.1s;
}
@media screen and (min-width: 768px) {
  .c-anken-compare-table .button_area a,
.c-anken-compare-table .button_area-sq a {
    padding: 10px 36px;
    width: 100%;
  }
}
.c-anken-compare-table .button_area a:hover,
.c-anken-compare-table .button_area-sq a:hover {
  transform: translateY(4px);
  box-shadow: none;
}
.c-anken-compare-table .button_area a::after,
.c-anken-compare-table .button_area-sq a::after {
  display: block;
  content: "";
  height: 6px;
  width: 6px;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%) rotate(45deg);
}
.c-anken-compare-table .button_area a {
  border-radius: 50vh;
}

.c-anken-compare-table-nurse .button_area a {
  background-color: #F54BA0;
  box-shadow: 0 4px 0 #AB3470;
}

.text-block {
  padding: 0;
  margin: 0 0 20px;
  counter-reset: num;
  list-style: none;
  padding: 16px;
  background: #FCF8EA;
}
.text-block__index {
  font-weight: bold;
}
.text-block__index span {
  border-bottom: solid 2px #01012C;
  padding-bottom: 8px;
}
.text-block p:last-of-type, .text-block li:last-of-type {
  margin-bottom: 0;
}

.search_form-pc {
  display: none;
  width: 100%;
  z-index: 400;
  max-width: 245px;
  border-radius: 2px;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .search_form-pc {
    display: block;
  }
}
.search_form-pc form {
  display: flex;
  width: 100%;
  min-width: 200px;
}
.search_form-pc input.mb_sarch {
  width: 100%;
  padding: 7px 0 6px;
  color: #A0A0A0;
  border: none;
  min-width: 200px;
  outline: none;
}
.search_form-pc input.search-submit {
  padding: 7px 0 6px;
  background: none;
  border: none;
  display: block;
  width: 40px;
  height: 34px;
  border: none;
  color: #A0A0A0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.search_form-pc .input-inner {
  position: relative;
  display: block;
  background-image: url("./img/icon_search_pc.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  width: 40px;
  height: 34px;
  background-color: #fff;
  padding: 7px 0 6px;
}
.search_form-pc .input-inner:hover {
  opacity: 0.8;
}

.search_form-sp {
  display: block;
  width: 100%;
  z-index: 400;
  width: 100%;
  margin-bottom: 24px;
  border: solid 1px #A0A0A0;
  border-radius: 2px;
  margin-bottom: 100px;
}
@media screen and (min-width: 768px) {
  .search_form-sp {
    display: none;
  }
}
.search_form-sp form {
  display: flex;
  border-color: #01012C;
  width: 100%;
  min-width: 200px;
}
.search_form-sp input.mb_sarch {
  width: 100%;
  padding: 8px 0;
  color: #01012C;
  border: none;
  min-width: 200px;
  font-size: 2rem;
}
.search_form-sp input.search-submit {
  padding: 8px 0;
  background: none;
  border: none;
  display: block;
  width: 36px;
  height: 40px;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.search_form-sp .input-inner {
  position: relative;
  display: block;
  background-image: url("./img/icon_search_sp.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  width: 40px;
  height: 40px;
  padding: 8px;
}
.search_form-sp .input-inner:hover {
  opacity: 0.8;
}

.scroll-table {
  overflow-x: scroll;
  margin-bottom: 8px;
}
.scroll-table__simple {
  border: solid 1px #A0A0A0;
  font-size: 14px;
  border-collapse: collapse;
  margin-bottom: 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 767px) {
  .scroll-table__simple {
    font-size: 12px;
  }
}
.scroll-table__simple th {
  width: auto;
  background: #FCF8EA;
  padding: 10px;
  border: solid 1px #A0A0A0;
  text-align: center;
}
.scroll-table__simple td {
  padding: 10px;
  border: solid 1px #A0A0A0;
  text-align: center;
}
.scroll-table__simple td.bg-gray {
  background: #F5F5F5;
  font-weight: bold;
}
.scroll-table__simple td a {
  transition: 0.1s;
}
.scroll-table__simple td a.cta-orange, .scroll-table__simple td a.cta-orange-sq {
  display: block;
  padding: 10px 8px;
  box-shadow: 0 4px 0 #e39709;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  position: relative;
  background: #ffbd40;
}
.scroll-table__simple td a.cta-orange {
  border-radius: 50vh;
}
.scroll-table__simple td a.fx-logo {
  text-align: center;
  font-size: 1.2rem;
  display: block;
}
.scroll-table__simple td a.fx-logo img {
  background: #fff;
  padding: 8px 4px;
}
.scroll-table__simple td a:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
  text-decoration: none;
}

.c-list-check-box {
  background: #FCF8EA;
  padding: 16px;
  margin-bottom: 20px;
}
th .c-list-check-box, td .c-list-check-box, .c-box-text .c-list-check-box {
  background-color: transparent;
  padding: 0;
  text-align: left;
}
.c-list-check-box__index {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
}
.c-list-check-box__index span {
  padding-bottom: 8px;
  border-bottom: solid 2px #01012C;
}
.c-list-check-box ul li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
  font-size: 1.5rem;
}
.c-list-check-box ul li:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #01012C;
  position: absolute;
  left: 0;
  top: 6px;
}
.c-list-check-box ul li:last-of-type {
  margin-bottom: 0;
}
.c-list-check-box ul li::after {
  content: "";
  display: block;
  height: 10px;
  width: 5px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(35deg);
  color: #fff;
  position: absolute;
  top: 12px;
  left: 5px;
}

.c-list--check {
  margin-bottom: 20px;
}
.c-list--check li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
  font-size: 1.5rem;
}
.c-list--check li::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #01012C;
  position: absolute;
  left: 0;
  top: 6px;
}
.c-list--check li:last-of-type {
  margin-bottom: 0;
}
.c-list--check li::after {
  content: "";
  display: block;
  height: 10px;
  width: 5px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(35deg);
  color: #fff;
  position: absolute;
  top: 12px;
  left: 5px;
}

.c-pagenation {
  padding-top: 24px;
}
.c-pagenation ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c-pagenation ul li {
  width: 8%;
  margin: 0 8px;
}
.c-pagenation ul li a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px 2px;
  font-size: 1.4rem;
}
.c-pagenation__prev {
  border: solid 1px #01012C;
  color: #fff;
}
.c-pagenation__prev a {
  color: #01012C;
  text-decoration: none;
}
.c-pagenation__next {
  background: #01012C;
}
.c-pagenation__next a {
  color: #fff;
  text-decoration: none;
}

.c-box-text {
  border: solid 1px #DEDEDE;
  color: #444;
  margin-bottom: 20px;
}
.c-box-text__title {
  font-weight: bold;
  padding: 12px 16px;
  background: #F4F4F4;
  line-height: 1.4;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-box-text__title {
    padding: 16px;
  }
}
.c-box-text__inner {
  padding: 16px;
}
.c-box-text__inner p {
  font-size: 1.5rem;
  margin-bottom: 12px;
  line-height: 1.8;
}
.c-box-text__inner p:last-of-type {
  margin-bottom: 0;
}

.c-box-list {
  counter-reset: section;
  border: solid 1px #DEDEDE;
  color: #444;
  margin-bottom: 20px;
}
.c-box-list__title {
  font-weight: bold;
  padding: 12px 16px;
  background: #FCF8EA;
  line-height: 1.4;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-box-list__title {
    padding: 16px;
  }
}
.c-box-list > ol,
.c-box-list > ul {
  padding: 16px;
}
.c-box-list > ul {
  counter-reset: num;
  list-style: none;
}
.c-box-list > ul > li {
  padding: 0 0 0 16px;
  margin: 0 0 10px;
  position: relative;
  font-size: 1.5rem;
}
.c-box-list > ul > li:last-of-type {
  margin: 0;
}
.c-box-list > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 3px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
}
.c-box-list > ul > li.has-item {
  font-weight: 700;
}
.c-box-list > ul > li.has-item > ul {
  font-weight: normal;
}
.c-box-list > ul > li ul {
  counter-reset: num;
  list-style: none;
}
.c-box-list > ul > li ul li {
  padding: 0 0 0 16px;
  margin: 0;
  position: relative;
}
.c-box-list > ul > li ul li::before {
  content: "";
  display: block;
  font-weight: normal;
  text-align: center;
  position: absolute;
  top: 0.6em;
  left: 5px;
  background: #D9BA4A;
  width: 6px;
  height: 6px;
  transform: none;
  border-radius: 50vh;
}
.c-box-list > ol {
  counter-reset: section;
  list-style: none;
}
.c-box-list > ol > li {
  padding: 0 0 0 2.1rem;
  margin: 0 0 10px;
  position: relative;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .c-box-list > ol > li {
    padding: 0 0 0 2.5rem;
    counter-increment: section;
  }
}
.c-box-list > ol > li:last-of-type {
  margin: 0;
}
.c-box-list > ol > li::before {
  display: block;
  content: counter(section) ". ";
  width: 2.1rem;
  height: auto;
  font-weight: bold;
  text-align: right;
  color: #D9BA4A;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .c-box-list > ol > li::before {
    width: 2.5rem;
    font-size: 1.8rem;
  }
}
.c-box-list > ol > li ol,
.c-box-list > ol > li ul {
  list-style-type: none;
}
.c-box-list > ol > li ol li,
.c-box-list > ol > li ul li {
  position: relative;
}
.c-box-list > ol > li ol li::before,
.c-box-list > ol > li ul li::before {
  display: block;
  position: absolute;
}
.c-box-list > ol > li ol {
  counter-reset: section;
}
.c-box-list > ol > li ol li {
  padding: 0 0 0 2em;
}
.c-box-list > ol > li ol li:before {
  content: counters(section, "-") ". ";
  counter-increment: section;
  width: 2em;
  height: auto;
  font-weight: bold;
  color: #D9BA4A;
  top: 0;
  left: 0;
}
.c-box-list > ol > li ul li {
  padding: 0 0 0 16px;
}
.c-box-list > ol > li ul li::before {
  content: "";
  font-weight: normal;
  text-align: center;
  top: 0.6em;
  left: 5px;
  background: #D9BA4A;
  width: 6px;
  height: 6px;
  transform: none;
  border-radius: 50vh;
}
.c-box-list > ol .has-item {
  font-weight: 700;
}
.c-box-list > ol .has-item ol,
.c-box-list > ol .has-item ul {
  font-weight: normal;
}

.c-box-merit, .c-box-demerit, .c-box-summary {
  margin: 0 0 20px 0;
}
.c-box-merit_ttl, .c-box-demerit_ttl, .c-box-summary_ttl {
  display: inline-block;
  border-radius: 10px 10px 0 0;
  padding: 6px 0 6px 40px;
  position: relative;
  font-weight: bold;
  line-height: 1.5;
  max-width: calc(100% - 50px);
  z-index: 2;
  font-size: 1.6rem;
  margin: 0;
}
.c-box-merit_ttl::after, .c-box-demerit_ttl::after, .c-box-summary_ttl::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 10px;
  top: 0;
  transform: skewX(22deg);
  transform-origin: top right;
  border-radius: 10px 10px 0 0;
  z-index: -1;
}
.c-box-merit_ttl::before, .c-box-demerit_ttl::before, .c-box-summary_ttl::before {
  content: "";
  display: block;
  position: absolute;
}
.c-box-merit_ttl {
  background: #e80000;
  color: #ffffff;
}
.c-box-merit_ttl::after {
  background: #e80000;
}
.c-box-merit_ttl::before {
  background: url(img/icon_merit.svg) no-repeat left top;
  background-size: cover;
  width: 16px;
  height: 16px;
  left: 16px;
  top: 10px;
}
.c-box-merit_cont {
  border: 2px solid #e80000;
  padding: 16px;
}
.c-box-merit_list > li {
  margin-bottom: 10px;
  padding-left: 26px;
  position: relative;
  font-size: 1.5rem;
}
.c-box-merit_list > li:last-child {
  margin-bottom: 0;
}
.c-box-merit_list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  background: url(img/icon_good.svg) no-repeat left top;
  background-size: cover;
  display: block;
  width: 16px;
  height: 18px;
}
.c-box-merit.highclass .c-box-merit_ttl {
  background: #800000;
}
.c-box-merit.highclass .c-box-merit_ttl::after {
  background: #800000;
}
.c-box-merit.highclass .c-box-merit_cont {
  border: 2px solid #800000;
}
.c-box-merit.highclass .c-box-merit_list > li::before {
  background: url(img/icon_good_high.svg) no-repeat left top;
}
.c-box-demerit_ttl {
  background: #00a0e8;
  color: #ffffff;
}
.c-box-demerit_ttl::after {
  background: #00a0e8;
}
.c-box-demerit_ttl::before {
  background: url(img/icon_demerit.svg) no-repeat left top;
  background-size: cover;
  width: 16px;
  height: 16px;
  left: 16px;
  top: 10px;
}
.c-box-demerit_cont {
  border: 2px solid #00a0e8;
  padding: 16px;
}
.c-box-demerit_list > li {
  margin-bottom: 10px;
  padding-left: 26px;
  position: relative;
  font-size: 1.5rem;
}
.c-box-demerit_list > li:last-child {
  margin-bottom: 0;
}
.c-box-demerit_list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background: url(img/icon_nogood.svg) no-repeat left top;
  background-size: cover;
  display: block;
  width: 16px;
  height: 18px;
}
.c-box-demerit.highclass .c-box-demerit_ttl {
  background: #000080;
}
.c-box-demerit.highclass .c-box-demerit_ttl::after {
  background: #000080;
}
.c-box-demerit.highclass .c-box-demerit_cont {
  border: 2px solid #000080;
}
.c-box-demerit.highclass .c-box-demerit_list > li::before {
  background: url(img/icon_nogood_high.svg) no-repeat left top;
}
.c-box-summary_ttl {
  background: #d9ba4a;
  color: #ffffff;
}
.c-box-summary_ttl::after {
  background: #d9ba4a;
}
.c-box-summary_ttl::before {
  background: url(img/icon_summary.svg) no-repeat left top;
  background-size: cover;
  width: 16px;
  height: 21px;
  left: 16px;
  top: 7px;
}
.c-box-summary_cont {
  border: 2px solid #d9ba4a;
}
.c-box-summary_list > li {
  background-image: linear-gradient(to right, #d9ba4a, #d9ba4a 1px, transparent 1px, transparent 2px);
  background-size: 3px 1px;
  background-position: 1px bottom;
  background-repeat: repeat-x;
  position: relative;
  padding: 6px 10px 6px 42px;
  font-size: 1.5rem;
}
.c-box-summary_list > li:last-child {
  margin-bottom: 0;
  background: none;
}
.c-box-summary_list > li::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 9px;
  background: url(img/icon_check.svg) no-repeat left top;
  background-size: cover;
  display: block;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 768px) {
  .c-box-summary_list > li::before {
    top: 11px;
  }
}
.c-box--backcolor {
  background: #FCF8EA;
  padding: 16px;
  margin-bottom: 20px;
}

.c-img-scroll {
  width: 104%;
  padding: 0;
  display: flex;
  justify-content: space-between;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-img-scroll {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    overflow: inherit;
    margin-left: 10px;
  }
}
.c-img-scroll img {
  height: 100%;
  width: 67vmin;
  display: block;
  margin: 0 3vmin 0 0;
}
@media screen and (min-width: 768px) {
  .c-img-scroll img {
    width: 30%;
    display: block;
    margin: 0 3vmin 0 0;
  }
}

@-webkit-keyframes slide {
  0% {
    transform: translateX(0px);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 0.8;
  }
  100% {
    transform: translateX(-100px);
    opacity: 0;
  }
}

@keyframes slide {
  0% {
    transform: translateX(0px);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 0.8;
  }
  100% {
    transform: translateX(-100px);
    opacity: 0;
  }
}
@-webkit-keyframes slide2 {
  0% {
    background-position: right 20px top;
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 0.8;
  }
  100% {
    background-position: left 20px top;
    opacity: 1;
  }
}
@keyframes slide2 {
  0% {
    background-position: right 20px top;
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 0.8;
  }
  100% {
    background-position: left 20px top;
    opacity: 1;
  }
}
.c-scrolltable-cover {
  height: -webkit-fill-available;
  width: 668px;
  display: block;
  position: absolute;
  pointer-events: none;
  background: rgba(87, 87, 87, 0.25);
  z-index: 1;
}
.c-scrolltable-cover::after {
  position: absolute;
  content: "";
  text-align: right;
  position: absolute;
  top: 20%;
  right: 40%;
  width: 80px;
  height: 100px;
  transform: translateY(-25%);
  background-image: url("./img/icon_scroll.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  pointer-events: none;
  -webkit-animation: 3s slide infinite;
          animation: 3s slide infinite;
}
@media screen and (max-width: 767px) {
  .c-scrolltable-cover::after {
    top: 15%;
    right: 60%;
  }
}
.c-scrolltable.active .c-scrolltable-cover {
  opacity: 0;
}
.c-scrolltable.medical {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-width: 668px;
  margin: 0 auto 20px;
  position: relative;
  border-right: solid 1px #A0A0A0;
}
.c-scrolltable.medical table {
  border-collapse: collapse;
  margin: 0 auto;
  text-align: center;
  border: solid 1px #A0A0A0;
  border-right: none;
}
.c-scrolltable.medical table th {
  border-bottom: solid 1px #A0A0A0;
  padding: 16px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  width: 10%;
  background: #F4F4F4;
  font-size: 1.4rem;
  z-index: 1;
}
.c-scrolltable.medical table th p {
  width: 42px;
}
.c-scrolltable.medical table th:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid #A0A0A0;
}
.c-scrolltable.medical table th:after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  border-left: 1px solid #A0A0A0;
}
.c-scrolltable.medical table td {
  border: solid 1px #A0A0A0;
  border-right: none;
  padding: 16px;
  text-align: left;
  font-size: 1.4rem;
}
.c-scrolltable.medical table td img {
  width: 100%;
  margin-bottom: 12px;
}
.c-scrolltable.medical table td.c-scrolltable-rank-1 {
  color: #fff;
  font-size: 2.4rem;
  background: #C4A446;
  font-weight: bold;
  padding: 8px;
}
.c-scrolltable.medical table td.c-scrolltable-rank-1 span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.c-scrolltable.medical table td.c-scrolltable-rank-1 span:before {
  content: "";
  background-image: url("./img/icon-ranking.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 24px;
  margin-top: -2px;
  margin-right: 4px;
}
.c-scrolltable.medical table td.c-scrolltable-rank-2 {
  color: #fff;
  background: #AFAFAF;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 8px;
}
.c-scrolltable.medical table td.c-scrolltable-rank-2 span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.c-scrolltable.medical table td.c-scrolltable-rank-2 span:before {
  content: "";
  background-image: url("./img/icon-ranking.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 24px;
  margin-top: -2px;
  margin-right: 4px;
}
.c-scrolltable.medical table td.c-scrolltable-rank-3 {
  color: #fff;
  background: #926947;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 8px;
}
.c-scrolltable.medical table td.c-scrolltable-rank-3 span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.c-scrolltable.medical table td.c-scrolltable-rank-3 span:before {
  content: "";
  background-image: url("./img/icon-ranking.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 24px;
  margin-top: -2px;
  margin-right: 4px;
}
.c-scrolltable.medical table td.c-scrolltable-rank-other {
  color: #fff;
  background: #507895;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 8px;
}
.c-scrolltable.medical table td.c-scrolltable-rank-other span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.c-scrolltable.medical table td.c-scrolltable-rank-other span:before {
  content: "";
  background-image: url("./img/icon-ranking.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 24px;
  margin-top: -2px;
  margin-right: 4px;
}
.c-scrolltable-cardwrap {
  vertical-align: top;
}
.c-scrolltable-cardwrap a {
  display: block;
  text-decoration: none;
  color: #333;
}
.c-scrolltable-cardwrap a:hover {
  opacity: 0.7;
}
.c-scrolltable__link-sq, .c-scrolltable__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  padding: 19px 0 18px;
  box-shadow: 0 4px 0 #016e9f;
  line-height: 1.3;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  color: #fff;
  position: relative;
  background: #00A0E8;
}
.c-scrolltable__link-sq:after, .c-scrolltable__link:after {
  content: "";
  background-image: url("./img/icon_link.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  margin-left: 3px;
}
.c-scrolltable__link-sq:hover, .c-scrolltable__link:hover {
  opacity: 0.7;
}
.c-scrolltable__link {
  border-radius: 50vh;
}
.c-scrolltable__more {
  background: #fff;
  box-shadow: 0 4px 0 #575757;
  border: solid 1px #575757;
  color: #575757;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  width: 130px;
  font-weight: bold;
  padding: 19px 0 18px;
  position: relative;
  line-height: 1.3;
  margin-top: 12px;
}
.c-scrolltable__more:after {
  content: "";
  background-image: url("./img/icon-arrow-black.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 14px;
  display: block;
  margin-left: 3px;
  transform: rotate(90deg);
}
.c-scrolltable__more:hover {
  opacity: 0.7;
}
.c-scrolltable__comparison {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin: 0 auto 20px;
  position: relative;
  border-left: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
}
.c-scrolltable__comparison::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  transition: all 0.2s;
  pointer-events: none;
  display: block;
  width: calc(100% - 315px);
}
@media screen and (max-width: 560px) {
  .c-scrolltable__comparison::before {
    width: calc(100% - 145px);
  }
}
.c-scrolltable__comparison::after {
  position: absolute;
  content: "スクロールできます";
  color: #ffffff;
  text-align: center;
  top: 50%;
  left: calc(50% + 130px);
  width: auto;
  padding-top: 70px;
  transform: translate(-50%, -50%);
  background: url(img/icon_scroll.svg) no-repeat center top;
  background-size: 49px 54px;
  z-index: 2;
  pointer-events: none;
  font-size: 16px;
  white-space: nowrap;
  -webkit-animation: 3s slide2 infinite;
          animation: 3s slide2 infinite;
}
@media screen and (max-width: 560px) {
  .c-scrolltable__comparison::after {
    left: calc(50% + 60px);
  }
}
.c-scrolltable__comparison.remove-overlay::before {
  opacity: 0;
}
.c-scrolltable__comparison.remove-overlay::after {
  display: none;
}
.c-scrolltable__comparison table {
  border-top: 1px solid #A0A0A0;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 105%;
}
.c-scrolltable__comparison table th,
.c-scrolltable__comparison table td {
  border-right: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  background-clip: padding-box;
  text-align: center;
  vertical-align: middle;
}
.c-scrolltable__comparison table thead th:last-child,
.c-scrolltable__comparison table tbody td:last-child {
  border-right: none;
}
.c-scrolltable__comparison table thead th {
  background-color: #FBF7E9;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px 5px;
  white-space: nowrap;
  height: 70px;
}
.c-scrolltable__comparison table thead th::before, .c-scrolltable__comparison table thead th::after {
  z-index: 2;
}
.c-scrolltable__comparison table tbody th,
.c-scrolltable__comparison table tbody td {
  padding: 5px;
}
.c-scrolltable__comparison table tbody th {
  text-align: left;
  vertical-align: top;
}
.c-scrolltable__comparison table tbody td {
  font-size: 14px;
  min-width: 100px;
  font-weight: bold;
  line-height: 1.4;
}
.c-scrolltable__comparison > table thead th:nth-child(1),
.c-scrolltable__comparison > table tbody th {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 2;
  border-right: none;
  min-width: 215px;
  width: 215px;
}
.c-scrolltable__comparison thead th:nth-child(1)::before,
.c-scrolltable__comparison tbody th::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  border-right: 1px solid #C5C5C5;
  z-index: -1;
}
.c-scrolltable__comparison thead th:nth-child(2),
.c-scrolltable__comparison tbody td:nth-of-type(1) {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 215px;
  z-index: 2;
  border-right: none;
  min-width: 100px;
  width: 100px;
}
.c-scrolltable__comparison thead th:nth-child(2)::before,
.c-scrolltable__comparison tbody td:nth-of-type(1)::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  border-right: 1px solid #C5C5C5;
  z-index: -1;
}
.c-scrolltable__comparison tbody th,
.c-scrolltable__comparison tbody td:nth-of-type(1) {
  background-color: #fff;
  background-clip: padding-box;
}
.c-scrolltable__comparison tbody th .rank {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  overflow: hidden;
  min-height: 70px;
}
.c-scrolltable__comparison tbody th .rank [class^=num] {
  color: #ffffff;
  background-color: #D9BA4A;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 2;
  text-align: center;
  box-sizing: border-box;
}
.c-scrolltable__comparison tbody th .rank .num_1 {
  background: url(img/ankenbox/bk_rank1.svg) no-repeat center top;
}
.c-scrolltable__comparison tbody th .rank .num_2 {
  background: url(img/ankenbox/bk_rank2.svg) no-repeat center top;
}
.c-scrolltable__comparison tbody th .rank .num_3 {
  background: url(img/ankenbox/bk_rank3.svg) no-repeat center top;
}
.c-scrolltable__comparison tbody th .rank .num_1,
.c-scrolltable__comparison tbody th .rank .num_2,
.c-scrolltable__comparison tbody th .rank .num_3 {
  padding-top: 1px;
}
.c-scrolltable__comparison tbody th .rank .logo {
  font-size: 0.875em;
  width: 100%;
}
.c-scrolltable__comparison tbody th .rank [class^=num] + .logo {
  width: calc(100% - 30px);
  display: flex;
  align-items: center;
}
.c-scrolltable__comparison tbody th .rank .logo img {
  min-width: 100px;
  width: auto;
  max-width: 170px;
  height: auto;
  margin-bottom: 3px;
  margin-left: 0;
}
.c-scrolltable__comparison tbody th .rank .logo .name {
  font-size: 14px;
  line-height: 1.5;
  display: block;
  margin-top: 5px;
}
.c-scrolltable__comparison tbody th .rank .logo img + .name {
  font-size: 14px;
}
.c-scrolltable__comparison tbody th .rank [class^=num] + .logo .name {
  margin-top: 0;
}
.c-scrolltable__comparison tbody th .rank .logo .name::after {
  content: "";
  display: inline-block;
  background: url(img/icon-link.png) no-repeat left top;
  background-size: 100% 100%;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  top: 1px;
  position: relative;
}
.c-scrolltable__comparison tbody th .rank .logo a:hover {
  opacity: 0.7;
}
.c-scrolltable__comparison tbody td.btn-sq,
.c-scrolltable__comparison tbody td.btn {
  font-size: 14px;
  white-space: nowrap;
  padding-bottom: 8px;
}
.c-scrolltable__comparison tbody td.btn-sq a,
.c-scrolltable__comparison tbody td.btn a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: #fff;
  position: relative;
  background-color: #00A0E8;
  box-shadow: 0 3px 0 0 #016e9f;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 13px 6px 10px;
}
.c-scrolltable__comparison tbody td.btn-sq a:hover,
.c-scrolltable__comparison tbody td.btn a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 560px) {
  .c-scrolltable__comparison tbody td.btn-sq a:hover,
.c-scrolltable__comparison tbody td.btn a:hover {
    opacity: 1;
  }
}
.c-scrolltable__comparison tbody td.btn a {
  border-radius: 50vh;
}
.c-scrolltable__comparison tbody td.txt {
  min-width: 112px;
  max-width: 112px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}
.c-scrolltable__comparison tbody td .c-bulletsList {
  margin: 0;
  white-space: nowrap;
}
.c-scrolltable__comparison + .u-align__right {
  font-size: 12px;
  position: relative;
  margin-top: -10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 560px) {
  .c-scrolltable__comparison table thead th:nth-child(1),
.c-scrolltable__comparison table tbody th {
    min-width: 145px;
    max-width: 145px;
  }
  .c-scrolltable__comparison table thead th:nth-child(2),
.c-scrolltable__comparison table tbody td:nth-of-type(1) {
    position: relative;
    left: auto;
    top: auto;
    z-index: auto;
    min-width: 90px;
    max-width: 90px;
    border-right: 1px solid #C5C5C5;
  }
  .c-scrolltable__comparison table thead th:nth-child(2)::before,
.c-scrolltable__comparison table tbody td:nth-of-type(1)::before {
    display: none;
  }
  .c-scrolltable__comparison table tbody th {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .c-scrolltable__comparison tbody th .rank {
    align-items: center;
  }
  .c-scrolltable__comparison tbody th .rank .logo {
    width: 100%;
  }
  .c-scrolltable__comparison tbody th .rank [class^=num] + .logo {
    width: calc(100% - 23px);
  }
  .c-scrolltable__comparison tbody th .rank .logo a {
    text-decoration: none;
  }
  .c-scrolltable__comparison tbody th .rank .logo .name {
    line-height: 1.6;
    color: #000000;
    margin-top: 0;
  }
  .c-scrolltable__comparison tbody th .rank .logo .name::after {
    display: none;
  }
  .c-scrolltable__comparison tbody th .rank .logo img {
    max-width: 115px;
    height: auto;
    margin-bottom: 0;
  }
  .c-scrolltable__comparison tbody th .rank .logo img + .name,
.c-scrolltable__comparison tbody th .rank .logo noscript + .name {
    font-size: 1rem;
    margin-top: 3px !important;
  }
}
.c-scrolltable--ranking-sq, .c-scrolltable--ranking {
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin: 0 auto 20px;
  position: relative;
  border-left: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
}
.c-scrolltable--ranking-sq table, .c-scrolltable--ranking table {
  border-top: 1px solid #A0A0A0;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.c-scrolltable--ranking-sq table th,
.c-scrolltable--ranking-sq table td, .c-scrolltable--ranking table th,
.c-scrolltable--ranking table td {
  border-right: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  background-clip: padding-box;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
.c-scrolltable--ranking-sq table th img,
.c-scrolltable--ranking-sq table td img, .c-scrolltable--ranking table th img,
.c-scrolltable--ranking table td img {
  margin: 0;
  display: inline-block;
}
.c-scrolltable--ranking-sq table thead th:last-child,
.c-scrolltable--ranking-sq table tbody td:last-child, .c-scrolltable--ranking table thead th:last-child,
.c-scrolltable--ranking table tbody td:last-child {
  border-right: none;
}
.c-scrolltable--ranking-sq table thead th, .c-scrolltable--ranking table thead th {
  background-color: #FBF7E9;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px 2px;
  white-space: nowrap;
}
.c-scrolltable--ranking-sq table tbody th, .c-scrolltable--ranking table tbody th {
  text-align: left;
  padding: 5px;
}
.c-scrolltable--ranking-sq table tbody td, .c-scrolltable--ranking table tbody td {
  font-size: 14px;
  line-height: 1.4;
  padding: 5px 2px;
  height: 80px;
}
.c-scrolltable--ranking-sq thead th:nth-child(1),
.c-scrolltable--ranking-sq tbody th, .c-scrolltable--ranking thead th:nth-child(1),
.c-scrolltable--ranking tbody th {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 2;
  border-right: none;
  max-width: 200px;
  min-width: 200px;
}
.c-scrolltable--ranking-sq thead th:nth-child(1)::before,
.c-scrolltable--ranking-sq tbody th::before, .c-scrolltable--ranking thead th:nth-child(1)::before,
.c-scrolltable--ranking tbody th::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  border-right: 1px solid #A0A0A0;
  z-index: -1;
}
.c-scrolltable--ranking-sq thead th:not(:nth-child(1)), .c-scrolltable--ranking thead th:not(:nth-child(1)) {
  min-width: 100px;
}
.c-scrolltable--ranking-sq thead th.wide-cell, .c-scrolltable--ranking thead th.wide-cell {
  min-width: 194px;
}
.c-scrolltable--ranking-sq tbody th, .c-scrolltable--ranking tbody th {
  background-color: #fff;
  background-clip: padding-box;
}
.c-scrolltable--ranking-sq tbody th a, .c-scrolltable--ranking tbody th a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
.c-scrolltable--ranking-sq tbody th a img:first-child, .c-scrolltable--ranking tbody th a img:first-child {
  margin-right: 1px;
  padding: 0 5px 0 6px;
  width: 42px;
}
.c-scrolltable--ranking-sq tbody th a img:last-of-type, .c-scrolltable--ranking tbody th a img:last-of-type {
  max-width: calc(100% - 43px);
}
.c-scrolltable--ranking-sq tbody tr:nth-child(1) th a img:first-child,
.c-scrolltable--ranking-sq tbody tr:nth-child(2) th a img:first-child,
.c-scrolltable--ranking-sq tbody tr:nth-child(3) th a img:first-child, .c-scrolltable--ranking tbody tr:nth-child(1) th a img:first-child,
.c-scrolltable--ranking tbody tr:nth-child(2) th a img:first-child,
.c-scrolltable--ranking tbody tr:nth-child(3) th a img:first-child {
  padding: 0;
  width: 42px;
}
.c-scrolltable--ranking-sq tbody tr:nth-child(1) .high,
.c-scrolltable--ranking-sq tbody tr:nth-child(2) .high,
.c-scrolltable--ranking-sq tbody tr:nth-child(3) .high, .c-scrolltable--ranking tbody tr:nth-child(1) .high,
.c-scrolltable--ranking tbody tr:nth-child(2) .high,
.c-scrolltable--ranking tbody tr:nth-child(3) .high {
  font-size: 18px;
}
.c-scrolltable--ranking-sq tbody tr:nth-child(1) .high div > span,
.c-scrolltable--ranking-sq tbody tr:nth-child(2) .high div > span,
.c-scrolltable--ranking-sq tbody tr:nth-child(3) .high div > span, .c-scrolltable--ranking tbody tr:nth-child(1) .high div > span,
.c-scrolltable--ranking tbody tr:nth-child(2) .high div > span,
.c-scrolltable--ranking tbody tr:nth-child(3) .high div > span {
  display: inline-block;
  background: linear-gradient(transparent 60%, #FFF100 60%);
}
.c-scrolltable--ranking-sq tbody td:nth-child(2),
.c-scrolltable--ranking-sq tbody td:nth-child(3),
.c-scrolltable--ranking-sq tbody td:nth-child(4),
.c-scrolltable--ranking-sq tbody td:nth-child(5), .c-scrolltable--ranking tbody td:nth-child(2),
.c-scrolltable--ranking tbody td:nth-child(3),
.c-scrolltable--ranking tbody td:nth-child(4),
.c-scrolltable--ranking tbody td:nth-child(5) {
  vertical-align: top;
  padding-top: 11px;
}
.c-scrolltable--ranking-sq tbody td.high .star, .c-scrolltable--ranking tbody td.high .star {
  color: #E15861;
}
.c-scrolltable--ranking-sq tbody td.middle .star, .c-scrolltable--ranking tbody td.middle .star {
  color: #D9BA4A;
}
.c-scrolltable--ranking-sq tbody td.low .star, .c-scrolltable--ranking tbody td.low .star {
  color: #9A9A9A;
}
.c-scrolltable--ranking-sq tbody .high div,
.c-scrolltable--ranking-sq tbody .middle div,
.c-scrolltable--ranking-sq tbody .low div,
.c-scrolltable--ranking-sq tbody .num div, .c-scrolltable--ranking tbody .high div,
.c-scrolltable--ranking tbody .middle div,
.c-scrolltable--ranking tbody .low div,
.c-scrolltable--ranking tbody .num div {
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 100%;
}
.c-scrolltable--ranking-sq tbody .high div > span,
.c-scrolltable--ranking-sq tbody .middle div > span,
.c-scrolltable--ranking-sq tbody .low div > span,
.c-scrolltable--ranking-sq tbody .num div > span, .c-scrolltable--ranking tbody .high div > span,
.c-scrolltable--ranking tbody .middle div > span,
.c-scrolltable--ranking tbody .low div > span,
.c-scrolltable--ranking tbody .num div > span {
  margin-top: auto;
}
.c-scrolltable--ranking-sq tbody td:last-child, .c-scrolltable--ranking tbody td:last-child {
  font-size: 14px;
  white-space: nowrap;
  padding: 8px 12px;
  min-width: 100px;
  max-width: 100px;
}
.c-scrolltable--ranking-sq tbody td:last-child a, .c-scrolltable--ranking tbody td:last-child a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  position: relative;
  background: #ffbd40;
  box-shadow: 0 4px 0 #e39709;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 13px 6px 10px;
}
.c-scrolltable--ranking-sq tbody td:last-child a:hover, .c-scrolltable--ranking tbody td:last-child a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 560px) {
  .c-scrolltable--ranking-sq table thead th, .c-scrolltable--ranking table thead th {
    font-size: 12px;
  }
  .c-scrolltable--ranking-sq table tbody th, .c-scrolltable--ranking table tbody th {
    padding: 5px 4px 5px 1px;
  }
  .c-scrolltable--ranking-sq table tbody td, .c-scrolltable--ranking table tbody td {
    font-size: 12px;
    height: 70px;
  }
  .c-scrolltable--ranking-sq thead th:nth-child(1),
.c-scrolltable--ranking-sq tbody th, .c-scrolltable--ranking thead th:nth-child(1),
.c-scrolltable--ranking tbody th {
    max-width: 130px;
    min-width: 130px;
  }
  .c-scrolltable--ranking-sq thead th:not(:nth-child(1)), .c-scrolltable--ranking thead th:not(:nth-child(1)) {
    min-width: 90px;
  }
  .c-scrolltable--ranking-sq thead th.wide-cell, .c-scrolltable--ranking thead th.wide-cell {
    min-width: 174px;
  }
  .c-scrolltable--ranking-sq tbody th a img:first-child, .c-scrolltable--ranking tbody th a img:first-child {
    margin-right: 0;
    padding: 0 3px;
    width: 24px;
  }
  .c-scrolltable--ranking-sq tbody th a img:last-of-type, .c-scrolltable--ranking tbody th a img:last-of-type {
    max-width: calc(100% - 24px);
  }
  .c-scrolltable--ranking-sq tbody tr:nth-child(1) th a img:first-child,
.c-scrolltable--ranking-sq tbody tr:nth-child(2) th a img:first-child,
.c-scrolltable--ranking-sq tbody tr:nth-child(3) th a img:first-child, .c-scrolltable--ranking tbody tr:nth-child(1) th a img:first-child,
.c-scrolltable--ranking tbody tr:nth-child(2) th a img:first-child,
.c-scrolltable--ranking tbody tr:nth-child(3) th a img:first-child {
    padding: 0;
    width: 24px;
  }
  .c-scrolltable--ranking-sq tbody tr:nth-child(1) .high,
.c-scrolltable--ranking-sq tbody tr:nth-child(2) .high,
.c-scrolltable--ranking-sq tbody tr:nth-child(3) .high, .c-scrolltable--ranking tbody tr:nth-child(1) .high,
.c-scrolltable--ranking tbody tr:nth-child(2) .high,
.c-scrolltable--ranking tbody tr:nth-child(3) .high {
    font-size: 14px;
  }
  .c-scrolltable--ranking-sq tbody td:nth-child(2),
.c-scrolltable--ranking-sq tbody td:nth-child(3),
.c-scrolltable--ranking-sq tbody td:nth-child(4),
.c-scrolltable--ranking-sq tbody td:nth-child(5), .c-scrolltable--ranking tbody td:nth-child(2),
.c-scrolltable--ranking tbody td:nth-child(3),
.c-scrolltable--ranking tbody td:nth-child(4),
.c-scrolltable--ranking tbody td:nth-child(5) {
    padding-top: 10px;
  }
  .c-scrolltable--ranking-sq tbody .high div img,
.c-scrolltable--ranking-sq tbody .middle div img,
.c-scrolltable--ranking-sq tbody .low div img,
.c-scrolltable--ranking-sq tbody .num div img, .c-scrolltable--ranking tbody .high div img,
.c-scrolltable--ranking tbody .middle div img,
.c-scrolltable--ranking tbody .low div img,
.c-scrolltable--ranking tbody .num div img {
    max-width: 25px;
  }
  .c-scrolltable--ranking-sq tbody .high div > span,
.c-scrolltable--ranking-sq tbody .middle div > span,
.c-scrolltable--ranking-sq tbody .low div > span,
.c-scrolltable--ranking-sq tbody .num div > span, .c-scrolltable--ranking tbody .high div > span,
.c-scrolltable--ranking tbody .middle div > span,
.c-scrolltable--ranking tbody .low div > span,
.c-scrolltable--ranking tbody .num div > span {
    margin-bottom: 5px;
  }
  .c-scrolltable--ranking-sq tbody td:last-child, .c-scrolltable--ranking tbody td:last-child {
    font-size: 12px;
    padding: 8px 14px;
    min-width: 90px;
    max-width: 90px;
  }
  .c-scrolltable--ranking-sq tbody td:last-child a, .c-scrolltable--ranking tbody td:last-child a {
    box-shadow: 0 3px 0 #e39709;
    padding: 13px 6px 10px;
  }
}
.c-scrolltable--ranking tbody td:last-child a {
  border-radius: 50vh;
}
.c-scrolltable--rank-sq, .c-scrolltable--rank {
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin: 0 auto 20px;
  position: relative;
  border-left: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
}
.c-scrolltable--rank-sq table, .c-scrolltable--rank table {
  border-top: 1px solid #A0A0A0;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.c-scrolltable--rank-sq table th,
.c-scrolltable--rank-sq table td, .c-scrolltable--rank table th,
.c-scrolltable--rank table td {
  border-right: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  background-clip: padding-box;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
.c-scrolltable--rank-sq table th img,
.c-scrolltable--rank-sq table td img, .c-scrolltable--rank table th img,
.c-scrolltable--rank table td img {
  margin: 0;
  display: inline-block;
}
.c-scrolltable--rank-sq table thead th:last-child,
.c-scrolltable--rank-sq table tbody td:last-child, .c-scrolltable--rank table thead th:last-child,
.c-scrolltable--rank table tbody td:last-child {
  border-right: none;
}
.c-scrolltable--rank-sq table thead th, .c-scrolltable--rank table thead th {
  background-color: #FBF7E9;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px 2px;
  white-space: nowrap;
}
.c-scrolltable--rank-sq table tbody th, .c-scrolltable--rank table tbody th {
  text-align: left;
  padding: 5px;
}
.c-scrolltable--rank-sq table tbody td, .c-scrolltable--rank table tbody td {
  font-size: 14px;
  line-height: 1.4;
  padding: 5px 2px;
  height: 80px;
}
.c-scrolltable--rank-sq thead th:nth-child(1),
.c-scrolltable--rank-sq tbody th, .c-scrolltable--rank thead th:nth-child(1),
.c-scrolltable--rank tbody th {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 2;
  border-right: none;
  min-width: 200px;
  max-width: 200px;
}
.c-scrolltable--rank-sq thead th:nth-child(1)::before,
.c-scrolltable--rank-sq tbody th::before, .c-scrolltable--rank thead th:nth-child(1)::before,
.c-scrolltable--rank tbody th::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  border-right: 1px solid #A0A0A0;
  z-index: -1;
}
.c-scrolltable--rank-sq tbody th, .c-scrolltable--rank tbody th {
  background-color: #fff;
  background-clip: padding-box;
}
.c-scrolltable--rank-sq tbody th a, .c-scrolltable--rank tbody th a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
.c-scrolltable--rank-sq tbody th a img:first-child, .c-scrolltable--rank tbody th a img:first-child {
  margin-right: 1px;
  padding: 0 5px 0 6px;
  width: 42px;
}
.c-scrolltable--rank-sq tbody th a img:last-child, .c-scrolltable--rank tbody th a img:last-child {
  max-width: calc(100% - 43px);
}
.c-scrolltable--rank-sq tbody tr:nth-child(1) th a img:first-child,
.c-scrolltable--rank-sq tbody tr:nth-child(2) th a img:first-child,
.c-scrolltable--rank-sq tbody tr:nth-child(3) th a img:first-child, .c-scrolltable--rank tbody tr:nth-child(1) th a img:first-child,
.c-scrolltable--rank tbody tr:nth-child(2) th a img:first-child,
.c-scrolltable--rank tbody tr:nth-child(3) th a img:first-child {
  padding: 0;
  width: 42px;
}
.c-scrolltable--rank-sq tbody tr:nth-child(1) .high,
.c-scrolltable--rank-sq tbody tr:nth-child(2) .high,
.c-scrolltable--rank-sq tbody tr:nth-child(3) .high, .c-scrolltable--rank tbody tr:nth-child(1) .high,
.c-scrolltable--rank tbody tr:nth-child(2) .high,
.c-scrolltable--rank tbody tr:nth-child(3) .high {
  font-size: 18px;
}
.c-scrolltable--rank-sq tbody tr:nth-child(1) .high div > span,
.c-scrolltable--rank-sq tbody tr:nth-child(2) .high div > span,
.c-scrolltable--rank-sq tbody tr:nth-child(3) .high div > span, .c-scrolltable--rank tbody tr:nth-child(1) .high div > span,
.c-scrolltable--rank tbody tr:nth-child(2) .high div > span,
.c-scrolltable--rank tbody tr:nth-child(3) .high div > span {
  display: inline-block;
  background: linear-gradient(transparent 60%, #FFF100 60%);
}
.c-scrolltable--rank-sq tbody td.high .star, .c-scrolltable--rank tbody td.high .star {
  color: #E15861;
}
.c-scrolltable--rank-sq tbody td.middle .star, .c-scrolltable--rank tbody td.middle .star {
  color: #D9BA4A;
}
.c-scrolltable--rank-sq tbody td.low .star, .c-scrolltable--rank tbody td.low .star {
  color: #9A9A9A;
}
.c-scrolltable--rank-sq tbody .high,
.c-scrolltable--rank-sq tbody .middle,
.c-scrolltable--rank-sq tbody .low,
.c-scrolltable--rank-sq tbody .num, .c-scrolltable--rank tbody .high,
.c-scrolltable--rank tbody .middle,
.c-scrolltable--rank tbody .low,
.c-scrolltable--rank tbody .num {
  min-width: 100px;
  max-width: 100px;
}
.c-scrolltable--rank-sq tbody .high div,
.c-scrolltable--rank-sq tbody .middle div,
.c-scrolltable--rank-sq tbody .low div,
.c-scrolltable--rank-sq tbody .num div, .c-scrolltable--rank tbody .high div,
.c-scrolltable--rank tbody .middle div,
.c-scrolltable--rank tbody .low div,
.c-scrolltable--rank tbody .num div {
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 100%;
  padding-top: 6px;
}
.c-scrolltable--rank-sq tbody .high div > span,
.c-scrolltable--rank-sq tbody .middle div > span,
.c-scrolltable--rank-sq tbody .low div > span,
.c-scrolltable--rank-sq tbody .num div > span, .c-scrolltable--rank tbody .high div > span,
.c-scrolltable--rank tbody .middle div > span,
.c-scrolltable--rank tbody .low div > span,
.c-scrolltable--rank tbody .num div > span {
  margin-top: auto;
}
.c-scrolltable--rank-sq tbody td:last-child, .c-scrolltable--rank tbody td:last-child {
  font-size: 14px;
  white-space: nowrap;
  padding: 8px 12px;
}
.c-scrolltable--rank-sq tbody td:last-child a, .c-scrolltable--rank tbody td:last-child a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  position: relative;
  background: #ffbd40;
  box-shadow: 0 4px 0 #e39709;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 13px 6px 10px;
}
.c-scrolltable--rank-sq tbody td:last-child a:hover, .c-scrolltable--rank tbody td:last-child a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 560px) {
  .c-scrolltable--rank-sq table thead th, .c-scrolltable--rank table thead th {
    font-size: 12px;
  }
  .c-scrolltable--rank-sq table tbody th, .c-scrolltable--rank table tbody th {
    padding: 5px 4px 5px 1px;
  }
  .c-scrolltable--rank-sq table tbody td, .c-scrolltable--rank table tbody td {
    font-size: 12px;
    height: 70px;
  }
  .c-scrolltable--rank-sq thead th:nth-child(1),
.c-scrolltable--rank-sq tbody th, .c-scrolltable--rank thead th:nth-child(1),
.c-scrolltable--rank tbody th {
    min-width: 130px;
    max-width: 130px;
  }
  .c-scrolltable--rank-sq tbody th a img:first-child, .c-scrolltable--rank tbody th a img:first-child {
    margin-right: 0;
    padding: 0 3px;
    width: 24px;
  }
  .c-scrolltable--rank-sq tbody th a img:last-child, .c-scrolltable--rank tbody th a img:last-child {
    max-width: calc(100% - 24px);
  }
  .c-scrolltable--rank-sq tbody tr:nth-child(1) th a img:first-child,
.c-scrolltable--rank-sq tbody tr:nth-child(2) th a img:first-child,
.c-scrolltable--rank-sq tbody tr:nth-child(3) th a img:first-child, .c-scrolltable--rank tbody tr:nth-child(1) th a img:first-child,
.c-scrolltable--rank tbody tr:nth-child(2) th a img:first-child,
.c-scrolltable--rank tbody tr:nth-child(3) th a img:first-child {
    padding: 0;
    width: 24px;
  }
  .c-scrolltable--rank-sq tbody tr:nth-child(1) .high,
.c-scrolltable--rank-sq tbody tr:nth-child(2) .high,
.c-scrolltable--rank-sq tbody tr:nth-child(3) .high, .c-scrolltable--rank tbody tr:nth-child(1) .high,
.c-scrolltable--rank tbody tr:nth-child(2) .high,
.c-scrolltable--rank tbody tr:nth-child(3) .high {
    font-size: 14px;
  }
  .c-scrolltable--rank-sq tbody .high,
.c-scrolltable--rank-sq tbody .middle,
.c-scrolltable--rank-sq tbody .low,
.c-scrolltable--rank-sq tbody .num, .c-scrolltable--rank tbody .high,
.c-scrolltable--rank tbody .middle,
.c-scrolltable--rank tbody .low,
.c-scrolltable--rank tbody .num {
    min-width: 90px;
    max-width: 90px;
  }
  .c-scrolltable--rank-sq tbody .high div img,
.c-scrolltable--rank-sq tbody .middle div img,
.c-scrolltable--rank-sq tbody .low div img,
.c-scrolltable--rank-sq tbody .num div img, .c-scrolltable--rank tbody .high div img,
.c-scrolltable--rank tbody .middle div img,
.c-scrolltable--rank tbody .low div img,
.c-scrolltable--rank tbody .num div img {
    max-width: 25px;
  }
  .c-scrolltable--rank-sq tbody .high div > span,
.c-scrolltable--rank-sq tbody .middle div > span,
.c-scrolltable--rank-sq tbody .low div > span,
.c-scrolltable--rank-sq tbody .num div > span, .c-scrolltable--rank tbody .high div > span,
.c-scrolltable--rank tbody .middle div > span,
.c-scrolltable--rank tbody .low div > span,
.c-scrolltable--rank tbody .num div > span {
    margin-bottom: 5px;
  }
  .c-scrolltable--rank-sq tbody td:last-child, .c-scrolltable--rank tbody td:last-child {
    font-size: 12px;
    padding: 8px 14px;
  }
  .c-scrolltable--rank-sq tbody td:last-child a, .c-scrolltable--rank tbody td:last-child a {
    box-shadow: 0 3px 0 #e39709;
    padding: 13px 6px 10px;
  }
}
.c-scrolltable--rank tbody td:last-child a {
  border-radius: 50vh;
}
.c-scrolltable__vertical {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  width: 100%;
  height: calc(18em + 110px);
  margin: 0 auto 100px;
  border: 1px solid #A0A0A0;
}
.c-scrolltable__vertical table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
}
.c-scrolltable__vertical table th,
.c-scrolltable__vertical table td {
  border-right: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  background-clip: padding-box;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}
.c-scrolltable__vertical table thead th:last-child,
.c-scrolltable__vertical table tbody th:last-child,
.c-scrolltable__vertical table tbody td:last-child {
  border-right: none;
  width: 30%;
}
.c-scrolltable__vertical table thead th {
  background-color: #FBF7E9;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 2;
}
.c-scrolltable__vertical table tbody th {
  background-color: #f5f5f5;
}
.c-scrolltable__vertical table tbody tr:last-child th,
.c-scrolltable__vertical table tbody tr:last-child td {
  border-bottom: none;
}

.c-title--ranking {
  font-size: 20px;
  padding-left: 36px;
  position: relative;
  font-weight: bold;
  margin-bottom: 14px;
}
.c-title--ranking::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 25px;
  height: 18px;
  background-image: url(img/ranking/icon-crown.png);
  background-size: cover;
}
@media screen and (max-width: 560px) {
  .c-title--ranking {
    font-size: 16px;
    padding-left: 32px;
    margin-bottom: 8px;
  }
  .c-title--ranking::before {
    width: 22px;
    height: 16px;
    background-image: url(img/ranking/icon-crown.png);
    background-size: cover;
  }
}

.c-pr-cta {
  padding: 20px 16px;
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  background: #FCF8EA;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-pr-cta {
    margin-left: calc((700px - 100%) / 2 * -1);
    margin-right: calc((700px - 100%) / 2 * -1);
  }
}
.c-pr-cta-inner {
  background: #fff;
  border: solid 1px #DEDEDE;
  padding: 16px;
  position: relative;
  padding-top: 33px;
}
@media screen and (min-width: 768px) {
  .c-pr-cta-inner {
    padding: 20px 24px;
    padding-top: 39px;
  }
}
.c-pr-cta-inner__tag {
  position: absolute;
  background: #D9BA4A;
  color: #fff;
  width: 33px;
  text-align: center;
  padding: 1px 8px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .c-pr-cta-inner__tag {
    font-size: 1.4rem;
    line-height: 1.7;
    width: 35px;
  }
}
.c-pr-cta-inner__title {
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .c-pr-cta-inner__title {
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 16px;
  }
}
.c-pr-cta-inner-wrap {
  display: flex;
  margin-bottom: 16px;
}
.c-pr-cta-inner-wrap a {
  width: 35%;
  min-width: 100px;
  margin-right: 12px;
}
.c-pr-cta-inner-wrap a img {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .c-pr-cta-inner-wrap a {
    max-width: 140px;
  }
}
.c-pr-cta-inner-wrap a:hover {
  opacity: 0.7;
}
.c-pr-cta-inner-wrap__text {
  background: #F4F4F4;
  color: #c11b26;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 12px;
  font-weight: bold;
  width: auto;
}
@media screen and (min-width: 768px) {
  .c-pr-cta-inner-wrap__text {
    font-size: 1.8rem;
  }
}
.c-pr-cta-inner__text {
  margin-bottom: 16px;
  font-size: 1.4rem;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .c-pr-cta-inner__text {
    font-size: 1.6rem;
  }
}
.c-pr-cta-inner__link-sq, .c-pr-cta-inner__link {
  border: solid 1px #575757;
  box-shadow: 0 4px 0 #575757;
  color: #575757;
  font-weight: bold;
  display: block;
  padding: 9px;
  text-align: center;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-pr-cta-inner__link-sq, .c-pr-cta-inner__link {
    font-size: 1.8rem;
    line-height: 1.6;
    padding: 12px;
  }
}
.c-pr-cta-inner__link-sq:hover, .c-pr-cta-inner__link:hover {
  opacity: 0.7;
}
.c-pr-cta-inner__link-sq:after, .c-pr-cta-inner__link:after {
  content: "";
  display: block;
  height: 7px;
  width: 7px;
  border-right: solid 2px #575757;
  border-bottom: solid 2px #575757;
  transform: translateY(-50%) rotate(-45deg);
  color: #575757;
  position: absolute;
  top: 50%;
  right: 20px;
  pointer-events: none;
}
.c-pr-cta-inner__link {
  border-radius: 50vh;
}
.c-pr-cta-inner ul {
  margin-bottom: 16px;
}
.c-pr-cta-inner ul li {
  padding: 0 0 0 20px;
  margin: 0 0 12px;
  list-style: none;
  position: relative;
  font-size: 1.5rem;
  line-height: 1.4;
}
.c-pr-cta-inner ul li:last-of-type {
  margin: 0;
}
.c-pr-cta-inner ul li::before {
  content: "";
  display: block;
  font-weight: 700;
  text-align: right;
  position: absolute;
  top: 11px;
  left: 1px;
  background: #D9BA4A;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
}

.c-comparison-table-general {
  border: solid 1px #A0A0A0;
  border-collapse: collapse;
  text-align: center;
  margin-bottom: 20px;
}
.c-comparison-table-general thead th {
  background: #F4F4F4;
  border: solid 1px #A0A0A0;
  font-weight: bold;
  padding: 12px 8px;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-comparison-table-general thead th {
    padding: 16px;
    font-size: 1.6rem;
    padding: 16px 24px;
  }
}
.c-comparison-table-general td {
  border: solid 1px #A0A0A0;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .c-comparison-table-general td {
    padding: 16px 24px;
  }
}
.c-comparison-table-general__img {
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .c-comparison-table-general__img {
    font-size: 1.6rem;
  }
}
.c-comparison-table-general__img img {
  min-width: 80px;
  display: block;
  margin: auto;
  margin-bottom: 8px;
}
.c-comparison-table-general__img img:hover {
  opacity: 0.7;
}
.c-comparison-table-general__text {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .c-comparison-table-general__text {
    font-size: 1.6rem;
  }
}
.c-comparison-table-general__cta {
  background: #00A0E8;
  box-shadow: 0 4px 0 #016e9f;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-weight: bold;
  padding: 19px 0 18px;
  position: relative;
  line-height: 1.3;
  font-size: 1.4rem;
  min-width: 74px;
  max-width: 120px;
  margin: auto;
}
.c-comparison-table-general__cta:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .c-comparison-table-general__cta {
    font-size: 1.6rem;
  }
}
.c-comparison-table-general__cta:after {
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg);
  color: #fff;
  pointer-events: none;
  margin: 8px 0px 0 4px;
}
@media screen and (min-width: 768px) {
  .c-comparison-table-general__cta:after {
    height: 8px;
    width: 8px;
    margin: 10px 0px 0 4px;
  }
}

.comment {
  margin: 50px auto;
}
.comment-inner {
  display: flex;
  justify-content: space-between;
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.comment-inner:has(.comment-txt_name) {
  -webkit-margin-before: 25px;
          margin-block-start: 25px;
}
.comment-img {
  width: 80px;
  text-align: center;
}
.comment-img_photo {
  margin-bottom: 5px;
}
.comment-img_photo img {
  border-radius: 50%;
  width: 100%;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-block: 20px 0;
}
.comment-img_name {
  font-weight: 600;
}
.right .comment-img {
  order: 2;
}
.comment-txt {
  position: relative;
  width: calc(100% - 90px);
}
.comment-txt_name {
  position: absolute;
  top: -15px;
  left: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.comment-txt_name span {
  display: flex;
  align-items: center;
  block-size: 54px;
}
.comment-txt_bubble {
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  background-color: #fff;
  padding: 15px 20px;
  position: relative;
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  -webkit-margin-before: 37px;
          margin-block-start: 37px;
}
.comment-txt_bubble::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #ffffff;
  border-left: 0;
  border-top: 0;
  margin-left: -18px;
  z-index: 2;
}
.comment-txt_bubble::after {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #a0a0a0;
  border-left: 0;
  border-top: 0;
  margin-top: -1px;
  margin-left: -20px;
  z-index: 1;
}
.comment-txt_bubble p {
  margin-bottom: 1em;
}
.comment-txt_bubble p:last-of-type {
  margin-bottom: 0;
}
.right .comment-txt_name {
  position: absolute;
  top: 0;
  right: 20px;
  text-align: right;
}
.right .comment-txt_name span {
  text-align: left;
  display: inline-block;
}
.right .comment-txt_bubble {
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
  -webkit-margin-before: 37px;
          margin-block-start: 37px;
}
.right .comment-txt_bubble::before {
  left: 100%;
  border: 20px solid transparent;
  border-left-color: #ffffff;
  border-right: 0;
  border-top: 0;
  margin-left: -2px;
}
.right .comment-txt_bubble::after {
  left: 100%;
  border: 20px solid transparent;
  border-left-color: #a0a0a0;
  border-right: 0;
  border-top: 0;
  margin-left: 0;
}
.comment.no-name .comment-inner {
  align-items: center;
}
.comment.no-name .comment-inner img {
  margin-block: 0;
}
@media screen and (max-width: 767px) {
  .comment {
    margin: 40px 0;
    font-size: 14px;
  }
  .comment-inner {
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
  .comment-inner:has(.comment-txt_name) {
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
  .comment-img {
    width: 50px;
  }
  .comment-img_photo img {
    width: 100%;
    height: 50px;
  }
  .comment-img_name {
    font-size: 10px;
  }
  .comment-txt {
    width: calc(100% - 50px);
  }
  .comment-txt_name {
    top: -25px;
    left: 0;
    margin: 0 0 10px 12px;
  }
  .comment-txt_bubble {
    padding: 6px 10px;
    -webkit-margin-start: 12px;
            margin-inline-start: 12px;
    -webkit-margin-before: 27px;
            margin-block-start: 27px;
  }
  .comment-txt_bubble::before {
    border: 10px solid transparent;
    border-right-color: #ffffff;
    border-left: 0;
    border-top: 0;
    margin-left: -8px;
  }
  .comment-txt_bubble::after {
    border: 10px solid transparent;
    border-right-color: #a0a0a0;
    border-left: 0;
    border-top: 0;
    margin-top: -1px;
    margin-left: -10px;
    z-index: 1;
  }
  .right .comment-txt_name {
    margin: 0 10px 10px 0;
  }
  .right .comment-txt_bubble {
    -webkit-margin-end: 12px;
            margin-inline-end: 12px;
    -webkit-margin-before: 27px;
            margin-block-start: 27px;
  }
  .right .comment-txt_bubble::before {
    border: 10px solid transparent;
    border-left-color: #ffffff;
    border-right: 0;
    border-top: 0;
    margin-left: -2px;
  }
  .right .comment-txt_bubble::after {
    border: 10px solid transparent;
    border-left-color: #a0a0a0;
    border-right: 0;
    border-top: 0;
    margin-left: 0;
  }
}

.c-check {
  margin: 50px auto;
  border: 1px solid #D9BA4A;
}
@media screen and (max-width: 767px) {
  .c-check {
    margin: 40px auto;
  }
}
.c-check-ttl {
  background-color: #D9BA4A;
  font-size: 20px;
  color: #ffffff;
  padding: 5px 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .c-check-ttl {
    text-align: center;
    padding: 5px;
  }
}
@media screen and (max-width: 340px) {
  .c-check-ttl {
    font-size: 5.8823vw;
  }
}
.c-check-list {
  list-style-type: none;
}
.c-check-list_item {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  min-height: 85px;
}
.c-check-list_item:not(:last-child) {
  border-bottom: 1px solid #EFE7CA;
}
.c-check-list_num {
  background-color: #FBF7E9;
  position: relative;
  width: 55px;
}
.c-check-list_num:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 15px;
  height: 100%;
  background-color: #FBF7E9;
  background-image: linear-gradient(to right top, transparent 50%, #fff 50%);
  z-index: auto;
}
.c-check-list_num .check {
  position: relative;
  margin: 1rem 0 6px -5px;
  padding: 5px;
  background: #fff;
  border: 1px solid #D9BA4A;
  display: inline-block;
  line-height: 0;
}
.c-check-list_num .check:before {
  position: absolute;
  content: "";
  top: 100%;
  left: -1px;
  width: 0;
  height: 0;
  border-top: 4px solid #D9BA4A;
  border-left: 4px solid transparent;
}
.c-check-list_num .check img {
  margin: 0 auto;
}
.c-check-list_num .num {
  display: block;
  text-align: center;
  padding-bottom: 1rem;
}
.c-check-list_num .num img {
  width: auto;
  height: 27px;
  margin: 0 auto;
}
.c-check-list_txt {
  width: calc(100% - 75px);
  padding: 6px 10px 6px 0;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
}
.c-check-list_txt p {
  line-height: 1.4;
  margin-bottom: 0;
}
.c-check-list_txt p:not(:last-child) {
  margin-bottom: 5px;
}

.p-rating {
  white-space: nowrap;
}
.p-rating__star {
  display: inline-block;
  z-index: 0;
  position: relative;
  color: #CCCCCC;
}
.p-rating__star::before, .p-rating__star::after {
  content: "★★★★★";
}
.p-rating__star::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #ffcf32;
}
.p-rating__star[data-rate="5"]::after {
  width: 100%;
}
.p-rating__star[data-rate="4.5"]::after {
  width: 90%;
}
.p-rating__star[data-rate="4"]::after {
  width: 80%;
}
.p-rating__star[data-rate="3.5"]::after {
  width: 70%;
}
.p-rating__star[data-rate="3"]::after {
  width: 60%;
}
.p-rating__star[data-rate="2.5"]::after {
  width: 50%;
}
.p-rating__star[data-rate="2"]::after {
  width: 40%;
}
.p-rating__star[data-rate="1.5"]::after {
  width: 30%;
}
.p-rating__star[data-rate="1"]::after {
  width: 20%;
}
.p-rating__star[data-rate="0.5"]::after {
  width: 10%;
}
.p-rating__star[data-rate="0"]::after {
  width: 0%;
}

.c-iconButton-list {
  margin: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  margin: 32px 0;
}
@media screen and (min-width: 768px) {
  .c-iconButton-list {
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 10px;
  }
}
.c-iconButton-list > li {
  width: 100%;
}

.c-iconButton {
  background-color: #fbf7e9;
  display: flex;
  align-items: center;
  min-height: 52px;
  text-decoration: none;
  color: #333;
  padding: 8px 20px 8px 8px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-iconButton {
    padding: 4px 32px 4px 12px;
  }
}
.c-iconButton::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
  height: 8px;
  width: 8px;
  border-top: 2px solid #d9ba4a;
  border-right: 2px solid #d9ba4a;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .c-iconButton::after {
    right: 16px;
    height: 10px;
    width: 10px;
  }
}
.c-iconButton > img {
  height: 36px;
  max-width: 36px;
  margin: 0 10px 0 0;
}
@media screen and (min-width: 768px) {
  .c-iconButton > img {
    height: 42px;
    max-width: 42px;
    margin-right: 16px;
  }
}

.c-iconButton_content > p {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .c-iconButton_content > p {
    font-size: 1.6rem;
  }
}

.p-share_buttons {
  display: flex;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  margin-top: 100px;
  padding: 24px 0 8px;
  justify-content: center;
  flex-wrap: wrap;
}
.p-share_buttons li {
  margin: 0 10px 16px;
}
.p-share_buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  text-decoration: none;
  color: #fff;
  font-size: 1.5rem;
  height: 30px;
}
.p-share_buttons a img {
  margin: 0;
}
.p-share_buttons a .icon {
  margin-right: 3px;
}
.c-post-content__date .p-share_buttons {
  border-top: none;
  border-bottom: none;
  margin-top: 0;
  padding: 0;
  justify-content: flex-end;
}
.c-post-content__date .p-share_buttons li {
  margin: 0 12px 0 0;
}
.c-post-content__date .p-share_buttons li:last-child {
  margin-right: 0;
}
.c-post-content__date .p-share_buttons a {
  font-size: 1.2rem;
  height: 20px;
}

.share_twitter {
  background-color: #55ACEE;
  box-shadow: 0 2px 0 #1C7AC1;
  padding: 0 9px;
}
.c-post-content__date .share_twitter {
  box-shadow: none;
  padding: 0 6px;
}
.c-post-content__date .share_twitter img {
  width: 15px;
}

.share_facebook {
  background-color: #1877F2;
  box-shadow: 0 2px 0 #1C4C89;
  padding: 0 9px;
}
.c-post-content__date .share_facebook {
  box-shadow: none;
  padding: 0 6px;
}
.c-post-content__date .share_facebook img {
  width: 12px;
}

.share_line {
  background-color: #4CC764;
  box-shadow: 0 2px 0 #2E843F;
  padding: 0 9px;
}
.c-post-content__date .share_line {
  box-shadow: none;
  padding: 0 6px;
}
.c-post-content__date .share_line img {
  width: 13px;
}

.share_hatebu {
  background-color: #00A4DE;
  box-shadow: 0 2px 0 #466D9B;
  width: 30px;
}
.c-post-content__date .share_hatebu {
  box-shadow: none;
  width: 20px;
}
.c-post-content__date .share_hatebu img {
  width: 11px;
}

.share_pocket {
  background-color: #EF4056;
  box-shadow: 0 2px 0 #982837;
  width: 30px;
}
.c-post-content__date .share_pocket {
  box-shadow: none;
  width: 20px;
}
.c-post-content__date .share_pocket img {
  width: 12px;
}

.c-post-content__date {
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .c-post-content__date {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .c-post-content__date .p-share_buttons {
    margin-top: 10px;
  }
}

.c-flowchart {
  width: 100%;
  background-color: #FBF7E9;
  margin: 1em 0 3em;
  padding-bottom: 9px;
}
.c-flowchart img {
  width: 100%;
  height: auto;
  margin: 0;
}
.c-flowchart__list {
  display: flex;
  flex-direction: column;
  margin: 24px auto 0;
  width: 95.3352769679%;
}
.c-flowchart__list > li {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 6px;
  padding-bottom: 10px;
  margin-bottom: 16px;
}
.c-flowchart__list > li .name {
  min-height: 2.8em;
  font-size: 2rem;
  font-weight: 600;
  color: #ffffff;
  display: flex;
  align-items: center;
  text-align: left;
  line-height: 1;
  border-radius: 5px 5px 0 0;
  margin: 0 0 10px;
  padding: 0 12px;
}
.c-flowchart__list > li ul {
  margin: 0 12px;
}
.c-flowchart__list > li ul li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 1em;
  line-height: 1.4;
}
.c-flowchart__list > li ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50vh;
  background-color: #D9BA4A;
}
.c-flowchart__list > li .btn-sq,
.c-flowchart__list > li .btn {
  margin: auto 12px 0;
  text-align: center;
}
.c-flowchart__list > li .btn-sq a,
.c-flowchart__list > li .btn a {
  display: block;
  border-radius: 6px;
  text-decoration: none;
  padding: 6px;
  color: #ffffff;
  position: relative;
}
.c-flowchart__list > li .btn-sq a::after,
.c-flowchart__list > li .btn a::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 1000px) {
  .c-flowchart__list > li .btn-sq,
.c-flowchart__list > li .btn {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .c-flowchart__list > li .btn-sq,
.c-flowchart__list > li .btn {
    font-size: 1.6rem;
  }
}
.c-flowchart__list > li .btn a {
  border-radius: 50vh;
}
.c-flowchart__list > li.green {
  border: 1px solid #8EBC36;
}
.c-flowchart__list > li.green .name {
  background-color: #8EBC36;
}
.c-flowchart__list > li.green .btn a {
  background-color: #8EBC36;
  box-shadow: 0 3px 0 0 #749B29;
}
.c-flowchart__list > li.pink {
  border: 1px solid #E26B87;
}
.c-flowchart__list > li.pink .name {
  background-color: #E26B87;
}
.c-flowchart__list > li.pink .btn a {
  background-color: #E26B87;
  box-shadow: 0 3px 0 0 #C24F6B;
}
.c-flowchart__list > li.orange {
  border: 1px solid #EE9500;
}
.c-flowchart__list > li.orange .name {
  background-color: #EE9500;
}
.c-flowchart__list > li.orange .btn a {
  background-color: #EE9500;
  box-shadow: 0 3px 0 0 #BB7807;
}
@media screen and (min-width: 651px) {
  .c-flowchart__list {
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    width: 91.0179640719%;
    margin: 0 auto;
  }
  .c-flowchart__list > li {
    width: 31.5789473684%;
    flex-direction: column;
  }
  .c-flowchart__list > li .name {
    justify-content: center;
    text-align: center;
    padding: 0;
  }
  .c-flowchart__list > li .btn {
    margin-top: auto;
    margin-bottom: 0;
  }
  .c-flowchart__list > li .btn a:hover {
    opacity: 0.8;
  }
}

/* Form */
.c-form--title {
  color: #ffffff;
  text-align: center;
  background-color: #016E9F;
  padding: 15px 3px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .c-form--title {
    padding: 20px 3px;
    font-size: 2.4rem;
  }
}
.c-form--title::before {
  content: "";
  display: inline-block;
  inline-size: 1em;
  block-size: 1em;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  background: url("img/icon_form.svg") no-repeat center center;
  background-size: contain;
}

.c-form {
  margin-bottom: 2em;
}
.c-form_inner {
  background-color: #F1F1F1;
  padding: 1em 1em 1.5em;
}
.c-form_box {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 1em 1px 1em 10px;
  margin-bottom: 1em;
}
.c-form_box_q {
  font-weight: bold;
  width: 6em;
  font-size: 1.3rem;
}
.c-form_box_select {
  width: calc(100% - 6em);
  margin-bottom: -1em;
  position: relative;
  font-size: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.c-form_box_select > li {
  min-width: 64px;
  width: auto;
  margin: 0 10px 1em 0;
}
@media screen and (min-width: 768px) {
  .c-form_box_select > li {
    min-width: 88px;
    margin: 0 12px 1em 0;
  }
}
.c-form_box_select .radio_input {
  display: none;
}
.c-form_box_select .radio_input:checked + .radio_label {
  color: #fff;
  background-color: #00A0E8;
  box-shadow: none;
  transform: translateY(3px);
}
.c-form_box_select .radio_label {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 100%;
  height: 100%;
  padding: 2px;
  min-height: 36px;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  background: #F4F4F4;
  border-radius: 4px;
  box-shadow: 0 3px 0 #A5A5A5;
  transition: all 0.3s ease 0s;
}
@media screen and (min-width: 768px) {
  .c-form_box_select .radio_label {
    min-height: 52px;
  }
}
.c-form_box_select .radio_label:hover {
  color: #fff;
  background-color: #00A0E8;
  box-shadow: none;
  transform: translateY(3px);
}
.c-form_box_selectbox {
  display: inline-block;
  position: relative;
  border: 1px solid #C6C6C6;
  vertical-align: middle;
  width: calc(100% - 6em);
  max-width: 240px;
}
.c-form_box_selectbox select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 11px 15px;
  padding-right: 1em;
  border: none;
  outline: 0;
  background: #fff;
  background-image: none;
  box-shadow: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  cursor: pointer;
}
.c-form_box_selectbox::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  border-width: 10px 5px 0 5px;
  border-style: solid;
  border-color: #00A0E8 transparent transparent transparent;
  content: "";
  pointer-events: none;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .c-form_box {
    padding: 1em 1px 1em 1em;
  }
  .c-form_box_q {
    width: 7em;
    font-size: 1.6rem;
  }
  .c-form_box_select {
    width: calc(100% - 7em);
    font-size: 1.6rem;
  }
}
.c-form .submit {
  text-align: center;
  margin-top: 1.5em;
}
.c-form .submit button[type=submit] {
  position: relative;
  width: 100%;
  max-width: 264px;
  margin: 0 auto;
  position: relative;
  padding: 12px 5px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #00A0E8;
  border: 2px solid #00A0E8;
  box-shadow: 0 3px 0 #016E9F;
  opacity: 1;
  transition: all 0.2s ease 0s;
}
@media screen and (min-width: 768px) {
  .c-form .submit button[type=submit] {
    padding: 15px 5px;
    font-size: 2rem;
    max-width: 296px;
  }
}
.c-form .submit button[type=submit]:hover {
  opacity: 0.8;
  box-shadow: none;
  transform: translateY(3px);
}
.c-form .submit button[type=submit]:disabled {
  cursor: inherit;
  opacity: 0.6;
}
.c-form .submit button[type=submit]:disabled:hover {
  color: #fff;
  cursor: inherit;
  background-color: #e857a3;
  box-shadow: 0 3px 0 #a23d72;
  opacity: 0.6;
  transform: translateY(0);
}
.c-form .submit button[type=submit]::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  content: "";
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
}
.c-form.verticle {
  padding: 0;
}
.c-form.verticle .c-form_box {
  align-items: flex-start;
  flex-direction: column;
  padding: 0 0 15px 0;
}
.c-form.verticle .c-form_box_q {
  width: 100%;
  padding: 10px 20px;
  background: #D3EEFB;
  font-size: 1.6rem;
}
.c-form.verticle .c-form_box_q span {
  font-size: 12px;
  font-weight: normal;
}
.c-form.verticle .c-form_box_q_small {
  align-self: flex-start;
  margin-top: 20px;
  padding-inline: 15px;
  font-size: 16px;
  font-weight: bold;
}
.c-form.verticle .c-form_box_select {
  gap: 10px;
  width: 100%;
  padding: 15px;
}
.c-form.verticle .c-form_box_select > li {
  min-width: calc((100% - 10px) / 2);
  margin: 0;
}
.c-form.verticle .c-form_box_select .radio_input:checked + .radio_label {
  background: #fff;
  border: 2px solid #016E9F;
  color: #016E9F;
}
.c-form.verticle .c-form_box_select .radio_label {
  width: 100%;
  min-height: 40px;
}
.c-form.verticle .c-form_box_select .radio_label:hover {
  background: #fff;
  border: 2px solid #016E9F;
  color: #016E9F;
  transform: translateY(3px);
}
.c-form.verticle .c-form_box_selectbox {
  margin: 15px 0 0 15px;
}
.c-form.verticle .submit button[type=submit] {
  border-radius: 40px;
}
@media screen and (min-width: 768px) {
  .c-form.verticle .c-form_box_select {
    gap: 15px;
  }
  .c-form.verticle .c-form_box_select > li {
    min-width: calc((100% - 45px) / 4);
    margin: 0;
  }
}

.c-result {
  background-color: #F1F1F1;
  padding: 4rem 1.6rem;
}
@media screen and (min-width: 768px) {
  .c-result {
    padding: 4rem 2.4rem;
  }
}
.c-result_lead {
  max-width: 840px;
  margin: 0 auto 1em;
}
.c-result_lead_head .txt1 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.c-result_lead_head .txt1 .count {
  color: #fff;
  background-color: #00A0E8;
  font-size: 2.4rem;
  display: inline-block;
  padding: 0 3px;
  margin: 0 5px;
}
.c-result_lead_head .txt2 {
  font-size: 1.6rem;
  width: 81.6326530612%;
}
.c-result_lead_head ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0;
}
.c-result_lead_head ul li {
  background-color: #fff;
  color: #00A0E8;
  border: 2px solid #00A0E8;
  margin: 0 10px 10px 0;
  padding: 0 1.6rem;
}
.c-result_lead_img {
  width: 16.3265306122%;
  margin: -35% 0 0 auto;
}
@media screen and (min-width: 768px) {
  .c-result_lead {
    display: flex;
    justify-content: space-between;
  }
  .c-result_lead_head {
    width: 75%;
  }
  .c-result_lead_head .txt1 {
    font-size: 2.4rem;
  }
  .c-result_lead_head .txt1 .count {
    font-size: 3.8rem;
    padding: 0 5px;
    margin: 0 10px;
    line-height: 1.4;
  }
  .c-result_lead_head .txt2 {
    font-size: 2rem;
    width: 100%;
  }
  .c-result_lead_head ul {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .c-result_lead_img {
    width: 21.4285714286%;
    text-align: center;
    margin: 0;
  }
}
.c-result_anken {
  background: #fff;
  border-top: 6px solid #00A0E8;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  margin-bottom: 3em;
  padding: 1rem 1rem 4rem;
}
@media screen and (min-width: 768px) {
  .c-result_anken {
    padding: 24px 40px;
  }
}
.c-result_anken .name {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .c-result_anken .name {
    font-size: 3.2rem;
    line-height: 1.4;
  }
}
.c-result_anken .desc {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .c-result_anken .desc {
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
.c-result_anken .inner {
  margin-top: 2em;
}
.c-result_anken .inner .thum {
  width: 100%;
  margin-bottom: 2em;
}
.c-result_anken .inner .thum img {
  margin-bottom: 15px;
}
.c-result_anken .inner .thum table {
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  width: 100%;
  -webkit-margin-after: 15px;
          margin-block-end: 15px;
  border-collapse: collapse;
  font-size: 1.6rem;
}
.c-result_anken .inner .thum table th, .c-result_anken .inner .thum table td {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  text-align: center;
  font-weight: 600;
}
.c-result_anken .inner .thum table th {
  background-color: #D1F0FF;
  width: 7em;
}
.c-result_anken .inner .thum .sponsored {
  padding: 0;
  background: none;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}
.c-result_anken .inner .cont {
  width: 100%;
}
.c-result_anken .inner .cont h4 {
  font-size: 1.8rem;
  background-color: #ECECEC;
  font-weight: 600;
  padding: 10px 5px;
  margin-bottom: 1rem;
}
.c-result_anken .inner .cont ol {
  margin: 0 0 2em;
  list-style: none;
  counter-reset: item;
}
.c-result_anken .inner .cont ol > li {
  padding: 0 0 0 3rem;
  margin: 0 0 10px;
  position: relative;
  font-size: 1.6rem;
}
.c-result_anken .inner .cont ol > li:last-of-type {
  margin: 0;
}
.c-result_anken .inner .cont ol > li::before {
  counter-increment: item;
  content: counter(item) ". ";
  display: block;
  width: 2.1rem;
  height: auto;
  font-weight: bold;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .c-result_anken .inner .cont ol > li::before {
    width: 2.5rem;
    font-size: 1.8rem;
  }
}
.c-result_anken .inner .cont ul {
  margin: 0 0 2em;
  list-style: none;
}
.c-result_anken .inner .cont ul > li {
  padding: 0 0 0 3rem;
  margin: 0 0 10px;
  position: relative;
  font-size: 1.6rem;
}
.c-result_anken .inner .cont ul > li:last-of-type {
  margin: 0;
}
.c-result_anken .inner .cont ul > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0.8em;
  width: 6px;
  height: 6px;
  background-color: #000000;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  .c-result_anken .inner {
    display: flex;
    justify-content: space-between;
  }
  .c-result_anken .inner .thum {
    width: 28.5714285714%;
  }
  .c-result_anken .inner .cont {
    width: 67.619047619%;
  }
  .c-result_anken .inner .cont h4 {
    font-size: 2rem;
    padding: 5px;
  }
}
.c-result .button-sq,
.c-result .button {
  text-align: center;
  width: 94%;
  max-width: 640px;
  margin: 0 auto;
}
.c-result .button-sq a,
.c-result .button a {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px 5px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background-color: #00A0E8;
  border: 2px solid #00A0E8;
  box-shadow: 0 3px 0 #016E9F;
  opacity: 1;
  font-size: 2rem;
  font-weight: 600;
  transition: all 0.2s ease 0s;
}
.c-result .button-sq a:hover,
.c-result .button a:hover {
  opacity: 0.8;
  box-shadow: none;
  transform: translateY(3px);
}
@media screen and (min-width: 768px) {
  .c-result .button-sq a,
.c-result .button a {
    font-size: 2.4rem;
  }
}
.c-result .button-sq a:disabled,
.c-result .button a:disabled {
  cursor: inherit;
  opacity: 0.6;
}
.c-result .button-sq a:disabled:hover,
.c-result .button a:disabled:hover {
  color: #fff;
  cursor: inherit;
  background-color: #e857a3;
  box-shadow: 0 3px 0 #a23d72;
  opacity: 0.6;
  transform: translateY(0);
}
.c-result .button-sq a::after,
.c-result .button a::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  content: "";
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
}
.c-result .button a {
  border-radius: 50vh;
}

.scroll-vertical-table {
  overflow: auto;
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
}
.scroll-vertical-table__title {
  padding: 8px;
  background-color: #FCF8EA;
  border-top: 1px solid #A0A0A0;
  border-left: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
  font-weight: bold;
}
.scroll-vertical-table > table {
  inline-size: -webkit-max-content;
  inline-size: -moz-max-content;
  inline-size: max-content;
  border-top: 1px solid #A0A0A0;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.scroll-vertical-table > table th, .scroll-vertical-table > table td {
  padding: 8px;
  border-bottom: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
}
.scroll-vertical-table > table th {
  background-color: #FCF8EA;
  text-align: left;
}
.scroll-vertical-table > table td {
  inline-size: -webkit-max-content;
  inline-size: -moz-max-content;
  inline-size: max-content;
}
.scroll-vertical-table > table td.bg-gray {
  background-color: #f5f5f5;
  font-weight: bold;
}
.scroll-vertical-table > table thead th:nth-child(1) {
  inline-size: 165px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
}
.scroll-vertical-table > table thead th:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inline-size: 100%;
  block-size: 100%;
  border-left: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
  background-color: #FCF8EA;
  z-index: -1;
}
.scroll-vertical-table > table tbody td:nth-child(1) {
  inline-size: 165px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
}
.scroll-vertical-table > table tbody td:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inline-size: 100%;
  block-size: 100%;
  border-left: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
  background-color: #f5f5f5;
  z-index: -1;
}

.c-horizon-table__responsive > table {
  table-layout: fixed;
  border-top: 1px solid #A0A0A0;
  border-left: 1px solid #A0A0A0;
  border-collapse: collapse;
  border-spacing: 0;
}
.c-horizon-table__responsive > table th, .c-horizon-table__responsive > table td {
  padding: 8px;
  border-bottom: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
}
.c-horizon-table__responsive > table th {
  inline-size: 25%;
  background-color: #FCF8EA;
}
@media screen and (max-width: 767px) {
  .c-horizon-table__responsive > table th, .c-horizon-table__responsive > table td {
    display: block;
  }
  .c-horizon-table__responsive > table th {
    inline-size: 100%;
  }
}

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltip-wrap {
  display: flex;
  justify-content: center;
}
.tooltip .tooltip-marker {
  display: inline-block;
  aspect-ratio: 1/1;
  cursor: help;
  background: url("img/common/ico_tooltip.svg") no-repeat left center/contain;
  block-size: 15px;
}
.tooltip .tooltip-content {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  inline-size: 10em;
  max-inline-size: 10em;
  padding: 4px;
  background: #fff;
  border: 1px solid #707070;
  color: #000;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  text-align: left;
  transition: opacity 0.3s;
  white-space: normal;
}
.tooltip .tooltip-content::before, .tooltip .tooltip-content::after {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 50%;
  pointer-events: none;
  content: "";
  border: 8px solid transparent;
}
.tooltip .tooltip-content::before {
  border-block-start-color: #707070;
  transform: translateX(-50%);
}
.tooltip .tooltip-content::after {
  border-block-start-color: #fff;
  transform: translate(-50%, -1.5px);
}
.tooltip .tooltip-content.visible {
  opacity: 1;
}
.tooltip .tooltip-content:not(.visible) {
  pointer-events: none;
  opacity: 0;
}

.c-link-card {
  position: relative;
  inline-size: 100%;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
  padding: 18px 16px 14px;
  border: 1px solid #00a0e8;
  line-height: 1.5em;
}
.c-link-card a {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.8em;
  text-decoration: none;
}
.c-link-card a:hover {
  text-decoration: underline;
}
.c-link-card__list {
  -webkit-margin-after: 18px 14px;
          margin-block-end: 18px 14px;
}
.c-link-card__list li {
  position: relative;
  padding-left: 17px;
}
.c-link-card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  inline-size: 7px;
  block-size: 7px;
  background: #00a0e8;
  border-radius: 50vh;
}
.c-link-card__ttl {
  position: absolute;
  top: -10px;
  left: -1px;
  display: flex;
  align-items: center;
  padding-inline: 10px;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.5em;
}
.c-link-card__ttl::before {
  content: "";
  inline-size: 20px;
  block-size: 16px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  background-image: url(./img/icon_read.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.c-link-card__post-ttl {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.c-link-card .font-bold {
  font-weight: bold;
}
@media (max-width: 640px) {
  .c-link-card {
    padding: 20px 10px 14px;
  }
  .c-link-card a {
    -webkit-margin-after: 10px;
            margin-block-end: 10px;
  }
  .c-link-card a figure {
    inline-size: 105px;
  }
  .c-link-card a.last-item {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
  .c-link-card__list li:last-child a {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
  .c-link-card__ttl {
    left: -2px;
  }
  .c-link-card__post {
    inline-size: calc(100% - 115px);
  }
  .c-link-card__post-ttl {
    font-size: 14px;
    -webkit-line-clamp: 3;
  }
  .c-link-card__post-desc {
    display: none;
  }
  .c-link-card__more {
    font-size: 12px;
  }
}

.c-comparison-block {
  inline-size: 100%;
  block-size: auto;
}
.c-comparison-block__ttl {
  block-size: 50px;
  padding-block: 16px;
  background: #016E9F;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}
.c-comparison-block__item {
  display: grid;
  grid-template-rows: 40px auto;
  grid-template-columns: 190px 140px 1fr;
  grid-template-areas: "header table-th table-td" "header contents contents";
  border: 1px solid #A0A0A0;
  border-top: none;
}
.c-comparison-block__item .c-bulletsList {
  padding: 0;
  border: none;
}
.c-comparison-block__item .c-cta__single {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.c-comparison-block__item .c-cta__single a {
  inline-size: 100%;
}
.c-comparison-block .item__header {
  grid-area: header;
  align-self: center;
  justify-self: center;
  padding: 16px;
}
.c-comparison-block .item__header a {
  display: inline-block;
  text-align: center;
}
.c-comparison-block .item__table {
  align-self: center;
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
  background: #D3EEFB;
  font-weight: bold;
}
.c-comparison-block .item__table.th {
  grid-area: table-th;
  border-left: 1px solid #a0a0a0;
}
.c-comparison-block .item__table.td {
  grid-area: table-td;
  border-left: 1px solid #FFF;
}
.c-comparison-block .item__contents {
  grid-area: contents;
  padding: 14px 10px 18px;
  border-left: 1px solid #A0A0A0;
}
.c-comparison-block .item__contents > a {
  inline-size: 100% !important;
}
@media screen and (max-width: 767px) {
  .c-comparison-block__ttl {
    font-size: 14px;
  }
  .c-comparison-block__item {
    display: grid;
    grid-template-rows: 32px auto;
    grid-template-columns: 100px 80px 1fr;
    grid-template-areas: "header table-th table-td" "header contents contents";
    border: 1px solid #A0A0A0;
    border-top: none;
  }
  .c-comparison-block__item .c-bulletsList {
    padding: 0;
    border: none;
  }
  .c-comparison-block__item .c-cta__single a {
    padding: 12px 20px;
    font-size: 14px;
  }
  .c-comparison-block .item__header {
    padding: 16px 2px;
  }
  .c-comparison-block .item__header a {
    font-size: 14px;
  }
  .c-comparison-block .item__table {
    font-size: 13px;
  }
}

.c-annotation__by-jobtype {
  margin-block: 20px 0;
}