@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
}

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

@media screen and (min-width: 768px) {
  .u-mobile {
    display: none;
  }
}

/* リキッドレイアウト対応 */
@media (max-width: 375px) {
  html {
    font-size: vw(375, 16);
  }
}
html {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  html {
    font-size: vw(strip-unit(1200px), 16);
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}

/* pcの電話番号発信対応 */
/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  a:hover {
    opacity: 0.8;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  display: block;
  max-width: 100%;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

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

select::-ms-expand {
  display: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

.accordion-content {
  display: none;
}

#archive-articles {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #archive-articles {
    padding: 5rem 0 10rem;
  }
}

#archive-articles-wrap {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #archive-articles-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
  }
}

@media screen and (min-width: 768px) {
  #archive-articles-wrap-content {
    width: 62.25%;
  }
}

#archive-articles h2 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.45;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #archive-articles h2 {
    font-size: 1.5rem;
    line-height: 1.4583333333;
  }
}

#archive-articles h2::after {
  content: "";
  flex-grow: 1;
  border-top: 1px solid #E0E0E0;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  #archive-articles h2::after {
    margin-left: 1.5rem;
  }
}

#archive-articles .block-archive-articles {
  margin-top: 1rem;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  #archive-articles .block-archive-articles {
    margin-top: 1.5625rem;
    margin-bottom: 3.5rem;
  }
}

#archive-articles .block-archive-articles li a {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 1rem;
  display: flex;
}
@media screen and (min-width: 768px) {
  #archive-articles .block-archive-articles li a {
    border-radius: 2rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 1.5rem;
    display: flex;
  }
}

#archive-articles .block-archive-articles li + li {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #archive-articles .block-archive-articles li + li {
    margin-top: 1.5rem;
  }
}

#archive-articles .block-archive-articles li .thumb {
  width: 36.8%;
}
@media screen and (min-width: 768px) {
  #archive-articles .block-archive-articles li .thumb {
    max-width: 11.5rem;
    width: 30%;
  }
}

#archive-articles .block-archive-articles.manga li .thumb {
  max-width: 11.5rem;
  width: 15%;
}
@media screen and (min-width: 768px) {
  #archive-articles .block-archive-articles.manga li .thumb {
    width: 30%;
  }
}

#archive-articles .block-archive-articles li .thumb img {
  height: auto;
  display: block;
  max-width: 100%;
}

#archive-articles .block-archive-articles li .title {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  width: 58.2%;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  #archive-articles .block-archive-articles li .title {
    font-size: 1rem;
    line-height: 1.5;
    width: 70%;
    margin-left: 1rem;
  }
}

#archive-articles .block-archive-articles.manga li .title {
  width: 70%;
}
@media screen and (min-width: 768px) {
  #archive-articles .block-archive-articles.manga li .title {
    font-size: 1rem;
    line-height: 1.5;
    width: 85%;
    margin-left: 1rem;
  }
}

#archive-articles .block-archive-articles li .title time {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
  color: #666666;
  display: block;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #archive-articles .block-archive-articles li .title time {
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

#archive-articles .block-archive-articles li .more {
  font-size: 0.8125rem;
  margin-top: 0.1875rem;
  text-align: right;
}

#archive-articles .block-archive-articles li .more span {
  background: #ff6600;
  border-radius: 5px;
  color: #FFF;
  display: block;
  font-size: 0.875rem;
  margin: 0.625rem auto 0;
  padding: 0.1875rem;
  position: relative;
  text-align: center;
  width: 6.25rem;
}

#archive-articles .btn-more {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  #archive-articles .btn-more {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
  }
}

#archive-articles .btn-more a {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  color: #26A300;
  border: 1px solid #26A300;
  border-radius: 50vh;
  padding: 0.625rem 1rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #archive-articles .btn-more a {
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 1.5rem;
  }
}

#archive-lic {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #archive-lic {
    padding: 5rem 0 10rem;
  }
}

#archive-lic .box-lic .table-lic {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic {
    margin-top: 5rem;
  }
}

#archive-lic .box-lic .table-lic tr {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 1.25rem;
  display: block;
  padding: 1.5rem;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr {
    border-radius: 2.5rem;
    display: flex;
  }
}

#archive-lic .box-lic .table-lic tr + tr {
  margin-top: 1.5rem;
}
#archive-lic .box-lic .table-lic tr .company {
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  display: block;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .company {
    width: 31.9%;
    border-right: 1px solid #CCCCCC;
    border-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

#archive-lic .box-lic .table-lic tr .company .wrap {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .company .wrap {
    flex-direction: column;
    justify-content: center;
    padding-bottom: 0;
  }
}

#archive-lic .box-lic .table-lic tr .company .wrap .thumb {
  width: 48%;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .company .wrap .thumb {
    width: 84.3%;
  }
}

#archive-lic .box-lic .table-lic tr .company .wrap .title {
  display: flex;
  align-items: center;
  font-size: 0.625rem;
  line-height: 1.4285714286;
  font-weight: 700;
  color: #fff;
  background-color: #26A300;
  padding: 0.7em 1.14em;
  border-radius: 50vh;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .company .wrap .title {
    font-size: 0.875rem;
    margin-left: 0;
  }
}

#archive-lic .box-lic .table-lic tr .company .wrap .title .icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .company .wrap .title .icon {
    font-size: 1.25rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}

#archive-lic .box-lic .table-lic tr .company .thumb img {
  height: 3.125rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .company .thumb img {
    height: auto;
  }
}

#archive-lic .box-lic .table-lic tr .product {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .product {
    width: 68.1%;
    padding-left: 1.5rem;
  }
}

#archive-lic .box-lic .table-lic tr .product .list-lic {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
}

#archive-lic .box-lic .table-lic tr .product .list-lic li {
  width: 47.5%;
  margin-left: 5%;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .product .list-lic li {
    width: 32.4%;
    margin-left: 1.3%;
  }
}

#archive-lic .box-lic .table-lic tr .product .list-lic li:nth-child(2n+1) {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .product .list-lic li:nth-child(2n+1) {
    margin-left: 1.3%;
  }
}

@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .product .list-lic li:nth-child(3n+1) {
    margin-left: 0;
  }
}

#archive-lic .box-lic .table-lic tr .product .list-lic li:nth-child(n+3) {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .product .list-lic li:nth-child(n+3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .product .list-lic li:nth-child(n+4) {
    margin-top: 1.5rem;
  }
}

#archive-lic .box-lic .table-lic tr .product .list-lic .thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border-radius: 0.5rem;
  border: 1px solid #CCCCCC;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .product .list-lic .thumb {
    min-height: 8.125rem;
    padding: 1rem;
    border-radius: 1rem;
  }
}

#archive-lic .box-lic .table-lic tr .product img {
  height: auto;
}

#archive-lic .box-lic .table-lic tr .product .list-lic .title {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 700;
  color: #666666;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .product .list-lic .title {
    font-size: 1rem;
  }
}

#archive-lic .box-lic .table-lic tr .product .list-lic .title .icon {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  margin-right: 0.5rem;
  min-width: 0.875rem;
}
@media screen and (min-width: 768px) {
  #archive-lic .box-lic .table-lic tr .product .list-lic .title .icon {
    font-size: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}

#archive-news {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #archive-news {
    padding: 5rem 0 10rem;
  }
}

@media screen and (min-width: 768px) {
  .page-news__inner.inner {
    max-width: 930px;
  }
}

.page-news__lists {
  margin-top: 2.5rem;
  border-top: 1px solid #E0E0E0;
}
@media screen and (min-width: 768px) {
  .page-news__lists {
    margin-top: 5rem;
  }
}

.page-news__list {
  border-bottom: 1px solid #E0E0E0;
}
.page-news__list a {
  padding: 1rem 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .page-news__list a {
    padding: 2rem 0;
    display: flex;
  }
}

.page-news-cat-wrap {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .page-news-cat-wrap {
    width: 30%;
  }
}

#single-news .page-news-cat-wrap {
  width: 100%;
}

.page-news__list-date {
  font-size: 0.875rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.4285714286;
}
@media screen and (min-width: 768px) {
  .page-news__list-date {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.page-news__list-cat {
  padding: 0.25rem 0 0.3125rem;
  border: 1px solid #26A300;
  border-radius: 50vh;
  font-size: 0.625rem;
  font-weight: 700;
  color: #26A300;
  line-height: 1.5;
  margin-left: 0.5rem;
  display: inline-block;
  width: 5.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .page-news__list-cat {
    font-size: 0.75rem;
    line-height: 1.4166666667;
    margin-left: 1rem;
    padding: 0.4375rem 0 0.5rem;
    width: 7.1875rem;
  }
}

.page-news__list-ttl {
  margin-top: 0.875rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
}
@media screen and (min-width: 768px) {
  .page-news__list-ttl {
    margin-left: 1rem;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0;
    width: 68%;
  }
}

#archive-news .wp-pagenavi {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  #archive-news .wp-pagenavi {
    margin-top: 3.5rem;
  }
}

#archive-seminar {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #archive-seminar {
    padding: 5rem 0 10rem;
  }
}
#archive-seminar .seminar__list {
  background: #fff;
  padding: 0;
}
#archive-seminar .seminar__list .list__inner-main {
  margin: 3rem auto;
}
#archive-seminar .seminar__list .list__box {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#archive-seminar .wp-pagenavi {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  #archive-seminar .wp-pagenavi {
    margin-top: 3.5rem;
  }
}

#archive-supervision {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #archive-supervision {
    padding: 5rem 0 10rem;
  }
}

#archive-supervision-wrap {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #archive-supervision-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
  }
}

@media screen and (min-width: 768px) {
  #archive-supervision-wrap-content {
    width: 62.25%;
  }
}

#archive-supervision-wrap-content .ttl-cat-supervision {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.45;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #archive-supervision-wrap-content .ttl-cat-supervision {
    font-size: 1.5rem;
    line-height: 1.4583333333;
  }
}

#archive-supervision-wrap-content .ttl-cat-supervision:nth-of-type(n+2) {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #archive-supervision-wrap-content .ttl-cat-supervision:nth-of-type(n+2) {
    margin-top: 5rem;
  }
}

#archive-supervision-wrap-content .ttl-cat-supervision::after {
  content: "";
  flex-grow: 1;
  border-top: 1px solid #E0E0E0;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  #archive-supervision-wrap-content .ttl-cat-supervision::after {
    margin-left: 1.5rem;
  }
}

#archive-supervision-wrap-content .box-supervision {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #archive-supervision-wrap-content .box-supervision {
    margin-top: 1.5625rem;
  }
}

#archive-supervision-wrap-content .box-supervision ul + ul {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #archive-supervision-wrap-content .box-supervision ul + ul {
    margin-top: 1.5rem;
  }
}

#archive-supervision-wrap-content .box-supervision ul li {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #archive-supervision-wrap-content .box-supervision ul li {
    border-radius: 2rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 1.5rem;
  }
}

#archive-supervision-wrap-content .box-supervision ul li .img {
  width: 17%;
}

#archive-supervision-wrap-content .box-supervision ul li .img img {
  height: auto;
  border-radius: 50%;
}

#archive-supervision-wrap-content .box-supervision ul li .profile-wrap {
  width: 74.2%;
}

#archive-supervision-wrap-content .box-supervision ul li .profile-wrap .profile .name {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
}

#archive-supervision-wrap-content .box-supervision ul li .profile-wrap .profile .job {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 0.5625rem;
}

#archive-supervision-wrap-content .box-supervision ul li .profile-wrap .introduction {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 1rem;
  text-align: justify;
}

#archive-supervision-wrap-content .box-supervision ul li .profile-wrap .introduction .text-link {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  color: #26A6E5;
  margin-top: 1em;
  text-decoration: underline;
}

#archive-supervision-wrap-content .box-supervision ul li .profile-wrap .license {
  margin-top: 1rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #archive-supervision-wrap-content .box-supervision ul li .profile-wrap .license {
    display: flex;
    align-items: start;
  }
}

#archive-supervision-wrap-content .box-supervision ul li .profile-wrap .license dt {
  font-weight: 700;
  color: #fff;
  background-color: #ADADAD;
  border-radius: 50vh;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 0.125rem 1em 0.3125rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #archive-supervision-wrap-content .box-supervision ul li .profile-wrap .license dt {
    font-size: 0.75rem;
    line-height: 1.4166666667;
    width: 16%;
  }
}

#archive-supervision-wrap-content .box-supervision ul li .profile-wrap .license dd {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #archive-supervision-wrap-content .box-supervision ul li .profile-wrap .license dd {
    margin-top: 0;
    width: 82%;
    margin-left: 1.5%;
    padding-top: 0.125rem;
  }
}

#archive-supervision-wrap-content .box-supervision ul li .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  width: 4.5%;
}
#archive-supervision-wrap-content .box-supervision ul li .arrow .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.box-side-search {
  margin-bottom: 1.875rem;
  font-family: "Zen Maru Gothic", serif;
}

#sidebar .box-side-search #searchform {
  display: flex;
  flex-wrap: wrap;
  font-family: "Zen Maru Gothic", serif;
}

#sidebar .box-side-search #searchform .form {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px 0 0 5px;
  font-size: 0.9375rem;
  padding: 0.3125rem;
  width: 90%;
  font-weight: 500;
}
#sidebar .box-side-search #searchform #searchsubmit {
  background: #061D2D;
  border-radius: 0 5px 5px 0;
}
@media screen and (min-width: 768px) {
  #sidebar .box-side-search #searchform #searchsubmit {
    width: 10%;
  }
}

#sidebar .box-side-search #searchform #searchsubmit img {
  display: block;
  margin: auto;
  width: 65%;
}

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

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

.breadcrumbs-wrap {
  background-color: #F5F5F5;
}

.breadcrumbs {
  max-width: 1250px;
  padding: 0.6875rem 1rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.6875rem;
  line-height: 1.4166666667;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .breadcrumbs {
    padding: 0.6875rem 1.5625rem;
    font-size: 0.75rem;
  }
}

.breadcrumbs .current-item {
  color: #666;
}

#category .wrap-mainvisual {
  margin-bottom: 0.9375rem;
}

#wc_delivery .img-loading {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 12.5rem;
  padding: 2.5rem 1rem;
}

#wc_delivery .img-loading > img {
  flex: 0 0 auto;
  height: 5rem;
  max-width: 5rem;
  width: 5rem;
}

#wc_customer .cart-consultation-option {
  color: #333;
  margin: 2.5rem auto 0;
  max-width: 57.5rem;
}

#wc_customer .cart-consultation-option__heading {
  align-items: center;
  background: #f5f5f5;
  display: flex;
  gap: 0.625rem;
  padding: 0.75rem 1rem;
}
@media screen and (min-width: 768px) {
  #wc_customer .cart-consultation-option__heading {
    padding: 0.875rem 1.25rem;
  }
}

#wc_customer .cart-consultation-option__badge {
  background: #fff;
  border: 1px solid #555;
  border-radius: 0.1875rem;
  flex: 0 0 auto;
  font-size: 0.6875rem;
  line-height: 1;
  padding: 0.25rem 0.4375rem;
}

#wc_customer .cart-consultation-option__heading h2 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #wc_customer .cart-consultation-option__heading h2 {
    font-size: 1.125rem;
  }
}

#wc_customer .cart-consultation-option__body {
  padding: 1.5rem 1rem 1.25rem;
}
@media screen and (min-width: 768px) {
  #wc_customer .cart-consultation-option__body {
    align-items: center;
    display: grid;
    gap: 2.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 1fr);
    padding: 1.75rem 2rem 1.5rem;
  }
}

#wc_customer .cart-consultation-option__introduction {
  min-width: 0;
}

#wc_customer .cart-consultation-option__catch {
  font-size: 0.9375rem;
  line-height: 1.55;
  margin: 0;
  text-align: center;
}

#wc_customer .cart-consultation-option__catch strong {
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
}

#wc_customer .cart-consultation-option__catch span {
  color: #f05a24;
}

#wc_customer .cart-consultation-option__visual {
  height: 8.125rem;
  margin: 0.625rem auto 0;
  max-width: 20.625rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #wc_customer .cart-consultation-option__visual {
    height: 9.0625rem;
    margin-top: 0.375rem;
  }
}

#wc_customer .cart-consultation-option__visual img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 78% center;
     object-position: 78% center;
  width: 100%;
}

#wc_customer .cart-consultation-option__choice {
  margin-top: 1.125rem;
}
@media screen and (min-width: 768px) {
  #wc_customer .cart-consultation-option__choice {
    margin-top: 0;
  }
}

#wc_customer .cart-consultation-option__choice label {
  align-items: center;
  border: 1px solid #333;
  border-radius: 0.375rem;
  cursor: pointer;
  display: flex;
  font-size: 0.9375rem;
  font-weight: 700;
  gap: 0.75rem;
  justify-content: center;
  line-height: 1.5;
  min-height: 3.75rem;
  padding: 0.75rem 1rem;
}
@media screen and (min-width: 768px) {
  #wc_customer .cart-consultation-option__choice label {
    font-size: 1rem;
    min-height: 4rem;
  }
}

#wc_customer .cart-consultation-option__choice input[type=checkbox] {
  accent-color: #26A300;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  display: block;
  flex: 0 0 auto;
  height: 1.25rem;
  margin: 0;
  width: 1.25rem;
}
@media screen and (min-width: 768px) {
  #wc_customer .cart-consultation-option__choice input[type=checkbox] {
    height: 1.375rem;
    width: 1.375rem;
  }
}

#wc_customer .customer_form .customkey_gc_insurance_consultation {
  display: none;
}

.material-cart-bar {
  background: rgba(24, 48, 40, 0.62);
  bottom: 0;
  left: 0;
  padding: 0.5rem;
  position: fixed;
  right: 0;
  z-index: 150;
}
.material-cart-bar[hidden] {
  display: none !important;
}
.material-cart-bar__inner {
  margin: 0 auto;
  max-width: 50rem;
}
.material-cart-bar__status {
  background: #fff;
  border-radius: 0.375rem 0.375rem 0 0;
  color: #333;
  font-size: 0.75rem;
  margin: 0;
  min-height: 0;
  padding: 0 0.5rem;
  text-align: center;
}
.material-cart-bar__status:empty {
  display: none;
}
.material-cart-bar__button {
  align-items: center;
  background: #357ac3;
  border: 2px solid #fff;
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  gap: 0.75rem;
  justify-content: center;
  min-height: 3.5rem;
  padding: 0.5rem 1rem;
  text-decoration: none;
}
.material-cart-bar__button strong {
  font-size: 1.25rem;
  margin-right: 0.125rem;
}
.material-cart-bar__action {
  align-items: center;
  display: inline-flex;
  font-size: 1rem;
}
.material-cart-bar__action::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-size: 0.75rem;
  font-weight: 900;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .material-cart-bar {
    padding: 0.75rem;
  }
  .material-cart-bar__button {
    border-radius: 50vh;
    font-size: 1rem;
    min-height: 4rem;
  }
  .material-cart-bar__action {
    font-size: 1.125rem;
  }
}

#category #category-ranking-list .wrap-btn .btn-form:not(.form-off),
#category #category-ranking-list .wrap-btn .text-form {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  margin: 0 0 0.5rem;
  padding: 0;
  position: relative;
  text-decoration: none !important;
  width: 100%;
}
#category #category-ranking-list .wrap-btn .btn-form:not(.form-off)::before, #category #category-ranking-list .wrap-btn .btn-form:not(.form-off)::after,
#category #category-ranking-list .wrap-btn .text-form::before,
#category #category-ranking-list .wrap-btn .text-form::after {
  background: none !important;
  border: 0 !important;
  content: none !important;
  display: none !important;
}
#category #category-ranking-list .wrap-btn .btn-form:not(.form-off) form,
#category #category-ranking-list .wrap-btn .text-form form {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  margin: 0;
  padding: 0;
  text-decoration: none !important;
  width: 100%;
}
#category #category-ranking-list .wrap-btn .btn-form:not(.form-off) form::before, #category #category-ranking-list .wrap-btn .btn-form:not(.form-off) form::after,
#category #category-ranking-list .wrap-btn .text-form form::before,
#category #category-ranking-list .wrap-btn .text-form form::after {
  content: none !important;
  display: none !important;
}

#category-ranking-list input.skubutton {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #0bb783;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='5' fill='white' stroke='%230bb783' stroke-width='2'/%3E%3C/svg%3E");
  background-position: calc(50% - 6rem) center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  border: 2px solid #0bb783;
  border-bottom: 2px solid #0bb783;
  border-radius: 50vh;
  box-shadow: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  min-height: 2.875rem;
  padding: 0.5rem 1.125rem 0.5rem 3rem;
  text-decoration: none !important;
  text-underline-offset: 0;
  transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  width: 100%;
}
#category-ranking-list input.skubutton:hover {
  opacity: 0.9;
}
#category-ranking-list input.skubutton.is-selected {
  background-color: #f1ffe3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='5' fill='%230bb783' stroke='%230bb783' stroke-width='2'/%3E%3Cpath d='M6.5 12.3l3.3 3.3 7.7-7.7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: calc(50% - 3.25rem) center;
  border-color: #0bb783;
  border-bottom-color: #0bb783;
  color: #182f28;
}
#category-ranking-list input.skubutton.is-selected:hover {
  opacity: 0.9;
}
#category-ranking-list input.skubutton.is-loading {
  background-image: none;
  cursor: wait;
  opacity: 0.65;
}
@media screen and (min-width: 768px) {
  #category-ranking-list input.skubutton {
    background-position: calc(50% - 6.625rem) center;
    font-size: 1.125rem;
    min-height: 3rem;
    padding: 0.5rem 1.375rem 0.5rem 3.25rem;
  }
  #category-ranking-list input.skubutton.is-selected {
    background-position: calc(50% - 3.625rem) center;
  }
}

#category-ranking-list .text-form button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #0bb783;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='5' fill='white' stroke='%230bb783' stroke-width='2'/%3E%3C/svg%3E");
  background-position: calc(50% - 6rem) center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  border: 2px solid #0bb783;
  border-bottom: 2px solid #0bb783;
  border-radius: 50vh;
  box-shadow: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  min-height: 2.875rem;
  padding: 0.5rem 1.125rem 0.5rem 3rem;
  text-decoration: none !important;
  text-underline-offset: 0;
  transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  width: 100%;
  height: 100%;
}
#category-ranking-list .text-form button:hover {
  opacity: 0.9;
}

#category-ranking-list .text-form button[aria-pressed=true] {
  background-color: #f1ffe3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='5' fill='%230bb783' stroke='%230bb783' stroke-width='2'/%3E%3Cpath d='M6.5 12.3l3.3 3.3 7.7-7.7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: calc(50% - 3.25rem) center;
  border-color: #0bb783;
  border-bottom-color: #0bb783;
  color: #182f28;
  height: 100%;
}
#category-ranking-list .text-form button[aria-pressed=true]:hover {
  opacity: 0.9;
}

.material-cart-inline-error {
  color: #d70707;
  font-size: 0.75rem;
  margin: 0.25rem 0 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  body.has-material-cart-selection {
    padding-bottom: 4.75rem;
  }
  body.has-material-cart-selection .float-button__wrap,
  body.has-material-cart-selection .pagetop {
    display: none !important;
  }
}
.wpcf7 [data-name=gc-material-products] .wpcf7-checkbox {
  display: none !important;
}

.gcm-summary {
  margin: 0 0 3rem;
}

.gcm-selected-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0.8rem 1rem;
  margin-bottom: 0.5rem;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.gcm-selected-row > span {
  overflow-wrap: anywhere;
}

.gcm-remove {
  flex-shrink: 0;
  font-size: 0.8rem;
  padding: 0.3rem 1rem;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
  color: #333;
  cursor: pointer;
}

#category .tab-group {
  display: flex;
  padding: 0 1rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #category .tab-group {
    max-width: 1250px;
    padding: 0 1.5625rem;
    margin-top: 5rem;
  }
}

#category .tab-group .tab {
  border-radius: 0.5rem;
  background-color: #26A300;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4285714286;
  padding: 0.875rem 0.375rem;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  margin: 0 0 0.3125rem 0.3125rem;
}
@media screen and (min-width: 768px) {
  #category .tab-group .tab {
    border-radius: 0.8125rem;
    font-size: 1.5rem;
    line-height: 1.4583333333;
    padding: 1.125rem 0.375rem;
  }
}

#category .tab-group .tab.is-active {
  background-color: #F5F5F5;
  color: #000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
#category .panel-group {
  padding: 2.5rem 0 5rem;
  background-color: #F5F5F5;
}
@media screen and (min-width: 768px) {
  #category .panel-group {
    padding: 5rem 0;
  }
}

#category .panel-group .panel-inner {
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel-inner {
    padding: 0 1.5625rem;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }
}

#category .panel-group .panel {
  display: none;
}

#category .panel-group .panel.is-show {
  display: block;
}

#category .panel-group .panel .box-insurance--pet {
  margin-top: 0;
}

#category .panel-group .panel .list-insurance-pet .block-rank {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 2rem;
  padding: 1.5rem;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank {
    padding: 2.5rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank + .block-rank {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank + .block-rank {
    margin-top: 1.5rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .icon-ranking {
  width: 10.3%;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .icon-ranking {
    width: 3rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .icon-ranking img {
  width: 2rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .icon-ranking img {
    width: 3rem;
  }
}

@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank {
    display: flex;
    justify-content: space-between;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image {
    width: 35.7%;
    display: block;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .icon-pr {
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  background-color: #ADADAD;
  display: inline-block;
  border-radius: 0.5rem;
  padding: 0.1875rem 0.4375rem 0.3125rem;
  font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .icon-pr {
    font-size: 0.9375rem;
    border-radius: 50vh;
    padding: 0.1875rem 0.875rem 0.3125rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .box-image-img {
  margin-left: 0.5rem;
  width: 84.8%;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .box-image-img {
    margin-left: 0;
    width: 100%;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .wrap-image {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .wrap-image {
    margin-top: 0;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .wrap-image .img-company {
  width: 40%;
}
#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .wrap-image .thumb {
  width: 55.7%;
}
#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .img-award {
  margin-top: 0.9375rem;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .img-award {
    margin-top: 1.625rem;
    width: 35%;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .text-award {
  font-size: 0.625rem;
  line-height: 1.4166666667;
  font-weight: 400;
  color: #666666;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .box-image .text-award {
    font-size: 0.75rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail {
    width: 57%;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    left: -6.2%;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .list-specialcontract {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .list-specialcontract {
    margin-top: 0;
    gap: 0.5rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .list-specialcontract > li {
  text-align: center;
  padding: 0.375rem 0.8125rem 0.4375rem;
  background-color: #F5F5F5;
  color: #26A300;
  border-radius: 50vh;
  display: inline-block;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .list-specialcontract > li {
    padding: 0.4375rem 1rem 0.5rem;
    font-size: 0.75rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .list-specialcontract > li.on {
  color: #fff;
  background-color: #26A300;
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .list-specialcontract > li.off {
  color: #26A300;
  background-color: #F5F5F5;
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .company {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  color: #000;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .company {
    font-size: 1.25rem;
    line-height: 1.45;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .title {
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 700;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .title {
    font-size: 1.75rem;
    line-height: 1.4285714286;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .box-man-wrap,
#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .box-woman-wrap {
  border-radius: 0.5rem;
  background-color: #F5F5F5;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 0.25rem 0.625rem 0.4375rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .box-man-wrap,
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .box-woman-wrap {
    padding: 0.125rem 0.625rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    margin-top: 1.125rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .txt-red {
  color: #FE6600;
  margin: 0 0.1875rem 0 0.5rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .txt-red {
    font-size: 1.25rem;
    line-height: 1.45;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .counterup {
  color: #FE6600;
  font-size: 1.25rem;
  line-height: 1.4375;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .counterup {
    font-size: 2rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .txt-type {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 700;
  color: #666666;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .txt-type {
    font-size: 1rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .box-price .box-woman {
  display: none;
}

@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .table-container {
    margin-right: 0;
    padding-right: 0;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table {
  margin-top: 1rem;
  border-collapse: collapse;
  display: block;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table {
    width: 100%;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr th {
  width: 7.9375rem;
  white-space: nowrap;
  border: 1px solid #CCCCCC;
  font-size: 0.625rem;
  line-height: 1.4285714286;
  font-weight: 700;
  text-align: center;
  padding: 0.25rem;
  background-color: #F5F5F5;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr th {
    font-size: 0.875rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr th small {
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr th small {
    font-size: 0.625rem;
    line-height: 1.5;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr td {
  width: 7.9375rem;
  white-space: nowrap;
  border: 1px solid #CCCCCC;
  font-size: 0.625rem;
  line-height: 1.4285714286;
  font-weight: 400;
  padding: 0.25rem;
  background-color: #fff;
  text-align: center;
}
#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr td .bold {
  font-size: 0.8125rem;
  line-height: 1.4782608696;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr td .bold {
    font-size: 1.5rem;
    line-height: 1.4583333333;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr td .txt-red {
  font-size: 0.8125rem;
  line-height: 1.4782608696;
  font-weight: 700;
  color: #FE6600;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr td .txt-red {
    font-size: 1.5rem;
    line-height: 1.4583333333;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr td small {
  font-size: 0.375rem;
  line-height: 1.4444444444;
  font-weight: 400;
  display: block;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail table tr td small {
    font-size: 0.625rem;
    line-height: 1.5;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .text-supplement {
  font-size: 0.6875rem;
  line-height: 1.4615384615;
  font-weight: 400;
  color: #666666;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-box-rank .wrap-detail .text-supplement {
    font-size: 0.8125rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .box-point {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .box-point {
    margin-top: 1.5rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .box-point li {
  margin-top: 1rem;
  position: relative;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .box-point li {
    margin-top: 1.5rem;
    font-size: 1rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .box-point li + li {
  margin-top: 0.5rem;
}
#category .panel-group .panel .list-insurance-pet .block-rank .box-point li::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/category/icon-check.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0.375rem;
  left: 0;
}

#category .panel-group .panel .list-insurance-pet .block-rank .text-supplement {
  font-size: 0.625rem;
  line-height: 1.4166666667;
  font-weight: 400;
  color: #666666;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .text-supplement {
    font-size: 0.75rem;
    margin-top: 1rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .text-conditions {
  font-size: 0.625rem;
  line-height: 1.4166666667;
  font-weight: 400;
  color: #666666;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .text-conditions {
    font-size: 0.75rem;
    margin-top: 1em;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn {
    display: flex;
    justify-content: center;
    margin-top: 2.8125rem;
  }
}

@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-cv,
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .text-cv {
    width: 29%;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-cv a,
#category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .text-cv a {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  padding: 0.4375rem;
  background-color: #FF6600;
  border-radius: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-cv a,
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .text-cv a {
    font-size: 1.125rem;
    padding: 1.1875rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-cv a span {
  width: 0.75rem;
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-cv a span {
    width: 1rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-form {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-form {
    width: 29%;
    margin-left: 1.0625rem;
    margin-top: 0;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-form a {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  padding: 0.4375rem;
  background-color: #26A300;
  border-radius: 50vh;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-form a {
    font-size: 1.125rem;
    padding: 1.1875rem;
  }
}

#category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-form-off {
  margin-top: 0.3125rem;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  padding: 0.4375rem;
  background-color: #ddd;
  border-radius: 50vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #category .panel-group .panel .list-insurance-pet .block-rank .wrap-btn .btn-form-off {
    width: 29%;
    margin-left: 1.0625rem;
    margin-top: 0;
    font-size: 1.125rem;
    padding: 1.1875rem;
  }
}

#category {
  padding: 0.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #category {
    padding: 5rem 0 10rem;
  }
}

#category.category--ranking {
  padding-top: 0;
}

#category__inner.inner,
.category-section__inner.inner {
  max-width: 1010px;
}

@media screen and (max-width: 767px) {
  #category .box-insurance .list-insurance .box-title {
    margin: 0 0 1rem;
  }
  #category .box-insurance .list-insurance > li.u-mobile .box-title .title {
    font-size: 1rem;
    line-height: 1.35;
  }
  #category .box-insurance .list-insurance > li.u-mobile .box-title .title .company {
    font-size: 0.8rem;
    line-height: 1.4;
    margin-bottom: 0.125rem;
  }
  #category .box-insurance .list-insurance > li.u-mobile .box-title .title a {
    text-decoration: underline;
    text-underline-offset: 0.125rem;
  }
  #category .box-insurance .list-insurance .sp-product-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.5rem;
    margin-top: 0.5rem;
  }
  #category .box-insurance .list-insurance .sp-product-summary .sp-thumb {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 0.25rem;
    display: flex;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
  }
  #category .box-insurance .list-insurance .sp-product-summary .sp-thumb a {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0.5rem;
    width: 100%;
  }
  #category .box-insurance .list-insurance .sp-product-summary .sp-thumb img {
    display: block;
    height: auto;
    max-height: 4rem;
    margin: 0;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
  }
  #category .box-insurance .list-insurance .sp-product-summary .box-price {
    align-self: stretch;
    background-color: #fff;
    border: 1px solid #26A300;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
  }
  #category .box-insurance .list-insurance .box-price__label {
    background-color: #26A300;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 0.25rem;
    text-align: center;
  }
  #category .box-insurance .list-insurance .sp-product-summary .box-price .wrap-price {
    align-items: center;
    background-color: #fff;
    border-radius: 0;
    display: flex;
    flex: 1;
    justify-content: center;
    margin: 0.4rem 0 0.3rem;
    padding: 0.1875rem 0.25rem;
    border: 0;
    box-shadow: none;
    line-height: 0;
  }
  #category .box-insurance .list-insurance .sp-product-summary .box-price .wrap-price .box-agesex {
    min-height: 0;
  }
  #category .box-insurance .list-insurance .sp-product-summary .box-price .wrap-price .txt-red {
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0.125rem;
  }
  #category .box-insurance .list-insurance .sp-product-summary .box-price .wrap-price .counterup {
    font-size: 1.625rem;
    line-height: 1;
    margin-right: 0.125rem;
  }
  #category .box-insurance .list-insurance .sp-product-summary .box-price .wrap-price small {
    font-size: 0.625rem;
    line-height: 1.4;
  }
  #category .box-insurance .list-insurance .sp-product-summary .box-price .ineligible {
    font-size: 0.625rem;
    line-height: 1.4;
    text-align: center;
  }
  #category .box-insurance .list-insurance .sp-price-conditions {
    margin-top: 0.625rem;
  }
  #category .box-insurance .list-insurance .sp-price-conditions .text-condition {
    color: #666;
    cursor: pointer;
    font-size: 0.625rem;
    position: static;
    text-decoration: underline;
    text-align: right;
  }
  #category .box-insurance .list-insurance .sp-price-conditions .text-condition::after {
    content: " +";
  }
  #category .box-insurance .list-insurance .sp-price-conditions .text-condition.open::after {
    content: " -";
  }
  #category .box-insurance .list-insurance .sp-price-conditions .text-conditions {
    background-color: #f7f7f7;
    color: #666;
    display: none;
    font-size: 0.625rem;
    line-height: 1.5;
    margin-top: 0.375rem;
    padding: 0.5rem;
  }
  #category .box-insurance .list-insurance .sp-product-summary .box-price .sp-price-meta {
    border: 0;
    padding: 0.125rem 0.25rem 0.1875rem;
  }
  #category .box-insurance .list-insurance .sp-price-meta .text-date {
    color: #666;
    font-size: 0.5rem;
    line-height: 1.4;
    margin-top: 0;
    text-align: center;
    white-space: nowrap;
  }
  #category .box-insurance .list-insurance .sp-insurance-points {
    border-radius: 0.5rem;
    margin-top: 0.875rem;
  }
  #category .box-insurance .list-insurance .sp-insurance-points__title {
    color: #26A300;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
  }
  #category .box-insurance .list-insurance .sp-insurance-points__title::before {
    content: "＼";
    margin-right: 0.3125rem;
  }
  #category .box-insurance .list-insurance .sp-insurance-points__title::after {
    content: "／";
    margin-left: 0.3125rem;
  }
  #category .box-insurance .list-insurance .sp-insurance-points .box-point {
    background-color: #f3f8f1;
    border-radius: 0.5rem;
    margin-top: 0;
    padding: 0.1rem 1rem;
  }
  #category .box-insurance .list-insurance .sp-insurance-points .box-point li {
    line-height: 1.6;
    margin: 0.7rem 0;
  }
}
#category .box-insurance .list-insurance .sp-insurance-points__detail {
  color: #2ea7e0;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0.625rem auto 0;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  width: -moz-fit-content;
  width: fit-content;
}

#category .category-section--hero,
#category .category-section--content {
  background-color: #fff;
}

#category .category-section--ranking {
  background-color: #f3f8f1;
  margin-top: 2rem;
  padding: 0.75rem 0 3rem;
}
@media screen and (min-width: 768px) {
  #category .category-section--ranking {
    margin-top: 3rem;
    padding: 1rem 0 4.5rem;
  }
}
#category .category-section--ranking .box-insurance {
  margin-top: 0;
}
#category .category-section--ranking .box-insurance .list-insurance > li {
  background-color: #fff;
}

#category .category-section--content {
  padding-top: 1rem;
}
#category .category-section--content .category__ranking-content {
  margin-top: 0;
}

#category .wrap-category__ttl {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #category .wrap-category__ttl {
    justify-content: center;
  }
}

#category .wrap-category__ttl .category__img {
  width: 27%;
}
@media screen and (min-width: 768px) {
  #category .wrap-category__ttl .category__img {
    width: 18%;
  }
}

#category .wrap-category__ttl .category__ttl {
  width: 70%;
}
@media screen and (min-width: 768px) {
  #category .wrap-category__ttl .category__ttl {
    width: 78%;
  }
}

#category h1 {
  font-size: 1.1875rem;
  text-align: left;
}
@media screen and (min-width: 768px) {
  #category h1 {
    font-size: 2.5rem;
    text-align: center;
  }
}

#category h1 small {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 700;
  background-color: #F5F5F5;
  border-radius: 50vh;
  padding: 0.1875rem 0.5rem;
  display: inline-block;
  margin-bottom: 0.1875rem;
}
@media screen and (min-width: 768px) {
  #category h1 small {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    margin-right: 0.625rem;
    padding: 1rem 2rem;
  }
}

#category .category__description {
  font-size: 0.8125rem;
  margin: 0.1875rem 0 0;
}
@media screen and (min-width: 768px) {
  #category .category__description {
    font-size: 1rem;
    margin: 1rem 0 0;
    text-align: center;
  }
}

#category .category-ranking-hero {
  align-items: center;
  background-color: #00a51f;
  background-image: url("../images/category/ranking-hero-bg.webp");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 110% auto;
  box-sizing: border-box;
  display: flex;
  margin-left: calc(50% - 50vw);
  min-height: 11rem;
  overflow: hidden;
  padding: 0.625rem 1rem;
  position: relative;
  width: 100vw;
}

#category .category-ranking-hero__panel {
  align-items: center;
  background-color: transparent;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 63.125rem;
  min-height: 0;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}

#category .category-ranking-hero .category__img {
  display: none;
}

#category .category-ranking-hero .category__ttl {
  border-radius: 1.125rem;
  max-width: 18.75rem;
  padding: 0.75rem 1rem;
  text-align: center;
  width: 100%;
}

#category .category-ranking-hero__eyebrow {
  color: #26A300;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 0.5rem;
}

#category .category-ranking-hero .category-ranking-hero__title {
  color: #16352a;
  font-size: 1.625rem;
  line-height: 1.25;
  margin: 0;
  text-align: center;
}

#category .category-ranking-hero__category,
#category .category-ranking-hero__label {
  display: block;
}

#category .category-ranking-hero__category {
  font-size: 1.875rem;
  font-weight: 700;
}

#category .category-ranking-hero__label {
  font-size: 1.3125rem;
  margin-top: 0.25rem;
}

#category .category-ranking-hero__period {
  background-color: #26A300;
  border-radius: 50vh;
  color: #fff;
  display: table;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0.75rem auto 0;
  padding: 0.3125rem 1rem;
}

#category .category-ranking-hero .category__description {
  color: #4d5d57;
  font-size: 0.8125rem;
  line-height: 1.7;
  margin: 0.75rem auto 0;
  max-width: 30rem;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #category .category-ranking-hero {
    background-size: 45rem auto;
    min-height: 15rem;
    padding: 0.625rem 1.25rem;
  }
  #category .category-ranking-hero__panel {
    min-height: 0;
    padding: 0;
  }
  #category .category-ranking-hero .category__ttl {
    border-radius: 1.125rem;
    max-width: 22.5rem;
    padding: 0.875rem 1.75rem 1rem;
  }
  #category .category-ranking-hero__eyebrow {
    font-size: 1rem;
    margin-bottom: 0.625rem;
  }
  #category .category-ranking-hero__category {
    font-size: 2.625rem;
  }
  #category .category-ranking-hero__label {
    font-size: 1.6875rem;
  }
  #category .category-ranking-hero__period {
    font-size: 0.9375rem;
    margin-top: 0.875rem;
  }
}
#category .category__description-car {
  margin: 0.625rem 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #category .category__description-car {
    margin: 2rem 0;
  }
}

#category.category__car {
  padding: 1.5rem 0 5rem;
}

#category.category__car h1 {
  font-size: 1.5rem;
  text-align: center;
}

#category.category__car .btn-car {
  margin: 2.5rem auto;
  text-align: center;
}

#category.category__car .btn-car .text {
  font-size: 1.125rem;
  font-weight: 700;
  color: #dd2d2d;
}
@media screen and (min-width: 768px) {
  #category.category__car .btn-car .text {
    font-size: 1.25rem;
  }
}

#category.category__car .btn-car a {
  background: #FF6600;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0.5rem auto 0;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  #category.category__car .btn-car a {
    font-size: 1.875rem;
    width: 60%;
  }
}

#category.category__car .btn-md {
  margin: 2rem auto;
}
@media screen and (min-width: 768px) {
  #category.category__car .btn-md {
    margin: 4rem auto;
  }
}

#category .wrap-button {
  margin: 0.8125rem auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #category .wrap-button {
    margin: 1.5625rem auto 0;
  }
}

#category .text-button {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #category .text-button {
    font-size: 1rem;
    line-height: 1.5;
  }
}

#category .list-button {
  margin-top: 0.75rem;
  background-color: #F5F5F5;
  padding: 0.5rem;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  #category .list-button {
    margin-top: 1rem;
  }
}

#category .list-button .man,
#category .list-button .woman,
#category .list-button .other {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #26A300;
  background-color: #fff;
  padding: 0.5rem 1.75rem;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  #category .list-button .man,
  #category .list-button .woman,
  #category .list-button .other {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    padding: 0.6875rem 2.625rem;
  }
}

#category .wrap-button-pet .list-button .man,
#category .wrap-button-pet .list-button .woman,
#category .wrap-button-pet .list-button .other {
  font-size: 0.875rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #category .wrap-button-pet .list-button .man,
  #category .wrap-button-pet .list-button .woman,
  #category .wrap-button-pet .list-button .other {
    font-size: 1.125rem;
    display: inline-block;
  }
}

#category .wrap-button-pet .list-button .man {
  padding: 0.5rem 1.25rem 0.5rem 3.3125rem;
}
@media screen and (min-width: 768px) {
  #category .wrap-button-pet .list-button .man {
    padding: 0.6875rem 2.5rem 0.6875rem 6.0625rem;
  }
}

#category .wrap-button-pet .list-button .man::before {
  content: "";
  display: block;
  width: 2.125rem;
  height: 3.5rem;
  background: url(../images/category/icon-dog.png) no-repeat center center;
  background-size: contain;
  left: 1rem;
  bottom: 0.625rem;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #category .wrap-button-pet .list-button .man::before {
    width: 3.0625rem;
    height: 5rem;
    left: 2.5rem;
    bottom: 0.625rem;
  }
}

#category .wrap-button-pet .list-button .woman {
  padding: 0.5rem 1.25rem 0.5rem 3rem;
  margin-left: 0.3125rem;
}
@media screen and (min-width: 768px) {
  #category .wrap-button-pet .list-button .woman {
    padding: 0.6875rem 2.5rem 0.6875rem 5.75rem;
    margin-left: 0.5rem;
  }
}

#category .wrap-button-pet .list-button .woman::before {
  content: "";
  display: block;
  width: 1.875rem;
  height: 3.125rem;
  background: url(../images/category/icon-cat.png) no-repeat center center;
  background-size: contain;
  left: 0.9375rem;
  bottom: 0.625rem;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #category .wrap-button-pet .list-button .woman::before {
    width: 2.75rem;
    height: 4.5rem;
    left: 2.5rem;
    bottom: 0.625rem;
  }
}

#category .wrap-button-pet .list-button .other {
  margin-left: 0.3125rem;
  padding: 0.5rem 1.25rem 0.5rem 3rem;
}

#category .wrap-button-pet .list-button .other::before {
  background: url(../images/category/icon-rabbit.png) no-repeat center center;
  background-size: contain;
  bottom: 0.625rem;
  content: "";
  display: block;
  height: 3.125rem;
  left: 0.9375rem;
  position: absolute;
  width: 1.875rem;
}

#category .wrap-button-pet .list-button {
  display: flex;
  justify-content: center;
}

#category .wrap-button-pet .box-select-pet {
  display: flex;
  flex-wrap: wrap;
  padding: 0.625rem 0 0;
}
@media screen and (min-width: 768px) {
  #category .wrap-button-pet .box-select-pet {
    flex-wrap: inherit;
  }
}

#category .wrap-button-pet #wrap-petother {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category .wrap-button-pet #wrap-petother {
    width: auto;
  }
}

#category .wrap-button-pet .box-select-pet #petdog,
#category .wrap-button-pet .box-select-pet #petcat,
#category .wrap-button-pet .box-select-pet #petage,
#category .wrap-button-pet .box-select-pet .petdog,
#category .wrap-button-pet .box-select-pet .petcat,
#category .wrap-button-pet .box-select-pet .petage,
#category .wrap-button-pet .box-select-pet #petother,
#category .wrap-button-pet .box-select-pet .children {
  background: url(../images/common/arrow-bottom.png) no-repeat 90% center #fff;
  background-size: 12px;
  border: 1px solid #CCC;
  border-radius: 0.3125rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.45;
  padding: 0.8125rem 1.5rem;
  position: relative;
  width: 60%;
}
@media screen and (min-width: 768px) {
  #category .wrap-button-pet .box-select-pet #petdog,
  #category .wrap-button-pet .box-select-pet #petcat,
  #category .wrap-button-pet .box-select-pet #petage,
  #category .wrap-button-pet .box-select-pet .petdog,
  #category .wrap-button-pet .box-select-pet .petcat,
  #category .wrap-button-pet .box-select-pet .petage,
  #category .wrap-button-pet .box-select-pet #petother,
  #category .wrap-button-pet .box-select-pet .children {
    width: 240px;
    width: 15rem;
  }
}

#category .wrap-button-pet .box-select-pet #petage,
#category .wrap-button-pet .box-select-pet .children {
  margin-left: 5%;
  width: 35%;
}
@media screen and (min-width: 768px) {
  #category .wrap-button-pet .box-select-pet #petage,
  #category .wrap-button-pet .box-select-pet .children {
    margin-left: 1rem;
    width: 120px;
    width: 7.5rem;
  }
}

#category .wrap-button-pet .box-select-pet span::after {
  background: url(../images/common/arrow-bottom.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  height: 0.5rem;
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.8em;
}

#category .wrap-button-pet .box-select-pet .btn-submit {
  background-color: #26A300;
  border-radius: 0.3125rem;
  color: #fff;
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 0.625rem;
  margin-left: 0;
  padding: 0.8125rem 1.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category .wrap-button-pet .box-select-pet .btn-submit {
    margin-left: 1rem;
    margin-top: 0;
    width: 20rem;
  }
}

#category .list-button .active {
  color: #fff;
  background-color: #26A300;
}

#category .box-insurance {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance {
    margin-top: 5rem;
  }
}

#category .box-insurance .list-insurance > li {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 0.5rem;
  padding: 1rem;
  border: 1px solid #ccc;
}

#category .box-insurance .list-insurance > li + li {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance > li + li {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance > li .pc-wrap {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance > li .pc-wrap .pc-wrap-left {
    width: 59.6%;
  }
}

@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance > li .pc-wrap .pc-wrap-right {
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance > li .pc-wrap .pc-wrap-right::before {
    background-color: #E0E0E0;
    content: "";
    display: block;
    height: 100%;
    left: -6.2%;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

#category .box-insurance .list-insurance .box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-title {
    justify-content: start;
  }
}

#category .box-insurance .list-insurance .icon-ranking {
  width: 10.3%;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .icon-ranking {
    width: 8.8%;
  }
}

#category.category__car .box-insurance .list-insurance .icon-ranking {
  width: 10.3%;
}
@media screen and (min-width: 768px) {
  #category.category__car .box-insurance .list-insurance .icon-ranking {
    width: 5%;
  }
}

#category .box-insurance .list-insurance .icon-pr {
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  background-color: #ADADAD;
  display: inline-block;
  border-radius: 0.5rem;
  padding: 0.1875rem 0.4375rem 0.3125rem;
  font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .icon-pr {
    font-size: 0.9375rem;
    border-radius: 50vh;
    padding: 0.1875rem 0.875rem 0.3125rem;
  }
}

@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-title .thumb {
    width: 26.4%;
    margin-left: 1rem;
  }
}

#category .box-insurance .list-insurance .box-title .title {
  width: 86.4%;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  padding-left: 0.5rem;
  color: #26A300;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-title .title {
    margin-left: 1rem;
    font-size: 1.25rem;
    line-height: 1.45;
  }
}

#category .box-insurance .list-insurance .sp-thumb img {
  width: 100%;
  margin: 0.5rem auto;
}

@media screen and (min-width: 768px) {
  #category.category__car .box-insurance {
    margin-top: 1rem;
  }
}
#category.category__car .box-insurance .list-insurance .box-title .title {
  width: 85%;
}

#category .box-insurance .list-insurance .box-title .company {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  color: #000;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-title .company {
    font-size: 1rem;
    line-height: 1.5;
  }
}

#category .box-insurance .list-insurance .wrap-cat-carpoint {
  margin: 0.625rem 0;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-cat-carpoint {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

#category .box-insurance .list-insurance .wrap-cat-carpoint .thumb {
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-cat-carpoint .thumb {
    margin-bottom: 0;
    width: 35%;
  }
}

#category .box-insurance .list-insurance .wrap-cat-carpoint .box-point {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 0.625rem 0.625rem 0.625rem 1.25rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-cat-carpoint .box-point {
    margin-top: 0;
    width: 60%;
  }
}

#category .box-insurance .list-insurance .wrap-cat-carpoint .box-point li {
  padding-left: 1.25rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
}

#category .box-insurance .list-insurance .wrap-cat-carpoint .box-point li + li {
  margin-top: 0.5rem;
}

#category .box-insurance .list-insurance .wrap-cat-carpoint .box-point li::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/category/icon-check.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0.25rem;
  left: 0;
}

#category.category__car .top-insurance-products__inner h2 {
  font-size: 1.625rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #category.category__car .top-insurance-products__inner h2 {
    font-size: 2.5rem;
  }
}

#category.category__car .car-qa {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  #category.category__car .car-qa {
    margin-top: 2.5rem;
  }
}

#category.category__car .car-qa dt {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
  padding: 0.625rem 0.625rem 0.625rem 2.5rem;
  position: relative;
  letter-spacing: 0.05rem;
}

#category.category__car .car-qa dt::before {
  content: "Q.";
  color: #26A300;
  display: block;
  font-size: 1.375rem;
  left: 0.625rem;
  position: absolute;
  top: 0.4375rem;
}

#category.category__car .car-qa dd {
  font-size: 1.125rem;
  margin-bottom: 2.1875rem;
  letter-spacing: 0.04rem;
  position: relative;
  padding-left: 2.5rem;
}

#category.category__car .car-qa dd::before {
  content: "A.";
  color: #FF6600;
  display: block;
  font-size: 1.375rem;
  font-weight: 700;
  left: 0.625rem;
  position: absolute;
  top: -0.2rem;
}

#category.category__car .car-qa dd table {
  border-collapse: collapse;
  margin-left: -18px;
  margin-top: 1.25rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category.category__car .car-qa dd table {
    margin-left: 0;
  }
}

#category.category__car .car-qa dd table th {
  background: #F5F5F5;
  border: 1px solid #CCCCCC;
  font-size: 0.9375rem;
  font-weight: 700;
  padding: 0.3125rem;
}

#category.category__car .car-qa dd table td {
  border: 1px solid #CCCCCC;
  font-size: 0.9375rem;
  padding: 0.3125rem;
}

@media screen and (min-width: 768px) {
  #category.category__car .list-insurance .wrap-btn {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem !important;
    justify-content: space-between;
  }
}

#category.category__car .list-insurance .wrap-btn .btn-cv {
  width: 100%;
}

@media screen and (min-width: 768px) {
  #category.category__car .list-insurance .wrap-btn .btn-cv,
  #category.category__car .list-insurance .wrap-btn .text-cv,
  #category.category__car .list-insurance .wrap-btn .btn-line {
    width: 48% !important;
  }
}

#category.category__car .box-insurance .list-insurance .wrap-btn .btn-line {
  width: 100%;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category.category__car .box-insurance .list-insurance .wrap-btn .btn-line {
    margin-top: 0;
  }
}

#category.category__car .list-insurance .wrap-btn .btn-line a {
  align-items: center;
  background-color: #26A300;
  border-radius: 50vh;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5 !important;
  margin-top: 0 !important;
  padding: 0.625rem !important;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category.category__car .list-insurance .wrap-btn .btn-line a {
    font-size: 1.125rem;
    padding: 0.625rem;
  }
}

#category.category__car .box-insurance .list-insurance .wrap-btn .btn-line::before,
#category.category__car .box-insurance .list-insurance .wrap-btn .btn-line::after {
  display: none;
}

#category .box-insurance .list-insurance .box-title .box-price {
  margin-top: 0.5rem;
}

#category .box-insurance .list-insurance .box-price .wrap-price {
  border-radius: 0.5rem;
  background-color: #F5F5F5;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 0.25rem;
  margin-top: 0.5rem;
  position: relative;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-price .wrap-price {
    padding: 0.625rem;
    margin-top: 0;
  }
}

#category .box-insurance .list-insurance .box-price .wrap-price .box-agesex {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
}

#category .box-insurance .list-insurance .box-price .wrap-price .accordion {
  padding: 0 0.3rem 0.3rem;
  width: 100%;
}

#category .box-insurance .list-insurance .box-price .wrap-price .text-condition {
  color: #666;
  font-size: 0.625rem;
  position: absolute;
  right: 0.5rem;
  text-align: right;
  text-decoration: underline;
  top: 1rem;
}

#category .box-insurance .list-insurance .box-price .wrap-price .text-condition::after {
  content: " +)";
}

#category .box-insurance .list-insurance .box-price .wrap-price .text-condition.open::after {
  content: " -)";
}

#category .box-insurance .list-insurance .box-price .wrap-price .accordion dd {
  display: none;
}

#category .box-insurance .list-insurance .box-price .wrap-price .box-woman,
#category .box-insurance .list-insurance .box-price .wrap-price .box-man {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

#category .box-insurance .list-insurance .box-price .wrap-price .box-man {
  display: none;
}

#category .box-insurance .list-insurance .box-price .wrap-price .text-age,
#category .box-insurance .list-insurance .box-price .wrap-price .mr1 {
  display: none;
}

#category .box-insurance .list-insurance .box-price .wrap-price small {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-price .wrap-price small {
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

#category .box-insurance .list-insurance .box-price .wrap-price .txt-red {
  color: #FE6600;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-price .wrap-price .txt-red {
    font-size: 1.25rem;
    line-height: 1.45;
  }
}

#category .box-insurance .list-insurance .box-price .wrap-price .counterup {
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 700;
  color: #FE6600;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-price .wrap-price .counterup {
    font-size: 1.75rem;
    line-height: 1.4285714286;
  }
}

#category .box-insurance .list-insurance .box-price .text-date,
#category .box-insurance .list-insurance .box-price .text-conditions,
#category .box-insurance .list-insurance .pc-wrap-left .text-conditions {
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 400;
  color: #666666;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-price .text-date,
  #category .box-insurance .list-insurance .box-price .text-conditions,
  #category .box-insurance .list-insurance .pc-wrap-left .text-conditions {
    font-size: 0.75rem;
    line-height: 1.4166666667;
  }
}

#category .box-insurance .list-insurance .box-price .text-conditions a {
  color: #26a6e5;
  display: block;
  text-align: right;
  text-decoration: underline;
}

#category .box-insurance .list-insurance .box-price .text-conditions a i {
  margin-left: 0.3rem;
}

@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .pc-wrap-left .text-conditions {
    margin-top: 1rem;
  }
}

#category .box-insurance .list-insurance .box-price .text-date {
  margin-top: 0;
  text-align: center;
}

#category .box-insurance .list-insurance .box-price .text-conditions {
  margin-top: 0.5rem;
}

#category .box-insurance .list-insurance .box-point {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-point {
    border: none;
    margin-top: 1rem;
  }
}

#category .box-insurance .list-insurance .box-point li {
  font-size: 0.8125rem;
  line-height: 1.5;
  padding-left: 1.5625rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-point li {
    font-size: 0.9375rem;
    font-weight: 700;
    padding-left: 1.625rem;
  }
}

@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-point li + li {
    margin-top: 0.5rem;
  }
}

#category .box-insurance .list-insurance .box-point li::before {
  background: url(../images/common/icon-check.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  height: 1.25em;
  left: 0.375rem;
  position: absolute;
  top: 13%;
  width: 1em;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-point li::before {
    left: 0;
    width: 1.25em;
  }
}

#category .box-insurance .list-insurance .box-point .text-conditions {
  padding-bottom: 0.1875rem;
  text-align: center;
}
#category .box-insurance .list-insurance .box-point .text-conditions a {
  color: #26a6e5;
  font-size: 0.75rem;
  text-decoration: underline;
}
#category .box-insurance .list-insurance .box-point .text-conditions a i {
  margin-left: 0.1875rem;
}

#category .box-insurance .list-insurance .accordion-box-feature dt.accordion-title {
  color: #26a6e5;
  display: block;
  font-size: 0.8125rem;
  text-align: right;
  text-decoration: underline;
}

#category .box-insurance .list-insurance .accordion-box-feature dd.accordion-inner {
  display: none;
}

#category .box-insurance .list-insurance .box-feature {
  margin-top: 1rem;
}

#category .box-insurance .list-insurance .box-feature dt {
  background-color: #26A300;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 0.625rem;
}

#category .box-insurance .list-insurance .box-feature dd {
  background-color: #F5F5F5;
  border-bottom-left-radius: 16px;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 16px;
  border-bottom-right-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.875rem 1rem;
  text-align: justify;
}

#category .box-insurance .list-insurance .box-specialist {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-top: 1.25rem;
  padding: 1rem;
}

#category .box-insurance .list-insurance .box-specialist .ttl-specialist {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4444444444;
  margin-bottom: 1rem;
}

#category .box-insurance .list-insurance .box-specialist .content-specialist {
  display: flex;
  justify-content: space-between;
}

#category .box-insurance .list-insurance .box-specialist .content-specialist .wrap-img-specialist {
  width: 17%;
}

#category .box-insurance .list-insurance .box-specialist .content-specialist .wrap-img-specialist img {
  border-radius: 50%;
  height: auto;
}

#category .box-insurance .list-insurance .box-specialist .content-specialist .info-wrap {
  width: 74.2%;
}

#category .box-insurance .list-insurance .box-specialist .content-specialist .wrap-specialist-info .specialist-name a {
  align-items: center;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4444444444;
}

#category .box-insurance .list-insurance .box-specialist .content-specialist .wrap-specialist-info .specialist-name .job {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4285714286;
  margin-top: 0.5625rem;
}

#category .box-insurance .list-insurance .box-specialist .content-specialist .wrap-specialist-info .text-specialist-comment .text_limit {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  margin-top: 0.6875rem;
  text-align: justify;
}

#category .box-insurance .list-insurance .box-specialist .text-more {
  align-items: center;
  display: flex;
  height: inherit;
  justify-content: center;
  width: 4.5%;
}

#category .box-insurance .list-insurance .box-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-route {
    max-width: 20.3125rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.125rem;
  }
}

#category .box-insurance .list-insurance .box-route > li {
  width: 32.2%;
  text-align: center;
  padding: 0.4375rem 0.3125rem;
  background-color: #F5F5F5;
  color: #26A300;
  border-radius: 50vh;
  line-height: 1;
  cursor: pointer;
}
#category .box-insurance .list-insurance .box-route li .option {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}

#category .box-insurance .list-insurance .box-route li.on {
  color: #fff;
  background-color: #26A300;
}

#category .box-insurance .list-insurance .box-route li.off {
  color: #26A300;
  background-color: #F5F5F5;
}

#category .box-insurance .list-insurance .box-route li.off .option {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}

#category .box-insurance .list-insurance .box-route li .fa {
  font-size: 1rem;
  margin-right: 0.25rem;
  color: #26A300;
}

#category .box-insurance .list-insurance .box-route li.on .fa {
  color: #fff;
}

#category .box-insurance .list-insurance .box-route > li .optionBox {
  background: #fff;
  border: 1px solid #26A300;
  border-radius: 8px;
  color: #231815;
  display: none;
  font-size: 0.75rem;
  margin-top: 1.5rem;
  margin-left: 0;
  padding: 1rem;
  position: absolute;
  text-align: left;
  width: 50vw;
  z-index: 1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-route > li .optionBox {
    font-size: 0.875rem;
    width: 24vw;
    border-radius: 16px;
  }
}

#category .box-insurance .list-insurance .box-route li .optionBox::after {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background: url(../images/category/img-triangle.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: -0.9875rem;
  left: 2.625rem;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-route li .optionBox::after {
    left: 1.25rem;
  }
}

#category .box-insurance .list-insurance .box-route .optionBox.left85::after {
  left: 80%;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .box-route .optionBox.left85::after {
    left: 50%;
  }
}

#category .box-insurance .list-insurance .box-route .optionBox.left85 {
  margin-left: -8.5rem;
}

#category .box-insurance .list-insurance .wrap-btn {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem 0;
  justify-content: space-between;
}

#category .box-insurance .list-insurance .wrap-btn.wrap-btn-block {
  display: block;
}

#category .box-insurance .list-insurance .btn-cv {
  margin: auto;
  width: 100%;
}

#category .box-insurance .list-insurance .text-cv {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 48%;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .text-cv {
    width: 100%;
  }
}

#category .box-insurance .list-insurance .btn-cv a,
#category .box-insurance .list-insurance .text-cv a {
  align-items: center;
  background-color: #FF6600;
  border-radius: 50vw;
  color: #fff;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  font-size: 1.125rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  padding: 0.625rem;
}

#category .box-insurance .list-insurance .btn-cv p,
#category .box-insurance .list-insurance .text-cv p {
  color: #FF6600;
  font-size: 0.75rem;
  text-align: center;
}

#category .box-insurance .list-insurance .btn-consultation a {
  align-items: center;
  background-color: #fb0a58;
  border-radius: 50vw;
  color: #fff;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  font-size: 1.0625rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  padding: 0.625rem;
}

#category .box-insurance .list-insurance .btn-consultation p {
  color: #fb0a58;
  font-size: 0.75rem;
  text-align: center;
}

#category .box-insurance .list-insurance .text-cv a {
  line-height: 1.3;
}

#category .box-insurance .list-insurance .btn-cv a span {
  display: block;
  margin-left: 0.5rem;
  width: 0.75rem;
}

#category .box-insurance .list-insurance .btn-cv a small {
  font-size: 65%;
}

@media screen and (max-width: 767px) {
  #category .box-insurance .list-insurance .sp-ranking-consultation {
    margin: 1.125rem 0 0.625rem;
  }
  #category .box-insurance .list-insurance .sp-ranking-consultation .btn-consultation {
    padding-top: 0.75rem;
    position: relative;
  }
  #category .box-insurance .list-insurance .sp-ranking-consultation .btn-consultation__lead {
    background-color: #fff;
    border: 1px solid #ff8a26;
    border-radius: 50vh;
    color: #f36f21;
    font-size: 0.85rem;
    font-weight: 700;
    left: 50%;
    line-height: 1;
    padding: 0.3125rem 1.125rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1;
  }
  #category .box-insurance .list-insurance .sp-ranking-consultation .btn-consultation__lead::before {
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    border-top: 0.375rem solid #ff8a26;
    bottom: -0.375rem;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  #category .box-insurance .list-insurance .sp-ranking-consultation .btn-consultation__lead::after {
    border-left: 0.25rem solid transparent;
    border-right: 0.25rem solid transparent;
    border-top: 0.3125rem solid #fff;
    bottom: -0.25rem;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  #category .box-insurance .list-insurance .sp-ranking-consultation .btn-consultation a {
    background: linear-gradient(90deg, #ff6a22 0%, #ffba4e 100%);
    box-shadow: 0 0.1875rem 0 rgba(180, 78, 8, 0.3);
    font-size: clamp(0.875rem, 4vw, 1rem);
    line-height: 1.4;
    min-height: 3.25rem;
    padding: 1.2rem 0.75rem;
    white-space: nowrap;
  }
  #category .box-insurance .list-insurance .sp-ranking-application {
    margin: 0.625rem 0 0.5rem;
  }
  #category .box-insurance .list-insurance .sp-ranking-application .btn-cv a {
    background-color: #fff;
    border: 2px solid #34443f;
    box-shadow: 0 0.125rem 0 rgba(52, 68, 63, 0.18);
    color: #34443f;
    font-size: 0.9375rem;
    line-height: 1.3;
    min-height: 2.75rem;
    padding: 0.5rem 0.625rem;
    white-space: nowrap;
  }
  #category .box-insurance .list-insurance .sp-ranking-application .btn-cv a small {
    font-size: 0.625rem;
    font-weight: 700;
    margin-left: 0.125rem;
  }
  #category .box-insurance .list-insurance .sp-ranking-application .btn-cv a .btn-cv__external-icon {
    margin-left: 0.3125rem;
    width: 0.6875rem;
  }
  #category .box-insurance .list-insurance .sp-ranking-application .btn-cv a .btn-cv__external-icon img {
    filter: brightness(0) saturate(100%);
  }
}
#category .box-insurance .list-insurance .wrap-btn .btn-form {
  align-items: center;
  background-color: #1976D2;
  border-radius: 25px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  margin-top: 1.875rem;
  text-align: center;
  padding: 0.625rem;
  position: relative;
  width: 100%;
}

#category .box-insurance .list-insurance .wrap-btn .btn-form::before {
  background-color: #fff;
  border-radius: 50vh;
  color: #000;
  content: "メールで資料を受け取れます！";
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  font-size: 0.8125rem;
  font-weight: 700;
  left: 0;
  line-height: 1.4166666667;
  margin: 0 auto;
  padding: 0.3125rem 1rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: -1.35rem;
  width: 14rem;
}

#category .box-insurance .list-insurance .wrap-btn .btn-form.no-mail {
  margin-top: 0.8125rem;
}

#category .box-insurance .list-insurance .wrap-btn .btn-form.no-mail::before {
  display: none;
}

#category .box-insurance .list-insurance .wrap-btn .btn-form::after {
  background: url(../images/common/bg-arrow-white.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  height: 1.1875rem;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 0.5625rem;
}

#category .box-insurance .list-insurance .wrap-btn .btn-form.no-mail::after {
  display: none;
}

#category .box-insurance .list-insurance .wrap-btn .btn-form.form-off {
  align-items: center;
  background-color: #dbdbdb;
  border-radius: 8px;
  color: #fff;
  display: block;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  margin-top: 1.875rem;
  padding: 0.625rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-btn .btn-form.form-off {
    border-radius: 50vh;
    font-size: 1.125rem;
    margin-top: 0.8rem;
  }
}

@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-btn .btn-form.form-off::before {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-btn .btn-form.form-off::after {
    display: none;
  }
}

#category .box-insurance .list-insurance .wrap-btn .btn-form.unjustifiable {
  padding: 0.9375rem 0.4375rem;
}

#category .box-insurance .list-insurance .wrap-btn .btn-form.unjustifiable::before,
#category .box-insurance .list-insurance .wrap-btn .btn-form.unjustifiable::after {
  display: none;
}

#category .box-insurance .list-insurance .wrap-btn .btn-form .form-text {
  bottom: 0.4rem;
  font-size: 65%;
  position: absolute;
}

#category .box-insurance .list-insurance .wrap-btn .btn-line {
  margin-top: 1.875rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-btn .btn-line {
    margin-top: 0;
  }
}
#category .box-insurance .list-insurance .wrap-btn .btn-line a {
  align-items: center;
  background-color: #00B902;
  border-radius: 50vw;
  color: #fff;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  font-size: 1.125rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.2;
  padding: 0.625rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-btn .btn-line a {
    margin-top: 0.5rem;
    padding: 0.1875rem 0.625rem 0.625rem;
  }
}
#category .box-insurance .list-insurance .wrap-btn .btn-line a span {
  margin-right: 0.5rem;
  width: 10%;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-btn .btn-line a span {
    width: 10%;
  }
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-btn .btn-line a span img {
    margin-top: 0.3125rem;
  }
}
#category .box-insurance .list-insurance .wrap-btn .btn-line a p {
  text-align: center;
  width: 60%;
}
#category .box-insurance .list-insurance .wrap-btn .btn-line a p small {
  font-size: 0.6875rem;
}

#category .box-insurance .list-insurance .wrap-btn .btn-line::before {
  background-color: #fff;
  border-radius: 50vh;
  color: #000;
  content: "ちょっとしたことでもOK！";
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  font-size: 0.8125rem;
  font-weight: 700;
  left: 0;
  line-height: 1.4166666667;
  margin: 0 auto;
  padding: 0.3125rem 1rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: -1.35rem;
  width: 14rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-btn .btn-line::before {
    display: none;
  }
}

#category .box-insurance .list-insurance .wrap-btn .btn-line::after {
  background: url(../images/common/bg-arrow-white.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  height: 1.1875rem;
  left: 50%;
  position: absolute;
  top: -1px;
  transform: translateX(-50%);
  width: 0.5625rem;
}
@media screen and (min-width: 768px) {
  #category .box-insurance .list-insurance .wrap-btn .btn-line::after {
    display: none;
  }
}

#category .box-insurance .list-insurance .text-form {
  color: #26a6e5;
  font-size: 0.75rem;
  margin-top: 0.3125rem;
  margin-left: auto;
}
#category .box-insurance .list-insurance .text-form form {
  position: relative;
}
#category .box-insurance .list-insurance .text-form form::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.75rem;
  color: #2EA7E0;
  margin-left: auto;
  /* 右端に寄せる */
}

#category .box-insurance .list-insurance .text-form input[type=submit] {
  text-decoration: underline;
}

#category .box-insurance .list-insurance .text-number {
  text-align: right;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 400;
  color: #666666;
  margin-top: 0.5rem;
}

#category #select-wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category #select-wrap {
    align-items: center;
    margin-top: 3rem;
  }
}

#category #select-wrap p {
  font-size: 0.875rem;
  line-height: 1.4583333333;
  font-weight: 700;
  padding-left: 1.5em;
  position: relative;
}
@media screen and (min-width: 768px) {
  #category #select-wrap p {
    font-size: 1.5rem;
  }
}

#category #select-wrap p::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url(../images/common/icon-calc.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

#category #select-wrap .wrap-form {
  margin-top: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category #select-wrap .wrap-form {
    margin-top: 0;
    width: inherit;
  }
}

#category #select-wrap .wrap-form .text-form {
  color: #919191;
  font-size: 0.75rem;
  text-align: right;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #category #select-wrap .wrap-form .text-form {
    font-size: 1rem;
    text-align: center;
  }
}

#category #select-wrap .wrap-form .box-form {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category #select-wrap .wrap-form .box-form {
    flex-wrap: nowrap;
    gap: 1rem;
    margin-top: 1rem;
    width: inherit;
  }
}

#category #select-wrap .wrap-form .box-form span {
  display: block;
  width: calc(50% - 0.25rem);
}
@media screen and (min-width: 768px) {
  #category #select-wrap .wrap-form .box-form span {
    width: auto;
  }
}

#category #select-wrap .wrap-form .box-form .box-form__type {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category #select-wrap .wrap-form .box-form .box-form__type {
    width: auto;
  }
}

#category #select-wrap #select,
#category #select-wrap #insurance-type,
#category #select-wrap #age,
#category #select-wrap #gender {
  background-color: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 400;
  border: 1px solid #CCCCCC;
  position: relative;
}
@media screen and (min-width: 768px) {
  #category #select-wrap #select,
  #category #select-wrap #insurance-type,
  #category #select-wrap #age,
  #category #select-wrap #gender {
    font-size: 1.25rem;
    padding: 0.8125rem 1.5rem;
    width: 10rem;
  }
}

@media screen and (min-width: 768px) {
  #category #select-wrap #insurance-type {
    width: 17.5rem;
  }
}

#category #select-wrap #gender {
  margin-left: 0;
}

#category #select-wrap.ranking-filter {
  align-items: stretch;
  background-color: #f5f5f5;
  box-sizing: border-box;
  margin-left: calc(50% - 50vw);
  margin-top: 0;
  padding: 0.75rem 1rem;
  width: 100vw;
}

#category .ranking-filter__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0 auto;
  max-width: 63.125rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category .ranking-filter__inner {
    flex-direction: row;
    gap: 1.5rem;
    justify-content: center;
  }
}

#category #select-wrap.ranking-filter .wrap-form {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category #select-wrap.ranking-filter .wrap-form {
    width: auto;
  }
}

#category #select-wrap.ranking-filter .wrap-form .box-form {
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 0;
}

#category #select-wrap.ranking-filter .wrap-form .box-form > span {
  min-width: 0;
  width: auto;
}
#category #select-wrap.ranking-filter .wrap-form .box-form > span.box-form__type {
  flex: 1.7 1 0;
  width: auto;
}
#category #select-wrap.ranking-filter .wrap-form .box-form > span.box-form__age, #category #select-wrap.ranking-filter .wrap-form .box-form > span.box-form__gender {
  flex: 1 1 0;
}
@media screen and (min-width: 768px) {
  #category #select-wrap.ranking-filter .wrap-form .box-form > span {
    flex: none;
    width: auto;
  }
}

#category #select-wrap.ranking-filter #insurance-type,
#category #select-wrap.ranking-filter #age,
#category #select-wrap.ranking-filter #gender {
  font-size: 0.875rem;
  padding-left: 0.5rem;
  padding-right: 1.625rem;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  #category #select-wrap.ranking-filter #insurance-type,
  #category #select-wrap.ranking-filter #age,
  #category #select-wrap.ranking-filter #gender {
    font-size: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.8125rem;
    padding-top: 0.8125rem;
  }
}

#category #select-wrap .wrap-form span {
  position: relative;
}

#category #select-wrap .wrap-form .box-form span::after {
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  background: url(../images/common/arrow-bottom.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

#category #select-wrap .btn-submit {
  display: block;
  font-size: 0.9375rem;
  line-height: 1.45;
  font-weight: 700;
  color: #fff;
  background-color: #26A300;
  border-radius: 0.5rem;
  margin-top: 0;
  padding: 0.25rem 0.75rem;
  width: 38%;
}
@media screen and (min-width: 768px) {
  #category #select-wrap .btn-submit {
    display: inline-block;
    font-size: 1.25rem;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
    margin-left: 1rem;
    padding: 0.8125rem 1.5rem;
  }
}

/* 持病がある方向け医療保険ランキング用 */
#category .contents__chronic {
  margin: 1.5rem auto 2.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic {
    margin: 2rem auto -2rem;
    padding: 1rem;
  }
}
#category .contents__chronic h2 {
  background: #26A300;
  border-radius: 5px;
  color: #fff;
  font-size: 1.125rem;
  margin: auto;
  padding: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic h2 {
    font-size: 1.75rem;
    width: 75%;
  }
}
#category .contents__chronic h2 .fa-lightbulb {
  color: #FFD633;
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic h2 .fa-lightbulb {
    font-size: 1.8rem;
  }
}
#category .contents__chronic h2 span {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic h2 span {
    font-size: 1.25rem;
  }
}
#category .contents__chronic p.accordion-title {
  background: #FF6600;
  border-radius: 50vh;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 0 auto 1.3rem;
  padding: 0.4rem;
  width: 74%;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic p.accordion-title {
    cursor: pointer;
    margin: 0 auto;
    width: 35%;
  }
}
#category .contents__chronic .chronic__open-btn {
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}
#category .contents__chronic .chronic__open-area {
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic .chronic__open-area {
    margin: 0 auto 2.5rem;
    width: 70%;
  }
}
#category .contents__chronic .chronic__open-area .chronic__ttlbox {
  margin-bottom: 1rem;
}
#category .contents__chronic .chronic__open-area .chronic__ttlbox .ttlbox__maintxt {
  font-size: 1.0625rem;
  font-weight: bold;
  padding: 0.5rem;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic .chronic__open-area .chronic__ttlbox .ttlbox__maintxt {
    font-size: 1.375rem;
    padding: 0.8rem;
  }
}
#category .contents__chronic .chronic__open-area .chronic__ttlbox .ttlbox__maintxt span {
  color: #26A300;
}
#category .contents__chronic .chronic__open-area .chronic__ttlbox .ttlbox__maintxt span.maintxt-no {
  font-size: 1.25rem;
  padding-left: 0.3rem;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic .chronic__open-area .chronic__ttlbox .ttlbox__maintxt span.maintxt-no {
    font-size: 1.625rem;
    padding: 0;
    text-decoration: none;
  }
}
#category .contents__chronic .chronic__open-area .chronic__ttlbox .ttlbox__caution {
  font-size: 0.6875rem;
  text-align: left;
}
#category .contents__chronic .chronic__open-area .chronic__inner {
  margin-bottom: 1rem;
}
#category .contents__chronic .chronic__open-area .chronic__inner .chronic__box {
  align-items: center;
  border-top: solid #aaa 1px;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic .chronic__open-area .chronic__inner .chronic__box {
    padding: 1.5rem 0;
  }
}
#category .contents__chronic .chronic__open-area .chronic__inner .chronic__box:nth-child(3) {
  border-bottom: solid #aaa 1px;
}
#category .contents__chronic .chronic__open-area .chronic__inner .box__notice {
  align-items: center;
  background-color: #26A300;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-weight: bold;
  height: 55px;
  justify-content: center;
  width: 55px;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic .chronic__open-area .chronic__inner .box__notice {
    font-size: 0.875rem;
    height: 60px;
    width: 60px;
  }
}
#category .contents__chronic .chronic__open-area .chronic__inner .box__txt {
  font-size: 0.875rem;
  text-align: left;
  width: 80%;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic .chronic__open-area .chronic__inner .box__txt {
    font-size: 1.125rem;
    width: 86%;
  }
}
#category .contents__chronic .chronic__open-area .chronic__inner .box__txt span {
  font-weight: bold;
}
#category .contents__chronic .chronic__open-area .last__txt {
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic .chronic__open-area .last__txt {
    font-size: 1.625rem;
    letter-spacing: 0.05rem;
  }
}
#category .contents__chronic .chronic__open-area .last__txt::after {
  border-color: #26A300 transparent transparent;
  border-style: solid;
  border-width: 13.5px 20px 0 20px;
  bottom: -28%;
  content: "";
  left: 50%;
  position: absolute;
  translate: -50% 100%;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic .chronic__open-area .last__txt::after {
    bottom: -20%;
    border-width: 17.5px 25px 0 25px;
  }
}
#category .contents__chronic .chronic__open-area .last__txt span {
  color: #26A300;
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  #category .contents__chronic .chronic__open-area .last__txt span {
    font-size: 1.875rem;
  }
}

.category__ranking-content {
  margin: 3rem auto 0;
  max-width: 660px;
}

#category [data-ranking-extra][hidden],
#category [data-ranking-card][hidden] {
  display: none !important;
}

#category .ranking-sort {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 0.75rem;
  max-width: 41.25rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category .ranking-sort {
    margin-bottom: 1rem;
  }
}

#category .ranking-sort__count {
  color: #59635c;
  font-size: 0.8125rem;
  line-height: 1;
  margin: 0;
}
#category .ranking-sort__count strong {
  color: #26A300;
  font-size: 1.25rem;
  margin-right: 0.125rem;
}
@media screen and (min-width: 768px) {
  #category .ranking-sort__count {
    font-size: 0.875rem;
  }
  #category .ranking-sort__count strong {
    font-size: 1.375rem;
  }
}

#category .ranking-sort__label {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

#category .ranking-sort__select-wrap {
  display: block;
  max-width: 11.25rem;
  position: relative;
  width: 48%;
}
#category .ranking-sort__select-wrap::after {
  border-bottom: 2px solid #26A300;
  border-right: 2px solid #26A300;
  content: "";
  height: 0.4375rem;
  pointer-events: none;
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-65%) rotate(45deg);
  width: 0.4375rem;
}
@media screen and (min-width: 768px) {
  #category .ranking-sort__select-wrap {
    width: 11.25rem;
  }
}

#category .ranking-sort__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #d5ddd7;
  border-radius: 0.5rem;
  color: #445248;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  line-height: 1.4;
  min-height: 2.625rem;
  padding: 0.5rem 2.375rem 0.5rem 0.75rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #category .ranking-sort__select {
    font-size: 0.875rem;
    min-height: 2.75rem;
    padding-left: 0.875rem;
  }
}

#category .ranking-sort__select:focus-visible {
  outline: 3px solid rgba(38, 163, 0, 0.3);
  outline-offset: 1px;
}

#category .ranking-campaign-banner {
  display: block;
  margin: 0.75rem auto 0;
  max-width: 41.25rem;
  width: 100%;
}
#category .ranking-campaign-banner img {
  display: block;
  height: auto;
  width: 100%;
}
@media (hover: hover) {
  #category .ranking-campaign-banner {
    transition: opacity 0.2s ease;
  }
  #category .ranking-campaign-banner:hover {
    opacity: 0.85;
  }
}

#category .ranking-read-more-wrap {
  margin-top: 2rem;
  text-align: center;
}

#category .ranking-read-more {
  background-color: #26A300;
  border: 0;
  border-radius: 50vh;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  max-width: 20rem;
  padding: 0.9rem 2rem;
  width: 80%;
}

#category .ranking-read-more:hover {
  opacity: 0.8;
}

#category .ranking-guide {
  --ranking-guide-collapsed-height: 160px;
  margin: 1.5rem auto 1.25rem;
  max-width: 47.5rem;
}

#category .ranking-guide .category__ranking-content {
  margin: 0 auto;
}

#category .ranking-guide__content {
  max-height: var(--ranking-guide-collapsed-height);
  overflow: hidden;
  position: relative;
  transition: max-height 0.2s ease-out;
}

#category .ranking-guide__content .gc-article--intro > .gc-article__intro-title {
  background: #f4f8f1;
  border: 1px solid #dce6dc;
  border-left: 0;
  border-radius: 0.625rem;
  margin: 0 0 1.625rem;
  padding: 0.875rem 1.125rem;
  text-align: center;
}

#category .ranking-guide__content .gc-article--intro > .gc-article__intro-title > span {
  color: #169b35;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 0.125rem;
}

#category .ranking-guide__content .gc-article--intro > .gc-article__intro-title > strong {
  color: #213629;
  display: block;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.45;
}

#category .ranking-guide__content::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.38) 58%, rgba(255, 255, 255, 0.58) 100%);
  bottom: 0;
  content: "";
  height: 3.5rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition: opacity 0.15s ease-out;
}

#category .ranking-guide.is-open .ranking-guide__content::after,
#category .ranking-guide.is-static .ranking-guide__content::after {
  opacity: 0;
}

#category .ranking-guide.is-open .ranking-guide__content,
#category .ranking-guide.is-static .ranking-guide__content {
  max-height: none;
}

#category .ranking-guide__toggle {
  align-items: center;
  background-color: rgba(38, 163, 0, 0.88);
  border: 0;
  border-radius: 50vh;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  gap: 0.7rem;
  justify-content: center;
  margin: -1.5rem auto 0;
  max-width: 20rem;
  padding: 0.9rem 2rem;
  position: relative;
  width: 80%;
  z-index: 2;
}

#category .ranking-guide.is-open .ranking-guide__toggle {
  background-color: #26A300;
  margin-top: 0.75rem;
}

#category .ranking-guide__toggle:hover {
  opacity: 0.8;
}

#category .ranking-guide__toggle:focus-visible {
  outline: 3px solid rgba(38, 163, 0, 0.3);
  outline-offset: 3px;
}

#category .ranking-guide__arrow {
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  height: 0.55rem;
  transform: translateY(-0.15rem) rotate(45deg);
  transition: transform 0.25s ease;
  width: 0.55rem;
}

#category .ranking-guide.is-open .ranking-guide__arrow {
  transform: translateY(0.15rem) rotate(225deg);
}

#category .ranking-guide.is-static .ranking-guide__toggle {
  display: none;
}

#category .ranking-guide__toggle[hidden] {
  display: none;
}

@media screen and (max-width: 767px) {
  #category .category-ranking-hero {
    min-height: 8.875rem;
    padding: 0.375rem 0.75rem;
  }
  #category .category-ranking-hero .category__ttl {
    padding: 0.375rem 0.75rem;
  }
  #category .category-ranking-hero__eyebrow {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
  }
  #category .category-ranking-hero__category {
    font-size: 1.6875rem;
  }
  #category .category-ranking-hero__label {
    font-size: 1.125rem;
    margin-top: 0.125rem;
  }
  #category .category-ranking-hero__period {
    font-size: 0.6875rem;
    margin-top: 0.5rem;
    padding: 0.1875rem 0.75rem;
  }
  #category #select-wrap.ranking-filter {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  #category #select-wrap.ranking-filter #insurance-type,
  #category #select-wrap.ranking-filter #age,
  #category #select-wrap.ranking-filter #gender {
    padding-bottom: 0.4375rem;
    padding-top: 0.4375rem;
  }
  #category .ranking-guide {
    --ranking-guide-collapsed-height: 110px;
    margin-bottom: 0.625rem;
    margin-top: 0.75rem;
  }
  #category .ranking-guide__content .gc-article--intro > .gc-article__intro-title {
    margin-bottom: 0.75rem;
    padding: 0.4375rem 0.625rem;
  }
  #category .ranking-guide__content .gc-article--intro > .gc-article__intro-title > span {
    font-size: 0.8125rem;
    margin-bottom: 0;
  }
  #category .ranking-guide__content .gc-article--intro > .gc-article__intro-title > strong {
    font-size: 1rem;
    line-height: 1.35;
  }
  #category .ranking-guide__content::after {
    height: 2.625rem;
  }
  #category .ranking-guide__toggle {
    font-size: 0.875rem;
    min-height: 2.5rem;
    padding: 0.5625rem 1.25rem;
    width: 100%;
  }
  #category .category-section--ranking {
    margin-top: 1rem;
    padding-top: 0.5rem;
  }
  #category .ranking-sort {
    margin-bottom: 0.5rem;
  }
  #category .ranking-sort__select {
    min-height: 2.25rem;
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
  }
  #category .ranking-campaign-banner {
    margin-bottom: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  #category .ranking-guide__content,
  #category .ranking-guide__arrow {
    transition: none;
  }
}
/* 持病のある方向け専用LP */
#category.category__chronic {
  letter-spacing: 0.05rem;
  padding: 2rem 0 5rem;
}
#category.category__chronic .item-lic.item-lic-chronic {
  margin-bottom: 3rem;
}
#category.category__chronic .item-lic.item-lic-chronic .content-box-lists {
  display: flex;
  justify-content: space-between;
}
#category.category__chronic .item-lic.item-lic-chronic .content-box-lists .content-box-list {
  border: 1px solid #CCC;
  border-radius: 5px;
  width: 15.5%;
}
#category.category__chronic .item-lic.item-lic-chronic .content-box-lists .content-box-list img {
  border-radius: 1rem;
}
#category.category__chronic .btn-area-box {
  margin: 4rem auto;
}
#category.category__chronic .btn-area-box h2 {
  font-size: 1.2rem;
  margin-bottom: 0.5em;
  text-align: center;
}
#category.category__chronic .btn-area-box .btn-area {
  display: flex;
  justify-content: space-evenly;
  margin: auto;
  width: 80%;
}
#category.category__chronic .btn-area-box .btn-area a {
  background: #1976D2;
  border-bottom: solid #0d5194 7px;
  border-radius: 50vh;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.3;
  padding: 0.8rem;
  position: relative;
  text-align: center;
  width: 46%;
}
#category.category__chronic .btn-area-box .btn-area a::after {
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  bottom: 48%;
  content: "";
  height: 9px;
  right: 4%;
  position: absolute;
  transform: translateX(-50%) rotate(-45deg);
  width: 9px;
}
#category.category__chronic .btn-area-box .btn-area a span {
  display: block;
  font-size: 1rem;
}
#category.category__chronic .contents-01 {
  margin: 0 auto 5rem;
  width: 80%;
}
#category.category__chronic .contents-01 dl dt {
  border-bottom: solid #00B902 3px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 0.5rem;
}
#category.category__chronic .contents-01 dl dd {
  font-size: 0.9rem;
  line-height: 1.8;
  margin-bottom: 2rem;
}
#category.category__chronic .contents-01 dl dd span {
  background-image: linear-gradient(transparent 80%, #efff04 80%);
  font-weight: bold;
}
#category.category__chronic .contents-point {
  position: relative;
  margin: 0 auto 4rem;
  width: 85%;
}
#category.category__chronic .contents-point h2 {
  background: #fff;
  font-size: 1.8rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: -8%;
  width: 250px;
}
#category.category__chronic .contents-point h2 span {
  color: #00B902;
  font-size: 3rem;
  position: relative;
}
#category.category__chronic .contents-point h2 span::before {
  background: rgba(0, 185, 2, 0.1);
  border-radius: 50%;
  content: "";
  height: 60px;
  left: -14%;
  position: absolute;
  top: 13%;
  width: 60px;
  z-index: 1;
}
#category.category__chronic .contents-point dl {
  border: solid #00B902 4px;
  border-radius: 20px;
  padding: 2.5rem 2rem 1rem;
}
#category.category__chronic .contents-point dl dt {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
#category.category__chronic .contents-point dl dt .fa-circle-check:before {
  color: #00B902;
  font-size: 1.4rem;
  margin-right: 0.5rem;
}
#category.category__chronic .contents-point dl dd {
  border-bottom: dotted 3px #ccc;
  font-size: 0.9rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}
#category.category__chronic .contents-point dl dd:last-child {
  border: none;
  padding-bottom: 0;
}
#category.category__chronic .contents-point dl dd span {
  background-image: linear-gradient(transparent 80%, #efff04 80%);
  font-weight: bold;
}
#category.category__chronic #ranking-medical,
#category.category__chronic #ranking-death {
  margin-bottom: 4rem;
}
#category.category__chronic #ranking-medical h2,
#category.category__chronic #ranking-death h2 {
  margin-bottom: 0.5rem;
}
#category.category__chronic #ranking-medical h2 img,
#category.category__chronic #ranking-death h2 img {
  margin: auto;
  width: 55%;
}
#category.category__chronic #ranking-medical .box-insurance,
#category.category__chronic #ranking-death .box-insurance {
  margin: 0rem auto 3rem;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance,
#category.category__chronic #ranking-death .box-insurance .list-insurance {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 {
  margin-top: 0;
  padding: 1rem;
  width: 32%;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01 .box-title,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02 .box-title,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03 .box-title,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04 .box-title,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05 .box-title,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06 .box-title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01 .box-title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02 .box-title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03 .box-title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04 .box-title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05 .box-title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 .box-title {
  align-items: flex-start;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01 .box-title .icon-ranking,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02 .box-title .icon-ranking,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03 .box-title .icon-ranking,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04 .box-title .icon-ranking,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05 .box-title .icon-ranking,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06 .box-title .icon-ranking,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01 .box-title .icon-ranking,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02 .box-title .icon-ranking,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03 .box-title .icon-ranking,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04 .box-title .icon-ranking,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05 .box-title .icon-ranking,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 .box-title .icon-ranking {
  width: 10%;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01 .box-title .title,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02 .box-title .title,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03 .box-title .title,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04 .box-title .title,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05 .box-title .title,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06 .box-title .title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01 .box-title .title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02 .box-title .title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03 .box-title .title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04 .box-title .title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05 .box-title .title,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 .box-title .title {
  font-size: 1.1rem;
  margin-left: 0.2rem;
  width: 100%;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01 .wrap-cat-carpoint,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02 .wrap-cat-carpoint,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03 .wrap-cat-carpoint,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04 .wrap-cat-carpoint,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05 .wrap-cat-carpoint,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06 .wrap-cat-carpoint,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01 .wrap-cat-carpoint,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02 .wrap-cat-carpoint,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03 .wrap-cat-carpoint,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04 .wrap-cat-carpoint,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05 .wrap-cat-carpoint,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 .wrap-cat-carpoint {
  display: block;
  margin: auto;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05 .wrap-cat-carpoint .thumb,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 .wrap-cat-carpoint .thumb {
  width: 100%;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05 .wrap-cat-carpoint .box-point,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 .wrap-cat-carpoint .box-point {
  border: none;
  padding: 1rem 0 0;
  width: 100%;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05 .wrap-btn .btn-form::before,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 .wrap-btn .btn-form::before {
  font-size: 0.8rem;
  top: -1.25rem;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01 .btn-cv a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01 .btn-line a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02 .btn-cv a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02 .btn-line a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03 .btn-cv a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03 .btn-line a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04 .btn-cv a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04 .btn-line a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05 .btn-cv a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05 .btn-line a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06 .btn-cv a,
#category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06 .btn-line a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01 .btn-cv a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01 .btn-line a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02 .btn-cv a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02 .btn-line a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03 .btn-cv a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03 .btn-line a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04 .btn-cv a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04 .btn-line a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05 .btn-cv a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05 .btn-line a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 .btn-cv a,
#category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 .btn-line a {
  font-size: 0.9rem;
}
#category.category__chronic #ranking-medical .box-insurance .list-insurance .hidden-item,
#category.category__chronic #ranking-death .box-insurance .list-insurance .hidden-item {
  display: none;
}
#category.category__chronic #ranking-medical .more-btn-wrap,
#category.category__chronic #ranking-death .more-btn-wrap {
  margin: 1.5rem auto 0;
  text-align: center;
}
#category.category__chronic #ranking-medical .more-btn-wrap button,
#category.category__chronic #ranking-death .more-btn-wrap button {
  background: #bbb;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin: auto;
  padding: 0.3rem 1.2rem;
  transition: 0.3s;
}
#category.category__chronic #ranking-medical .more-btn-wrap button .fa-plus,
#category.category__chronic #ranking-death .more-btn-wrap button .fa-plus {
  padding-left: 0.3rem;
}
#category.category__chronic .contents__chronic {
  border: none;
  box-shadow: none;
  margin: 2rem auto;
  padding: 0;
}
#category.category__chronic .contents__chronic h2 {
  background: #fff;
  border: solid #00B902 3px;
  border-radius: 10px;
  color: #333;
  font-size: 1.7rem;
  margin-bottom: 1rem;
  padding: 0.6rem;
  width: 750px;
}
#category.category__chronic .contents__chronic h2::before {
  bottom: -10px;
  border-top: 9px solid #00B902;
}
#category.category__chronic .contents__chronic h2::after {
  display: none;
}
#category.category__chronic .contents__chronic h2 .fa-check {
  color: #00B902;
}
#category.category__chronic .contents__chronic .mini-txt span {
  font-size: 1.4rem;
  font-weight: bold;
}
#category.category__chronic .contents__chronic .chronic__open-area {
  display: block;
  margin: 1rem auto;
  width: 80%;
}
#category.category__chronic .contents__chronic .last__txt {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  position: relative;
  text-align: center;
}
#category.category__chronic .contents__chronic .last__txt span {
  color: #26A300;
  font-size: 1.8rem;
}
#category.category__chronic .contents__chronic .last__txt::after {
  border-color: #26A300 transparent transparent;
  border-style: solid;
  border-width: 13.5px 20px 0 20px;
  bottom: -28%;
  content: "";
  left: 50%;
  position: absolute;
  translate: -50% 100%;
}
#category.category__chronic .faq {
  margin-bottom: 3rem;
}
#category.category__chronic .faq h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  text-align: center;
}
#category.category__chronic .faq dl dt {
  align-items: center;
  background: #f7f7eb;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  font-weight: bold;
  font-size: 1.1rem;
  justify-content: space-between;
  letter-spacing: 0.08rem;
  margin-bottom: 1rem;
  padding: 1rem 1rem 1rem 2.5rem;
  position: relative;
}
#category.category__chronic .faq dl dt::before {
  color: #1976D2;
  content: "Q";
  font-size: 1.5rem;
  font-weight: 700;
  left: 0.8rem;
  position: absolute;
  top: 0.6rem;
}
#category.category__chronic .faq dl dd {
  letter-spacing: 0.08rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  padding: 0rem 1rem 1rem 2.5rem;
  position: relative;
}
#category.category__chronic .faq dl dd::after {
  color: #333;
  content: "A";
  font-size: 1.5rem;
  font-weight: 700;
  left: 0.5rem;
  position: absolute;
  top: 0.6rem;
}
#category.category__chronic .case h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  text-align: center;
}
#category.category__chronic .case h2 .fa-comments {
  margin-left: 0.7rem;
}
#category.category__chronic .case .case__box {
  background: #a2d9fa;
  border-radius: 10px;
  margin-bottom: 2rem;
  position: relative;
}
#category.category__chronic .case .case__box h3 {
  color: #c8e7fa;
  font-size: 2.4rem;
  line-height: 1;
  padding: 0 1rem;
}
#category.category__chronic .case .case__box h3 span {
  font-size: 3rem;
  display: inline-block;
  transform: skew(-10deg);
  padding: 0.3rem;
}
#category.category__chronic .case .case__box .case__block {
  padding: 1rem 2rem 1.5rem;
}
#category.category__chronic .case .case__box .case__block .case__left,
#category.category__chronic .case .case__box .case__block .case__right {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 80%;
}
#category.category__chronic .case .case__box .case__block .case__left .block,
#category.category__chronic .case .case__box .case__block .case__right .block {
  width: 13%;
}
#category.category__chronic .case .case__box .case__block .case__left .block p,
#category.category__chronic .case .case__box .case__block .case__right .block p {
  font-size: 0.8rem;
  line-height: 1.2;
  margin-top: 0.5rem;
  text-align: center;
}
#category.category__chronic .case .case__box .case__block .case__left .txt,
#category.category__chronic .case .case__box .case__block .case__right .txt {
  background: #fff;
  border-radius: 20px;
  padding: 1rem 2rem;
  position: relative;
  width: 82%;
}
#category.category__chronic .case .case__box .case__block .case__left .txt::after {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 13px solid #fff;
  content: "";
  height: 0;
  left: -11px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
#category.category__chronic .case .case__box .case__block .case__right {
  margin-left: auto;
}
#category.category__chronic .case .case__box .case__block .case__right .txt::after {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 13px solid #fff;
  content: "";
  height: 0;
  right: -11px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
#category.category__chronic .top-online__content-info-link {
  justify-content: center;
}
#category.category__chronic .top-online__content-info-link .top-online__btn {
  max-width: 30rem;
  width: 44.3%;
  background-color: #FF6600;
}
#category.category__chronic .top-online__content-info-link .top-online__btn .top-online__btn-txt {
  font-size: 1.4rem;
  text-align: center;
}
#category.category__chronic .top-online__content-info-link .top-online__btn .top-online__btn-txt small {
  font-size: 1rem;
}

/* 持病のある方向け専用LP SP */
@media screen and (max-width: 767px) {
  #category.category__chronic {
    padding: 0.5rem 0 5rem;
  }
  #category.category__chronic .btn-area-box {
    margin: 2rem auto;
  }
  #category.category__chronic .btn-area-box h2 {
    font-size: 1rem;
  }
  #category.category__chronic .btn-area-box .btn-area {
    display: block;
    width: 90%;
  }
  #category.category__chronic .btn-area-box .btn-area a {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    padding: 0.7rem;
    width: 100%;
  }
  #category.category__chronic .item-lic.item-lic-chronic {
    margin-bottom: 2rem;
  }
  #category.category__chronic .contents-01 {
    margin-bottom: 3rem;
    width: 100%;
  }
  #category.category__chronic .contents-01 dl dt {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    padding: 0 0 0.3rem;
  }
  #category.category__chronic .contents-01 dl dd {
    font-size: 0.8rem;
    margin-bottom: 2rem;
    padding: 0 0.3rem;
  }
  #category.category__chronic .contents-point {
    margin: 0 auto 2rem;
    width: 100%;
  }
  #category.category__chronic .contents-point h2 {
    font-size: 1.4rem;
    top: -5%;
    width: 200px;
  }
  #category.category__chronic .contents-point h2 span {
    font-size: 2.4rem;
  }
  #category.category__chronic .contents-point h2 span::before {
    height: 50px;
    width: 50px;
  }
  #category.category__chronic .contents-point dl {
    border: solid #00B902 2px;
    margin-bottom: 2rem;
    padding: 2rem 1rem 0;
  }
  #category.category__chronic .contents-point dl dt {
    font-size: 1.1rem;
  }
  #category.category__chronic .contents-point dl dd {
    font-size: 0.8rem;
    margin-bottom: 1.5rem;
  }
  #category.category__chronic #ranking-medical,
  #category.category__chronic #ranking-death {
    margin-bottom: 3rem;
  }
  #category.category__chronic #ranking-medical h2 img,
  #category.category__chronic #ranking-death h2 img {
    width: 100%;
  }
  #category.category__chronic #ranking-medical .box-insurance,
  #category.category__chronic #ranking-death .box-insurance {
    margin: 0rem auto 2rem;
  }
  #category.category__chronic #ranking-medical .box-insurance .list-insurance,
  #category.category__chronic #ranking-death .box-insurance .list-insurance {
    display: block;
  }
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01,
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02,
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03,
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04,
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05,
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 {
    margin-bottom: 1rem;
    padding: 1rem;
    width: 100%;
  }
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank01 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank02 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank03 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank04 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank05 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .box-rank06 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank01 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank02 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank03 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank04 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank05 .wrap-cat-carpoint .box-point,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .box-rank06 .wrap-cat-carpoint .box-point {
    margin: auto;
    padding: 0;
  }
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .wrap-btn,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .wrap-btn {
    margin: 1.5rem auto 0;
  }
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .wrap-btn .btn-cv,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .wrap-btn .btn-cv {
    display: block;
    width: 100%;
  }
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .wrap-btn .btn-cv a,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .wrap-btn .btn-cv a {
    border-radius: 30px;
    font-size: 1rem !important;
    padding: 0.7rem;
  }
  #category.category__chronic #ranking-medical .box-insurance .list-insurance .wrap-btn .btn-form,
  #category.category__chronic #ranking-death .box-insurance .list-insurance .wrap-btn .btn-form {
    display: block;
    margin-top: 0.5rem;
    padding: 0.7rem;
    text-align: center;
    width: 100%;
  }
  #category.category__chronic #ranking-medical .more-btn-wrap,
  #category.category__chronic #ranking-death .more-btn-wrap {
    font-weight: bold;
    margin: 1rem auto 0;
  }
  #category.category__chronic #ranking-medical .more-btn-wrap button,
  #category.category__chronic #ranking-death .more-btn-wrap button {
    border-radius: 5px;
    font-size: 0.8rem;
    padding: 0.3rem 0.8rem;
  }
  #category.category__chronic .contents__chronic {
    margin-bottom: 1rem;
  }
  #category.category__chronic .contents__chronic h2 {
    font-size: 1.2rem;
    margin-bottom: 0.7rem;
    line-height: 1.2;
    width: 100%;
  }
  #category.category__chronic .contents__chronic .mini-txt {
    font-size: 0.9rem;
  }
  #category.category__chronic .contents__chronic .mini-txt span {
    font-size: 1.2rem;
  }
  #category.category__chronic .contents__chronic .chronic__open-area {
    margin: 0.5rem auto;
    width: 100%;
  }
  #category.category__chronic .contents__chronic .last__txt {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.3;
  }
  #category.category__chronic .contents__chronic .last__txt span {
    font-size: 1.125rem;
  }
  #category.category__chronic .contents__chronic .last__txt::after {
    bottom: -20%;
    border-width: 10.5px 15px 0 15px;
  }
  #category.category__chronic .faq {
    margin: 2rem auto 1rem;
  }
  #category.category__chronic .faq h2 {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
  }
  #category.category__chronic .faq dl dt {
    line-height: 1.2;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    padding: 0.7rem 0.7rem 0.7rem 2.5rem;
  }
  #category.category__chronic .faq dl dt::before {
    font-size: 1rem;
    top: 19%;
  }
  #category.category__chronic .faq dl dd {
    font-size: 0.8rem;
    margin-bottom: 0;
    padding: 0 0.5rem 1rem 2rem;
  }
  #category.category__chronic .faq dl dd::after {
    font-size: 1rem;
    top: 0;
  }
  #category.category__chronic .case {
    background: #f8f8f8;
    margin: 0 -1rem;
    padding: 1rem;
  }
  #category.category__chronic .case h2 {
    font-size: 1.3rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
  #category.category__chronic .case h2 .fa-comments {
    margin-left: 0.3rem;
  }
  #category.category__chronic .case .case__box {
    margin-bottom: 1rem;
  }
  #category.category__chronic .case .case__box h3 {
    font-size: 1.3rem;
  }
  #category.category__chronic .case .case__box h3 span {
    font-size: 1.8rem;
  }
  #category.category__chronic .case .case__box .case__block {
    padding: 0.5rem 1rem 1rem;
  }
  #category.category__chronic .case .case__box .case__block .case__left,
  #category.category__chronic .case .case__box .case__block .case__right {
    width: 100%;
  }
  #category.category__chronic .case .case__box .case__block .case__left .block,
  #category.category__chronic .case .case__box .case__block .case__right .block {
    width: 18%;
  }
  #category.category__chronic .case .case__box .case__block .case__left .block p,
  #category.category__chronic .case .case__box .case__block .case__right .block p {
    font-size: 0.6rem;
    margin-top: 0.3rem;
  }
  #category.category__chronic .case .case__box .case__block .case__left .txt,
  #category.category__chronic .case .case__box .case__block .case__right .txt {
    border-radius: 10px;
    font-size: 0.7rem;
    padding: 0.5rem 1rem;
    width: 76%;
  }
  #category.category__chronic .case .case__box .case__block .case__left {
    margin-bottom: 0.5rem;
  }
  #category.category__chronic .top-online__content-info-link .top-online__btn {
    height: 4rem;
    width: 100%;
  }
  #category.category__chronic .top-insurance-products.item-lic {
    margin: 2rem 0;
  }
  #category.category__chronic .top-insurance-products.item-lic .top-insurance-products__tab {
    margin-top: 1.125rem;
  }
}
@media screen and (min-width: 768px) {
  #category.category--ranking #category-ranking-list > li.ranking-card--desktop {
    display: none;
  }
  #category.category--ranking #category-ranking-list > li.ranking-card--mobile {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.25rem 1rem rgba(35, 56, 49, 0.12);
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 41.25rem;
    padding: 1.75rem 2rem 1.5rem;
  }
  #category.category--ranking #category-ranking-list > li.ranking-card--mobile[hidden] {
    display: none;
  }
  #category.category--ranking #category-ranking-list > li.ranking-card--mobile .box-title {
    align-items: center;
    justify-content: flex-start;
    margin: 0;
  }
  #category.category--ranking #category-ranking-list > li.ranking-card--mobile .box-title .icon-ranking {
    flex: 0 0 3.25rem;
    margin-right: 1.125rem;
    width: 3.25rem;
  }
  #category.category--ranking #category-ranking-list > li.ranking-card--mobile .box-title .title {
    font-size: 1.375rem;
    line-height: 1.45;
    width: auto;
  }
  #category.category--ranking #category-ranking-list > li.ranking-card--mobile .box-title .title .company {
    color: #555;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 0.1875rem;
  }
  #category.category--ranking #category-ranking-list > li.ranking-card--mobile .box-title .title > a {
    color: #26A300;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.1875rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-product-summary {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1.15fr) minmax(17.5rem, 0.85fr);
    margin-top: 1.375rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-thumb {
    align-items: center;
    background-color: #fff;
    border: 1px solid #dfe5dc;
    border-radius: 0.625rem;
    display: flex;
    justify-content: center;
    min-height: 7rem;
    overflow: hidden;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-thumb a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0.75rem;
    width: 100%;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-thumb img {
    display: block;
    height: auto;
    margin: 0;
    max-height: 5.375rem;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-product-summary .box-price {
    border: 1px solid #26A300;
    border-radius: 0.625rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .box-price__label {
    background-color: #26A300;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 0.3125rem;
    text-align: center;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-product-summary .box-price .wrap-price {
    background-color: #fff;
    border-radius: 0;
    flex: 1;
    margin: 0;
    padding: 0.5625rem 0.625rem 0.3125rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-product-summary .box-price .wrap-price .txt-red {
    font-size: 1.25rem;
    margin-left: 0;
    margin-right: 0.1875rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-product-summary .box-price .wrap-price .counterup {
    font-size: 1.8125rem;
    line-height: 1;
    margin-right: 0.25rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-price-meta {
    padding: 0 0.5rem 0.375rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-price-meta .text-date {
    color: #666;
    font-size: 0.6875rem;
    line-height: 1.4;
    margin: 0;
    text-align: center;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-price-conditions {
    margin-top: 1.125rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-price-conditions .text-condition {
    color: #666;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 400;
    margin-bottom: 0;
    position: static;
    text-align: right;
    text-decoration: underline;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-price-conditions .text-condition::after {
    content: " +";
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-price-conditions .text-condition.open::after {
    content: " -";
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-price-conditions .text-conditions {
    background-color: #f7f8f7;
    border-radius: 0.5rem;
    color: #555;
    display: none;
    font-size: 0.8125rem;
    line-height: 1.65;
    margin: 0.4375rem 0 0;
    padding: 0.875rem 1rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-insurance-points {
    margin-top: 1.25rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-insurance-points__title {
    color: #26A300;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-insurance-points__title::before {
    content: "＼";
    margin-right: 0.375rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-insurance-points__title::after {
    content: "／";
    margin-left: 0.375rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-insurance-points .box-point {
    background-color: #f3f8f1;
    border-radius: 0.625rem;
    margin-top: 0.4375rem;
    padding: 0.625rem 1.25rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-insurance-points .box-point li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    margin: 0.9rem 0;
    padding-left: 1.625rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-insurance-points__detail {
    font-size: 0.9375rem;
    margin-top: 0.75rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-consultation {
    display: block;
    margin: 1.5rem auto 0.75rem;
    max-width: 38.75rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-consultation .btn-consultation {
    padding-top: 0.8125rem;
    position: relative;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-consultation .btn-consultation__lead {
    background-color: #fff;
    border: 1px solid #ff8a26;
    border-radius: 50vh;
    color: #f36f21;
    font-size: 0.8125rem;
    font-weight: 700;
    left: 50%;
    line-height: 1;
    padding: 0.3125rem 1.375rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-consultation .btn-consultation__lead::before,
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-consultation .btn-consultation__lead::after {
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-consultation .btn-consultation__lead::before {
    border-top: 0.375rem solid #ff8a26;
    bottom: -0.375rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-consultation .btn-consultation__lead::after {
    border-top: 0.3125rem solid #fff;
    bottom: -0.25rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-consultation .btn-consultation a {
    background: linear-gradient(90deg, #ff6a22 0%, #ffba4e 100%);
    box-shadow: 0 0.1875rem 0 rgba(180, 78, 8, 0.3);
    font-size: 1.1875rem;
    min-height: 3.75rem;
    padding: 0.875rem 1rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-application {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 auto 0.5rem;
    max-width: 47.5rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-application .text-form,
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-application .btn-cv {
    margin: 0;
    width: 100%;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-application input.skubutton,
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-application .btn-cv a {
    box-sizing: border-box;
    font-size: 1rem;
    min-height: 3.125rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-application .btn-cv a {
    background-color: #fff;
    border: 2px solid #34443f;
    box-shadow: 0 0.125rem 0 rgba(52, 68, 63, 0.18);
    color: #34443f;
    line-height: 1.3;
    padding: 0.5rem 0.75rem;
    white-space: nowrap;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-application .btn-cv a small {
    font-size: 0.6875rem;
    margin-left: 0.125rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-application .btn-cv a .btn-cv__external-icon {
    margin-left: 0.3125rem;
    width: 0.6875rem;
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .sp-ranking-application .btn-cv a .btn-cv__external-icon img {
    filter: brightness(0) saturate(100%);
  }
  #category.category--ranking #category-ranking-list .ranking-card--mobile .text-number {
    margin-top: 0.875rem;
    text-align: center;
  }
}
/* /consultation/ 専用。削除予定LPへ変更が波及しないようルートで分離する。 */
.page-consultation--main {
  /* 相談用カードリスト */
}
@media screen and (min-width: 768px) {
  .page-consultation--main .consultation-box-lists {
    display: flex;
  }
}
.page-consultation--main .consultation-box-list {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
  padding: 1.875rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .consultation-box-list {
    width: 31%;
    border-radius: 2rem;
    margin-bottom: 2.25rem;
    margin-left: 3.33%;
    padding: 2.5rem 2.25rem;
  }
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list {
  position: relative;
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:not(.page-consultation-flow__box-lists .consultation-box-list:first-child)::after {
  content: none;
  display: none;
}
.page-consultation--main .consultation-box-list + .consultation-box-list {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .consultation-box-list + .consultation-box-list {
    margin-top: 0;
  }
}
.page-consultation--main .consultation-box-list:first-child {
  margin-left: 0;
}
.page-consultation--main .consultation-box-list::before {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 1.5rem;
  left: 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .consultation-box-list::before {
    width: 3.5rem;
    height: 3.5rem;
    top: 1.5rem;
    left: 1.5rem;
  }
}
.page-consultation--main .consultation-box-list:nth-child(1)::before {
  background: url(../images/consultation/icon-num01.png) no-repeat center center;
  background-size: contain;
}
.page-consultation--main .consultation-box-list:nth-child(2)::before {
  background: url(../images/consultation/icon-num02.png) no-repeat center center;
  background-size: contain;
}
.page-consultation--main .consultation-box-list:nth-child(3)::before {
  background: url(../images/consultation/icon-num03.png) no-repeat center center;
  background-size: contain;
}
.page-consultation--main .consultation-box-list:nth-child(4)::before {
  background: url(../images/consultation/icon-num04.png) no-repeat center center;
  background-size: contain;
}
.page-consultation--main .consultation-box-list:nth-child(5)::before {
  background: url(../images/consultation/icon-num05.png) no-repeat center center;
  background-size: contain;
}
.page-consultation--main .consultation-box-list__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-consultation--main .page-consultation-reason__box-lists .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-reason__box-lists .consultation-box-list__img {
    width: 100%;
    height: 13.25rem;
  }
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-reason__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img {
    width: 12.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-reason__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img {
    width: 15.625rem;
  }
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-reason__box-lists .consultation-box-list:nth-child(3) .consultation-box-list__img {
    width: 15.125rem;
  }
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list__img {
    width: 100%;
    height: 12.25rem;
  }
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img {
  margin-left: 1.125rem;
  width: 60%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img {
    width: 9.5625rem;
    margin-left: 2.25rem;
  }
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img {
  margin-left: 1.125rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img {
    margin-left: 2.25rem;
    width: 15.125rem;
  }
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(3) .consultation-box-list__img {
    width: 13.875rem;
  }
}
.page-consultation--main .page-consultation-flow-online .page-consultation-flow__box-lists .consultation-box-list .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow-online .page-consultation-flow__box-lists .consultation-box-list .consultation-box-list__img {
    margin: auto;
    width: 13.875rem;
  }
}
.page-consultation--main .page-consultation-flow-online .page-consultation-flow__box-lists .consultation-box-list .consultation-box-list__ttl {
  margin-top: 1rem;
}
.page-consultation--main .consultation-box-list__ttl {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.4583333333;
  font-weight: 700;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .consultation-box-list__ttl {
    font-size: clamp(0.875rem, 0.163rem + 1.486vw, 1.5rem);
  }
}
.page-consultation--main .consultation-box-list__txt {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .consultation-box-list__txt {
    font-size: 1rem;
  }
}
.page-consultation--main {
  /* CTAボタン */
}
.page-consultation--main .page-consultation-btn-wrap {
  padding: 2.5rem 1.25rem;
  background: #26A300;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-btn-wrap {
    padding: 4rem;
  }
}
.page-consultation--main .page-consultation-btn {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 22.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-btn {
    max-width: 35rem;
  }
}
.page-consultation--main .page-consultation-btn a {
  background-color: #FF6600;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.625rem;
  border-radius: 50vh;
  border: 2px solid #fff;
  width: 100%;
  font-weight: 700;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-btn a {
    font-size: 1.5rem;
    border: 4px solid #fff;
  }
}
.page-consultation--main .page-consultation-btn a .sub {
  font-size: 0.9375rem;
  line-height: 1.4444444444;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-btn a .sub {
    font-size: 1.125rem;
  }
}
.page-consultation--main .page-consultation-btn a .big {
  font-size: 1rem;
  line-height: 1.4583333333;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-btn a .big {
    font-size: 1.5rem;
  }
}
.page-consultation--main .page-consultation-btn small {
  display: block;
  text-align: center;
  padding-top: 0.5rem;
}
.page-consultation--main {
  /* スクロール時の固定CTA：ボタン単体ではなく、画面下の導線として見せる */
}
.page-consultation--main .page-consultation-btn.js-floating {
  background-color: rgba(243, 248, 241, 0.98);
  border-top: 1px solid #d8e6d4;
  bottom: 0;
  box-shadow: 0 -0.1875rem 0.75rem rgba(24, 48, 40, 0.12);
  left: 0;
  max-width: none;
  padding: 0.375rem 0.75rem calc(0.375rem + env(safe-area-inset-bottom));
  transform: none;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-btn.js-floating {
    padding: 0.625rem 1.5rem;
  }
}
.page-consultation--main .page-consultation-btn.js-floating a {
  border: 0;
  box-shadow: 0 0.1875rem 0 rgba(180, 78, 8, 0.28);
  margin: 0 auto;
  max-width: 22.5rem;
  padding: 0.375rem 0.75rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-btn.js-floating a {
    max-width: 35rem;
    padding: 0.5rem 1rem;
  }
}
.page-consultation--main .page-consultation-btn.js-floating a .sub {
  font-size: 0.75rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-btn.js-floating a .sub {
    font-size: 0.9375rem;
  }
}
.page-consultation--main .page-consultation-btn.js-floating a .big {
  font-size: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-btn.js-floating a .big {
    font-size: 1.375rem;
  }
}
.page-consultation--main {
  /* 実例・FAQを読み終えたタイミングのインラインCTA */
}
.page-consultation--main .page-consultation-inline-cta {
  padding: 2rem 0 0;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-inline-cta {
    padding: 3rem 0 0;
  }
}
.page-consultation--main {
  /* 共通見出し */
}
.page-consultation--main .page-consultation-common__ttl {
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-common__ttl {
    font-size: 2.5rem;
    line-height: 1.45;
  }
}
.page-consultation--main .page-consultation-common__ttl .green {
  color: #26A300;
}
.page-consultation--main {
  /* よくある質問 */
}
.page-consultation--main .page-consultation-faq {
  margin-top: 3.5rem;
  padding: 3.5rem 0;
  background-color: #f5f5f5;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-faq {
    margin-top: 5rem;
    padding: 5rem 0;
  }
}
.page-consultation--main .page-consultation-faq__list {
  width: 100%;
  max-width: 53.75rem;
  margin: 2rem auto 0;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-faq__list {
    margin-top: 3rem;
  }
}
.page-consultation--main .page-consultation-faq__item {
  overflow: hidden;
  border: 1px solid #d8e6d4;
  border-radius: 0.75rem;
  background-color: #fff;
  box-shadow: 0 0.1875rem 0.75rem rgba(24, 48, 40, 0.05);
}
.page-consultation--main .page-consultation-faq__item + .page-consultation-faq__item {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-faq__item + .page-consultation-faq__item {
    margin-top: 1rem;
  }
}
.page-consultation--main .page-consultation-faq__question {
  display: flex;
  align-items: center;
  min-height: 4.25rem;
  padding: 1rem 3.375rem 1rem 1.125rem;
  position: relative;
  color: #26352a;
  cursor: pointer;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.55;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-faq__question {
    min-height: 4.75rem;
    padding: 1.25rem 4.5rem 1.25rem 1.75rem;
    font-size: 1.1875rem;
  }
}
.page-consultation--main .page-consultation-faq__question::-webkit-details-marker {
  display: none;
}
.page-consultation--main .page-consultation-faq__question::before {
  content: "Q";
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.75rem;
  border-radius: 50%;
  background-color: #26A300;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-faq__question::before {
    width: 2.125rem;
    height: 2.125rem;
    margin-right: 1rem;
    font-size: 1.125rem;
  }
}
.page-consultation--main .page-consultation-faq__question::after {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  background: linear-gradient(#26A300, #26A300) center/100% 2px no-repeat, linear-gradient(#26A300, #26A300) center/2px 100% no-repeat;
  transition: background-size 0.25s ease;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-faq__question::after {
    width: 1.125rem;
    height: 1.125rem;
    right: 1.75rem;
  }
}
.page-consultation--main .page-consultation-faq__item[open] .page-consultation-faq__question::after {
  background-size: 100% 2px, 0 0;
}
.page-consultation--main .page-consultation-faq__answer {
  padding: 1.125rem 1.125rem 1.125rem 3.75rem;
  position: relative;
  border-top: 1px solid #d8e6d4;
  background-color: #fbfdfb;
  color: #444;
  font-size: 0.9375rem;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-faq__answer {
    padding: 1.375rem 1.75rem 1.5rem 4.875rem;
    font-size: 1rem;
  }
}
.page-consultation--main .page-consultation-faq__answer::before {
  content: "A";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: 1.125rem;
  left: 1.125rem;
  border-radius: 50%;
  background-color: #f2b400;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-faq__answer::before {
    width: 2.125rem;
    height: 2.125rem;
    top: 1.375rem;
    left: 1.75rem;
    font-size: 1.125rem;
  }
}
.page-consultation--main .page-consultation-faq__answer p + p {
  margin-top: 0.75rem;
}
.page-consultation--main .page-consultation-faq__answer strong {
  color: #26A300;
  font-weight: 700;
}
.page-consultation--main {
  /* 相談の流れ */
}
.page-consultation--main .page-consultation-flow {
  padding: 3.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow {
    padding: 5rem 0 0;
  }
}
.page-consultation--main {
  /*WEB予約の流れ*/
}
.page-consultation--main .page-consultation-flow-online {
  padding: 2.5rem 0 1rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow-online {
    padding: 5rem 0 0;
  }
}
.page-consultation--main .page-consultation-flow__box-lists {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow__box-lists {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 3rem;
  }
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list {
  align-items: center;
  border: 1px solid #d8e6d4;
  border-radius: 0.75rem;
  box-shadow: 0 0.1875rem 0.75rem rgba(24, 48, 40, 0.06);
  margin: 0;
  padding: 2.125rem 1.25rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 2.375rem 1.5rem 1.75rem;
  }
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list + .consultation-box-list {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list + .consultation-box-list {
    margin-top: 0;
  }
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list::before,
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list::after {
  content: none;
  display: none;
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list__img,
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img,
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img,
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(3) .consultation-box-list__img {
  width: min(60%, 10.5rem);
  height: 6.75rem;
  margin: 1.375rem auto 0;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list__img,
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img,
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img,
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list:nth-child(3) .consultation-box-list__img {
    width: 11.25rem;
    height: 7.5rem;
    margin: auto auto 0;
    padding-top: 1.5rem;
  }
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-consultation--main .page-consultation-flow__step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  margin: 0;
  padding: 0.3125rem 0.9375rem;
  transform: translate(-50%, -50%);
  border: 1px solid #c8dec2;
  border-radius: 100vh;
  background-color: #fff;
  color: #26A300;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list__ttl {
  margin-top: 0;
  color: #26A300;
  font-size: 1.5rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list__ttl {
    font-size: 1.625rem;
  }
}
.page-consultation--main .page-consultation-flow__box-lists .consultation-box-list__txt {
  width: 100%;
  margin-top: 0.625rem;
  color: #444;
  font-size: 0.9375rem;
  line-height: 1.75;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-flow__box-lists .consultation-box-list__txt {
    font-size: 1rem;
  }
}
.page-consultation--main {
  /* メインビジュアル */
}
.page-consultation--main .page-consultation-head {
  background-color: #fff;
  padding: 1.25rem 0.75rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-head {
    padding: 2.25rem 1.5rem 2.5rem;
  }
}
.page-consultation--main .page-consultation-mv {
  margin: 0 auto;
  max-width: 65rem;
  overflow: hidden;
}
.page-consultation--main .page-consultation-mv__inner {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-mv__inner {
    align-content: center;
    align-items: center;
    display: grid;
    gap: 0.75rem 1.5rem;
    grid-template-areas: "title image" "content image";
    grid-template-columns: minmax(0, 1.08fr) minmax(26.25rem, 0.92fr);
    text-align: left;
  }
}
.page-consultation--main .page-consultation-mv__title {
  color: #333;
  font-weight: 700;
  grid-area: title;
  margin: 0;
}
.page-consultation--main .page-consultation-mv__title-sub {
  color: #183028;
  display: block;
  font-size: clamp(1.125rem, 5.4vw, 1.375rem);
  letter-spacing: 0.02em;
  line-height: 1.45;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-mv__title-sub {
    font-size: 1.5625rem;
    margin-bottom: 0.125rem;
  }
}
.page-consultation--main .page-consultation-mv__title-main {
  color: #26A300;
  display: inline-block;
  font-size: clamp(2.875rem, 15vw, 3.75rem);
  letter-spacing: -0.03em;
  line-height: 1.12;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-mv__title-main {
    font-size: 6.25rem;
  }
}
.page-consultation--main .page-consultation-mv__title-main::after {
  background-color: #ffd600;
  border-radius: 62.4375rem;
  bottom: 0.06em;
  content: "";
  height: 0.16em;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.page-consultation--main .page-consultation-mv__title-main span {
  font-size: 0.78em;
}
.page-consultation--main .page-consultation-mv__content {
  grid-area: content;
  margin: 0.5rem auto 0;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-mv__content {
    margin: 0;
  }
}
.page-consultation--main .page-consultation-mv__lead {
  background-color: #26A300;
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.6;
  margin: 0;
  padding: 0.4375rem 0.875rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-mv__lead {
    font-size: 1.4rem;
    padding: 0.4375rem 1rem;
  }
}
.page-consultation--main .page-consultation-mv-img {
  border-radius: 0.5rem;
  grid-area: image;
  margin: 0.875rem auto 0;
  overflow: hidden;
  width: 92%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-mv-img {
    align-self: center;
    margin: 0;
    width: 100%;
  }
}
.page-consultation--main .page-consultation-mv-img img {
  aspect-ratio: 2/1;
  display: block;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.page-consultation--main {
  /* タブレット横〜小さめPCで、見出しと画像が干渉しない比率にする */
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .page-consultation--main .page-consultation-mv__inner {
    gap: 0.75rem 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.88fr);
  }
  .page-consultation--main .page-consultation-mv__title-sub {
    font-size: clamp(1.125rem, 2.25vw, 1.4375rem);
  }
  .page-consultation--main .page-consultation-mv__title-main {
    font-size: clamp(3.75rem, 8vw, 5.5rem);
  }
  .page-consultation--main .page-consultation-mv__lead {
    font-size: clamp(0.875rem, 1.8vw, 1.1875rem);
  }
}
.page-consultation--main .page-consultation-head__cta {
  background-color: #f3f8f1;
  box-shadow: 0 0 0 100vmax #f3f8f1;
  clip-path: inset(0 -100vmax);
  margin: 1.25rem 0 -1.5rem;
  max-width: none;
  padding: 1.125rem 0.75rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-head__cta {
    margin: 2.5rem 0 -2.5rem;
    padding: 2rem 1.5rem 1.875rem;
  }
}
.page-consultation--main .page-consultation-head__cta-lead {
  color: #183028;
  font-size: 0.875rem;
  line-height: 1.45;
  margin: 0 0 0.625rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-head__cta-lead {
    font-size: 1.0625rem;
    margin-bottom: 0.75rem;
  }
}
.page-consultation--main .page-consultation-head__cta-lead span,
.page-consultation--main .page-consultation-head__cta-lead strong {
  display: block;
}
.page-consultation--main .page-consultation-head__cta-lead span {
  font-weight: 700;
}
.page-consultation--main .page-consultation-head__cta-lead strong {
  color: #26A300;
  font-size: 1.0625rem;
  margin-top: 0.125rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-head__cta-lead strong {
    font-size: 1.375rem;
  }
}
.page-consultation--main .page-consultation-head__cta .page-consultation-problem__cta-lead {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.page-consultation--main .page-consultation-head__cta .page-consultation-btn {
  margin: 0 auto;
  max-width: 42.5rem;
  width: 100%;
}
.page-consultation--main .page-consultation-head__cta .page-consultation-btn a {
  border: 0;
  box-shadow: 0 0.25rem 0 rgba(180, 78, 8, 0.28);
  font-size: 1.25rem;
  justify-content: center;
  min-height: 4.25rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-head__cta .page-consultation-btn a {
    font-size: 1.5rem;
    min-height: 4.875rem;
  }
}
.page-consultation--main .page-consultation-head__cta .page-consultation-btn a::after {
  animation: consultation-cta-shine 3.6s ease-in-out infinite;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent);
  content: "";
  height: 160%;
  left: -35%;
  pointer-events: none;
  position: absolute;
  top: -30%;
  transform: skewX(-20deg);
  width: 22%;
}
@keyframes consultation-cta-shine {
  0%, 58% {
    left: -35%;
  }
  82%, 100% {
    left: 120%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-consultation--main .page-consultation-head__cta .page-consultation-btn a::after {
    animation: none;
    display: none;
  }
}
.page-consultation--main {
  /* 悩み・相談内容 */
}
.page-consultation--main .page-consultation-problem {
  padding: 3.5rem 0 2.5rem;
  background: none;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem {
    padding: 4.5rem 0 5rem;
    background: none;
  }
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__inner {
    max-width: 1010px;
  }
}
.page-consultation--main .page-consultation-problem__head-ttl {
  color: #333;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.45;
  margin: 0 auto 1.25rem;
  min-height: 5.25rem;
  padding-right: 7.875rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__head-ttl {
    font-size: 2.375rem;
    margin: 0 auto 1.5rem;
    max-width: 42.5rem;
    min-height: 0;
    padding-right: 0;
  }
}
.page-consultation--main .page-consultation-problem__head-ttl span {
  color: #26A300;
  font-size: 1.18em;
  margin: 0 0.1875rem;
}
.page-consultation--main .page-consultation-problem__head-box {
  background-color: #f5f5f5;
  border-radius: 1rem;
  margin: 0 auto;
  max-width: 63.125rem;
  padding: 1rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__head-box {
    margin-top: 1.25rem;
    padding: 1.75rem;
  }
}
.page-consultation--main .page-consultation-problem__head-box::before {
  background: url(../images/consultation/consultation-img01.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  height: 5.5rem;
  position: absolute;
  right: 0.625rem;
  top: -6.25rem;
  width: 7.75rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__head-box::before {
    height: 7.25rem;
    right: 1.375rem;
    top: -6.75rem;
    width: 13.75rem;
  }
}
.page-consultation--main .page-consultation-problem__head-box ul {
  background-color: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 0.1875rem 0.75rem rgba(24, 48, 40, 0.05);
  display: grid;
  gap: 0.75rem;
  padding: 1.125rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__head-box ul {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1rem;
    padding: 1.625rem 2rem;
  }
}
.page-consultation--main .page-consultation-problem__head-box ul li {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  padding-left: 1.71em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__head-box ul li {
    font-size: 1.6rem;
    white-space: nowrap;
  }
}
.page-consultation--main .page-consultation-problem__head-box ul li::before {
  content: "";
  display: block;
  width: 1.14em;
  height: 1.14em;
  background: url(../images/consultation/icon-circle-check.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 10%;
  left: 0;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__head-box ul li::before {
    top: 15%;
  }
}
.page-consultation--main .page-consultation-problem__head-box ul li .bold {
  font-weight: 700;
}
.page-consultation--main .page-consultation-problem__head-box ul li + li {
  margin-top: 0;
}
.page-consultation--main .page-consultation-problem__arrow {
  margin: 2.5rem auto;
  width: 4.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__arrow {
    margin: 2.5rem auto;
    width: 7.5rem;
  }
}
.page-consultation--main .page-consultation-problem__guide {
  color: #183028;
  line-height: 1.45;
  margin: 0 0 1.125rem;
  text-align: center;
}
.page-consultation--main .page-consultation-problem__guide strong,
.page-consultation--main .page-consultation-problem__guide span {
  display: block;
}
.page-consultation--main .page-consultation-problem__guide strong {
  font-size: 1.5625rem;
  font-weight: 700;
}
.page-consultation--main .page-consultation-problem__guide span {
  color: #26A300;
  font-size: 1.375rem;
  font-weight: 700;
  margin-top: 0.125rem;
}
.page-consultation--main .page-consultation-problem__guide-detail {
  align-items: center;
  display: flex;
  gap: 0.875rem;
  justify-content: center;
  margin: 0 auto;
  max-width: 47.5rem;
}
.page-consultation--main .page-consultation-problem__guide-detail img {
  flex: 0 0 auto;
  height: auto;
  width: 5.5rem;
}
.page-consultation--main .page-consultation-problem__guide-content {
  min-width: 0;
}
.page-consultation--main .page-consultation-problem__guide-title {
  color: #183028;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 0.5rem;
}
.page-consultation--main .page-consultation-problem__guide-em {
  color: #26A300;
}
.page-consultation--main .page-consultation-problem__guide-text {
  color: #444;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0;
  max-width: 36.25rem;
  text-align: left;
}
.page-consultation--main .page-consultation-problem__cta {
  margin: 1.75rem auto 0;
  max-width: 35rem;
  text-align: center;
}
.page-consultation--main .page-consultation-problem__cta-lead {
  background-color: #fff;
  border: 1px solid #ff8a26;
  border-radius: 50vh;
  color: #f36f21;
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 auto 0.75rem;
  padding: 0.375rem 1.5rem;
  position: relative;
}
.page-consultation--main .page-consultation-problem__cta-lead::before,
.page-consultation--main .page-consultation-problem__cta-lead::after {
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  content: "";
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.page-consultation--main .page-consultation-problem__cta-lead::before {
  border-top: 0.4375rem solid #ff8a26;
  bottom: -0.4375rem;
}
.page-consultation--main .page-consultation-problem__cta-lead::after {
  border-top: 0.375rem solid #fff;
  bottom: -0.3125rem;
}
.page-consultation--main .page-consultation-problem__gift {
  align-items: center;
  background-color: #fff;
  border-radius: 0.75rem;
  color: #183028;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 1.5rem 0 0.75rem;
  padding: 0.875rem 1rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__gift {
    flex-direction: row;
    gap: 0.875rem;
    justify-content: center;
    margin-top: 1.875rem;
    padding: 1rem 1.5rem;
  }
}
.page-consultation--main .page-consultation-problem__gift span {
  color: #555;
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__gift span {
    font-size: 1rem;
  }
}
.page-consultation--main .page-consultation-problem__gift strong {
  color: #f36f21;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.45;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__gift strong {
    font-size: 1.25rem;
  }
}
.page-consultation--main .page-consultation-problem__campaign-banner {
  border-radius: 0.625rem;
  display: block;
  overflow: hidden;
}
.page-consultation--main .page-consultation-problem__campaign-banner img {
  display: block;
  height: auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__guide {
    margin-bottom: 1.625rem;
  }
  .page-consultation--main .page-consultation-problem__guide strong {
    font-size: 1.6rem;
  }
  .page-consultation--main .page-consultation-problem__guide span {
    font-size: 3.2rem;
  }
  .page-consultation--main .page-consultation-problem__guide-text {
    font-size: 1.125rem;
  }
  .page-consultation--main .page-consultation-problem__guide-detail {
    gap: 1.375rem;
  }
  .page-consultation--main .page-consultation-problem__guide-detail img {
    width: 50%;
  }
  .page-consultation--main .page-consultation-problem__guide-content {
    flex: 1 1 0;
  }
  .page-consultation--main .page-consultation-problem__guide-title {
    font-size: 1.625rem;
    margin-bottom: 0.75rem;
  }
  .page-consultation--main .page-consultation-problem__cta {
    margin-top: 2.25rem;
  }
  .page-consultation--main .page-consultation-problem__cta-lead {
    font-size: 1.125rem;
    margin-bottom: 1rem;
    padding: 0.5rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  .page-consultation--main .page-consultation-problem__guide-detail {
    flex-direction: column;
    gap: 1rem;
  }
  .page-consultation--main .page-consultation-problem__guide-detail img {
    width: min(72%, 16.25rem);
  }
  .page-consultation--main .page-consultation-problem__guide-content {
    width: 100%;
  }
  .page-consultation--main .page-consultation-problem__guide-title {
    font-size: 1.3125rem;
    text-align: center;
  }
  .page-consultation--main .page-consultation-problem__head-ttl {
    display: block;
    margin-bottom: 0.75rem;
    min-height: 4.75rem;
    padding: 0.3125rem 7.75rem 0.3125rem 0.75rem;
    text-align: center;
  }
  .page-consultation--main .page-consultation-problem__head-box {
    border-top: 2px solid #d8e6d4;
  }
  .page-consultation--main .page-consultation-problem__head-box::before {
    height: 5.25rem;
    right: 0.5rem;
    top: -4.625rem;
    width: 7.375rem;
    z-index: 1;
  }
}
.page-consultation--main {
  /* FP相談の実例 */
}
.page-consultation--main .page-consultation-case-section {
  background-color: #f5f5f5;
  padding: 3.25rem 0 3.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case-section {
    padding: 4.5rem 0 5rem;
  }
}
.page-consultation--main .page-consultation-case {
  margin: 0 auto;
  max-width: 42.5rem;
}
.page-consultation--main .page-consultation-case__intro {
  margin-bottom: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__intro {
    margin-bottom: 1.25rem;
  }
}
.page-consultation--main .page-consultation-case__intro h2 {
  color: #183028;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__intro h2 {
    font-size: 1.875rem;
  }
}
.page-consultation--main .page-consultation-case__item {
  background-color: #fff;
  border: 1px solid #d8e6d4;
  border-radius: 0.875rem;
  box-shadow: 0 0.3125rem 1.125rem rgba(24, 48, 40, 0.08);
  overflow: hidden;
}
.page-consultation--main .page-consultation-case__head {
  align-items: stretch;
  background-color: #fff;
  border: 0;
  color: #183028;
  cursor: pointer;
  display: grid;
  font: inherit;
  grid-template-areas: "number toggle" "content content";
  grid-template-columns: 1fr auto;
  padding: 0;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__head {
    align-items: center;
    grid-template-areas: "number content toggle";
    grid-template-columns: 5.75rem minmax(0, 1fr) auto;
    min-height: 5.75rem;
  }
}
.page-consultation--main .page-consultation-case__number {
  align-items: center;
  align-self: stretch;
  background-color: #26A300;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  grid-area: number;
  justify-content: center;
  min-height: 2.625rem;
  padding: 0.5rem 0.875rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__number {
    font-size: 1.0625rem;
    min-height: 5.75rem;
    padding: 0.75rem;
  }
}
.page-consultation--main .page-consultation-case__head-content {
  display: block;
  grid-area: content;
  padding: 0.875rem 1rem 1rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__head-content {
    padding: 0.9375rem 1.25rem;
  }
}
.page-consultation--main .page-consultation-case__category {
  color: #26A300;
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.page-consultation--main .page-consultation-case__head-title {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__head-title {
    font-size: 1.125rem;
  }
}
.page-consultation--main .page-consultation-case__toggle {
  align-items: center;
  color: #26A300;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  gap: 0.3125rem;
  grid-area: toggle;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__toggle {
    padding: 0.75rem 1.125rem;
  }
}
.page-consultation--main .page-consultation-case__toggle::after {
  content: "＋";
  font-size: 1rem;
  line-height: 1;
}
.page-consultation--main .page-consultation-case__head.open .page-consultation-case__toggle::after {
  content: "−";
}
.page-consultation--main .page-consultation-case__content {
  border-top: 1px solid #d8e6d4;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__content {
    padding: 1.5rem 1.75rem 1.75rem;
  }
}
.page-consultation--main .page-consultation-case__result {
  align-items: center;
  background-color: #f3f8f1;
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.875rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__result {
    flex-direction: row;
    gap: 1.125rem;
    padding: 0.9375rem 1.25rem;
  }
}
.page-consultation--main .page-consultation-case__result > span {
  color: #5b675f;
  font-size: 0.8125rem;
  font-weight: 700;
}
.page-consultation--main .page-consultation-case__result strong {
  align-items: baseline;
  color: #26A300;
  display: flex;
  font-size: 1.75rem;
  font-weight: 700;
  gap: 0.4375rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__result strong {
    font-size: 2rem;
  }
}
.page-consultation--main .page-consultation-case__result strong small {
  color: #666;
  font-size: 1.0625rem;
  text-decoration: line-through;
}
.page-consultation--main .page-consultation-case__result strong b {
  color: #88938c;
  font-size: 1.125rem;
}
.page-consultation--main .page-consultation-case__result em {
  background-color: #fff3c4;
  border-radius: 1.25rem;
  color: #936600;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 700;
  margin-top: 0.375rem;
  padding: 0.3125rem 0.75rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__result em {
    margin-top: 0;
  }
}
.page-consultation--main .page-consultation-case__profile {
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  display: grid;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem 0.875rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__profile {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0.875rem 1.125rem;
  }
}
.page-consultation--main .page-consultation-case__profile p {
  color: #444;
  font-size: 0.8125rem;
  line-height: 1.55;
}
.page-consultation--main .page-consultation-case__profile span {
  color: #6a746d;
  display: block;
  font-size: 0.6875rem;
  font-weight: 700;
}
.page-consultation--main .page-consultation-case__body {
  margin-top: 1.25rem;
}
.page-consultation--main .page-consultation-case__body section + section {
  margin-top: 1.375rem;
}
.page-consultation--main .page-consultation-case__body h4 {
  border-left: 0.25rem solid #26A300;
  color: #183028;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  padding-left: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__body h4 {
    font-size: 1.125rem;
  }
}
.page-consultation--main .page-consultation-case__body p {
  color: #444;
  font-size: 0.875rem;
  line-height: 1.85;
}
.page-consultation--main .page-consultation-case__body ol {
  counter-reset: consultation-case-step;
  display: grid;
  gap: 0.625rem;
}
.page-consultation--main .page-consultation-case__body ol li {
  counter-increment: consultation-case-step;
  font-size: 0.875rem;
  line-height: 1.75;
  padding-left: 2.125rem;
  position: relative;
}
.page-consultation--main .page-consultation-case__body ol li::before {
  align-items: center;
  background-color: #26A300;
  border-radius: 50%;
  color: #fff;
  content: counter(consultation-case-step);
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  height: 1.5rem;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.5rem;
}
.page-consultation--main .page-consultation-case__body ol strong,
.page-consultation--main .page-consultation-case__body ol span {
  display: block;
}
.page-consultation--main .page-consultation-case__body ol strong {
  color: #183028;
}
.page-consultation--main .page-consultation-case__body blockquote {
  background-color: #fff9e6;
  border-radius: 0.625rem;
  color: #4b4638;
  font-size: 0.875rem;
  line-height: 1.8;
  margin-top: 1.375rem;
  padding: 1rem 1.125rem 1rem 2.625rem;
  position: relative;
}
.page-consultation--main .page-consultation-case__body blockquote::before {
  color: #d6a500;
  content: "“";
  font-family: Georgia, serif;
  font-size: 2.375rem;
  left: 0.875rem;
  line-height: 1;
  position: absolute;
  top: 0.75rem;
}
.page-consultation--main {
  /* 実例スライダー（実データ登録後も同じカード構造を使用） */
}
.page-consultation--main .page-consultation-case {
  max-width: 67.5rem;
}
.page-consultation--main .page-consultation-case__slider-wrap {
  padding: 0 0.375rem 2.25rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__slider-wrap {
    padding: 0 3.25rem 2.5rem;
  }
}
.page-consultation--main .page-consultation-case__slider {
  overflow: hidden;
}
.page-consultation--main .page-consultation-case__slider .swiper-wrapper {
  align-items: flex-start;
}
.page-consultation--main .page-consultation-case__card {
  background-color: #fff;
  border: 0;
  border-radius: 0.875rem;
  box-shadow: 0 0.3125rem 1.125rem rgba(24, 48, 40, 0.08);
  height: auto;
  overflow: hidden;
  padding: 0 1.125rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__card {
    padding: 0 1.375rem 1.375rem;
  }
}
.page-consultation--main .page-consultation-case__card-head {
  align-items: center;
  border-bottom: 1px solid #e3ebe0;
  display: flex;
  gap: 0.625rem;
  margin: 0 -1.125rem 1rem;
  min-height: 3rem;
  padding-right: 0.875rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__card-head {
    margin-left: -1.375rem;
    margin-right: -1.375rem;
  }
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__number {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  font-size: 0.875rem;
  grid-area: auto;
  min-height: 0;
  padding: 0.625rem 0.875rem;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__category {
  color: #26A300;
  display: inline;
  font-size: 0.75rem;
  margin: 0;
}
.page-consultation--main .page-consultation-case__card-title {
  color: #183028;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55;
  min-height: 4.65em;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__card-title {
    font-size: 1.1875rem;
  }
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__profile {
  align-items: center;
  background-color: transparent;
  color: #667069;
  display: flex;
  font-size: 0.8125rem;
  gap: 0.375rem;
  margin: 0.625rem 0 0;
  padding: 0;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__profile::before {
  background-color: #edf7e9;
  border-radius: 50%;
  content: "";
  height: 0.5rem;
  width: 0.5rem;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__result {
  align-items: center;
  background-color: #f3f8f1;
  border-radius: 0.5625rem;
  display: grid;
  flex-direction: initial;
  gap: 0.4375rem;
  grid-template-columns: 1fr auto 1fr;
  margin-top: 0.875rem;
  padding: 0.75rem;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__result span,
.page-consultation--main .page-consultation-case__card .page-consultation-case__result strong {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__result span {
  color: #777;
  text-decoration: line-through;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__result strong {
  color: #26A300;
  display: block;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__result b {
  color: #7b877f;
  font-size: 1rem;
}
.page-consultation--main .page-consultation-case__result-label {
  color: #936600;
  font-size: 0.8125rem;
  font-weight: 700;
  margin-top: 0.4375rem;
  text-align: center;
}
.page-consultation--main .page-consultation-case__point {
  color: #444;
  font-size: 0.875rem;
  line-height: 1.75;
  margin-top: 1rem;
}
.page-consultation--main .page-consultation-case__point span {
  color: #26A300;
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.1875rem;
}
.page-consultation--main .page-consultation-case__prev,
.page-consultation--main .page-consultation-case__next {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d5e3d1;
  border-radius: 50%;
  box-shadow: 0 0.1875rem 0.625rem rgba(24, 48, 40, 0.1);
  color: #26A300;
  cursor: pointer;
  display: flex;
  height: 2.375rem;
  justify-content: center;
  position: absolute;
  top: 48%;
  width: 2.375rem;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__prev,
  .page-consultation--main .page-consultation-case__next {
    height: 2.75rem;
    width: 2.75rem;
  }
}
.page-consultation--main .page-consultation-case__prev {
  left: -0.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__prev {
    left: 0;
  }
}
.page-consultation--main .page-consultation-case__next {
  right: -0.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__next {
    right: 0;
  }
}
.page-consultation--main .page-consultation-case__prev::after,
.page-consultation--main .page-consultation-case__next::after {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}
.page-consultation--main .page-consultation-case__prev::after {
  content: "‹";
}
.page-consultation--main .page-consultation-case__next::after {
  content: "›";
}
.page-consultation--main .page-consultation-case__pagination {
  bottom: 0;
  display: flex;
  gap: 0.4375rem;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}
.page-consultation--main .page-consultation-case__pagination .swiper-pagination-bullet-active {
  background-color: #26A300;
}
.page-consultation--main {
  /* 相談前・相談後・結果のケースカード */
}
.page-consultation--main .page-consultation-case {
  max-width: 70rem;
}
.page-consultation--main .page-consultation-case__card {
  border-color: #b8d0b6;
  padding: 0.875rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__card {
    padding: 0.875rem;
  }
}
.page-consultation--main .page-consultation-case__card-head {
  border-bottom: 0;
  gap: 0.75rem;
  margin: 0 0 0.875rem;
  min-height: 3rem;
  padding: 0;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__number {
  background: linear-gradient(135deg, #075f25, #003f18);
  border-radius: 0.5rem;
  font-size: 0.9375rem;
  min-width: 5.375rem;
  padding: 0.625rem 0.75rem;
}
.page-consultation--main .page-consultation-case__meta {
  display: block;
  min-width: 0;
}
.page-consultation--main .page-consultation-case__meta strong,
.page-consultation--main .page-consultation-case__meta small {
  display: block;
}
.page-consultation--main .page-consultation-case__meta strong {
  color: #064b20;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.45;
}
.page-consultation--main .page-consultation-case__meta small {
  color: #69746c;
  font-size: 0.6875rem;
  margin-top: 0.125rem;
}
.page-consultation--main .page-consultation-case__panel {
  border: 1px solid;
  border-radius: 0.625rem;
  padding: 0.875rem;
}
.page-consultation--main .page-consultation-case__panel + .page-consultation-case__panel {
  margin-top: 0.75rem;
}
.page-consultation--main .page-consultation-case__panel--before {
  background-color: #fffafa;
  border-color: #f0bcbc;
}
.page-consultation--main .page-consultation-case__panel--after {
  background-color: #f8fcf8;
  border-color: #bdd8c1;
}
.page-consultation--main .page-consultation-case__panel-label {
  border-radius: 0.375rem;
  color: #fff;
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.4375rem 0.625rem;
}
.page-consultation--main .page-consultation-case__panel--before .page-consultation-case__panel-label {
  background-color: #d80b0b;
}
.page-consultation--main .page-consultation-case__panel--after .page-consultation-case__panel-label {
  background-color: #075f25;
}
.page-consultation--main .page-consultation-case__panel h3 {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.55;
  margin-top: 0.625rem;
}
.page-consultation--main .page-consultation-case__panel--before h3 {
  color: #bd0808;
}
.page-consultation--main .page-consultation-case__panel--after h3 {
  color: #075f25;
}
.page-consultation--main .page-consultation-case__panel p {
  border-top: 1px dashed currentColor;
  color: #444;
  font-size: 0.8125rem;
  line-height: 1.7;
  margin-top: 0.625rem;
  padding-top: 0.5625rem;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__result {
  background-color: #fffaf0;
  border: 1px solid #efc66d;
  border-radius: 0.625rem;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr;
  margin-top: 0.75rem;
  padding: 0.875rem;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .page-consultation--main .page-consultation-case__card .page-consultation-case__result {
    align-items: end;
    grid-template-columns: minmax(0, 1fr) auto;
  }
}
.page-consultation--main .page-consultation-case__result .page-consultation-case__panel-label {
  background-color: #f0a400;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__result p {
  color: #333;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 0.5rem;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__result strong {
  color: #d20b0b;
  font-size: 1.625rem;
  font-weight: 900;
  line-height: 1.25;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .page-consultation--main .page-consultation-case__card .page-consultation-case__result strong {
    text-align: right;
  }
}
.page-consultation--main .page-consultation-case__note {
  color: #666;
  font-size: 0.625rem;
  line-height: 1.6;
  margin-top: 0.625rem;
}
.page-consultation--main {
  /* 実例カード：成果を先に見せる構成 */
}
.page-consultation--main .page-consultation-case__card {
  display: flex;
  flex-direction: column;
  padding: 1.125rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__card {
    padding: 1.125rem;
  }
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__category {
  align-self: flex-start;
  background-color: #e9f4e6;
  border-radius: 50vh;
  color: #17632e;
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  padding: 0.3125rem 0.625rem;
}
.page-consultation--main .page-consultation-case__headline {
  color: #075f25;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.45;
  margin-top: 0.625rem;
}
@media screen and (min-width: 1024px) {
  .page-consultation--main .page-consultation-case__headline {
    font-size: 1.125rem;
  }
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__profile {
  background-color: #f3f4f3;
  border-radius: 0.375rem;
  color: #4e5851;
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0.75rem 0 0;
  padding: 0.4375rem 0.625rem;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__profile::before {
  content: none;
}
.page-consultation--main .page-consultation-case__worry,
.page-consultation--main .page-consultation-case__achievement,
.page-consultation--main .page-consultation-case__improvement {
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.6875rem 0.75rem;
}
.page-consultation--main .page-consultation-case__worry {
  background-color: #fff8f8;
  border: 1px solid #efd0d0;
}
.page-consultation--main .page-consultation-case__achievement {
  background-color: #fff9e9;
  border: 1px solid #efdca2;
}
.page-consultation--main .page-consultation-case__improvement {
  background-color: #f3f8f1;
  border: 1px solid #cfe0ca;
}
.page-consultation--main .page-consultation-case__worry > span,
.page-consultation--main .page-consultation-case__achievement > span,
.page-consultation--main .page-consultation-case__improvement > span {
  display: block;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.25rem;
}
.page-consultation--main .page-consultation-case__worry > span {
  color: #b04444;
}
.page-consultation--main .page-consultation-case__achievement > span {
  color: #8a6500;
}
.page-consultation--main .page-consultation-case__improvement > span {
  color: #17632e;
}
.page-consultation--main .page-consultation-case__worry p,
.page-consultation--main .page-consultation-case__achievement p,
.page-consultation--main .page-consultation-case__improvement p {
  color: #333;
  font-size: 0.8125rem;
  line-height: 1.65;
  margin: 0;
}
.page-consultation--main .page-consultation-case__achievement p {
  font-weight: 700;
}
.page-consultation--main .page-consultation-case__comparison {
  align-items: stretch;
  display: grid;
  gap: 0.375rem;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  margin-top: 0.75rem;
}
.page-consultation--main .page-consultation-case__comparison div {
  align-items: center;
  border: 1px solid #e1e4e1;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 4.25rem;
  padding: 0.5rem 0.3125rem;
  text-align: center;
}
.page-consultation--main .page-consultation-case__comparison div:last-child {
  background-color: #edf7e9;
  border-color: #b9d7b4;
}
.page-consultation--main .page-consultation-case__comparison span {
  color: #6b736d;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.3;
}
.page-consultation--main .page-consultation-case__comparison strong {
  color: #555;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 0.1875rem;
}
.page-consultation--main .page-consultation-case__comparison div:last-child strong {
  color: #075f25;
}
.page-consultation--main .page-consultation-case__comparison > b {
  align-self: center;
  color: #7b877f;
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .page-consultation--main .page-consultation-case__achievement,
  .page-consultation--main .page-consultation-case__improvement {
    min-height: 5.625rem;
  }
}
.page-consultation--main {
  /* 参考LPに合わせた成果見出し・比較・改善ポイント */
}
.page-consultation--main .page-consultation-case__card {
  border-color: #8bb69a;
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 0.875rem rgba(7, 95, 37, 0.08);
  padding: 0 0.875rem 1rem;
}
.page-consultation--main .page-consultation-case__summary {
  background: linear-gradient(180deg, #f5fff3 0%, #fff 100%);
  border-bottom: 1px solid #d3e5d3;
  margin: 0 -0.875rem;
  padding: 0.875rem 0.75rem 0.8125rem;
  text-align: center;
}
.page-consultation--main .page-consultation-case__outcome {
  align-items: baseline;
  color: #164d29;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  font-weight: 700;
  gap: 0.125rem;
  justify-content: center;
  line-height: 1.2;
}
.page-consultation--main .page-consultation-case__outcome strong {
  color: #e24a20;
  font-size: 1.6875rem;
  font-weight: 900;
  letter-spacing: -0.04em;
}
.page-consultation--main .page-consultation-case__headline {
  color: #064b20;
  font-size: 0.9375rem;
  line-height: 1.55;
  margin-top: 0.4375rem;
}
@media screen and (min-width: 1024px) {
  .page-consultation--main .page-consultation-case__headline {
    font-size: 0.9375rem;
  }
}
.page-consultation--main .page-consultation-case__person {
  align-items: center;
  border-bottom: 1px dashed #cfd8d0;
  display: flex;
  gap: 0.625rem;
  padding: 0.8125rem 0;
}
.page-consultation--main .page-consultation-case__person > div {
  min-width: 0;
}
.page-consultation--main .page-consultation-case__person-icon {
  background-color: #e3f2df;
  border: 2px solid #9bc297;
  border-radius: 50%;
  flex: 0 0 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  position: relative;
}
.page-consultation--main .page-consultation-case__person-icon::before {
  background-color: #5f9867;
  border-radius: 50%;
  content: "";
  height: 0.75rem;
  left: 50%;
  position: absolute;
  top: 0.4375rem;
  transform: translateX(-50%);
  width: 0.75rem;
}
.page-consultation--main .page-consultation-case__person-icon::after {
  background-color: #5f9867;
  border-radius: 0.875rem 0.875rem 0 0;
  bottom: 0;
  content: "";
  height: 1.0625rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1.625rem;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__category {
  background-color: transparent;
  border-radius: 0;
  color: #17632e;
  font-size: 0.625rem;
  padding: 0;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__profile {
  background-color: transparent;
  color: #333;
  font-size: 0.75rem;
  margin: 0.125rem 0 0;
  padding: 0;
}
.page-consultation--main .page-consultation-case__worry {
  background-color: #f7f7f7;
  border: 0;
  border-radius: 0.375rem;
  margin-top: 0.75rem;
  padding: 0.625rem;
}
.page-consultation--main .page-consultation-case__worry > span {
  color: #555;
}
.page-consultation--main .page-consultation-case__comparison {
  gap: 0.3125rem;
}
.page-consultation--main .page-consultation-case__comparison div {
  background-color: #fff8f6;
  border-color: #efc5bb;
  border-radius: 0.375rem;
  min-height: 4.5rem;
  padding: 0.5rem 0.25rem;
}
.page-consultation--main .page-consultation-case__comparison div:last-child {
  background-color: #f0f9ee;
  border-color: #a9cfaa;
}
.page-consultation--main .page-consultation-case__comparison div:first-child span {
  color: #c04d38;
}
.page-consultation--main .page-consultation-case__comparison div:last-child span,
.page-consultation--main .page-consultation-case__comparison div:last-child strong {
  color: #075f25;
}
.page-consultation--main .page-consultation-case__comparison strong {
  font-size: 0.8125rem;
}
.page-consultation--main .page-consultation-case__achievement {
  background-color: transparent;
  border: 0;
  margin-top: 0.75rem;
  padding: 0.125rem 0.25rem;
  text-align: center;
}
.page-consultation--main .page-consultation-case__achievement > span {
  color: #646e67;
  font-size: 0.625rem;
}
.page-consultation--main .page-consultation-case__achievement p {
  color: #075f25;
  font-size: 0.9375rem;
  font-weight: 900;
  line-height: 1.5;
}
.page-consultation--main .page-consultation-case__improvement {
  background-color: #fffbed;
  border-color: #e5c85c;
  border-radius: 0.4375rem;
  margin-top: 0.75rem;
  padding: 0.75rem 0.625rem 0.625rem;
  position: relative;
}
.page-consultation--main .page-consultation-case__improvement > span {
  background-color: #f1b600;
  border-radius: 50vh;
  color: #fff;
  display: table;
  font-size: 0.625rem;
  margin: -1.3125rem auto 0.4375rem;
  padding: 0.25rem 0.625rem;
}
.page-consultation--main .page-consultation-case__improvement p {
  color: #39331f;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .page-consultation--main .page-consultation-case__achievement,
  .page-consultation--main .page-consultation-case__improvement {
    min-height: 0;
  }
}
.page-consultation--main {
  /* 実例カード：プロフィール・悩み・変更内容を一続きで表示 */
}
.page-consultation--main .page-consultation-case__summary {
  background: #fff;
  border-top: 0.3125rem solid #075f25;
  padding-top: 0.75rem;
}
.page-consultation--main .page-consultation-case__outcome {
  color: #222;
  font-size: 0.8125rem;
}
.page-consultation--main .page-consultation-case__outcome strong {
  color: #d90c0c;
  font-size: 2rem;
}
.page-consultation--main .page-consultation-case__headline {
  background-color: #f0f8ee;
  border-radius: 0.3125rem;
  color: #075f25;
  font-size: 0.9375rem;
  margin-top: 0.5625rem;
  padding: 0.5rem 0.4375rem;
}
.page-consultation--main .page-consultation-case__person {
  align-items: flex-start;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__profile {
  color: #064b20;
  font-size: 0.8125rem;
  font-weight: 700;
}
.page-consultation--main .page-consultation-case__person .page-consultation-case__worry {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: #444;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.65;
  margin: 0.3125rem 0 0;
  padding: 0;
}
.page-consultation--main .page-consultation-case__comparison {
  display: grid;
  gap: 0.375rem;
  grid-template-columns: minmax(0, 1fr);
}
.page-consultation--main .page-consultation-case__comparison div {
  align-items: stretch;
  min-height: 0;
  padding: 0.625rem 0.6875rem;
  text-align: left;
}
.page-consultation--main .page-consultation-case__comparison span {
  align-self: flex-start;
  background-color: #d65343;
  border-radius: 0.25rem;
  color: #fff !important;
  font-size: 0.6875rem;
  padding: 0.1875rem 0.5rem;
}
.page-consultation--main .page-consultation-case__comparison div:last-child span {
  background-color: #075f25;
}
.page-consultation--main .page-consultation-case__comparison strong {
  color: #b32b20;
  font-size: 1.1875rem;
  margin-top: 0.4375rem;
  text-align: center;
}
.page-consultation--main .page-consultation-case__comparison div:last-child strong {
  color: #075f25;
}
.page-consultation--main .page-consultation-case__comparison > b {
  font-size: 1.125rem;
  line-height: 1;
  margin: -0.125rem auto;
  transform: rotate(90deg);
}
.page-consultation--main .page-consultation-case__comparison ul {
  border-top: 1px dashed currentColor;
  color: #555;
  margin-top: 0.4375rem;
  padding-top: 0.375rem;
}
.page-consultation--main .page-consultation-case__comparison li {
  font-size: 0.6875rem;
  line-height: 1.55;
  padding-left: 0.8125rem;
  position: relative;
}
.page-consultation--main .page-consultation-case__comparison li + li {
  margin-top: 0.1875rem;
}
.page-consultation--main .page-consultation-case__comparison li::before {
  color: #d65343;
  content: "・";
  font-weight: 700;
  left: 0;
  position: absolute;
  top: 0;
}
.page-consultation--main .page-consultation-case__comparison div:last-child li::before {
  color: #075f25;
}
.page-consultation--main {
  /* 実例カード：相談ページ全体の白・淡い緑・控えめな装飾に統一 */
}
.page-consultation--main .page-consultation-case__card {
  border: 0;
  border-radius: 0.75rem;
  box-shadow: 0 0.1875rem 0.75rem rgba(24, 48, 40, 0.06);
}
.page-consultation--main .page-consultation-case__summary {
  background: #fff;
  border-bottom: 0;
  border-top: 0;
  padding: 0.875rem 0.625rem 0.75rem;
}
.page-consultation--main .page-consultation-case__outcome {
  color: #183028;
  font-size: 0.75rem;
}
.page-consultation--main .page-consultation-case__outcome strong {
  color: #26A300;
  font-size: 1.8125rem;
}
.page-consultation--main .page-consultation-case__headline {
  background-color: transparent;
  color: #183028;
  font-size: 1.125rem;
  margin-top: 0.4375rem;
  padding: 0;
  text-decoration-color: #f2cf4a;
  text-decoration-line: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.5rem;
  text-underline-offset: -0.1875rem;
}
@media screen and (min-width: 1024px) {
  .page-consultation--main .page-consultation-case__headline {
    font-size: 1.1875rem;
    text-align: left;
  }
}
.page-consultation--main .page-consultation-case__person {
  background-color: transparent;
  border-bottom: 0;
  border-radius: 0;
  margin-top: 0;
  padding: 0.5625rem 0;
}
.page-consultation--main .page-consultation-case__person-icon {
  width: 3.25rem;
  height: 3.25rem;
  flex-basis: 3.25rem;
  border: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-consultation--main .page-consultation-case__person-icon::before,
.page-consultation--main .page-consultation-case__person-icon::after {
  content: none;
  display: none;
}
.page-consultation--main .page-consultation-case__card .page-consultation-case__profile {
  color: #183028;
  font-size: 0.875rem;
}
.page-consultation--main .page-consultation-case__person .page-consultation-case__worry {
  color: #555;
}
.page-consultation--main .page-consultation-case__comparison div,
.page-consultation--main .page-consultation-case__comparison div:first-child {
  background-color: #f7f7f7;
  border-color: #e1e5e1;
}
.page-consultation--main .page-consultation-case__comparison div:last-child {
  background-color: #f3f8f1;
  border-color: #cfe0ca;
}
.page-consultation--main .page-consultation-case__comparison span,
.page-consultation--main .page-consultation-case__comparison div:first-child span {
  background-color: #7d8780;
  color: #fff !important;
}
.page-consultation--main .page-consultation-case__comparison div:last-child span {
  background-color: #26A300;
}
.page-consultation--main .page-consultation-case__comparison strong,
.page-consultation--main .page-consultation-case__comparison div:first-child strong {
  color: #444;
}
.page-consultation--main .page-consultation-case__comparison div:last-child strong {
  color: #26A300;
}
.page-consultation--main .page-consultation-case__comparison > b {
  color: #26A300;
}
.page-consultation--main .page-consultation-case__comparison li::before,
.page-consultation--main .page-consultation-case__comparison div:first-child li::before {
  color: #7d8780;
}
.page-consultation--main .page-consultation-case__comparison div:last-child li::before {
  color: #26A300;
}
.page-consultation--main .page-consultation-case__achievement {
  background-color: #f3f8f1;
  border: 0;
  border-radius: 0.5rem;
  padding: 0.6875rem;
}
.page-consultation--main .page-consultation-case__achievement > span {
  color: #667069;
}
.page-consultation--main .page-consultation-case__achievement p {
  color: #26A300;
  font-size: 0.875rem;
}
.page-consultation--main .page-consultation-case__improvement {
  background-color: #fff;
  border: 1px solid #d8e6d4;
  border-radius: 0.5rem;
  padding: 0.6875rem;
}
.page-consultation--main .page-consultation-case__improvement > span {
  background-color: transparent;
  border-bottom: 1px solid #d8e6d4;
  border-radius: 0;
  color: #26A300;
  display: block;
  font-size: 0.6875rem;
  margin: 0 0 0.4375rem;
  padding: 0 0 0.375rem;
  text-align: left;
}
.page-consultation--main .page-consultation-case__improvement p {
  color: #444;
  font-size: 0.75rem;
  font-weight: 400;
  text-align: left;
}
.page-consultation--main {
  /* 実例カード：比較を横並びにし、結論を1枠へ統合 */
}
.page-consultation--main .page-consultation-case__comparison {
  align-items: stretch;
  gap: 0.3125rem;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  margin-top: 0.625rem;
  width: 100%;
}
.page-consultation--main .page-consultation-case__comparison div {
  height: 100%;
  padding: 0.625rem 0.5rem;
}
.page-consultation--main .page-consultation-case__comparison > b {
  align-self: center;
  margin: 0;
  transform: none;
}
.page-consultation--main .page-consultation-case__comparison strong {
  font-size: 1rem;
}
.page-consultation--main .page-consultation-case__comparison li {
  font-size: 0.625rem;
  padding-left: 0.6875rem;
}
.page-consultation--main .page-consultation-case__change-summary {
  background-color: transparent;
  border-radius: 0;
  margin-top: 0.625rem;
  padding: 0.25rem 0.125rem 0;
}
.page-consultation--main .page-consultation-case__change-summary p {
  color: #444;
  font-size: 0.75rem;
  line-height: 1.65;
  margin: 0;
}
.page-consultation--main .page-consultation-case__change-summary .page-consultation-case__change-result {
  color: #26A300;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.55;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__change-summary .page-consultation-case__change-result {
    font-size: 1.125rem;
  }
}
.page-consultation--main .page-consultation-case__change-summary p + p {
  margin-top: 0.375rem;
}
.page-consultation--main .page-consultation-problem__item .accordion-content.is-open {
  display: block;
}
.page-consultation--main .page-consultation-problem__item {
  background-color: #fff;
  border: 1px solid #d9e7d5;
  border-radius: 0.75rem;
  box-shadow: 0 0.1875rem 0.75rem rgba(24, 48, 40, 0.06);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item {
    border-radius: 1rem;
  }
}
.page-consultation--main .page-consultation-problem__item + .page-consultation-problem__item {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item + .page-consultation-problem__item {
    margin-top: 0.75rem;
  }
}
.page-consultation--main .page-consultation-problem__item-head {
  align-items: center;
  cursor: pointer;
  display: flex;
  min-height: 3.5rem;
  padding: 0.5rem 0.875rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-head {
    min-height: 4rem;
    padding: 0.5625rem 1.125rem;
  }
}
.page-consultation--main .page-consultation-problem__item-head .icon {
  align-items: center;
  display: flex;
  flex: 0 0 2.25rem;
  height: 2.125rem;
  justify-content: center;
  margin-right: 0.625rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-head .icon {
    flex-basis: 2.75rem;
    height: 2.5rem;
    margin-right: 0.875rem;
  }
}
.page-consultation--main .page-consultation-problem__item-head .icon img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-head .icon img {
    max-height: 2.5rem;
  }
}
.page-consultation--main .page-consultation-problem__item:nth-child(5) .page-consultation-problem__item-head .icon img {
  width: auto;
}
.page-consultation--main .page-consultation-problem__item-head .text {
  flex: 1;
  min-width: 0;
}
.page-consultation--main .page-consultation-problem__item-head .ttl {
  color: #183028;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.45;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-head .ttl {
    font-size: 1.1875rem;
  }
}
.page-consultation--main .page-consultation-problem__item-head .txt {
  font-size: 0.875rem;
  line-height: 1.45;
  font-weight: 400;
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-head .txt {
    font-size: 1.25rem;
  }
}
.page-consultation--main .page-consultation-problem__item-head .arrow {
  width: 1.25rem;
  margin-left: auto;
  align-self: center;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-head .arrow {
    width: 1.5rem;
  }
}
.page-consultation--main .page-consultation-problem__item-head.accordion-title.open .arrow {
  transform: rotate(0);
}
.page-consultation--main .page-consultation-problem__item-content {
  border-top: 1px solid #d9e7d5;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-content {
    padding: 2rem;
    justify-content: space-between;
    flex-direction: row;
  }
}
.page-consultation--main .page-consultation-problem__item-catch {
  border-bottom: 1px solid #d8e6d4;
  color: #26A300;
  flex: 0 0 100%;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.55;
  margin-bottom: 1rem;
  order: -1;
  padding: 0 0.25rem 0.625rem;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-catch {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.875rem;
  }
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-content {
    flex-wrap: wrap;
  }
}
.page-consultation--main .page-consultation-problem__item-content .img {
  align-items: center;
  display: flex;
  justify-content: center;
  width: min(56%, 11.25rem);
  max-height: 8.75rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-content .img {
    display: block;
    width: 35.7%;
    max-height: none;
    margin: 0;
  }
}
.page-consultation--main .page-consultation-problem__item-content .img img {
  width: auto;
  max-width: 100%;
  max-height: 8.75rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-content .img img {
    width: 100%;
    max-height: none;
  }
}
.page-consultation--main .page-consultation-problem__item-content .text {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-content .text {
    margin-top: 0;
    width: 60.7%;
  }
}
.page-consultation--main .page-consultation-problem__item-content .text .ttl {
  font-size: 1.0625rem;
  line-height: 1.4583333333;
  font-weight: 700;
  color: #183028;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-content .text .ttl {
    font-size: 1.25rem;
  }
}
.page-consultation--main .page-consultation-problem__item-content .text .ttl:nth-of-type(2) {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-content .text .ttl:nth-of-type(2) {
    margin-top: 2.0625rem;
  }
}
.page-consultation--main .page-consultation-problem__item-content .text ul {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-content .text ul {
    margin-top: 1.0625rem;
  }
}
.page-consultation--main .page-consultation-problem__item-content .text ul li {
  font-size: 0.875rem;
  line-height: 2;
  font-weight: 400;
  padding-left: 2.4em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-problem__item-content .text ul li {
    font-size: 1.125rem;
  }
}
.page-consultation--main .page-consultation-problem__item-content .text ul li::before {
  content: "";
  display: block;
  width: 0.66em;
  height: 0.66em;
  background-color: #26A300;
  border-radius: 50%;
  position: absolute;
  top: 0.83em;
  left: 0.88em;
}
.page-consultation--main {
  /* FP紹介リスト・キャンペーン */
}
.page-consultation--main .page-consultation-professional__list {
  background-color: #fff;
  border: 1px solid #d8e6d4;
  box-shadow: 0 0.1875rem 0.75rem rgba(24, 48, 40, 0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.75rem;
  padding: 1.25rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional__list {
    border-radius: 0.75rem;
    padding: 1.5rem;
  }
}
.page-consultation--main .page-consultation-campaign {
  width: 100%;
  max-width: 53.75rem;
  margin: 0 auto;
  padding: 3.5rem 0 4.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign {
    padding: 5rem 0 6rem;
  }
}
.page-consultation--main .page-consultation-campaign-bottom {
  margin: auto;
  padding: 2rem 0 0;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-bottom {
    padding: 5rem 0;
  }
}
.page-consultation--main .page-consultation-campaign .page-consultation-campaign__ttl {
  margin: 0;
  padding: 0;
  border-left: 0;
}
.page-consultation--main .page-consultation-campaign__banner {
  display: block;
  width: 100%;
  max-width: 42.5rem;
  margin: 2rem auto 0;
  overflow: hidden;
  border: 1px solid #d8e6d4;
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 1rem rgba(24, 48, 40, 0.1);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign__banner {
    margin-top: 3rem;
  }
}
.page-consultation--main .page-consultation-campaign__banner:hover {
  opacity: 0.9;
  transform: translateY(-0.125rem);
}
.page-consultation--main .page-consultation-campaign__banner picture,
.page-consultation--main .page-consultation-campaign__banner img {
  display: block;
  width: 100%;
  height: auto;
}
.page-consultation--main .page-consultation-campaign__banner-note {
  margin-top: 0.625rem;
  color: #666;
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign__banner-note {
    font-size: 0.8125rem;
  }
}
.page-consultation--main .page-consultation-campaign__outline {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 1.75rem;
  overflow: hidden;
  border: 1px solid #d8e6d4;
  border-radius: 0.75rem;
  background-color: #fff;
  box-shadow: 0 0.1875rem 0.75rem rgba(24, 48, 40, 0.05);
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign__outline {
    grid-template-columns: 11.875rem minmax(0, 1fr);
    margin-top: 2.25rem;
  }
}
.page-consultation--main .page-consultation-campaign__outline dt {
  margin: 0;
  padding: 0.75rem 1rem;
  border-top: 1px solid #d8e6d4;
  background-color: #edf6ea;
  color: #26352a;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.6;
}
.page-consultation--main .page-consultation-campaign__outline dt:first-of-type {
  border-top: 0;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign__outline dt {
    display: flex;
    align-items: flex-start;
    padding: 1.125rem 1.25rem;
    border-top: 1px solid #d8e6d4;
    font-size: 0.9375rem;
  }
  .page-consultation--main .page-consultation-campaign__outline dt:first-of-type {
    border-top: 0;
  }
}
.page-consultation--main .page-consultation-campaign__outline dd {
  margin: 0;
  padding: 1rem;
  color: #444;
  font-size: 0.875rem;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign__outline dd {
    padding: 1.125rem 1.375rem;
    border-top: 1px solid #d8e6d4;
    border-left: 1px solid #d8e6d4;
    font-size: 0.9375rem;
  }
  .page-consultation--main .page-consultation-campaign__outline dd:first-of-type {
    border-top: 0;
  }
}
.page-consultation--main .page-consultation-campaign__outline dd ul {
  margin: 0.625rem 0 0;
  padding-left: 1.25rem;
}
.page-consultation--main .page-consultation-campaign__outline dd ul li {
  margin-bottom: 0.375rem;
  list-style: disc;
}
.page-consultation--main .page-consultation-campaign__outline dd ol {
  margin: 0.625rem 0 0;
  list-style: none;
  counter-reset: number;
}
.page-consultation--main .page-consultation-campaign__outline dd ol li {
  margin-bottom: 0.375rem;
  padding-left: 2rem;
  position: relative;
}
.page-consultation--main .page-consultation-campaign__outline dd ol li::before {
  counter-increment: number;
  content: "（" counter(number) "）";
  position: absolute;
  left: 0;
}
.page-consultation--main {
  /* 看板直下のキャンペーン案内 */
}
.page-consultation--main .page-consultation-campaign-hero {
  background-color: #fff7df;
  padding: 1.25rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-hero {
    padding: 2rem 0 2.5rem;
  }
}
.page-consultation--main .page-consultation-campaign-hero__banner {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0.625rem 0.625rem 0 0;
  box-shadow: 0 0.25rem 0.875rem rgba(74, 56, 15, 0.12);
  cursor: pointer;
  display: block;
  font-family: inherit;
  margin: 0 auto;
  max-width: 42.5rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.page-consultation--main .page-consultation-campaign-hero__banner img {
  display: block;
  height: auto;
  width: 100%;
}
.page-consultation--main .page-consultation-campaign-hero__detail {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  background-color: #26A300;
  border: 0;
  border-radius: 0 0 0.625rem 0.625rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: 0.9375rem;
  font-weight: 700;
  gap: 0.5rem;
  justify-content: center;
  margin: 0 auto;
  max-width: 42.5rem;
  min-height: 3rem;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: opacity 0.2s ease;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-hero__detail {
    font-size: 1.125rem;
    min-height: 3.5rem;
  }
}
.page-consultation--main .page-consultation-campaign-hero__detail:hover {
  color: #fff;
  opacity: 0.86;
}
.page-consultation--main .page-consultation-campaign-hero__detail span {
  font-size: 1.2em;
  line-height: 1;
}
.page-consultation--main .page-consultation-campaign-details {
  scroll-margin-top: 6rem;
}
.page-consultation--main .page-consultation-campaign-details .page-consultation-campaign__ttl {
  margin-top: 0;
}
.page-consultation--main {
  /* キャンペーン概要モーダル */
}
.page-consultation--main .page-consultation-campaign-modal[hidden] {
  display: none !important;
}
.page-consultation--main .page-consultation-campaign-modal {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 2rem 0.75rem;
  position: fixed;
  z-index: 10020;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-modal {
    padding: 4rem 2rem;
  }
}
.page-consultation--main .page-consultation-campaign-modal__backdrop {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: rgba(16, 31, 26, 0.72);
  border: 0;
  cursor: pointer;
  inset: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.page-consultation--main .page-consultation-campaign-modal__dialog {
  background-color: #fff;
  border-radius: 0.875rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.28);
  max-height: calc(100vh - 4rem);
  max-height: calc(100dvh - 4rem);
  max-width: 58.75rem;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-modal__dialog {
    border-radius: 1.25rem;
    max-height: calc(100vh - 8rem);
    max-height: calc(100dvh - 8rem);
  }
}
.page-consultation--main .page-consultation-campaign-modal__scroll {
  max-height: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.page-consultation--main .page-consultation-campaign-modal__close {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #26352a;
  border: 0.125rem solid #fff;
  border-radius: 50vh;
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.5rem;
  gap: 0.3125rem;
  height: 2.625rem;
  justify-content: center;
  line-height: 1;
  padding: 0 0.75rem 0.1875rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: auto;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-modal__close {
    height: 3rem;
    right: 0.875rem;
    top: 0.875rem;
    padding-left: 1rem;
    padding-right: 0.875rem;
  }
}
.page-consultation--main .page-consultation-campaign-modal__close-label {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-modal__close-label {
    font-size: 0.875rem;
  }
}
.page-consultation--main .page-consultation-campaign-modal .inner {
  max-width: none;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-modal .inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.page-consultation--main .page-consultation-campaign-modal .page-consultation-campaign {
  max-width: 53.75rem;
  padding: 1.75rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-modal .page-consultation-campaign {
    padding: 2.5rem 0 3rem;
  }
}
.page-consultation--main .page-consultation-campaign-modal .page-consultation-campaign__ttl {
  font-size: 1.5rem;
  padding: 3.25rem 0.75rem 0;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-modal .page-consultation-campaign__ttl {
    font-size: 2rem;
    padding: 0.625rem 6rem 0;
  }
}
.page-consultation--main .page-consultation-campaign-modal .page-consultation-campaign__banner {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-campaign-modal .page-consultation-campaign__banner {
    margin-top: 2rem;
  }
}
.page-consultation--main .page-consultation-campaign-modal .page-consultation-campaign__outline {
  margin-bottom: 0;
}
.page-consultation--main {
  /* キャンペーン直下の口コミ */
}
.page-consultation--main .page-consultation-review {
  background-color: #f5f5f5;
  overflow: hidden;
  padding: 2.25rem 0 2.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review {
    padding: 3.25rem 0 3.5rem;
  }
}
.page-consultation--main .page-consultation-review__inner {
  max-width: 63.125rem;
}
.page-consultation--main .page-consultation-review__title {
  color: #183028;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review__title {
    font-size: 2.375rem;
    margin-bottom: 0.625rem;
  }
}
.page-consultation--main .page-consultation-review__title span {
  color: #26A300;
}
.page-consultation--main .page-consultation-review__slider-wrap {
  padding: 0 0.5rem 2.125rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review__slider-wrap {
    padding: 0 3rem 2.125rem;
  }
}
.page-consultation--main .page-consultation-review__slider {
  overflow: visible;
}
.page-consultation--main .page-consultation-review__slider .swiper-wrapper {
  align-items: stretch;
}
.page-consultation--main .page-consultation-review__card {
  background-color: #fff;
  border: 1px solid #e0e8dd;
  border-radius: 0.875rem;
  box-shadow: 0 0.25rem 1rem rgba(24, 48, 40, 0.07);
  height: auto;
  padding: 1.125rem 1.125rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review__card {
    border-radius: 0.875rem;
    padding: 1.25rem 1.375rem 1.375rem;
  }
}
.page-consultation--main .page-consultation-review__profile {
  color: #5b675f;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.6;
}
.page-consultation--main .page-consultation-review__profile-wrap {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}
.page-consultation--main .page-consultation-review__avatar {
  flex: 0 0 auto;
  width: 4rem;
  height: 4rem;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #d8e6d4;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review__avatar {
    width: 4.5rem;
    height: 4.5rem;
  }
}
.page-consultation--main .page-consultation-review__card-title {
  margin-top: 0.875rem;
  padding: 0.6875rem 0.75rem;
  border-radius: 0 0.5rem 0.5rem 0;
  background-color: #f3f8f1;
  color: #26A300;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review__card-title {
    padding: 0.75rem 0.875rem;
    font-size: 1.1875rem;
  }
}
.page-consultation--main .page-consultation-review__text {
  color: #444;
  font-size: 0.875rem;
  line-height: 1.75;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review__text {
    font-size: 0.875rem;
  }
}
.page-consultation--main .page-consultation-review__prev,
.page-consultation--main .page-consultation-review__next {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d9e7d5;
  border-radius: 50%;
  box-shadow: 0 0.1875rem 0.625rem rgba(24, 48, 40, 0.1);
  color: #26A300;
  cursor: pointer;
  display: flex;
  height: 2.375rem;
  justify-content: center;
  margin-top: -2.25rem;
  position: absolute;
  top: 50%;
  width: 2.375rem;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review__prev,
  .page-consultation--main .page-consultation-review__next {
    height: 2.75rem;
    margin-top: -2.5rem;
    width: 2.75rem;
  }
}
.page-consultation--main .page-consultation-review__prev {
  left: -0.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review__prev {
    left: 0;
  }
}
.page-consultation--main .page-consultation-review__next {
  right: -0.25rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review__next {
    right: 0;
  }
}
.page-consultation--main .page-consultation-review__prev::after,
.page-consultation--main .page-consultation-review__next::after {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
}
.page-consultation--main .page-consultation-review__prev::after {
  content: "‹";
}
.page-consultation--main .page-consultation-review__next::after {
  content: "›";
}
.page-consultation--main .page-consultation-review__pagination {
  bottom: 0;
  display: flex;
  gap: 0.4375rem;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}
.page-consultation--main .page-consultation-review__pagination .swiper-pagination-bullet-active {
  background-color: #26A300;
}
.page-consultation--main .page-consultation-review__note {
  color: #666;
  font-size: 0.6875rem;
  line-height: 1.7;
  margin: 0 0 1.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-review__note {
    font-size: 0.75rem;
    margin-bottom: 1.875rem;
  }
}
.page-consultation--main .page-consultation-professional__list-content {
  overflow: hidden;
}
.page-consultation--main .page-consultation-professional__list .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-consultation--main .page-consultation-professional__list .thumb {
  display: flex;
  align-items: center;
  width: 38.4%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional__list .thumb {
    width: 29.5%;
    border-radius: 50%;
    margin-right: 1rem;
  }
}
.page-consultation--main .page-consultation-professional__list .thumb img {
  border-radius: 50vh;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-consultation--main .page-consultation-professional__list .name {
  width: 57.8%;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.4444444444;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional__list .name {
    font-size: 1.25rem;
    line-height: 1.45;
    width: 69.5%;
  }
}
.page-consultation--main .page-consultation-professional__list .license {
  margin-top: 1.0625rem;
  width: 100%;
}
.page-consultation--main .page-consultation-professional__list .license dt {
  font-weight: 700;
  color: #26A300;
  background-color: #f3f8f1;
  border-radius: 0.25rem;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 0.125rem 1em 0.3125rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional__list .license dt {
    font-size: clamp(0.375rem, 0.029rem + 0.721vw, 0.75rem);
    line-height: 1.4166666667;
    padding: 0.125rem 1em 0.3125rem;
  }
}
.page-consultation--main .page-consultation-professional__list .license dd {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4285714286;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional__list .license dd {
    font-size: 0.875rem;
  }
}
.page-consultation--main .page-consultation-professional__list .strength {
  margin-top: 1.0625rem;
  width: 100%;
}
.page-consultation--main .page-consultation-professional__list .strength dt {
  font-weight: 700;
  color: #26A300;
  background-color: #f3f8f1;
  border-radius: 0.25rem;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 0.125rem 1em 0.3125rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional__list .strength dt {
    font-size: clamp(0.375rem, 0.029rem + 0.721vw, 0.75rem);
    line-height: 1.4166666667;
    padding: 0.125rem 1em 0.3125rem;
  }
}
.page-consultation--main .page-consultation-professional__list .strength dd {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4285714286;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional__list .strength dd {
    font-size: 0.875rem;
  }
}
.page-consultation--main {
  /* FP紹介スライダー */
}
.page-consultation--main .page-consultation-professional-swiper-container {
  overflow: hidden;
}
.page-consultation--main .page-consultation-professional-swiper-container-inner {
  padding: 0 3.125rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional-swiper-container-inner {
    max-width: 1440px;
    padding: 0 7.5rem;
    margin: 0 auto;
  }
}
.page-consultation--main .page-consultation-professional-swiper-container .swiper {
  overflow: visible;
  padding: 6px 0;
}
.page-consultation--main .page-consultation-professional-swiper {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional-swiper {
    margin-top: 2.25rem;
  }
}
.page-consultation--main .page-consultation-professional-swiper .swiper-wrapper {
  height: auto;
  width: 100%;
}
.page-consultation--main .page-consultation-professional-swiper .swiper-slide {
  height: auto;
  max-height: 26.375rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional-swiper .swiper-slide {
    max-height: 27.5rem;
  }
}
.page-consultation--main {
  /* 前へ次への矢印カスタマイズ */
}
.page-consultation--main .page-consultation-professional-swiper .swiper-button-prev,
.page-consultation--main .page-consultation-professional-swiper .swiper-button-next {
  height: 3rem;
  width: 3rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional-swiper .swiper-button-prev,
  .page-consultation--main .page-consultation-professional-swiper .swiper-button-next {
    height: 4rem;
    width: 4rem;
  }
}
.page-consultation--main {
  /* 前へ次への矢印カスタマイズ */
}
.page-consultation--main .page-consultation-professional-swiper .swiper-button-prev:after,
.page-consultation--main .page-consultation-professional-swiper .swiper-button-next:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 3rem;
  margin: auto;
  width: 3rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional-swiper .swiper-button-prev:after,
  .page-consultation--main .page-consultation-professional-swiper .swiper-button-next:after {
    height: 4rem;
    width: 4rem;
  }
}
.page-consultation--main {
  /* 前への矢印カスタマイズ */
}
.page-consultation--main .page-consultation-professional-swiper .swiper-button-prev:after {
  background-image: url(../images/top/slide-arrow-left.png);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
.page-consultation--main {
  /* 次への矢印カスタマイズ */
}
.page-consultation--main .page-consultation-professional-swiper .swiper-button-next:after {
  background-image: url(../images/top/slide-arrow-right.png);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
.page-consultation--main {
  /* 画像サイズ調整 */
}
.page-consultation--main .page-consultation-professional-swiper .swiper-slide img {
  height: auto;
  width: 100%;
}
.page-consultation--main .page-consultation-professional-swiper .swiper-button-prev {
  left: initial;
  right: calc(100% - 0.5rem);
  top: 50%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional-swiper .swiper-button-prev {
    right: calc(100% - 1.2rem);
  }
}
.page-consultation--main .page-consultation-professional-swiper .swiper-button-next {
  left: calc(100% - 0.5rem);
  top: 50%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional-swiper .swiper-button-next {
    left: calc(100% - 1.2rem);
  }
}
.page-consultation--main {
  /* FP紹介 */
}
.page-consultation--main .page-consultation-professional {
  background-color: #fff;
  padding: 3.5rem 0;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-professional {
    padding: 5rem 0;
  }
}
.page-consultation--main .page-consultation-professional__ttl {
  color: #183028;
  margin: 0;
}
.page-consultation--main {
  /* 選ばれる理由 */
}
.page-consultation--main .page-consultation-reason {
  background-color: #f3f8f1;
  padding: 3rem 0 3.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-reason {
    padding: 4.5rem 0 5rem;
  }
}
.page-consultation--main .page-consultation-reason__box-lists {
  display: grid;
  gap: 0;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-reason__box-lists {
    margin-top: 2.25rem;
  }
}
.page-consultation--main {
  /* 実例集・選ばれる理由：共通見出しと装飾量を統一 */
}
.page-consultation--main .page-consultation-case__intro .page-consultation-common__ttl {
  font-size: 1.5rem;
  line-height: 1.4583333333;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-case__intro .page-consultation-common__ttl {
    font-size: 2.5rem;
    line-height: 1.45;
  }
}
.page-consultation--main .page-consultation-reason__box-lists .consultation-box-list::before {
  content: none;
  display: none;
}
.page-consultation--main .page-consultation-reason__box-lists .consultation-box-list::after {
  content: none;
  display: none;
}
.page-consultation--main .page-consultation-reason__box-lists .consultation-box-list__ttl {
  color: #183028;
  font-size: 1.375rem;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}
.page-consultation--main .page-consultation-reason__box-lists .consultation-box-list__ttl span {
  color: #26A300;
  font-size: 1.12em;
}
.page-consultation--main .page-consultation-reason__box-lists .consultation-box-list__txt {
  color: #444;
  font-size: 1.0625rem;
  line-height: 1.75;
  margin: 0;
  padding: 0.375rem 0;
}
.page-consultation--main .page-consultation-reason__box-lists .consultation-box-list {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: block;
  margin: 0;
  overflow: visible;
  padding: 2rem 0;
  position: relative;
  width: 100%;
}
.page-consultation--main .page-consultation-reason__box-lists .consultation-box-list:last-child {
  border-bottom: 0;
}
.page-consultation--main .page-consultation-reason__head {
  align-items: center;
  display: grid;
  gap: 1.125rem;
  margin: 0 auto 0.875rem;
}
.page-consultation--main .page-consultation-reason__person {
  padding-top: 1.75rem;
  position: relative;
  text-align: center;
}
.page-consultation--main .page-consultation-reason__person p {
  align-items: center;
  background-color: #fff;
  border: 1px solid #26A300;
  border-radius: 50vh;
  color: #183028;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  left: 50%;
  margin: 0;
  padding: 0.4375rem 1.125rem;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  z-index: 1;
  white-space: nowrap;
}
.page-consultation--main .page-consultation-reason__person p::before,
.page-consultation--main .page-consultation-reason__person p::after {
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  content: "";
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.page-consultation--main .page-consultation-reason__person p::before {
  border-top: 0.4375rem solid #26A300;
  bottom: -0.4375rem;
}
.page-consultation--main .page-consultation-reason__person p::after {
  border-top: 0.375rem solid #fff;
  bottom: -0.3125rem;
}
.page-consultation--main .page-consultation-reason__person img {
  border-radius: 50%;
  display: block;
  height: 7.25rem;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 7.25rem;
}
.page-consultation--main .page-consultation-reason__body {
  background-color: #fff;
  border-radius: 0.75rem;
  padding: 1.125rem;
  position: relative;
}
.page-consultation--main .page-consultation-reason__body::before {
  border-bottom: 0.875rem solid #fff;
  border-left: 0.875rem solid transparent;
  border-right: 0.875rem solid transparent;
  content: "";
  left: 50%;
  position: absolute;
  top: -0.8125rem;
  transform: translateX(-50%);
}
.page-consultation--main .page-consultation-reason__body-main img {
  border-radius: 1rem;
  display: none;
  height: 7.5rem;
  margin: 0.75rem auto 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: min(82%, 16.25rem);
}
@media screen and (min-width: 768px) {
  .page-consultation--main .page-consultation-reason__box-lists .consultation-box-list {
    margin: 0 auto;
    padding: 2.625rem 0;
    width: 74%;
  }
  .page-consultation--main .page-consultation-reason__head {
    gap: 0.75rem;
    grid-template-columns: 9rem minmax(0, 1fr);
    margin-bottom: 0.875rem;
  }
  .page-consultation--main .page-consultation-reason__box-lists .consultation-box-list__ttl {
    font-size: 1.875rem;
    text-align: left;
  }
  .page-consultation--main .page-consultation-reason__person p {
    font-size: 1rem;
    padding: 0.375rem 0.875rem;
    transform: translateX(-58%);
  }
  .page-consultation--main .page-consultation-reason__person img {
    height: 7.5rem;
    width: 7.5rem;
  }
  .page-consultation--main .page-consultation-reason__body {
    padding: 1.5rem 2.25rem 1.75rem;
  }
  .page-consultation--main .page-consultation-reason__body-main {
    align-items: start;
    display: grid;
    gap: 1.75rem;
    grid-template-columns: minmax(0, 1fr) 15rem;
  }
  .page-consultation--main .page-consultation-reason__box-lists .consultation-box-list__txt {
    font-size: 1.1875rem;
    line-height: 1.8;
    padding: 0.625rem 0;
  }
  .page-consultation--main .page-consultation-reason__body-main img {
    display: block;
    height: 9.375rem;
    margin: 0;
    width: 100%;
  }
}
.page-consultation--main .bg-consaltation-wrap {
  background: url(../images/top/top-bg02.png) no-repeat left 75%;
  background-size: 110%;
}
@media screen and (min-width: 768px) {
  .page-consultation--main .bg-consaltation-wrap {
    background: url(../images/top/top-bg02.png) no-repeat 60% 70%;
    background-size: 100%;
  }
}

html.is-campaign-modal-open,
html.is-campaign-modal-open body {
  overflow: hidden;
}

/* 保険相談30秒診断 */
.consultation-questionnaire {
  --cq-green: #26a300;
  --cq-green-dark: #176f00;
  --cq-green-soft: #f3f8f1;
  --cq-yellow: #ffd84d;
  --cq-ink: #253025;
  background-color: #eaf4e6;
  background-image: radial-gradient(rgba(38, 163, 0, 0.075) 1px, transparent 1px);
  background-size: 1rem 1rem;
  color: var(--cq-ink);
  min-height: 100vh;
  padding: 1.5rem 1rem 5rem;
}

.consultation-questionnaire *,
.consultation-questionnaire *::before,
.consultation-questionnaire *::after {
  box-sizing: border-box;
}

.consultation-questionnaire button,
.consultation-questionnaire a {
  font-family: inherit;
}

.consultation-questionnaire__shell {
  margin: 0 auto;
  max-width: 47.5rem;
}

.page-template-page-consultation-questionnaire .header__inner {
  height: 2.5rem;
  justify-content: center;
}

.page-template-page-consultation-questionnaire .header__logo-img {
  max-width: 7.5rem;
}

.page-template-page-consultation-questionnaire .header__nav,
.page-template-page-consultation-questionnaire .header__sp-info,
.page-template-page-consultation-questionnaire .header__hamburger,
.page-template-page-consultation-questionnaire .header__sp-nav,
.page-template-page-consultation-questionnaire .header__sp-btn {
  display: none !important;
}

.consultation-questionnaire__progress {
  margin: 0 auto 0.75rem;
  max-width: 40rem;
}

.consultation-questionnaire__progress-head {
  align-items: end;
  color: #667066;
  display: flex;
  font-size: 0.8125rem;
  font-weight: 700;
  justify-content: space-between;
  margin-bottom: 0.375rem;
}

.consultation-questionnaire__progress-head strong {
  color: var(--cq-green-dark);
  font-size: 1.25rem;
  line-height: 1;
}

.consultation-questionnaire__progress-head small {
  font-size: 0.75rem;
  margin-left: 0.125rem;
}

.consultation-questionnaire__progress-track {
  background-color: #dce8d8;
  border-radius: 999px;
  height: 0.5rem;
  overflow: hidden;
}

.consultation-questionnaire__progress-track span {
  background: linear-gradient(90deg, #77c95f, var(--cq-green));
  border-radius: inherit;
  display: block;
  height: 100%;
  transition: width 0.35s ease;
}

.consultation-questionnaire__stage {
  position: relative;
}

.consultation-questionnaire__panel {
  animation: consultation-questionnaire-in 0.28s ease both;
  background-color: transparent;
  border: 0;
  border-radius: 1.25rem;
  box-shadow: none;
  margin: 0 auto;
  max-width: 40rem;
  min-height: 34rem;
  padding: 2.5rem 3.25rem;
  text-align: center;
}

.consultation-questionnaire__panel[hidden] {
  display: none !important;
}

.consultation-questionnaire__panel h1,
.consultation-questionnaire__panel h2 {
  color: var(--cq-ink);
  font-size: clamp(1.75rem, 4vw, 2.35rem);
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.45;
  margin: 0;
}

.consultation-questionnaire__panel h2 {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  text-decoration: none;
}

.consultation-questionnaire__panel h2::before,
.consultation-questionnaire__panel h2::after {
  display: none;
}

.consultation-questionnaire__panel h1 span,
.consultation-questionnaire__panel h2 span {
  color: var(--cq-green);
}

.consultation-questionnaire__eyebrow,
.consultation-questionnaire__question-number {
  color: var(--cq-green);
  font-size: 0.9375rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0 0 0.75rem;
}

.consultation-questionnaire__eyebrow {
  background-color: var(--cq-green-soft);
  border-radius: 999px;
  display: inline-block;
  padding: 0.4rem 1rem;
}

.consultation-questionnaire__start-lead,
.consultation-questionnaire__complete-lead {
  color: #566056;
  font-size: 1rem;
  line-height: 1.9;
  margin: 1rem auto 0;
  max-width: 32rem;
}

.consultation-questionnaire__panel--start {
  padding-top: 0;
}

.consultation-questionnaire__panel:not(.consultation-questionnaire__panel--start) {
  background-color: #fff;
  border: 1px solid #d8e8d3;
  box-shadow: 0 0.75rem 1.75rem rgba(42, 89, 29, 0.1);
}

.consultation-questionnaire__start-hero {
  margin: 0 auto;
  max-width: 33rem;
}

.consultation-questionnaire__start-hero img {
  border-radius: 1rem;
  box-shadow: 0 0.75rem 1.75rem rgba(133, 91, 0, 0.18);
  display: block;
  height: auto;
  width: 100%;
}

.consultation-questionnaire__start-title {
  font-size: 2.125rem;
  line-height: 1.35;
  margin: 0 !important;
  text-align: center;
}

.consultation-questionnaire__start-title span {
  display: inline-block;
  position: relative;
  z-index: 0;
}

.consultation-questionnaire__start-title span::after {
  background-color: rgba(255, 216, 77, 0.82);
  border-radius: 999px;
  bottom: 0.08em;
  content: "";
  height: 0.42em;
  left: -0.08em;
  position: absolute;
  right: -0.08em;
  z-index: -1;
}

.consultation-questionnaire__worries-wrap {
  margin: 1.25rem auto 0;
  max-width: 33rem;
}

.consultation-questionnaire__worries-head {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 7rem;
  padding-right: 9rem;
  position: relative;
  z-index: 1;
}

.consultation-questionnaire__worries-head img {
  bottom: -0.75rem;
  display: block;
  height: auto;
  position: absolute;
  right: 0.75rem;
  width: 9rem;
}

.consultation-questionnaire__worries {
  background-color: #fff;
  border: 1px solid #cfe4c8;
  border-radius: 1rem;
  margin-top: 0.25rem;
  padding: 1rem 1.25rem;
  text-align: left;
}

.consultation-questionnaire__worries ul {
  margin: 0;
  padding: 0;
}

.consultation-questionnaire__worries li {
  color: #3f493f;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.65;
  list-style: none;
  padding: 0.375rem 0 0.375rem 1.75rem;
  position: relative;
}

.consultation-questionnaire__worries li::before {
  align-items: center;
  background-color: var(--cq-green);
  border-radius: 50%;
  color: #fff;
  content: "✓";
  display: flex;
  font-size: 0.75rem;
  font-weight: 900;
  height: 1.25rem;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0.575rem;
  width: 1.25rem;
}

.consultation-questionnaire__survey-guide {
  margin: 0.625rem auto 0.25rem;
  text-align: center;
}

.consultation-questionnaire__survey-guide strong {
  background: linear-gradient(transparent 70%, #fff2a8 70%, #fff2a8 91%, transparent 91%);
  color: #344034;
  display: inline;
  font-size: 1.25rem;
  line-height: 1.55;
  padding: 0 0.125rem 0.0625rem;
  white-space: nowrap;
}

.consultation-questionnaire__survey-guide span {
  animation: consultation-questionnaire-guide-arrow 1.4s ease-in-out infinite;
  color: var(--cq-green);
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  margin: 0 auto 0.375rem;
}

.consultation-questionnaire__journey {
  margin: 0.75rem auto 0;
  max-width: 31rem;
}

.consultation-questionnaire__journey-labels {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  margin-bottom: 0.5rem;
}

.consultation-questionnaire__journey-labels strong {
  color: #f28b00;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
}

.consultation-questionnaire__journey-labels strong:first-child {
  text-align: left;
}

.consultation-questionnaire__journey-labels strong:last-child {
  text-align: right;
}

.consultation-questionnaire__journey-labels span {
  color: #778077;
  font-size: 0.75rem;
  font-weight: 700;
}

.consultation-questionnaire__journey-track {
  background-color: #f8e4ec;
  border-radius: 999px;
  height: 1.125rem;
  position: relative;
}

.consultation-questionnaire__journey-track > span {
  animation: consultation-questionnaire-bar-shine 2.4s ease-in-out infinite;
  background: linear-gradient(90deg, #f28b00 0%, #ffbd42 35%, #fff3b5 50%, #ffbd42 65%, #f28b00 100%);
  background-size: 240% 100%;
  border-radius: inherit;
  display: block;
  height: 100%;
  position: relative;
  width: 25%;
}

.consultation-questionnaire__journey-track > span::before,
.consultation-questionnaire__journey-track > span::after {
  animation: consultation-questionnaire-twinkle 1.8s ease-in-out infinite;
  color: #ffd23f;
  content: "✦";
  font-size: 1rem;
  position: absolute;
  right: -0.75rem;
  text-shadow: 0 0 0.5rem rgba(255, 210, 63, 0.75);
  top: -1.3rem;
}

.consultation-questionnaire__journey-track > span::after {
  animation-delay: 0.55s;
  content: "✧";
  font-size: 0.75rem;
  right: -1.35rem;
  top: -0.55rem;
}

.consultation-questionnaire__start-question {
  background-color: #f7fbf5;
  border: 2px solid #b9dab0;
  border-radius: 1rem;
  box-shadow: 0 0.375rem 1rem rgba(42, 89, 29, 0.08);
  margin-top: 1.5rem;
  padding: 1.5rem;
}

.consultation-questionnaire__start-question h2 {
  font-size: 1.75rem;
}

.consultation-questionnaire__qa-illustration {
  display: block;
  height: auto;
  margin: 0.75rem auto 0;
  -webkit-mask-image: radial-gradient(ellipse 72% 72% at center, #000 56%, transparent 100%);
  mask-image: radial-gradient(ellipse 72% 72% at center, #000 56%, transparent 100%);
  width: 10rem;
}

.consultation-questionnaire__qa-illustration--answer {
  margin-top: 1rem;
  width: 10.5rem;
}

.consultation-questionnaire__primary-button {
  align-items: center;
  background: linear-gradient(180deg, #ffb72c, #f28b00);
  border: 0;
  border-bottom: 0.25rem solid #bf6800;
  border-radius: 0.75rem;
  box-shadow: 0 0.375rem 0.875rem rgba(218, 125, 0, 0.22);
  color: #fff;
  display: flex;
  font-size: 1.2rem;
  font-weight: 800;
  justify-content: center;
  line-height: 1.4;
  margin: 1.5rem auto 0;
  max-width: 28rem;
  min-height: 4rem;
  padding: 0.75rem 3rem;
  position: relative;
  text-decoration: none;
  transition: filter 0.2s ease, transform 0.2s ease;
  width: 100%;
}

.consultation-questionnaire__primary-button:hover {
  filter: brightness(1.04);
  transform: translateY(-0.125rem);
}

.consultation-questionnaire__primary-button span {
  font-size: 2rem;
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-53%);
}

.consultation-questionnaire__microcopy {
  color: #7c847c;
  font-size: 0.75rem;
  margin: 0.75rem 0 0;
}

.consultation-questionnaire__question-note {
  color: #7a837a;
  font-size: 0.875rem;
  margin: 0.75rem 0 1.5rem;
}

.consultation-questionnaire__answers {
  display: grid;
  gap: 0.875rem;
  margin: 2rem auto 0;
  max-width: 31rem;
}

.consultation-questionnaire__answers button {
  align-items: center;
  background: linear-gradient(180deg, #ffb338 0%, #f38a00 100%);
  border: 2px solid #f38a00;
  border-bottom: 0.25rem solid #bd6500;
  border-radius: 0.75rem;
  box-shadow: 0 0.4rem 0.875rem rgba(196, 105, 0, 0.24);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.0625rem;
  font-weight: 800;
  justify-content: center;
  min-height: 4rem;
  padding: 0.75rem 3rem;
  position: relative;
  transition: filter 0.2s ease, transform 0.2s ease;
  width: 100%;
}

.consultation-questionnaire__answers button:hover,
.consultation-questionnaire__answers button:focus-visible {
  filter: brightness(1.06);
  transform: translateY(-0.125rem);
}

.consultation-questionnaire__answers button span {
  color: #fff;
  font-size: 1.75rem;
  position: absolute;
  right: 1.125rem;
  top: 50%;
  transform: translateY(-54%);
}

.consultation-questionnaire__answers--four {
  gap: 0.625rem;
}

.consultation-questionnaire__answers--four button,
.consultation-questionnaire__answers--three button {
  min-height: 3.5rem;
}

.consultation-questionnaire__back,
.consultation-questionnaire__restart {
  background: none;
  border: 0;
  color: #697369;
  cursor: pointer;
  font-size: 0.8125rem;
  margin-top: 1.25rem;
  padding: 0.5rem;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.consultation-questionnaire__check-label {
  align-items: center;
  color: var(--cq-green-dark);
  display: flex;
  font-size: 1rem;
  font-weight: 900;
  gap: 0.5rem;
  justify-content: center;
  letter-spacing: 0.1em;
  margin: 0 0 1rem;
}

.consultation-questionnaire__check-label span {
  align-items: center;
  background-color: var(--cq-green);
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  height: 2.25rem;
  justify-content: center;
  letter-spacing: 0;
  width: 2.25rem;
}

.consultation-questionnaire__lesson {
  background-color: #f7fbf5;
  background-image: url("../images/consultation/icon-circle-check.png");
  background-position: 1.125rem center;
  background-repeat: no-repeat;
  background-size: 2rem auto;
  border: 1px solid #cfe4c8;
  border-radius: 1rem;
  box-shadow: 0 0.375rem 0.875rem rgba(42, 89, 29, 0.08);
  margin-top: 1.75rem;
  padding: 1.125rem 1.25rem 1.125rem 4rem;
  text-align: left;
}

.consultation-questionnaire__lesson p,
.consultation-questionnaire__lesson li {
  color: #4d584d;
  font-size: 0.9375rem;
  line-height: 1.85;
}

.consultation-questionnaire__lesson p {
  margin: 0;
}

.consultation-questionnaire__lesson ul {
  margin: 0;
  padding: 0;
}

.consultation-questionnaire__lesson li {
  list-style: none;
  padding-left: 1.5rem;
  position: relative;
}

.consultation-questionnaire__lesson li::before {
  color: var(--cq-green);
  content: "✓";
  font-weight: 900;
  left: 0;
  position: absolute;
}

.consultation-questionnaire__lesson-point {
  border-top: 1px dashed #bfd5b8;
  margin-top: 0.875rem !important;
  padding-top: 0.875rem;
}

.consultation-questionnaire__lesson-point strong {
  background-color: var(--cq-yellow);
  border-radius: 0.25rem;
  color: #263026;
  display: inline-block;
  font-size: 0.8125rem;
  margin-right: 0.375rem;
  padding: 0.125rem 0.375rem;
}

.consultation-questionnaire__panel--reviews {
  min-height: 45rem;
}

.consultation-questionnaire__voices {
  margin: 1.5rem auto 0;
}

.consultation-questionnaire__voices h3 {
  color: #354135;
  font-size: 1.125rem;
  margin: 0 0 0.75rem;
}

.consultation-questionnaire__voice-viewport {
  overflow: hidden;
}

.consultation-questionnaire__voice-track {
  display: flex;
  transition: transform 0.35s ease;
}

.consultation-questionnaire__voice-card {
  background-color: #fff;
  border: 1px solid #dbe8d7;
  border-radius: 0.75rem;
  flex: 0 0 100%;
  padding: 1rem 1.125rem;
  text-align: left;
}

.consultation-questionnaire__voice-profile {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}

.consultation-questionnaire__voice-profile img {
  border-radius: 50%;
  height: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 3rem;
}

.consultation-questionnaire__voice-profile span {
  color: #657065;
  font-size: 0.8125rem;
  font-weight: 700;
}

.consultation-questionnaire__voice-card h4 {
  color: var(--cq-green-dark);
  font-size: 1rem;
  line-height: 1.55;
  margin: 0.75rem 0 0.375rem;
}

.consultation-questionnaire__voice-card > p {
  color: #566056;
  font-size: 0.8125rem;
  line-height: 1.75;
  margin: 0;
}

.consultation-questionnaire__voice-controls {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-top: 0.75rem;
}

.consultation-questionnaire__voice-controls > button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #bfd5b8;
  border-radius: 50%;
  color: var(--cq-green);
  cursor: pointer;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.consultation-questionnaire__voice-dots {
  display: flex;
  gap: 0.375rem;
}

.consultation-questionnaire__voice-dots button {
  background-color: #cfdbcc;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  height: 0.5rem;
  padding: 0;
  transition: background-color 0.2s ease, width 0.2s ease;
  width: 0.5rem;
}

.consultation-questionnaire__voice-dots button.is-active {
  background-color: var(--cq-green);
  width: 1.25rem;
}

.consultation-questionnaire__voice-note {
  color: #7d857d;
  font-size: 0.6875rem;
  line-height: 1.5;
  margin: 0.625rem 0 0;
}

.consultation-questionnaire__panel--complete {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0;
}

.consultation-questionnaire__complete-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.consultation-questionnaire__complete-intro {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0 auto;
  max-width: 31rem;
  padding: 0;
}

.consultation-questionnaire__complete-status {
  margin: 0 auto 0.75rem;
  max-width: 31rem;
}

.consultation-questionnaire__complete-status > div {
  color: #8a7b68;
  display: flex;
  font-size: 0.6875rem;
  font-weight: 900;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}

.consultation-questionnaire__complete-status p {
  background-color: #fce4ec;
  border-radius: 999px;
  box-shadow: inset 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08);
  height: 2rem;
  margin: 0;
  overflow: hidden;
}

.consultation-questionnaire__complete-status strong {
  align-items: center;
  background: linear-gradient(180deg, #ffb72c, #f28b00);
  border-radius: inherit;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  height: 100%;
  justify-content: center;
  letter-spacing: 0.06em;
  width: 100%;
}

.consultation-questionnaire__panel--complete h2 {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
}

.consultation-questionnaire__panel--complete h2 span {
  color: #f28b00;
}

.consultation-questionnaire__complete-assurance {
  align-items: end;
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
  display: flex;
  justify-content: center;
  margin: 0.625rem auto -1.25rem;
  max-width: 20rem;
  pointer-events: none;
  position: relative;
  z-index: 2;
}

.consultation-questionnaire__complete-assurance img {
  display: block;
  height: 7rem !important;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
}

.consultation-questionnaire__complete-assurance-bubble {
  position: relative;
  z-index: 1;
}

.consultation-questionnaire__complete-assurance-person {
  position: relative;
  transform: translateX(-0.25rem);
  z-index: 2;
}

.consultation-questionnaire__gift-details {
  background: linear-gradient(180deg, #fffdf7 0%, #fff 100%);
  border: 2px solid #f2b64d;
  border-radius: 1rem;
  box-shadow: 0 0.875rem 2rem rgba(185, 112, 0, 0.14);
  margin: 1.25rem auto 0;
  max-width: 31rem;
  padding: 2.5rem 1.25rem 1rem;
  position: relative;
  text-align: left;
  z-index: 1;
}

.consultation-questionnaire__gift-details section + section {
  border-top: 1px dashed #e3c79f;
  margin-top: 1rem;
  padding-top: 1rem;
}

.consultation-questionnaire__gift-details h3 {
  background-color: #f28b00;
  border-radius: 999px;
  color: #fff;
  display: block;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1.4;
  margin: 0 auto 0.75rem;
  padding: 0.35rem 1rem;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}

.consultation-questionnaire__gift-details p {
  color: #4d4336;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 0;
  text-align: center;
}

.consultation-questionnaire__gift-details p strong {
  font-size: 1.125rem;
}

.consultation-questionnaire__gift-after {
  color: var(--cq-green);
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 0.125rem;
}

.consultation-questionnaire__gift-details p em {
  color: #e74421;
  font-size: 2rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.35;
}

.consultation-questionnaire__gift-details ul {
  margin: 0;
  padding: 0;
}

.consultation-questionnaire__gift-details section li {
  color: #4d4336;
  font-size: 0.875rem;
  line-height: 1.7;
  list-style: none;
  padding-left: 1.25rem;
  position: relative;
}

.consultation-questionnaire__gift-details section li::before {
  color: #f28b00;
  content: "・";
  font-weight: 900;
  left: 0;
  position: absolute;
}

.consultation-questionnaire__complete-flow {
  background-color: #fff;
  border: 1px solid #f0d6b4;
  border-radius: 0.875rem;
  margin: 1rem auto 0;
  max-width: 31rem;
  padding: 0.875rem 0.75rem 0.75rem;
}

.consultation-questionnaire__gift-details .consultation-questionnaire__complete-flow {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  border-top: 1px dashed #e3c79f;
  margin-top: 1rem;
  max-width: none;
  padding: 1rem 0 0;
}

.consultation-questionnaire__complete-flow ol {
  display: grid;
  gap: 0.25rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
}

.consultation-questionnaire__complete-flow li {
  align-items: center;
  color: #7a6b57;
  display: flex;
  flex-direction: column;
  list-style: none;
  min-width: 0;
  position: relative;
}

.consultation-questionnaire__complete-flow li:not(:last-child)::after {
  color: #e1b677;
  content: "›";
  font-size: 1.25rem;
  font-weight: 900;
  position: absolute;
  right: -0.25rem;
  top: 0.35rem;
}

.consultation-questionnaire__complete-flow li > span {
  align-items: center;
  background-color: #eee8df;
  border-radius: 50%;
  color: #746854;
  display: flex;
  font-size: 0.8125rem;
  font-weight: 900;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.consultation-questionnaire__complete-flow li.is-complete > span {
  background-color: var(--cq-green);
  color: #fff;
}

.consultation-questionnaire__complete-flow li.is-current > span {
  background-color: #f28b00;
  box-shadow: 0 0 0 0.25rem #fff0d7;
  color: #fff;
}

.consultation-questionnaire__complete-flow strong {
  color: #4c4439;
  font-size: 0.6875rem;
  line-height: 1.35;
  margin-top: 0.375rem;
}

.consultation-questionnaire__complete-flow .is-current strong {
  color: #d56f00;
}

.consultation-questionnaire__complete-flow small {
  color: #8b8174;
  font-size: 0.625rem;
  line-height: 1.35;
}

.consultation-questionnaire__consultation-flow {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  margin: 1.5rem auto 0;
  max-width: 31rem;
  padding: 0;
}

.consultation-questionnaire__consultation-flow-title {
  color: var(--cq-green-dark);
  font-size: 1.125rem;
  font-weight: 900;
  margin: 0 0 1rem;
  text-align: center;
  text-decoration: none;
}

.consultation-questionnaire__consultation-flow-title span {
  color: #f28b00;
}

.consultation-questionnaire__consultation-flow ol {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
}

.consultation-questionnaire__consultation-flow li {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d9e8d4;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  list-style: none;
  min-width: 0;
  padding: 0.75rem;
  position: relative;
  text-align: center;
}

.consultation-questionnaire__consultation-flow-step {
  background-color: var(--cq-green);
  border-radius: 999px;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 900;
  left: 0.625rem;
  line-height: 1;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 0.625rem;
}

.consultation-questionnaire__consultation-flow-step b {
  font-size: 0.875rem;
}

.consultation-questionnaire__consultation-flow-icon {
  font-size: 1.75rem;
  line-height: 1;
  margin-top: 0.25rem;
}

.consultation-questionnaire__consultation-flow strong {
  color: #4c4439;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 0.5rem;
}

.consultation-questionnaire__consultation-flow small {
  color: #687268;
  font-size: 0.6875rem;
  line-height: 1.6;
  margin-top: 0.375rem;
}

.consultation-questionnaire__complete-notes {
  background-color: #fff8e9;
  border: 1px solid #e9cf9f;
  border-radius: 0.875rem;
  margin: 1.25rem auto 0;
  max-width: 31rem;
  padding: 1rem 1.125rem;
  text-align: left;
}

.consultation-questionnaire__complete-notes h3 {
  color: #8a5700;
  font-size: 1rem;
  font-weight: 900;
  margin: 0 0 0.625rem;
}

.consultation-questionnaire__complete-notes > p {
  color: #6b5c45;
  font-size: 0.75rem;
  line-height: 1.65;
  margin: 0 0 0.625rem;
}

.consultation-questionnaire__complete-notes ul {
  margin: 0;
  padding-left: 1.125rem;
}

.consultation-questionnaire__complete-notes li {
  color: #6b5c45;
  font-size: 0.6875rem;
  line-height: 1.65;
  margin-top: 0.25rem;
}

.consultation-questionnaire__cta-lead {
  color: var(--cq-green-dark);
  font-size: 0.9375rem;
  font-weight: 800;
  margin: 1.25rem 0 -1.125rem;
}

.consultation-questionnaire__primary-button--cta {
  font-size: 1.25rem;
}

.consultation-questionnaire__primary-button--consent {
  font-size: 1rem;
  margin-top: 1rem;
}

.consultation-questionnaire__section-cta {
  margin-bottom: 0;
  margin-top: 1rem;
}

.consultation-questionnaire__campaign-outline {
  background-color: #fff;
  border: 1px solid #cfe4c8;
  border-radius: 1rem;
  box-shadow: 0 0.625rem 1.5rem rgba(42, 89, 29, 0.08);
  margin: 2rem auto 0;
  padding: 1.5rem;
  text-align: left;
}

.consultation-questionnaire__campaign-outline h2 {
  color: #363d36;
  font-size: 1.5rem;
  line-height: 1.45;
  margin: 0 0 1.25rem;
  text-align: center;
}

.consultation-questionnaire__campaign-outline h2 span {
  color: var(--cq-green);
}

.consultation-questionnaire__campaign-outline dl {
  margin: 0;
}

.consultation-questionnaire__campaign-outline dt {
  background-color: #f3f8f1;
  border-left: 0.25rem solid var(--cq-green);
  color: var(--cq-green-dark);
  font-size: 0.9375rem;
  font-weight: 900;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
}

.consultation-questionnaire__campaign-outline dd {
  color: #555f55;
  font-size: 0.8125rem;
  line-height: 1.75;
  margin: 0;
  padding: 0.625rem 0.75rem 1.125rem;
}

.consultation-questionnaire__campaign-outline dd:last-of-type {
  padding-bottom: 0;
}

.consultation-questionnaire__campaign-outline .consultation-questionnaire__primary-button {
  margin-bottom: 0;
  margin-top: 1.5rem;
}

.consultation-questionnaire__assurances {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin: 0.875rem 0 0;
  padding: 0;
}

.consultation-questionnaire__assurances li {
  color: #5e695e;
  font-size: 0.75rem;
  font-weight: 700;
  list-style: none;
  padding-left: 1rem;
  position: relative;
}

.consultation-questionnaire__assurances li::before {
  color: var(--cq-green);
  content: "✓";
  font-weight: 900;
  left: 0;
  position: absolute;
}

.consultation-questionnaire__noscript {
  background-color: #fff4db;
  margin: 1rem auto;
  max-width: 40rem;
  padding: 1rem;
  text-align: center;
}

.questionnaire-footer {
  background-color: #666;
  color: #fff;
  padding: 0.75rem 1rem;
  text-align: center;
}

.questionnaire-footer__main {
  margin: 0 auto;
  max-width: 40rem;
}

.questionnaire-footer__company-row {
  align-items: center;
  display: flex;
  gap: 1.25rem;
  justify-content: center;
  min-height: 2rem;
}

.questionnaire-footer__logo {
  display: inline-block;
  flex: 0 0 auto;
  width: 9rem;
}

.questionnaire-footer__logo img {
  display: block;
  height: auto;
  width: 100%;
}

.questionnaire-footer__company {
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.questionnaire-footer__copy {
  color: #fff;
  font-size: 0.625rem;
  margin: 0.5rem 0 0;
  opacity: 0.85;
}

@keyframes consultation-questionnaire-in {
  from {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes consultation-questionnaire-twinkle {
  0%, 100% {
    opacity: 0.45;
    transform: scale(0.82) rotate(-8deg);
  }
  50% {
    opacity: 1;
    transform: scale(1.12) rotate(8deg);
  }
}
@keyframes consultation-questionnaire-bar-shine {
  0%, 20% {
    background-position: 100% 0;
    box-shadow: 0 0 0 rgba(255, 193, 53, 0);
  }
  50% {
    box-shadow: 0 0 0.75rem rgba(255, 193, 53, 0.85);
  }
  80%, 100% {
    background-position: -100% 0;
    box-shadow: 0 0 0 rgba(255, 193, 53, 0);
  }
}
@keyframes consultation-questionnaire-guide-arrow {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0.3rem);
  }
}
@media screen and (max-width: 767px) {
  .consultation-questionnaire {
    min-height: calc(100svh - 4rem);
    padding: 0.625rem 0.75rem 1.5rem;
  }
  .consultation-questionnaire__panel {
    border-radius: 1rem;
    min-height: 0;
    padding: 1.25rem 1rem;
  }
  .consultation-questionnaire__panel:not(.consultation-questionnaire__panel--start) {
    box-shadow: 0 0.5rem 1.25rem rgba(42, 89, 29, 0.09);
  }
  .consultation-questionnaire__panel h1,
  .consultation-questionnaire__panel h2 {
    font-size: 1.625rem;
    line-height: 1.45;
  }
  .consultation-questionnaire__panel--question h2,
  .consultation-questionnaire__panel--check h2 {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .consultation-questionnaire__start-lead,
  .consultation-questionnaire__complete-lead {
    font-size: 0.875rem;
    line-height: 1.75;
  }
  .consultation-questionnaire__start-title {
    font-size: 1.45rem;
    line-height: 1.35;
  }
  .consultation-questionnaire__start-hero img {
    border-radius: 0.75rem;
  }
  .consultation-questionnaire__worries-wrap {
    margin-top: 0.875rem;
  }
  .consultation-questionnaire__worries-head {
    min-height: 5.5rem;
    padding-right: 6.75rem;
  }
  .consultation-questionnaire__worries-head img {
    bottom: -0.625rem;
    right: 0.375rem;
    width: 6.75rem;
  }
  .consultation-questionnaire__worries {
    margin-top: 0.125rem;
    padding: 0.875rem 0.75rem;
  }
  .consultation-questionnaire__worries li {
    font-size: 0.875rem;
    line-height: 1.55;
    padding: 0.3rem 0 0.3rem 1.5rem;
  }
  .consultation-questionnaire__worries li::before {
    height: 1.05rem;
    top: 0.45rem;
    width: 1.05rem;
  }
  .consultation-questionnaire__survey-guide {
    margin-top: 0.5rem;
  }
  .consultation-questionnaire__survey-guide strong {
    font-size: clamp(0.8125rem, 3.8vw, 1.0625rem);
  }
  .consultation-questionnaire__survey-guide span {
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
  }
  .consultation-questionnaire__journey {
    margin-top: 0.625rem;
  }
  .consultation-questionnaire__journey-labels {
    margin-bottom: 0.375rem;
  }
  .consultation-questionnaire__journey-track {
    height: 0.875rem;
  }
  .consultation-questionnaire__start-question {
    margin-top: 1rem;
    padding: 1rem 0.75rem;
  }
  .consultation-questionnaire__start-question h2 {
    font-size: 1.35rem;
    line-height: 1.4;
  }
  .consultation-questionnaire__qa-illustration {
    margin-top: 0.5rem;
    width: 8.75rem;
  }
  .consultation-questionnaire__qa-illustration--answer {
    margin-top: 0.625rem;
    width: 9rem;
  }
  .consultation-questionnaire__start-question .consultation-questionnaire__answers {
    margin-top: 0.875rem;
  }
  .consultation-questionnaire__primary-button {
    font-size: 1.0625rem;
    margin-top: 1.125rem;
    min-height: 3.75rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .consultation-questionnaire__answers {
    gap: 0.625rem;
    margin-top: 1.5rem;
  }
  .consultation-questionnaire__answers button {
    font-size: 1rem;
    min-height: 3.875rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .consultation-questionnaire__answers--four button,
  .consultation-questionnaire__answers--three button {
    min-height: 3.25rem;
  }
  .consultation-questionnaire__lesson {
    background-position: 0.875rem center;
    background-size: 1.75rem auto;
    margin-top: 1.25rem;
    padding: 1rem 1rem 1rem 3.25rem;
  }
  .consultation-questionnaire__lesson p,
  .consultation-questionnaire__lesson li {
    font-size: 0.875rem;
    line-height: 1.75;
  }
  .consultation-questionnaire__panel--reviews {
    min-height: 0;
  }
  .consultation-questionnaire__voice-card {
    padding: 0.875rem;
  }
  .consultation-questionnaire__panel--complete {
    padding: 0;
  }
  .consultation-questionnaire__complete-card {
    padding: 0;
  }
  .consultation-questionnaire__complete-intro {
    padding: 0;
  }
  .consultation-questionnaire__complete-status {
    margin-bottom: 0.625rem;
  }
  .consultation-questionnaire__complete-status p {
    height: 1.75rem;
  }
  .consultation-questionnaire__panel--complete h2 {
    font-size: 1.5rem;
    line-height: 1.45;
  }
  .consultation-questionnaire__complete-assurance {
    margin-bottom: -1rem;
    max-width: 18rem;
    width: 100%;
  }
  .consultation-questionnaire__complete-assurance img {
    height: 5.75rem !important;
  }
  .consultation-questionnaire__consultation-flow {
    padding-left: 0;
    padding-right: 0;
  }
  .consultation-questionnaire__consultation-flow ol {
    grid-template-columns: 1fr;
  }
  .consultation-questionnaire__consultation-flow strong {
    font-size: 0.9375rem;
  }
  .consultation-questionnaire__consultation-flow small {
    font-size: 0.75rem;
  }
  .consultation-questionnaire__gift-details {
    padding: 2.25rem 0.875rem 0.875rem;
  }
  .consultation-questionnaire__gift-details h3 {
    font-size: 0.8125rem;
  }
  .consultation-questionnaire__gift-details p strong {
    font-size: 1rem;
  }
  .consultation-questionnaire__gift-details p em {
    font-size: 1.75rem;
  }
  .consultation-questionnaire__complete-notes {
    padding: 0.875rem;
  }
  .consultation-questionnaire__campaign-outline {
    margin-top: 1.5rem;
    padding: 1rem 0.75rem;
  }
  .consultation-questionnaire__campaign-outline h2 {
    font-size: 1.35rem;
    margin-bottom: 1rem;
  }
  .consultation-questionnaire__campaign-outline dt {
    font-size: 0.875rem;
  }
  .consultation-questionnaire__campaign-outline dd {
    font-size: 0.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .consultation-questionnaire__assurances {
    flex-wrap: wrap;
  }
  .questionnaire-footer__logo {
    width: 8.25rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .consultation-questionnaire__panel,
  .consultation-questionnaire__progress-track span,
  .consultation-questionnaire__voice-track {
    animation: none;
    scroll-behavior: auto;
    transition: none;
  }
  .consultation-questionnaire__journey-track > span::before,
  .consultation-questionnaire__journey-track > span::after {
    animation: none;
  }
  .consultation-questionnaire__journey-track > span {
    animation: none;
  }
  .consultation-questionnaire__survey-guide span {
    animation: none;
  }
}
/* 削除予定の /inquiry/ 専用。削除時はこのファイルごと取り除ける。 */
.page-inquiry {
  /* 相談用カードリスト */
}
@media screen and (min-width: 768px) {
  .page-inquiry .consultation-box-lists {
    display: flex;
  }
}
.page-inquiry .consultation-box-list {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
  padding: 1.875rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-inquiry .consultation-box-list {
    width: 31%;
    border-radius: 2rem;
    margin-bottom: 2.25rem;
    margin-left: 3.33%;
    padding: 2.5rem 2.25rem;
  }
}
.page-inquiry .page-consultation-flow__box-lists .consultation-box-list {
  position: relative;
}
.page-inquiry .page-consultation-flow__box-lists .consultation-box-list:not(.page-consultation-flow__box-lists .consultation-box-list:first-child)::after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 1.5625rem;
  background: url(../images/consultation/arrow-flow.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-flow__box-lists .consultation-box-list:not(.page-consultation-flow__box-lists .consultation-box-list:first-child)::after {
    width: 5rem;
    height: 3.5625rem;
    top: 50%;
    left: -3.75rem;
    transform: translateY(-50%);
  }
}
.page-inquiry .consultation-box-list + .consultation-box-list {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .consultation-box-list + .consultation-box-list {
    margin-top: 0;
  }
}
.page-inquiry .consultation-box-list:first-child {
  margin-left: 0;
}
.page-inquiry .consultation-box-list::before {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 1.5rem;
  left: 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .consultation-box-list::before {
    width: 3.5rem;
    height: 3.5rem;
    top: 1.5rem;
    left: 1.5rem;
  }
}
.page-inquiry .consultation-box-list:nth-child(1)::before {
  background: url(../images/consultation/icon-num01.png) no-repeat center center;
  background-size: contain;
}
.page-inquiry .consultation-box-list:nth-child(2)::before {
  background: url(../images/consultation/icon-num02.png) no-repeat center center;
  background-size: contain;
}
.page-inquiry .consultation-box-list:nth-child(3)::before {
  background: url(../images/consultation/icon-num03.png) no-repeat center center;
  background-size: contain;
}
.page-inquiry .consultation-box-list:nth-child(4)::before {
  background: url(../images/consultation/icon-num04.png) no-repeat center center;
  background-size: contain;
}
.page-inquiry .consultation-box-list:nth-child(5)::before {
  background: url(../images/consultation/icon-num05.png) no-repeat center center;
  background-size: contain;
}
.page-inquiry .consultation-box-list__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-inquiry .page-consultation-reason__box-lists .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-reason__box-lists .consultation-box-list__img {
    width: 100%;
    height: 13.25rem;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-reason__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img {
    width: 12.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-reason__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img {
    width: 15.625rem;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-reason__box-lists .consultation-box-list:nth-child(3) .consultation-box-list__img {
    width: 15.125rem;
  }
}
.page-inquiry .page-consultation-flow__box-lists .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-flow__box-lists .consultation-box-list__img {
    width: 100%;
    height: 12.25rem;
  }
}
.page-inquiry .page-consultation-flow__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img {
  margin-left: 1.125rem;
  width: 60%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-flow__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img {
    width: 9.5625rem;
    margin-left: 2.25rem;
  }
}
.page-inquiry .page-consultation-flow__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img {
  margin-left: 1.125rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-flow__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img {
    margin-left: 2.25rem;
    width: 15.125rem;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-flow__box-lists .consultation-box-list:nth-child(3) .consultation-box-list__img {
    width: 13.875rem;
  }
}
.page-inquiry .page-consultation-flow-online .page-consultation-flow__box-lists .consultation-box-list .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-flow-online .page-consultation-flow__box-lists .consultation-box-list .consultation-box-list__img {
    margin: auto;
    width: 13.875rem;
  }
}
.page-inquiry .page-consultation-flow-online .page-consultation-flow__box-lists .consultation-box-list .consultation-box-list__ttl {
  margin-top: 1rem;
}
.page-inquiry .consultation-box-list__ttl {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.4583333333;
  font-weight: 700;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .consultation-box-list__ttl {
    font-size: clamp(0.875rem, 0.163rem + 1.486vw, 1.5rem);
  }
}
.page-inquiry .consultation-box-list__txt {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .consultation-box-list__txt {
    font-size: 1rem;
  }
}
.page-inquiry {
  /* CTAボタン */
}
.page-inquiry .page-consultation-btn-wrap {
  padding: 2.5rem 1.25rem;
  background-color: #26A300;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-btn-wrap {
    padding: 4rem;
  }
}
.page-inquiry .page-consultation-btn {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 22.5rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-btn {
    max-width: 35rem;
  }
}
.page-inquiry .page-consultation-btn a {
  background-color: #FF6600;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.625rem;
  border-radius: 50vh;
  border: 2px solid #fff;
  width: 100%;
  font-weight: 700;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-btn a {
    font-size: 1.5rem;
    border: 4px solid #fff;
  }
}
.page-inquiry .page-consultation-btn a .sub {
  font-size: 0.9375rem;
  line-height: 1.4444444444;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-btn a .sub {
    font-size: 1.125rem;
  }
}
.page-inquiry .page-consultation-btn a .big {
  font-size: 1rem;
  line-height: 1.4583333333;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-btn a .big {
    font-size: 1.5rem;
  }
}
.page-inquiry .page-consultation-btn small {
  display: block;
  text-align: center;
  padding-top: 0.5rem;
}
.page-inquiry {
  /* 共通見出し */
}
.page-inquiry .page-consultation-common__ttl {
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-common__ttl {
    font-size: 2.5rem;
    line-height: 1.45;
  }
}
.page-inquiry .page-consultation-common__ttl .green {
  color: #26A300;
}
.page-inquiry {
  /* よくある質問 */
}
.page-inquiry .page-consultation-faq {
  padding: 2.5rem 0;
}
.page-inquiry .page-consultation-faq .faq__list {
  margin: 2rem auto 0;
  width: 94%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-faq .faq__list {
    max-width: 800px;
    margin: 2rem auto;
  }
}
.page-inquiry .page-consultation-faq .faq__list dt {
  cursor: pointer;
  padding: 1rem;
  background: #fff;
  margin: 0;
  border-bottom: 1px solid #ddd;
}
.page-inquiry .page-consultation-faq .faq__list dt span.faq__labelq {
  background-color: #26A300;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  height: 2.5rem;
  line-height: 2.3rem;
  margin-right: 0.5rem;
  text-align: center;
  width: 2.5rem;
}
.page-inquiry .page-consultation-faq .faq__list dd {
  display: none;
  padding: 1rem;
  background: #fff;
  margin: 0;
}
.page-inquiry {
  /* 実績・数値 */
}
.page-inquiry .page-consultation-figure {
  padding: 2.5rem 0;
  background-color: #F5F5F5;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-figure {
    padding: 5rem 0;
  }
}
.page-inquiry .page-consultation-figure__box-lists {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-figure__box-lists {
    margin-top: 4.0625rem;
    display: flex;
  }
}
.page-inquiry .page-consultation-figure__box-list {
  border-radius: 1rem;
  position: relative;
  padding: 1.875rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-figure__box-list {
    width: 31%;
    border-radius: 2rem;
    margin-left: 3.33%;
    padding: 2.5rem 2.25rem;
  }
}
.page-inquiry .page-consultation-figure__box-list + .page-consultation-figure__box-list {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-figure__box-list + .page-consultation-figure__box-list {
    margin-top: 0;
  }
}
.page-inquiry .page-consultation-figure__box-list-ttl {
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 700;
}
.page-inquiry .page-consultation-figure__box-list-txt {
  color: #26A300;
  line-height: 0.8333333333;
  font-size: 3rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-figure__box-list-txt {
    margin-top: 2.8125rem;
  }
}
.page-inquiry .page-consultation-figure__box-list-txt .big {
  font-size: 7.5rem;
  line-height: 1.45;
}
.page-inquiry .page-consultation-figure__box-list-txt .middle {
  font-size: 2.5rem;
  max-width: 5rem;
  display: inline-block;
  line-height: 1;
}
.page-inquiry .page-consultation-figure__box-list-sub {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: #666666;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-figure__box-list-sub {
    margin-top: 2.625rem;
  }
}
.page-inquiry {
  /* 相談の流れ */
}
.page-inquiry .page-consultation-flow {
  padding: 2.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-flow {
    padding: 5rem 0 0;
  }
}
.page-inquiry {
  /*WEB予約の流れ*/
}
.page-inquiry .page-consultation-flow-online {
  padding: 2.5rem 0 1rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-flow-online {
    padding: 5rem 0 0;
  }
}
.page-inquiry .page-consultation-flow__box-lists {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-flow__box-lists {
    margin-top: 4.0625rem;
  }
}
.page-inquiry {
  /* メインビジュアル */
}
.page-inquiry .page-consultation-mv {
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-mv {
    padding: 0;
    height: 30rem;
    display: flex;
    align-items: center;
    background: url(../images/consultation/consultation-mv.png) no-repeat center center;
    background-size: contain;
  }
}
.page-inquiry .page-consultation-mv__inner {
  padding: 0 1.5rem;
}
.page-inquiry .page-consultation-mv__title {
  margin: 0;
}
.page-inquiry .page-consultation-mv__title img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-mv__txt p {
    color: #333333;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.45;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-mv__txt {
    width: 100%;
    max-width: 38.75rem;
  }
}
.page-inquiry .page-consultation-mv__lead {
  color: #333333;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-mv__lead {
    font-size: 1.25rem;
    line-height: 1.45;
    margin-top: 1rem;
  }
}
.page-inquiry .page-consultation-mv__benefits {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}
.page-inquiry .page-consultation-mv__benefits li {
  align-items: center;
  background-color: #fff;
  border: 1px solid rgba(38, 163, 0, 0.35);
  border-radius: 50vh;
  color: #286a32;
  display: flex;
  flex: 1;
  font-size: 0.8125rem;
  font-weight: 700;
  justify-content: center;
  padding: 0.5rem 0.375rem;
  text-align: center;
}
.page-inquiry .page-consultation-mv__benefits li::before {
  color: #26A300;
  content: "✓";
  margin-right: 0.25rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-mv__benefits li {
    flex: 0 1 13.75rem;
    font-size: 1rem;
    padding: 0.5625rem 0.75rem;
  }
}
.page-inquiry .page-consultation-mv__cta {
  margin-left: 0;
  margin-top: 1rem;
  max-width: 27.5rem;
}
.page-inquiry .page-consultation-mv__cta a {
  border: 0;
  box-shadow: 0 0.25rem 0 rgba(180, 78, 8, 0.28);
  font-size: 1.125rem;
  min-height: 3.625rem;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-mv__cta a {
    font-size: 1.375rem;
    min-height: 4.125rem;
  }
}
.page-inquiry .page-consultation-mv-img {
  width: 58.4%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
}
.page-inquiry .page-consultation--main .page-consultation-mv {
  background-color: #f7fbf4;
  padding: 1.5rem 0 1.75rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation--main .page-consultation-mv {
    height: auto;
    min-height: 32.5rem;
    padding: 0;
  }
}
.page-inquiry .page-consultation--main .page-consultation-mv-img {
  margin-top: 1rem;
  width: 42%;
}
.page-inquiry {
  /* 悩み・相談内容 */
}
.page-inquiry .page-consultation-problem {
  padding: 9.1875rem 0 2.5rem;
  background: url(../images/top/top-bg01.png) no-repeat left 11%;
  background-size: 100%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem {
    padding: 5.5rem 0 5rem;
    background: url(../images/top/top-bg01.png) no-repeat 60% 10%;
    background-size: 90%;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__inner {
    max-width: 1010px;
  }
}
.page-inquiry .page-consultation-problem__head-ttl {
  width: 100%;
  margin-bottom: 5.3125rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__head-ttl {
    max-width: 41.375rem;
    margin-bottom: 0;
  }
}
.page-inquiry .page-consultation-problem__head-box {
  background-color: #F5F5F5;
  border-radius: 1rem;
  padding: 1rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__head-box {
    margin-top: 2.5rem;
    border-radius: 2rem;
    padding: 3rem;
  }
}
.page-inquiry .page-consultation-problem__head-box::before {
  content: "";
  display: block;
  width: 100%;
  height: 6.75rem;
  background: url(../images/consultation/consultation-ttl-sp.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: -6.0625rem;
  right: 0;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__head-box::before {
    background: url(../images/consultation/consultation-img01.png) no-repeat center center;
    background-size: contain;
    width: 17.125rem;
    height: 11.5rem;
    top: -10.5625rem;
    right: 1rem;
  }
}
.page-inquiry .page-consultation-problem__head-box ul {
  background-color: #fff;
  padding: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__head-box ul {
    padding: 2.5rem;
  }
}
.page-inquiry .page-consultation-problem__head-box ul li {
  font-size: 1.125rem;
  line-height: 1.4285714286;
  font-weight: 400;
  padding-left: 1.71em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__head-box ul li {
    font-size: 1.75rem;
  }
}
.page-inquiry .page-consultation-problem__head-box ul li::before {
  content: "";
  display: block;
  width: 1.14em;
  height: 1.14em;
  background: url(../images/consultation/icon-circle-check.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 10%;
  left: 0;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__head-box ul li::before {
    top: 15%;
  }
}
.page-inquiry .page-consultation-problem__head-box ul li .bold {
  font-weight: 700;
}
.page-inquiry .page-consultation-problem__head-box ul li + li {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__head-box ul li + li {
    margin-top: 1.5625rem;
  }
}
.page-inquiry .page-consultation-problem__arrow {
  width: 25%;
  margin: 1.25rem auto;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__arrow {
    margin: 2.5rem auto;
    max-width: 15rem;
  }
}
.page-inquiry .page-consultation-problem__item {
  border: 4px solid #26A300;
  border-radius: 1rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item {
    border-radius: 2rem;
  }
}
.page-inquiry .page-consultation-problem__item + .page-consultation-problem__item {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item + .page-consultation-problem__item {
    margin-top: 2.5rem;
  }
}
.page-inquiry .page-consultation-problem__item-head {
  display: flex;
  align-items: start;
  padding: 0.625rem;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-head {
    align-items: center;
    padding: 1.25rem 2rem 1.25rem 1.25rem;
  }
}
.page-inquiry .page-consultation-problem__item-head .icon {
  width: 8.6%;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-head .icon img {
    width: 3.5rem;
  }
}
.page-inquiry .page-consultation-problem__item:nth-child(5) .page-consultation-problem__item-head .icon img {
  width: 1.375rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item:nth-child(5) .page-consultation-problem__item-head .icon img {
    width: 2.75rem;
  }
}
.page-inquiry .page-consultation-problem__item-head .text {
  width: 80%;
}
.page-inquiry .page-consultation-problem__item-head .ttl {
  font-size: 1.125rem;
  line-height: 1.4285714286;
  font-weight: 700;
  color: #26A300;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-head .ttl {
    font-size: 1.75rem;
  }
}
.page-inquiry .page-consultation-problem__item-head .txt {
  font-size: 0.875rem;
  line-height: 1.45;
  font-weight: 400;
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-head .txt {
    font-size: 1.25rem;
  }
}
.page-inquiry .page-consultation-problem__item-head .arrow {
  width: 1.25rem;
  margin-left: auto;
  align-self: center;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-head .arrow {
    width: 2rem;
  }
}
.page-inquiry .page-consultation-problem__item-head.accordion-title.open .arrow {
  transform: rotate(0);
}
.page-inquiry .page-consultation-problem__item-content {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  border-top: 4px solid #26A300;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-content {
    padding: 2rem;
    justify-content: space-between;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-content .img {
    width: 35.7%;
  }
}
.page-inquiry .page-consultation-problem__item-content .text {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-content .text {
    margin-top: 0;
    width: 60.7%;
  }
}
.page-inquiry .page-consultation-problem__item-content .text .ttl {
  font-size: 1rem;
  line-height: 1.4583333333;
  font-weight: 700;
  color: #333;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-content .text .ttl {
    font-size: 1.5rem;
  }
}
.page-inquiry .page-consultation-problem__item-content .text .ttl:nth-of-type(2) {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-content .text .ttl:nth-of-type(2) {
    margin-top: 2.0625rem;
  }
}
.page-inquiry .page-consultation-problem__item-content .text ul {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-content .text ul {
    margin-top: 1.0625rem;
  }
}
.page-inquiry .page-consultation-problem__item-content .text ul li {
  font-size: 0.875rem;
  line-height: 2;
  font-weight: 400;
  padding-left: 2.4em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-problem__item-content .text ul li {
    font-size: 1.125rem;
  }
}
.page-inquiry .page-consultation-problem__item-content .text ul li::before {
  content: "";
  display: block;
  width: 0.66em;
  height: 0.66em;
  background-color: #26A300;
  border-radius: 50%;
  position: absolute;
  top: 0.83em;
  left: 0.88em;
}
.page-inquiry {
  /* FP紹介リスト・キャンペーン */
}
.page-inquiry .page-consultation-professional__list {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 1rem;
  padding: 1rem 1rem 1.5rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional__list {
    border-radius: 2rem;
    padding: 1.5rem 1.5rem 2rem;
  }
}
.page-inquiry .page-consultation-campaign {
  margin: 3rem auto;
  max-width: 1010px;
}
.page-inquiry .page-consultation-campaign-bottom {
  margin: auto;
  padding: 2rem 0 0;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-campaign-bottom {
    padding: 5rem 0;
  }
}
.page-inquiry .page-consultation-campaign .page-consultation-campaign__ttl {
  border-left: 5px solid #26A300;
  font-size: 0.9375rem;
  font-weight: 700;
  margin: 3rem 0 2rem;
  padding: 0.2rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-campaign .page-consultation-campaign__ttl {
    margin: 5rem 0 2rem;
  }
}
.page-inquiry .page-consultation-campaign dl dt {
  color: #26A300;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.3rem;
}
.page-inquiry .page-consultation-campaign dl dd {
  font-size: 0.8125rem;
  margin-bottom: 1.5rem;
}
.page-inquiry .page-consultation-campaign dl dd ul {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}
.page-inquiry .page-consultation-campaign dl dd ul li {
  list-style: disc;
  margin-bottom: 0.2rem;
}
.page-inquiry .page-consultation-campaign dl dd ol {
  list-style: none;
  counter-reset: number;
  margin: 0.5rem 0;
}
.page-inquiry .page-consultation-campaign dl dd ol li {
  margin-bottom: 0.2rem;
  position: relative;
  padding-left: 2rem;
}
.page-inquiry .page-consultation-campaign dl dd ol li::before {
  counter-increment: number;
  content: "（" counter(number) "）";
  position: absolute;
  left: 0;
}
.page-inquiry .page-consultation-campaign31 {
  margin: 3rem auto 0;
}
.page-inquiry .page-consultation--main .page-consultation-campaign31 {
  margin: 2rem auto;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation--main .page-consultation-campaign31 {
    margin: 4rem auto;
  }
}
.page-inquiry .page-consultation-campaign31 .consultation-box-lists {
  margin: auto;
  width: 92%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-campaign31 .consultation-box-lists {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-campaign31 .consultation-box-lists .consultation-box-list {
    margin-bottom: 1.25rem;
  }
}
.page-inquiry .page-consultation-campaign31 .consultation-box-lists .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-campaign31 .consultation-box-lists .consultation-box-list__img {
    width: 100%;
  }
}
.page-inquiry .page-consultation-campaign31 .consultation-box-lists .consultation-box-list__txt {
  font-size: 1.125rem;
  margin-top: 1rem;
}
.page-inquiry .page-consultation-campaign31 .page-consultation-gift {
  margin: 0.5rem auto 1rem;
  text-align: center;
  width: 95%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-campaign31 .page-consultation-gift {
    margin: 1rem auto;
    width: 100%;
  }
}
.page-inquiry .page-consultation-campaign31 .page-consultation-gift .fa-gift {
  padding-bottom: 0.5rem;
}
.page-inquiry .page-consultation-campaign31 .page-consultation-gift .fa-gift::before {
  color: #edc300;
}
.page-inquiry .page-consultation-campaign31 .page-consultation-gift .page-consultation-ribbon {
  background: conic-gradient(at left var(--s) bottom var(--d), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.5333333333) 0 37.5%, rgba(0, 0, 0, 0.2666666667) 0) 0/50% 100% no-repeat, conic-gradient(at right var(--s) bottom var(--d), rgba(0, 0, 0, 0.2666666667) 62.5%, rgba(0, 0, 0, 0.5333333333) 0 75%, rgba(0, 0, 0, 0) 0) 100%/50% 100% no-repeat;
  background-color: #edc300; /* the main color */
  color: #fff;
  clip-path: polygon(0 var(--d), var(--s) var(--d), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--d), 100% var(--d), calc(100% - var(--c)) calc(50% + var(--d) / 2), 100% 100%, calc(100% - var(--s) - var(--d)) 100%, calc(100% - var(--s) - var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) 100%, 0 100%, var(--c) calc(50% + var(--d) / 2));
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
  --s: 1.8em; /* the ribbon size */
  --d: .8em; /* the depth */
  --c: .8em; /* the cutout part */
  padding: 0.4em calc(var(--s) + 1em) calc(var(--d) + 0.4em);
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-campaign31 .page-consultation-gift .page-consultation-ribbon {
    font-size: 1.6rem;
    line-height: 2;
    margin: auto;
    padding: 0 calc(var(--s) + 1em) var(--d);
  }
}
.page-inquiry .page-consultation-campaign31 .campaign-txt {
  color: #999;
  font-size: 0.8rem;
  margin: 1rem auto 0;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-campaign31 .campaign-txt {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .page-inquiry .page-consultation--main .page-consultation-campaign31 {
    padding: 0 1rem;
  }
  .page-inquiry .page-consultation--main .page-consultation-campaign31 .page-consultation-gift {
    margin-bottom: 0.75rem;
    margin-top: 1rem;
  }
  .page-inquiry .page-consultation--main .page-consultation-campaign31 .page-consultation-gift .page-consultation-ribbon {
    font-size: 0.9375rem;
    line-height: 1.35;
  }
  .page-inquiry .page-consultation--main .page-consultation-campaign31 .consultation-box-lists {
    display: grid;
    gap: 0.5rem;
    width: 100%;
  }
  .page-inquiry .page-consultation--main .page-consultation-campaign31 .consultation-box-lists .consultation-box-list {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 4.5rem 1fr;
    margin: 0;
    min-height: 5.75rem;
    padding: 0.625rem 0.875rem 0.625rem 3rem;
  }
  .page-inquiry .page-consultation--main .page-consultation-campaign31 .consultation-box-lists .consultation-box-list::before {
    height: 1.875rem;
    left: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.875rem;
  }
  .page-inquiry .page-consultation--main .page-consultation-campaign31 .consultation-box-lists .consultation-box-list__img {
    width: 4.5rem;
  }
  .page-inquiry .page-consultation--main .page-consultation-campaign31 .consultation-box-lists .consultation-box-list__txt {
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
  }
}
.page-inquiry .page-consultation-professional__list-content {
  overflow: hidden;
}
.page-inquiry .page-consultation-professional__list .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-inquiry .page-consultation-professional__list .thumb {
  display: flex;
  align-items: center;
  width: 38.4%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional__list .thumb {
    width: 29.5%;
    border-radius: 50%;
    margin-right: 1rem;
  }
}
.page-inquiry .page-consultation-professional__list .thumb img {
  border-radius: 50vh;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-inquiry .page-consultation-professional__list .name {
  width: 57.8%;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.4444444444;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional__list .name {
    font-size: 1.25rem;
    line-height: 1.45;
    width: 69.5%;
  }
}
.page-inquiry .page-consultation-professional__list .license {
  margin-top: 1.0625rem;
  width: 100%;
}
.page-inquiry .page-consultation-professional__list .license dt {
  font-weight: 700;
  color: #fff;
  background-color: #ADADAD;
  border-radius: 50vh;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 0.125rem 1em 0.3125rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional__list .license dt {
    font-size: clamp(0.375rem, 0.029rem + 0.721vw, 0.75rem);
    line-height: 1.4166666667;
    padding: 0.125rem 1em 0.3125rem;
  }
}
.page-inquiry .page-consultation-professional__list .license dd {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4285714286;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional__list .license dd {
    font-size: 0.875rem;
  }
}
.page-inquiry .page-consultation-professional__list .strength {
  margin-top: 1.0625rem;
  width: 100%;
}
.page-inquiry .page-consultation-professional__list .strength dt {
  font-weight: 700;
  color: #fff;
  background-color: #ADADAD;
  border-radius: 50vh;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 0.125rem 1em 0.3125rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional__list .strength dt {
    font-size: clamp(0.375rem, 0.029rem + 0.721vw, 0.75rem);
    line-height: 1.4166666667;
    padding: 0.125rem 1em 0.3125rem;
  }
}
.page-inquiry .page-consultation-professional__list .strength dd {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4285714286;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional__list .strength dd {
    font-size: 0.875rem;
  }
}
.page-inquiry {
  /* FP紹介スライダー */
}
.page-inquiry .page-consultation-professional-swiper-container {
  overflow: hidden;
}
.page-inquiry .page-consultation-professional-swiper-container-inner {
  padding: 0 3.125rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional-swiper-container-inner {
    max-width: 1440px;
    padding: 0 7.5rem;
    margin: 0 auto;
  }
}
.page-inquiry .page-consultation-professional-swiper-container .swiper {
  overflow: visible;
  padding: 6px 0;
}
.page-inquiry .page-consultation-professional-swiper {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional-swiper {
    margin-top: 3.125rem;
  }
}
.page-inquiry .page-consultation-professional-swiper .swiper-wrapper {
  height: auto;
  width: 100%;
}
.page-inquiry .page-consultation-professional-swiper .swiper-slide {
  height: auto;
  max-height: 26.375rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional-swiper .swiper-slide {
    max-height: 27.5rem;
  }
}
.page-inquiry {
  /* 前へ次への矢印カスタマイズ */
}
.page-inquiry .page-consultation-professional-swiper .swiper-button-prev,
.page-inquiry .page-consultation-professional-swiper .swiper-button-next {
  height: 3rem;
  width: 3rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional-swiper .swiper-button-prev,
  .page-inquiry .page-consultation-professional-swiper .swiper-button-next {
    height: 4rem;
    width: 4rem;
  }
}
.page-inquiry {
  /* 前へ次への矢印カスタマイズ */
}
.page-inquiry .page-consultation-professional-swiper .swiper-button-prev:after,
.page-inquiry .page-consultation-professional-swiper .swiper-button-next:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 3rem;
  margin: auto;
  width: 3rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional-swiper .swiper-button-prev:after,
  .page-inquiry .page-consultation-professional-swiper .swiper-button-next:after {
    height: 4rem;
    width: 4rem;
  }
}
.page-inquiry {
  /* 前への矢印カスタマイズ */
}
.page-inquiry .page-consultation-professional-swiper .swiper-button-prev:after {
  background-image: url(../images/top/slide-arrow-left.png);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
.page-inquiry {
  /* 次への矢印カスタマイズ */
}
.page-inquiry .page-consultation-professional-swiper .swiper-button-next:after {
  background-image: url(../images/top/slide-arrow-right.png);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
.page-inquiry {
  /* 画像サイズ調整 */
}
.page-inquiry .page-consultation-professional-swiper .swiper-slide img {
  height: auto;
  width: 100%;
}
.page-inquiry .page-consultation-professional-swiper .swiper-button-prev {
  left: initial;
  right: calc(100% - 0.5rem);
  top: 50%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional-swiper .swiper-button-prev {
    right: calc(100% - 1.2rem);
  }
}
.page-inquiry .page-consultation-professional-swiper .swiper-button-next {
  left: calc(100% - 0.5rem);
  top: 50%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional-swiper .swiper-button-next {
    left: calc(100% - 1.2rem);
  }
}
.page-inquiry {
  /* FP紹介 */
}
.page-inquiry .page-consultation-professional {
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-professional {
    padding: 5rem 0;
  }
}
.page-inquiry {
  /* 選ばれる理由 */
}
.page-inquiry .page-consultation-reason {
  background-color: #F5F5F5;
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-reason {
    padding: 6.25rem 0 5rem;
  }
}
.page-inquiry .page-consultation-reason__box-lists {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-reason__box-lists {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 4.0625rem;
  }
}
.page-inquiry .bg-consaltation-wrap {
  background: url(../images/top/top-bg02.png) no-repeat left 75%;
  background-size: 110%;
}
@media screen and (min-width: 768px) {
  .page-inquiry .bg-consaltation-wrap {
    background: url(../images/top/top-bg02.png) no-repeat 60% 70%;
    background-size: 100%;
  }
}

/* inquiryLPの調整用 */
@media screen and (min-width: 768px) {
  .page-inquiry .page-consultation-figure-inquiry {
    padding: 0 0 5rem;
  }
}

.float-button__wrap {
  bottom: 0;
  display: none;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 10;
  padding: 0 0.5rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .float-button__wrap {
    padding: 0 1rem 1rem;
  }
}

.float-button__wrap .incart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.float-button__wrap .incart-btn a {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .float-button__wrap .incart-btn a {
    height: 3.5rem;
    font-size: 1.125rem;
  }
}

.float-button__wrap .incart-btn .incart-btn__btn {
  background-color: #FF6600;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .float-button__wrap .incart-btn .incart-btn__btn {
    width: 16rem;
  }
}

.float-button__wrap .incart-btn .incart-line__btn {
  background-color: #00B902;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .float-button__wrap .incart-btn .incart-line__btn {
    width: 16rem;
  }
}

.float-button__wrap .incart-btn .incart-btn__btn-icon {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4166666667;
  color: #FE6600;
  background-color: #fff;
  border-radius: 50vh;
  padding: 0.3125rem 0.5rem;
  margin-right: 0.25rem;
}
@media screen and (min-width: 768px) {
  .float-button__wrap .incart-btn .incart-btn__btn-icon {
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.25rem 0.75rem;
    margin-right: 0.5rem;
  }
}

.float-button__wrap .incart-btn .incart-btn__line-icon {
  margin-right: 0.5rem;
  width: 1.5rem;
}

.float-button__wrap .incart-btn .incart-btn__cart {
  background-color: #26A300;
  width: 60.4%;
  margin-left: 0.5rem;
  font-size: 1rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .float-button__wrap .incart-btn .incart-btn__cart {
    width: 25rem;
    font-size: 1.125rem;
  }
}

.float-button__wrap .incart-btn .incart-btn__btn-txt {
  font-size: 1.125rem;
}

.float-button__wrap .incart-btn .incart-btn__cart::before {
  content: "簡単入力";
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4166666667;
  background-color: #fff;
  padding: 0.4375rem 0.75rem;
  color: #000;
  border-radius: 50vh;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  position: absolute;
  top: -1.625rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .float-button__wrap .incart-btn .incart-btn__cart::before {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.4285714286;
    padding: 0.5625rem 1rem;
    top: -1.9375rem;
  }
}

.float-button__wrap .incart-btn .incart-btn__cart::after {
  content: "";
  display: block;
  width: 0.5625rem;
  height: 0.5625rem;
  background: url(../images/common/bg-arrow-white.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0.125rem;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
@media screen and (min-width: 768px) {
  .float-button__wrap .incart-btn .incart-btn__cart::after {
    width: 0.75rem;
    height: 0.75rem;
    top: 0.25rem;
  }
}

.float-button__wrap .incart-btn .incart-btn__cart .incart-btn__btn-icon {
  color: #26A300;
}

.float-button__wrap .incart-btn .incart-btn__cart .total-quant {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  color: #fff;
  background-color: #FE0000;
  width: 1.71em;
  height: 1.71em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.25rem;
}
@media screen and (min-width: 768px) {
  .float-button__wrap .incart-btn .incart-btn__cart .total-quant {
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.float-button__wrap .wrap-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.float-button__wrap .wrap-btn .btn-cv,
.float-button__wrap .wrap-btn .text-cv {
  width: 48%;
}

.float-button__wrap .wrap-btn .btn-cv a,
.float-button__wrap .wrap-btn .text-cv a {
  align-items: center;
  background-color: #FF6600;
  border-radius: 8px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  padding: 0.4375rem;
}

.float-button__wrap .wrap-btn .btn-cv a img,
.float-button__wrap .wrap-btn .text-cv a img {
  margin-left: 0.5rem;
  width: 15px;
}

.float-button__wrap .wrap-btn .btn-cv a small,
.float-button__wrap .wrap-btn .text-cv a small {
  font-size: 65%;
}

.float-button__wrap .wrap-btn .btn-form {
  align-items: center;
  background-color: #26A300;
  border-radius: 8px;
  color: #fff;
  display: block;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  padding: 0.4375rem 0.4375rem 1.375rem 0.4375rem;
  position: relative;
  width: 48%;
}

.float-button__wrap .wrap-btn .btn-form.form-off {
  align-items: center;
  background-color: #dbdbdb;
  border-radius: 8px;
  color: #fff;
  display: block;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  padding: 0.4375rem 0.4375rem 1.375rem 0.4375rem;
  position: relative;
  width: 48%;
}

.float-button__wrap .wrap-btn .btn-form.unjustifiable {
  padding: 0.4375rem;
}

.float-button__wrap .wrap-btn .btn-form .form-text {
  bottom: 0.4rem;
  font-size: 65%;
  position: absolute;
}

.float-button__wrap .wrap-btn .modal {
  background: #e9f8f6;
  border: 2px solid #006762;
  border-radius: 1.25rem;
  bottom: 0.5rem;
  display: none;
  font-size: 1rem;
  font-weight: 700;
  margin-top: -7rem;
  padding: 1rem 1.25rem 2.5rem;
  position: absolute;
  text-align: center;
  z-index: 100;
  width: 96%;
}

.float-button__wrap .wrap-btn .modal .close-popup {
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding-right: 1.5rem;
  text-align: right;
  width: 100%;
}

.float-button__wrap .wrap-btn .modal .close-popup i {
  padding-left: 0.3rem;
}

.float-button__wrap .wrap-btn .modal .modal-content .red {
  color: #d70707;
}

.float-button__wrap .wrap-btn .modal .modal-content .tx-20 {
  font-size: 1.25rem;
}

.float-button__wrap .wrap-btn .modal .copy-code {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem auto;
  width: 90%;
}

.float-button__wrap .wrap-btn .modal .copy-code .code-num {
  background: #fff;
  border: 1px solid #006762;
  color: #006762;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.625rem;
  width: 45%;
}

.float-button__wrap .wrap-btn .modal .copy-code .txt-box {
  background: #006762;
  color: #fff;
  padding: 0.75rem 0.625rem 0.625rem 0.625rem;
  width: 55%;
}

.footer {
  background-color: #666666;
  color: #fff;
  padding: 2.5rem 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .footer {
    padding: 5.25rem 0 5rem;
  }
}

@media screen and (min-width: 768px) {
  .footer__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.footer__logo {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer__logo {
    display: flex;
    align-items: center;
    text-align: left;
  }
}

.footer__logo-img {
  max-width: 9rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .footer__logo-img {
    max-width: 12.5rem;
    margin: 0;
  }
}

.footer__logo-txt {
  font-weight: 700;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .footer__logo-txt {
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 1.5rem;
    margin-top: 0;
  }
}

.footer__info {
  margin-top: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .footer__info {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
}

.footer__tel {
  text-align: center;
  font-weight: 400;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .footer__tel {
    text-align: left;
  }
}

.footer__tel .big {
  font-weight: 700;
  color: #fff;
  display: block;
  font-size: 1.75rem;
}
@media screen and (min-width: 768px) {
  .footer__tel .big {
    font-size: 2rem;
  }
}

.footer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50vh;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  height: 2.5rem;
  font-size: 1rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .footer__btn {
    width: 13.5rem;
    height: 3rem;
    margin-left: 0.5rem;
  }
}

.footer__btn--line {
  background-color: #00B902;
  margin-top: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .footer__btn--line {
    margin-top: 0;
  }
}

.footer__line-icon {
  display: inline-block;
  margin-right: 0.375rem;
  max-width: 1.8125rem;
}
@media screen and (min-width: 768px) {
  .footer__line-icon {
    max-width: 2rem;
    margin-right: 0.5rem;
  }
}

.footer__btn-txt .small {
  font-size: 0.625rem;
  display: block;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .footer__btn-txt .small {
    font-size: 0.6875rem;
    line-height: 1.4545454545;
  }
}

.footer__btn--contact {
  background-color: #FF6600;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .footer__btn--contact {
    margin-top: 0;
  }
}

.footer__btn-icon {
  font-weight: 700;
  background-color: #fff;
  border-radius: 50vh;
  color: #FE6600;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  padding: 0.25rem 0.75rem;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  .footer__btn-icon {
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

.footer__nav {
  padding: 1.5rem 0;
  margin-top: 1.5rem;
  border-top: 1px solid #7A7A7A;
  border-bottom: 1px solid #7A7A7A;
}
@media screen and (min-width: 768px) {
  .footer__nav {
    padding: 2.5rem 0;
    margin-top: 2.5rem;
  }
}

.footer__nav.seminar {
  padding: 1.5rem 0;
  margin-top: 0;
  border-top: none;
  border-bottom: 1px solid #7A7A7A;
}
@media screen and (min-width: 768px) {
  .footer__nav.seminar {
    border-top: 1px solid #7A7A7A;
    padding: 0.625rem 0 2.5rem;
    margin-top: 2.5rem;
  }
}

.footer__nav-lists {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 5.3125rem;
}
@media screen and (min-width: 768px) {
  .footer__nav-lists {
    flex-wrap: nowrap;
    flex-direction: row;
    height: auto;
  }
}

.footer__nav-list {
  width: 50%;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286;
}
@media screen and (min-width: 768px) {
  .footer__nav-list {
    width: auto;
    margin-right: 2rem;
    font-size: 1.125rem;
    line-height: 1.4444444444;
  }
}

.footer__nav-list + .footer__nav-list {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .footer__nav-list + .footer__nav-list {
    margin-top: 0;
  }
}

.footer__nav-list:nth-child(3n+1) {
  margin-top: 0;
}

.footer__menu-lists {
  display: flex;
  margin-top: 1.5625rem;
  border-top: 1px solid #7A7A7A;
  padding-top: 1.5rem;
  flex-wrap: wrap;
  flex-direction: column;
  height: 8.75rem;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .footer__menu-lists {
    flex-wrap: nowrap;
    flex-direction: row;
    height: auto;
    border-top: none;
    padding-top: 0;
  }
}

.footer__menu-list {
  width: 50%;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .footer__menu-list {
    width: auto;
    margin-right: 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
  }
}

.footer__wrap {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0;
  border-bottom: 1px solid #7A7A7A;
}
@media screen and (min-width: 768px) {
  .footer__wrap {
    flex-direction: row;
    padding: 2.5rem 0;
  }
}

.footer__text + .footer__text {
  margin-top: 2.5rem;
}

.footer__text dt {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .footer__text dt {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4444444444;
  }
}

.footer__text dd {
  margin-top: 1rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
}
@media screen and (min-width: 768px) {
  .footer__text dd {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4285714286;
  }
}

.footer__address {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
}
@media screen and (min-width: 768px) {
  .footer__address {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }
}

.footer__privacy {
  max-width: 5.5rem;
  margin: 1.6875rem auto 0;
}
@media screen and (min-width: 768px) {
  .footer__privacy {
    max-width: 7.5rem;
    margin-left: 3.33%;
  }
}

.footer__copy {
  padding-top: 1.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer__copy {
    font-size: 1rem;
    line-height: 1.5;
    padding-top: 2.5rem;
  }
}

.hamburger {
  display: inline-block;
  width: 1.5rem;
  height: 1rem;
  position: relative;
  caret-color: transparent;
  cursor: pointer;
  z-index: 105;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .hamburger {
    display: none;
  }
}

.hamburger span {
  position: absolute;
  display: block;
  height: 3px;
  width: 100%;
  background: #26A300;
  transition: ease 0.5s;
}

.header.headerColorScroll .hamburger span {
  background: #26A300;
}

.hamburger span:nth-of-type(1) {
  top: 0;
}

.hamburger span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}

.hamburger span:nth-of-type(3) {
  bottom: 0;
}

.hamburger.active span:nth-of-type(1) {
  top: 0.5rem;
  transform: rotate(45deg);
}

.hamburger.active span:nth-of-type(2) {
  opacity: 0;
}

.hamburger.active span:nth-of-type(3) {
  bottom: 0.3125rem;
  transform: rotate(-45deg);
}

.header {
  width: 100%;
  background-color: #fff;
}

.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
}
@media screen and (min-width: 768px) {
  .header__inner {
    height: 4.5rem;
  }
}

.header__logo {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .header__logo {
    display: flex;
    align-items: center;
  }
}

.header__logo-img {
  max-width: 9rem;
}
@media screen and (min-width: 768px) {
  .header__logo-img {
    max-width: 10rem;
  }
}

@media screen and (min-width: 768px) {
  .header__logo-txt {
    font-size: 1rem;
    font-weight: 700;
    color: #666666;
    line-height: 1.5;
    margin-left: 1.5rem;
  }
}

.header__info {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .header__info {
    display: flex;
    align-items: center;
  }
}

.header__tel {
  font-size: 0.625rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .header__tel {
    font-weight: 400;
    font-size: 0.75rem;
  }
}

.header__tel .big {
  font-size: 1.3125rem;
  font-weight: 700;
  color: #26A300;
  display: block;
}
@media screen and (min-width: 768px) {
  .header__tel .big {
    font-size: 2rem;
  }
}

.header__btn {
  border-radius: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .header__btn {
    width: 13.5rem;
    height: 3rem;
    font-size: 1rem;
    margin-left: 0.5rem;
  }
}

.header__btn--line {
  background-color: #00B902;
}

.header__line-icon {
  display: inline-block;
  max-width: 1.8125rem;
  margin-right: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .header__line-icon {
    max-width: 2rem;
    margin-right: 0.5rem;
  }
}

.header__btn-txt .small {
  font-size: 0.625rem;
  display: block;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .header__btn-txt .small {
    font-size: 0.6875rem;
    line-height: 1.4545454545;
  }
}

.header__btn--contact {
  background-color: #FF6600;
}

.header__btn--contact .header__btn-txt {
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .header__btn--contact .header__btn-txt {
    font-size: 1rem;
  }
}

.header__btn-icon {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4166666667;
  color: #FE6600;
  background-color: #fff;
  border-radius: 50vh;
  padding: 0.1875rem 0.5rem;
  margin-right: 0.25rem;
}
@media screen and (min-width: 768px) {
  .header__btn-icon {
    font-size: 0.875rem;
    line-height: 1.4545454545;
    padding: 0.25rem 0.75rem;
    margin-right: 0.5rem;
  }
}

.header__nav {
  border-top: 1px solid #E0E0E0;
  padding: 0.625rem 0 0.75rem;
  overflow-x: scroll;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .header__nav {
    padding: 1.25rem 0 1.375rem;
    overflow-x: unset;
  }
}

.header__nav-lists {
  display: flex;
  justify-content: start;
}
@media screen and (min-width: 768px) {
  .header__nav-lists {
    justify-content: center;
  }
}

.header__nav-list a {
  padding: 0 0.625rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .header__nav-list a {
    padding: 0 1rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4444444444;
  }
}

.header.headerColorScroll {
  background-color: #fff;
  transition: all 0.3s ease-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.header__nav-lists .cat-item {
  padding: 0 0.625rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .header__nav-lists .cat-item {
    padding: 0 1rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4444444444;
  }
}

.header__nav-lists .cat-item.current-cat {
  font-weight: 700;
}

.header__nav-list a.current {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .header__nav--pc {
    border-top: 0;
    flex: 1;
    margin-left: 1.5rem;
    overflow: visible;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .header__nav--pc .header__nav-lists {
    align-items: center;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 768px) {
  .header__nav--pc .header__nav-list a,
  .header__nav--pc .cat-item {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 0.625rem 0.5rem;
  }
}

@media screen and (min-width: 768px) {
  .header__nav--pc .header__nav-list--line {
    border-left: 1px solid #d9e5da;
    margin-left: 0.25rem;
    padding-left: 0.25rem;
  }
}

.header__nav--pc .header__nav-list--line a {
  color: #078a0a;
  font-weight: 700;
}

.inner {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .inner {
    max-width: 1250px;
    padding-right: 25px;
    padding-left: 25px;
  }
}

.inner.item-other {
  margin-bottom: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .inner.item-other {
    margin-bottom: 10rem;
  }
}

.js-floating {
  position: fixed;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .js-floating {
    padding: 0;
  }
}

.page-category {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  .page-category {
    padding: 5rem 0 10rem;
  }
}

.page-category .wrap-ranking {
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .page-category .wrap-ranking {
    margin-top: 5rem;
  }
}

.page-category .box-ranking {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: 47.7%;
  border-radius: 1rem;
  padding: 1rem;
  margin-left: 4.4%;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
@media screen and (min-width: 768px) {
  .page-category .box-ranking {
    width: 31%;
    border-radius: 2rem;
    padding: 1.5rem;
    margin-left: 3.33%;
    min-height: 20.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .page-category .box-ranking:first-child {
    margin-left: 0;
  }
}

.page-category .box-ranking:nth-child(2n+1) {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .page-category .box-ranking:nth-child(2n+1) {
    margin-left: 3.33%;
  }
}

@media screen and (min-width: 768px) {
  .page-category .box-ranking:nth-child(3n+1) {
    margin-left: 0;
  }
}

.page-category .box-ranking:nth-child(n+3) {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .page-category .box-ranking:nth-child(n+3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .page-category .box-ranking:nth-child(n+4) {
    margin-top: 2.5rem;
  }
}

.page-category h3 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  padding-left: 1.75rem;
}
@media screen and (min-width: 768px) {
  .page-category h3 {
    font-size: 1.25rem;
    line-height: 1.45;
    padding-left: 0;
  }
}

.page-category .list-ranking li {
  padding: 0.5rem 0;
}
@media screen and (min-width: 768px) {
  .page-category .list-ranking li {
    display: flex;
    align-items: center;
    padding: 0.25rem 0 0.25rem 2.5rem;
  }
}

.page-category .list-ranking .rank-01 .thumb {
  background: url(../images/category/icon-cup01.png) no-repeat left center;
  background-size: 1.5rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-category .list-ranking .rank-01 .thumb {
    background: none;
  }
}

@media screen and (min-width: 768px) {
  .page-category .list-ranking .rank-01 {
    background: url(../images/top/icon-cup01.png) no-repeat left center;
    background-size: 2rem 2rem;
  }
}

.page-category .list-ranking .rank-02 .thumb {
  background: url(../images/top/icon-cup02.png) no-repeat left center;
  background-size: 1.5rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-category .list-ranking .rank-02 .thumb {
    background: none;
  }
}

@media screen and (min-width: 768px) {
  .page-category .list-ranking .rank-02 {
    background: url(../images/top/icon-cup02.png) no-repeat left center;
    background-size: 2rem 2rem;
  }
}

.page-category .list-ranking .rank-03 .thumb {
  background: url(../images/top/icon-cup03.png) no-repeat left center;
  background-size: 1.5rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-category .list-ranking .rank-03 .thumb {
    background: none;
  }
}

@media screen and (min-width: 768px) {
  .page-category .list-ranking .rank-03 {
    background: url(../images/top/icon-cup03.png) no-repeat left center;
    background-size: 2rem 2rem;
  }
}

.page-category .list-ranking .no-rank .thumb {
  background: none;
}

.page-category .list-ranking .thumb {
  width: 86.3%;
  display: block;
  height: auto;
  padding-left: 2rem;
}
@media screen and (min-width: 768px) {
  .page-category .list-ranking .thumb {
    width: 30%;
    max-width: 100%;
    padding-left: 0;
  }
}

.page-category .list-ranking .title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
  color: #26A300;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-category .list-ranking .title {
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 0.5rem;
    width: 70%;
  }
}

.page-category .list-ranking .title > a {
  text-decoration: underline;
}

.page-category .list-ranking .title .company {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 400;
  color: #666666;
  margin-bottom: 0.0625rem;
}

.page-category .btn-more {
  margin-top: 1rem;
  max-width: 8rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  padding-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-category .btn-more {
    max-width: 9rem;
    padding-top: 1rem;
  }
}

.page-category .btn-more a {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  color: #fff;
  background-color: #26A300;
  border-radius: 50vh;
  padding: 0.4375rem 1rem;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .page-category .btn-more a {
    font-size: 0.875rem;
    line-height: 1.4285714286;
    padding: 0.625rem 1rem;
  }
}

.page-common__ttl {
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-common__ttl {
    font-size: 2.5rem;
    line-height: 1.45;
  }
}

#page-content {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #page-content {
    padding: 5rem 0 10rem;
  }
}

#page-content .inner {
  max-width: 960px;
}

#page-content .company {
  margin-top: 2.5rem;
  width: 100%;
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #page-content .company {
    margin-top: 5rem;
    font-size: 1.125rem;
    display: flex;
    flex-wrap: wrap;
  }
}

#page-content .company dt {
  font-weight: 700;
  background-color: #F5F5F5;
  border-top: 1px solid #CCCCCC;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  #page-content .company dt {
    width: 18%;
    padding: 1.5rem;
    display: flex;
    align-items: center;
  }
}

#page-content .company dd {
  border-top: 1px solid #CCCCCC;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  #page-content .company dd {
    width: 82%;
    padding: 1.5rem;
  }
}

#page-content .company dd a {
  color: #26A300;
  text-decoration: underline;
}

#page-content .company dt:last-of-type {
  border-bottom: 1px solid #ccc;
}

#page-content .company dd:last-of-type {
  border-top: none;
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
  #page-content .company dd:last-of-type {
    border-top: 1px solid #ccc;
  }
}

#page-content h1 {
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  #page-content h1 {
    margin-bottom: 5rem;
  }
}

#page-content .privacy {
  margin-top: 2.5rem;
  width: 100%;
  font-size: 1rem;
  line-height: 1.3333333333;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #page-content .privacy {
    margin-top: 5rem;
  }
}

#page-content .privacy p,
#page-content p {
  font-size: 1rem;
  line-height: 1.3333333333;
  font-weight: 400;
  margin-bottom: 2em;
}
#page-content .privacy ul,
#page-content ul {
  margin-bottom: 2em;
}
#page-content ul li a.disc {
  color: #646464;
  font-size: 0.8rem;
  margin-left: 1rem;
  text-decoration-line: underline;
}
#page-content ul li a.disc .fa-arrow-up-right-from-square {
  font-size: 12px;
  margin-left: 0.5rem;
}

#page-content .privacy h3,
#page-content h3:not(#primary h3) {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.45;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  #page-content .privacy h3,
  #page-content h3:not(#primary h3) {
    font-size: 1.5rem;
    line-height: 1.4583333333;
  }
}

#page-content .privacy h3::after,
#page-content h3::after {
  content: "";
  flex-grow: 1;
  border-top: 1px solid #E0E0E0;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  #page-content .privacy h3::after,
  #page-content h3::after {
    margin-left: 1.5rem;
  }
}

#contact-form {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #contact-form {
    margin-top: 5rem;
  }
}

#contact-form .ttl {
  font-size: 1.125rem;
  line-height: 1.45;
  font-weight: 700;
  margin-top: 0.9375rem;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  #contact-form .ttl {
    font-size: 1.25rem;
    margin-top: 1.5625rem;
    margin-bottom: 1rem;
  }
}

#contact-form .ttl .req {
  color: #FE6600;
  margin-left: 0.5rem;
}

#contact-form input[type=text],
#contact-form input[type=tel],
#contact-form input[type=email],
#contact-form input[type=date],
#contact-form select,
#contact-form textarea {
  width: 100%;
}

#contact-form select {
  background: #F5F5F5 url(../images/common/arrow_drop_down.png) no-repeat 95% center;
  background-size: 1rem;
}

#contact-form .text-consultation-option {
  background: #f5f5f5;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.8rem 1rem;
  margin-top: 2rem;
}

#contact-form .text-consultation-option span {
  background: #fff;
  font-size: 0.8rem;
  border: 1px solid;
  padding: 0.1rem 0.3rem;
  border-radius: 3px;
  margin-right: 0.5rem;
}

#contact-form .box-consultation-option {
  align-items: center;
  display: block;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1rem 0 3rem;
}
@media screen and (min-width: 768px) {
  #contact-form .box-consultation-option {
    display: flex;
  }
}

#contact-form .box-consultation-option .box-left {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #contact-form .box-consultation-option .box-left {
    width: 48%;
  }
}
#contact-form .box-consultation-option .box-left .red {
  color: #f05a24;
}
#contact-form .box-consultation-option .box-left img {
  margin-top: 1rem;
}

@media screen and (min-width: 768px) {
  #contact-form .box-consultation-option .box-right {
    width: 48%;
  }
}
#contact-form .box-consultation-option .box-right .js-checkbox label {
  align-items: center;
  border: 1px solid #333;
  border-radius: 0.375rem;
  cursor: pointer;
  display: flex;
  font-size: 0.9375rem;
  font-weight: 700;
  gap: 0.75rem;
  justify-content: center;
  line-height: 1.5;
  min-height: 3.75rem;
  padding: 0.75rem 1rem;
}
#contact-form .box-consultation-option .box-right .js-checkbox label input[type=checkbox] {
  accent-color: #26A300;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  display: block;
  flex: 0 0 auto;
  height: 1.25rem;
  margin: 0;
  width: 1.25rem;
}

#contact-form .box-consultation-option #contact-form ::-moz-placeholder {
  color: #CCCCCC;
}

#contact-form .box-consultation-option #contact-form ::placeholder {
  color: #CCCCCC;
}

#contact-form .contact-item p,
#contact-form .contact-item p label {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

#contact-form .contact-item input {
  width: 91%;
  margin-left: 0.625rem;
}

.wrap-date input[type=date] {
  padding: 0.73em !important;
}
@media screen and (min-width: 768px) {
  .wrap-date input[type=date] {
    padding: 1em 0.88em !important;
  }
}
.wrap-date .wpcf7-form-control::-webkit-calendar-picker-indicator {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.wrap-date .wpcf7-form-control::after {
  content: "\f073";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1rem;
  position: absolute;
  top: 35%;
  right: 0.9375rem;
}

#contact-form label {
  display: block;
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #contact-form label {
    font-size: 1.125rem;
  }
}

#contact-form label .req {
  background: red;
  border-radius: 0.1875rem;
  color: #fff;
  font-size: 0.5rem;
  margin-left: 0.1875rem;
  padding: 0.0625rem 0.1875rem;
}

#contact-form .wpcf7-form-control-wrap {
  display: block;
  margin-top: 0.3125rem;
}

#contact-form .protection {
  background: #FFF;
  height: 300px;
  overflow-y: scroll;
  padding: 0.9375rem;
}

#contact-form .protection h4 {
  margin: 1.25rem 0 0.625rem;
}

#contact-form .protection p {
  margin-bottom: 0.625rem;
}

#contact-form .protection ul {
  padding-left: 0.9375rem;
}

#contact-form .protection ul li {
  list-style: disc;
  margin-bottom: 0.1875rem;
}

#contact-form .protection ol {
  margin: 0.625rem 0 1.25rem;
  padding-left: 0.9375rem;
}

#contact-form .protection ol li {
  list-style: decimal;
  margin-bottom: 0.1875rem;
}

#contact-form .protection ul li p,
#contact-form .protection ol li p {
  margin-bottom: 0;
}

#contact-form input[type=text],
#contact-form input[type=tel],
#contact-form input[type=email],
#contact-form input[type=date],
#contact-form select,
#contact-form textarea {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 400;
  background-color: #F5F5F5;
  border-radius: 0.3125rem;
  border: 1px solid #B8B8B8;
  padding: 0.8em 0.6em;
}
@media screen and (min-width: 768px) {
  #contact-form input[type=text],
  #contact-form input[type=tel],
  #contact-form input[type=email],
  #contact-form input[type=date],
  #contact-form select,
  #contact-form textarea {
    font-size: 1.125rem;
    border-radius: 0.625rem;
    padding: 1.05em 0.88em;
  }
}

.back-contact-btn {
  background-color: #cccccc;
  border: none;
  border-radius: 50vh;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  padding: 1.27em;
  width: 100%;
}

#contact-form .under-contact-title {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #contact-form .under-contact-title {
    margin-top: 1.875rem;
  }
}

#contact-form .under-contact-text {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

#contact-form .under-contact-text a {
  color: #26A300;
  text-decoration: underline;
}

#contact-form .under-contact-checkbox {
  text-align: center;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #contact-form .under-contact-checkbox {
    margin-top: 2.5rem;
  }
}

#contact-form .under-contact-checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#contact-form .under-contact-checkbox input[type=checkbox] + span {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 0.5em 2.22em 0.5em 1.5em;
  color: #333;
}
@media screen and (min-width: 768px) {
  #contact-form .under-contact-checkbox input[type=checkbox] + span {
    font-size: 1.125rem;
  }
}

#contact-form .under-contact-checkbox input[type=checkbox] + span {
  padding: 0.5em 0.5em 0.5em 1.77em;
}
#contact-form .under-contact-checkbox input[type=checkbox] + span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.33em;
  height: 1.33em;
  content: "";
  transform: translateY(-50%);
  background: white;
  border: 3px solid #666666;
  border-radius: 0.125rem;
}

#contact-form .under-contact-checkbox input[type=checkbox] + span::after {
  border-bottom: 3px solid #5F5F5F;
  border-left: 3px solid #5F5F5F;
  content: "";
  display: block;
  height: 0.35em;
  left: 0.15em;
  margin-top: -0.1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transition: all 0.3s ease 0s;
  width: 1em;
}

#contact-form .under-contact-checkbox input[type=checkbox]:checked + span::after,
#contact-form .under-contact-checkbox input[type=radio]:checked + span::after {
  opacity: 1;
}

#contact-form .wpcf7-list-item {
  display: block;
  margin: 0;
}

#contact-form .under-contact-btn {
  margin-top: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #contact-form .under-contact-btn {
    margin-top: 2.5rem;
    max-width: 19.5rem;
  }
}

#contact-form .btn-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #contact-form .btn-center {
    max-width: 19.5rem;
  }
}

.form-consultation .wpcf7-form-control {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-consultation .wpcf7-form-control .wpcf7-list-item {
  background: #fff;
  border: 1px solid #B8B8B8;
  border-radius: 0.625rem;
  display: block;
  font-weight: 400;
  line-height: 1.4444444444;
  margin-bottom: 0.75rem !important;
  width: 49%;
}

#btn {
  width: 40%;
}

#contact-form .under-contact-btn input {
  background-color: #26A300;
  border: none;
  border-radius: 50vh;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  padding: 1.27em;
  width: 100%;
}

#contact-form .under-contact-btn input[type=submit]:disabled,
#contact-form .under-contact-btn input[type=button]:disabled {
  opacity: 0.6;
}

.p-#contact-form .under-contact-btn input[type=submit]:hover,
.p-#contact-form .under-contact-btn input[type=button]:hover,
.p-#contact-form .under-contact-btn input[type=submit]:focus,
.p-#contact-form .under-contact-btn input[type=button]:focus {
  outline: none;
  opacity: 0.6;
}

#contact-form .text-google {
  font-size: 0.875rem;
}

#contact-form .output_area {
  display: none;
}

/* アンケートフォーム */
.box-survey {
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  .box-survey {
    padding: 0;
  }
}
.box-survey .title-survey {
  font-size: 1.7rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .box-survey .title-survey {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
}
.box-survey .title-survey-sub-wrap {
  margin-bottom: 2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .box-survey .title-survey-sub-wrap {
    margin-bottom: 3rem;
  }
}
.box-survey .title-survey-sub-wrap .title-survey-sub {
  background: #00B902;
  border-radius: 50vh;
  color: #fff;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
}
@media screen and (min-width: 768px) {
  .box-survey .title-survey-sub-wrap .title-survey-sub {
    font-size: 1.4rem;
    padding: 0.3rem 2rem;
  }
}
.box-survey p {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.box-survey .text-caution {
  color: #a1a1a1;
  font-size: 0.7rem;
}
.box-survey .summary-survey {
  background: #F5F5F5;
  border-radius: 1rem;
  margin: 2rem 0;
  padding: 1rem;
}
.box-survey .summary-survey .title-summary-survey {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
  text-align: center;
}
.box-survey .summary-survey dl {
  display: flex;
  flex-wrap: wrap;
}
.box-survey .summary-survey dl dt {
  border-top: 1px solid #ddd;
  padding: 0.5rem;
  width: 30%;
}
.box-survey .summary-survey dl dd {
  border-top: 1px solid #ddd;
  padding: 0.5rem;
  width: 70%;
}
.box-survey .page-survey-btn-wrap {
  margin: 2rem auto 5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .box-survey .page-survey-btn-wrap {
    margin: 3rem auto 5rem;
    width: 60%;
  }
}
.box-survey .page-survey-btn-wrap .page-survey-btn a {
  background: #FF6600;
  border-radius: 1rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  display: block;
  margin-bottom: 1.5rem;
  padding: 1.2rem;
  text-align: center;
}
.box-survey .page-survey-btn-wrap p {
  font-size: 0.8rem;
}

#contact-form .cf7-steps {
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  #contact-form .cf7-steps {
    padding: 0;
  }
}
#contact-form .cf7-steps dt {
  margin-bottom: 0.625rem;
}
#contact-form .cf7-steps dd {
  margin-bottom: 1.25rem;
}
#contact-form .cf7-steps dd small {
  font-size: 0.9rem;
}
#contact-form .cf7-steps .form-consultation input[type=text],
#contact-form .cf7-steps .form-consultation input[type=tel],
#contact-form .cf7-steps .form-consultation input[type=email],
#contact-form .cf7-steps .form-consultation select,
#contact-form .cf7-steps .form-consultation textarea {
  padding: 1.05em 0.88em !important;
}
#contact-form .cf7-steps .form-consultation .txt {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  #contact-form .cf7-steps .form-consultation .txt {
    font-size: 15px;
  }
}
#contact-form .cf7-steps .btn-center {
  display: flex;
  justify-content: space-around;
  margin: 2rem auto 5rem;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  #contact-form .cf7-steps .btn-center {
    margin: 3rem auto 5rem;
    max-width: 80%;
  }
}
#contact-form .cf7-steps .cf7-prev,
#contact-form .cf7-steps .cf7-next {
  border: none;
  border-radius: 50vh;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  padding: 1.27em;
  width: 48%;
}
#contact-form .cf7-steps .cf7-prev {
  background-color: #d1d1d1;
}
#contact-form .cf7-steps .cf7-next {
  background-color: #26A300;
}
#contact-form .cf7-steps .cf7-next.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
#contact-form .cf7-steps .wpcf7-form-control .wpcf7-list-item {
  display: flex;
}
#contact-form .cf7-steps .wpcf7-form-control .wpcf7-list-item label {
  flex-direction: column;
  padding: 0;
  position: relative;
  width: 100%;
}
#contact-form .cf7-steps .wpcf7-list-item-label {
  display: block;
  flex-grow: 1;
  padding: 1.05em 0.8em 1.05em 2.8em;
  width: 100%;
}
#contact-form .cf7-steps input[type=checkbox] {
  left: 1.05em;
  position: absolute;
  top: 34%;
}
#contact-form .cf7-steps input[type=radio] {
  border: 1px solid #B8B8B8;
  border-radius: 50%;
  display: block;
  height: 20px;
  left: 1.05em;
  position: absolute;
  top: 35%;
  width: 20px;
}
#contact-form .cf7-steps input[type=radio]:checked {
  background: #00B902;
  box-shadow: inset 0 0 0 3px #fff;
}
#contact-form .cf7-steps input[type=checkbox]:checked + .wpcf7-list-item-label,
#contact-form .cf7-steps input[type=radio]:checked + .wpcf7-list-item-label {
  border: 3px solid #00B902;
  border-radius: 0.625rem;
}
#contact-form .cf7-steps .under-contact-checkbox .wpcf7-form-control .wpcf7-list-item label {
  margin: auto;
  width: auto;
}
#contact-form .cf7-steps .under-contact-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label {
  border: none;
}
#contact-form .cf7-steps .under-contact-btn {
  margin-top: 0;
}
#contact-form .cf7-steps .under-contact-btn .cf7-prev {
  width: 100%;
}
#contact-form .cf7-steps .birth-box {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#contact-form .cf7-steps .birth-box span {
  flex: 1;
}
#contact-form .cf7-steps .protection p {
  margin-bottom: 1rem;
}
#contact-form .cf7-steps .protection ol {
  margin: 1rem 0;
}
#contact-form .cf7-steps .protection ol li {
  margin-bottom: 0.5rem;
}
#contact-form .cf7-steps .protection ol li:last-child {
  margin-bottom: 0;
}
#contact-form .cf7-steps .protection .company {
  border-bottom: 1px solid #CCC;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
#contact-form .cf7-steps .protection .company dt {
  background-color: #F5F5F5;
  border-top: 1px solid #CCC;
  margin-bottom: 0;
  padding: 1rem;
  width: 35%;
}
#contact-form .cf7-steps .protection .company dd {
  border-top: 1px solid #CCC;
  margin-bottom: 0;
  padding: 1rem;
  width: 65%;
}

.survey-form {
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  .survey-form {
    padding: 0;
  }
}

.survey-confirm {
  margin-bottom: 3rem;
}
.survey-confirm dt {
  font-weight: 700;
  margin-bottom: 0.3rem;
}
.survey-confirm dd {
  margin-bottom: 1rem;
}

#contact-form .cf7-step {
  display: none;
}

#contact-form .cf7-step.is-active {
  display: block;
}

#contact-form .cf7-step-nav {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
}

#contact-form .cf7-step-nav .cf7-prev {
  display: none;
}

#contact-form .wpcf7-submit.cf7-submit {
  display: none;
}

.car-fonm .wrap-car-fonm {
  margin-bottom: 2rem;
}

.car-fonm .wrap-question {
  display: flex;
  flex-wrap: wrap;
}

.car-fonm .wrap-question p,
.car-fonm .wrap-sub-question p,
.car-fonm .wrap-question ul,
.car-fonm .wrap-sub-question ul {
  margin-bottom: 0 !important;
}

.car-fonm .wrap-question:first-child {
  border-top: none;
}

.car-fonm .wrap-question .ttl-question,
.car-fonm .wrap-sub-question .ttl-sub-question {
  background: #f9f9f9;
  display: flex;
  margin-bottom: 1rem;
  padding: 1rem;
  width: 100%;
}

.car-fonm .wrap-question .ttl-question p,
.car-fonm .wrap-sub-question .ttl-sub-question p {
  align-items: center;
  display: flex;
}

.car-fonm .wrap-question .ttl-question p label,
.car-fonm .wrap-sub-question .ttl-sub-question p label {
  font-weight: 700;
}

.car-fonm .wrap-question .ttl-question p label .input-status.is-ng,
.car-fonm .wrap-sub-question .ttl-sub-question p label .input-status.is-ng {
  background: #ff2828;
  border-radius: 5px;
  color: #fff;
  font-size: 0.875rem;
  margin-left: 0.5rem;
  padding: 0 0.3rem 0.1rem 0.3rem;
}

.car-fonm .wrap-question .ttl-question p label .input-status.is-ok,
.car-fonm .wrap-sub-question .ttl-sub-question p label .input-status.is-ok {
  background: #00c1ef;
  border-radius: 5px;
  color: #fff;
  font-size: 0.875rem;
  margin-left: 0.5rem;
  padding: 0 0.3rem 0.1rem 0.3rem;
}

.car-fonm .wrap-question .list-choices,
.car-fonm .wrap-sub-question .list-sub-choices {
  margin-bottom: 2rem;
  width: 100%;
}

.car-fonm .wrap-question .list-choices small,
.car-fonm .wrap-sub-question .list-sub-choices small {
  display: block;
  margin-top: 0.5rem;
}

.car-fonm .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
}

.car-fonm .wpcf7-radio .wpcf7-list-item.first {
  border: 1px solid #ccc;
  border-radius: 8px 0 0 8px;
  margin: 0;
  overflow: hidden;
  width: 50%;
}

.car-fonm .wpcf7-radio .wpcf7-list-item.last {
  border: 1px solid #ccc;
  border-left: none;
  border-radius: 0 8px 8px 0;
  margin: 0;
  overflow: hidden;
  width: 50%;
}

.car-fonm .list-purpose .wpcf7-radio .wpcf7-list-item.first,
.car-fonm .list-purpose .wpcf7-radio .wpcf7-list-item,
.car-fonm .list-purpose .wpcf7-radio .wpcf7-list-item.last {
  width: 33.3%;
}

.car-fonm .list-purpose .wpcf7-radio .wpcf7-list-item {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 0;
}

.car-fonm .wrap-question .list-choices .wpcf7-list-item-label,
.car-fonm .wrap-sub-question .list-sub-choices .wpcf7-list-item-label {
  display: block;
  font-weight: 700;
  padding: 1rem;
}

.car-fonm .wrap-question .list-choices .wpcf7-radio .wpcf7-list-item-label,
.car-fonm .wrap-sub-question .list-sub-choices .wpcf7-radio .wpcf7-list-item-label {
  background: url(../images/common/ico-radio-off.png) 0.8rem center no-repeat;
  background-size: 20px;
  font-weight: 700;
  padding: 1rem 1rem 1rem 2.5rem;
}

.car-fonm .wpcf7-radio input[type=radio]:checked + span.wpcf7-list-item-label {
  background-image: url(../images/common/ico-radio-on.png), linear-gradient(#00ab02, #00b902);
  background-repeat: no-repeat;
  background-position: 0.8rem center, left top;
  background-size: 20px, contain;
  color: #fff;
  padding-left: 2.5rem;
}

.car-fonm .wpcf7-checkbox .wpcf7-list-item label {
  display: flex;
}

.car-fonm input[type=checkbox] {
  border: 1px solid #333;
  border-radius: 3px;
  display: inline-block;
  height: 18px;
  margin: 1.1875rem 0;
  position: relative;
  vertical-align: -5px;
  width: 18px;
}

.car-fonm input[type=checkbox]:checked:before {
  border-right: 3px solid #00ab02;
  border-bottom: 3px solid #00ab02;
  content: "";
  height: 10px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(50deg);
  width: 8px;
}

.car-fonm .wpcf7-select,
.car-fonm input[type=text],
.car-fonm input[type=tel],
.car-fonm input[type=email] {
  border: 1px solid #ccc;
  border-radius: 8px;
  font-weight: 700;
  margin-right: 0.5rem;
  padding: 1rem;
}

.car-fonm input[type=tel],
.car-fonm input[type=email] {
  width: 100%;
}

.car-fonm .wpcf7-select {
  background: url(../images/common/arrow-bottom.png) no-repeat right 12px center;
  background-size: 15px;
  padding: 1rem 2.8125rem 1rem 1rem;
}

.car-fonm .wrap-sub-question {
  display: flex;
  flex-wrap: wrap;
}

.car-fonm .ttl-car-form {
  background: #e3f3e3;
  margin-bottom: 1rem;
  padding: 1rem;
}

.car-fonm .ttl-car-form p {
  font-weight: 700 !important;
  margin-bottom: 0 !important;
}

.car-fonm .ttl-car-form p .red {
  color: #f13232;
}

.car-fonm .wrap-name,
.car-fonm .wrap-company {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.car-fonm .wrap-name li {
  width: 48%;
}

.car-fonm .wrap-name li:nth-child(1),
.car-fonm .wrap-name li:nth-child(2),
.car-fonm .wrap-company li:nth-child(1) {
  margin-bottom: 1rem;
}

.car-fonm .wrap-name li p,
.car-fonm .wrap-company li p {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.car-fonm .wrap-name li p .text {
  font-weight: 700;
  width: 17%;
}

.car-fonm .wrap-name li p .wpcf7-form-control-wrap {
  width: 83%;
}

.car-fonm .wrap-company li p .text {
  font-weight: 700;
  width: 25%;
}

.car-fonm .wrap-company li p .wpcf7-form-control-wrap {
  width: 75%;
}

.car-fonm input[type=text] {
  margin-right: 0;
  width: 100%;
}

.car-fonm .text-car-name p {
  display: flex;
  flex-wrap: wrap;
}

.car-fonm .text-car-name .wpcf7-form-control-wrap {
  max-width: 55%;
}

.car-fonm .text-car-name .wpcf7-form-control-wrap input[type=text] {
  border: none;
}

.car-fonm .text-car-name button {
  background-image: linear-gradient(#fff, #e9e9e9);
  border: 1px solid #ccc;
  border-radius: 8px;
  font-weight: 700;
  padding: 1rem;
  width: 45%;
}

.car-fonm .popup-overlay {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.car-fonm .popup-content {
  background: #fff;
  border-radius: 8px;
  left: 50%;
  max-height: 800px;
  max-width: 800px;
  overflow: scroll;
  padding: 2rem;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.car-fonm .popup-content p {
  margin-bottom: 0;
}

.car-fonm .popup-content #close-popup {
  border: 1px solid #00B902;
  border-radius: 5px;
  color: #00B902;
  font-weight: 700;
  margin-top: 2rem;
  padding: 0.5rem 1rem;
}

.car-fonm #car-tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.car-fonm .car-tab {
  padding: 8px 15px;
  cursor: pointer;
  background: #ddd;
  margin: 0.125rem;
  border-radius: 5px;
}

.car-fonm .car-tab.active {
  background: #00B902;
  color: #fff;
}

.car-fonm .car-group {
  display: none;
}

.car-fonm .car-group.active {
  display: block;
}

.car-fonm .car-option {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  margin: 0.3125rem;
  padding: 0.625rem;
}

.car-fonm .car-option:hover {
  background: #e0e0e0;
}

.car-fonm #car-name {
  display: none;
}

.wrap-carform-btn p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.wrap-carform-btn .wpcf7-previous {
  border: 1px solid #ccc;
  border-radius: 8px;
  color: #888;
  font-size: 1.25rem;
  font-weight: 700;
  margin-right: 5%;
  width: 20%;
}

.wpcf7-spinner {
  display: none;
}

.car-fonm input[type=submit] {
  background: #FF6600;
  border-radius: 8px;
  color: #fff;
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 1.25rem;
  width: 75%;
}

.car-fonm.wpcf7cf-confirm .list-choices,
.car-fonm.wpcf7cf-confirm .list-sub-choices {
  display: flex;
}

.car-fonm.wpcf7cf-confirm .btn-edit {
  margin-left: auto;
}

.car-fonm.wpcf7cf-confirm .btn-edit a {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  display: inline-block;
  font-size: 0.8125rem;
  padding: 0.125rem 0.3125rem;
  text-decoration: none;
}

.car-fonm.wpcf7cf-confirm .btn-edit a:hover {
  background-color: #e5e5e5;
}

.car-fonm input:disabled {
  background: #dbdbdb;
}

.form-consultation {
  font-size: 1.375rem;
  line-height: 1.4444444444;
}

.form-consultation dt {
  font-weight: 700;
  margin-bottom: 0.3125rem;
}

.form-consultation dd {
  margin-bottom: 0.3125rem;
}

.form-consultation .js-checkbox {
  margin-top: 0.9375rem;
}

.form-consultation .req {
  background: red;
  border-radius: 0.1875rem;
  color: #fff;
  font-size: 0.5625rem;
  margin-left: 0.3125rem;
  padding: 0.0625rem 0.25rem 0.125rem;
}

.form-consultation .wpcf7-form-control .wpcf7-list-item {
  background: #fff;
  border: 1px solid #B8B8B8;
  border-radius: 0.625rem;
  display: block;
  font-weight: 400;
  line-height: 1.4444444444;
  margin-bottom: 0.75rem !important;
}

.form-consultation .wpcf7-form-control .wpcf7-list-item label {
  padding: 1.05em 0.8em;
}

.form-consultation .wpcf7-form-control .wpcf7-list-item label {
  align-items: center;
  display: flex !important;
}

.form-consultation .wpcf7-form-control .wpcf7-list-item input[type=checkbox] {
  border: 1px solid #B8B8B8;
  display: inline-block;
  height: 18px;
  margin: 0.125rem 0.1875rem 0 0;
  position: relative;
  width: 18px;
  vertical-align: -5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-consultation .wpcf7-form-control .wpcf7-list-item input[type=checkbox]:checked::before {
  border-right: 3px solid #26A300;
  border-bottom: 3px solid #26A300;
  content: "";
  height: 10px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(50deg);
  width: 8px;
}

#btn {
  background: #ccc;
  border-radius: 50vw;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  pointer-events: none;
  margin: 0.9375rem auto 0;
  padding: 0.5rem;
  text-align: center;
  width: 60%;
}

#btn.show {
  background: #FF6600;
  pointer-events: auto;
}

.inquiry-confirm .form-consultation dt p {
  background: #efefef;
  border-radius: 0.3125rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
  padding: 0.5rem 0.625rem;
}

.inquiry-confirm .form-consultation dd .text-date {
  margin-bottom: 0.3125rem !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}

.form-consultation input[type=text],
.form-consultation input[type=tel],
.form-consultation input[type=email],
.form-consultation input[type=date],
.form-consultation select {
  background: #fff !important;
  padding: 0.625rem !important;
}

.form-consultation .text-date {
  font-size: 0.625rem;
  font-weight: 700;
}

.form-consultation .wrap-date {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}

.form-consultation .wrap-date .date,
.form-consultation .wrap-date .time {
  width: 48%;
}

.wpcf7 form .wpcf7-response-output {
  border: none;
}

#page-content .thanks-wrap {
  text-align: center;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #page-content .thanks-wrap {
    margin-top: 5rem;
  }
}

#page-content .thanks-wrap p {
  font-size: 1.125rem;
  line-height: 1.4583333333;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #page-content .thanks-wrap p {
    font-size: 1.5rem;
  }
}

#page-content .contact-btn-wrap {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  max-width: 14.125rem;
}
@media screen and (min-width: 768px) {
  #page-content .contact-btn-wrap {
    margin-top: 2.625rem;
  }
}

#page-content .contact-btn-wrap a {
  color: #26A300;
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 700;
  border: 1px solid #26A300;
  padding: 1.05em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  #page-content .contact-btn-wrap a {
    font-size: 1.125rem;
  }
}

.seminar__wrapper {
  margin: 2rem auto 1rem;
  width: 92%;
}
@media screen and (min-width: 768px) {
  .seminar__wrapper {
    max-width: 1250px;
    margin: 4rem auto 3rem;
  }
}

.seminar__mainvisual.seminar__wrapper {
  width: 100%;
}

.seminar__maintxt p {
  font-size: 0.85rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .seminar__maintxt p {
    font-size: 1.1rem;
    line-height: 2;
  }
}

.seminar__maintxt.seminar__wrapper {
  margin: 1rem auto 2rem;
}
@media screen and (min-width: 768px) {
  .seminar__maintxt.seminar__wrapper {
    margin: 4rem auto 3rem;
  }
}

.seminar__feature h2,
.seminar__step h2,
.seminar__list h2,
.seminar__review h2,
.seminar__faq h2 {
  font-size: 1.5rem;
  line-height: 1.45;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .seminar__feature h2,
  .seminar__step h2,
  .seminar__list h2,
  .seminar__review h2,
  .seminar__faq h2 {
    font-size: 2.5rem;
  }
}
.seminar__feature h2 span,
.seminar__step h2 span,
.seminar__list h2 span,
.seminar__review h2 span,
.seminar__faq h2 span {
  color: #26A300;
}

.seminar__feature {
  background-color: #F5F5F5;
  padding: 2.5rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .seminar__feature {
    padding: 3rem 0;
  }
}
.seminar__feature .feature__inner {
  display: block;
}
@media screen and (min-width: 768px) {
  .seminar__feature .feature__inner {
    display: flex;
    justify-content: space-around;
  }
}
.seminar__feature .feature__inner .feature__box {
  background: #fff;
  border-radius: 1rem;
  margin: 0 auto 1rem;
  padding: 1.875rem 1.5rem;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .seminar__feature .feature__inner .feature__box {
    border-radius: 2rem;
    padding: 2rem;
    width: 30%;
  }
}
.seminar__feature .feature__inner .feature__box img {
  margin: auto;
  width: 220px;
}
.seminar__feature .feature__inner .feature__box .feature__ttl {
  color: #26A300;
  line-height: 1.4;
  margin: 1rem auto;
}
.seminar__feature .feature__inner .feature__box .feature__txt {
  font-size: 0.9rem;
}

.seminar__step {
  padding: 2.5rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .seminar__step {
    padding: 3rem 0;
  }
}
.seminar__step .step__inner {
  display: block;
}
@media screen and (min-width: 768px) {
  .seminar__step .step__inner {
    align-items: center;
    display: flex;
    justify-content: space-around;
  }
}
.seminar__step .step__inner .step__box {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 1rem;
  margin: 0 auto 2rem;
  padding: 1rem;
  position: relative;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .seminar__step .step__inner .step__box {
    border-radius: 2rem;
    margin: auto;
    padding: 2rem 1.6rem;
    width: 30%;
  }
}
.seminar__step .step__inner .step__box h3 {
  background: #26A300;
  border-radius: 2rem;
  color: #fff;
  left: 0;
  top: -11%;
  font-size: 1rem;
  margin: auto;
  padding: 0.3rem;
  position: absolute;
  right: 0;
  text-align: center;
  width: 90px;
}
@media screen and (min-width: 768px) {
  .seminar__step .step__inner .step__box h3 {
    top: -7%;
    width: 110px;
  }
}
.seminar__step .step__inner .step__box img {
  margin: 0.5rem auto;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .seminar__step .step__inner .step__box img {
    margin: 0 auto 1rem;
    width: 120px;
  }
}
.seminar__step .step__inner .step__triangle {
  display: none;
}
@media screen and (min-width: 768px) {
  .seminar__step .step__inner .step__triangle {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #26A300;
    display: block;
    height: 0;
    margin: 0 1rem;
    width: 0;
  }
}
.seminar__step .step__inner p {
  font-size: 0.9rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .seminar__step .step__inner p {
    font-size: 1rem;
  }
}

.seminar__list {
  background: #FFF9F0;
  padding: 2.5rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .seminar__list {
    padding: 1rem 0 3rem 0;
  }
}
.seminar__list .list__block--ttl strong {
  color: #26A300;
}
.seminar__list .list__inner-main {
  display: block;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
  }
}
.seminar__list .list__inner-main .list__box {
  background: #fff;
  border-radius: 10px;
  margin: 0 auto 2rem;
  padding: 1.5rem;
  width: 94%;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box {
    padding: 1.5rem 2rem;
    margin: 0 0 1rem;
    width: calc(49% - 5px);
  }
}
.seminar__list .list__inner-main .list__box .list__topblock .list__area {
  background: #26A300;
  border-radius: 5px;
  color: white;
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
  padding: 0.1rem;
  text-align: center;
  width: 85px;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__topblock .list__area {
    font-size: 1rem;
  }
}
.seminar__list .list__inner-main .list__box .list__topblock .list__ttl {
  color: #26A300;
  font-size: 1.15rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__topblock .list__ttl {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
}
.seminar__list .list__inner-main .list__box .seminar-cats {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0 auto 0.5rem;
}
.seminar__list .list__inner-main .list__box .seminar-cats li {
  background-color: #FFCC00;
  border-radius: 5px;
  color: #333;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .seminar-cats li {
    font-size: 0.9rem;
    padding: 0.2rem 0.5rem;
  }
}
.seminar__list .list__inner-main .list__box .seminar__info {
  display: flex;
  gap: 0.8rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.3rem;
  margin-bottom: 0.5rem;
}
.seminar__list .list__inner-main .list__box .seminar__info li {
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .seminar__info li {
    font-size: 0.9rem;
  }
}
.seminar__list .list__inner-main .list__box .seminar__info li i {
  margin-right: 0.3rem;
}
.seminar__list .list__inner-main .list__box .list__explanation {
  font-size: 0.85rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__explanation {
    font-size: 0.9rem;
  }
}
.seminar__list .list__inner-main .list__box .list__block {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__block {
    display: flex;
  }
}
.seminar__list .list__inner-main .list__box .list__block dl {
  background: #f7f7f7;
  padding: 0.5rem;
  display: flex;
  border-radius: 5px;
}
.seminar__list .list__inner-main .list__box .list__block dl dt {
  color: #26A300;
  font-size: 0.7rem;
  font-weight: 700;
  margin-right: 0.2rem;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__block dl dt {
    font-size: 0.8rem;
  }
}
.seminar__list .list__inner-main .list__box .list__block dl dd {
  font-size: 0.7rem;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__block dl dd {
    font-size: 0.8rem;
  }
}
.seminar__list .list__inner-main .list__box .list__block a {
  display: block;
  margin-left: auto;
}
.seminar__list .list__inner-main .list__box .list__block .list__date-time {
  color: #484848;
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__block .list__date-time {
    font-size: 0.85rem;
  }
}
.seminar__list .list__inner-main .list__box .list__block .list__place {
  color: #484848;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__block .list__place {
    font-size: 0.85rem;
  }
}
.seminar__list .list__inner-main .list__box .list__inner--flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__inner--flex {
    margin-bottom: 0.5rem;
  }
}
.seminar__list .list__inner-main .list__box .list__inner--flex .list__block--01 {
  width: 30%;
}
.seminar__list .list__inner-main .list__box .list__inner--flex .list__block--01 img {
  margin-bottom: 0.3rem;
}
.seminar__list .list__inner-main .list__box .list__inner--flex .list__block--01 p {
  color: #484848;
  font-size: 0.6rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__inner--flex .list__block--01 p {
    font-size: 0.85rem;
  }
}
.seminar__list .list__inner-main .list__box .list__inner--flex .list__block--01 p small {
  display: block;
  line-height: 1.2;
  font-weight: normal;
  margin-top: 0.3rem;
}
.seminar__list .list__inner-main .list__box .list__inner--flex .list__block--02 {
  width: 67%;
}
.seminar__list .list__inner-main .list__box .list__detail-btn {
  background: #FF6600;
  border-radius: 20px;
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 1rem auto 0;
  padding: 0.3rem;
  position: relative;
  text-align: center;
  width: 100%;
}
.seminar__list .list__inner-main .list__box .list__detail-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid;
}
@media screen and (min-width: 768px) {
  .seminar__list .list__inner-main .list__box .list__detail-btn {
    font-size: 1rem;
    margin: auto;
    width: 160px;
  }
}

.seminar__review {
  padding: 2.5rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .seminar__review {
    padding: 3rem 0;
  }
}
.seminar__review .review__inner {
  display: block;
}
@media screen and (min-width: 768px) {
  .seminar__review .review__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.seminar__review .review__inner .review__box {
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 1rem;
  margin: 0 auto 1.5rem;
  padding: 1.5rem;
  width: 94%;
}
@media screen and (min-width: 768px) {
  .seminar__review .review__inner .review__box {
    border-radius: 2rem;
    margin: 0 0 2rem;
    padding: 2rem;
    width: calc(49% - 8px);
  }
}
.seminar__review .review__inner .review__box .review__ttl {
  font-size: 1.1rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .seminar__review .review__inner .review__box .review__ttl {
    font-size: 1.2rem;
  }
}
.seminar__review .review__inner .review__box .review__star {
  color: #ffcc00;
}
.seminar__review .review__inner .review__box .review__seminarname {
  font-size: 0.9rem;
  font-weight: bold;
}
.seminar__review .review__inner .review__box .review__block {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.seminar__review .review__inner .review__box .review__block .review__left-box {
  text-align: center;
  width: 25%;
}
.seminar__review .review__inner .review__box .review__block .review__left-box .review__name {
  font-size: 0.6rem;
}
@media screen and (min-width: 768px) {
  .seminar__review .review__inner .review__box .review__block .review__left-box .review__name {
    font-size: 0.8rem;
  }
}
.seminar__review .review__inner .review__box .review__block .review__right-box {
  width: 72%;
}
.seminar__review .review__inner .review__box .review__block .review__right-box .review__txt {
  font-size: 0.8rem;
  letter-spacing: 0.05rem;
  line-height: 1.7;
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .seminar__review .review__inner .review__box .review__block .review__right-box .review__txt {
    font-size: 0.9rem;
    padding-top: 0.5rem;
  }
}

.seminar__faq {
  background: #F5F5F5;
  padding: 2.5rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .seminar__faq {
    padding: 3rem 0;
  }
}
.seminar__faq .faq__list {
  margin: 2rem auto 0;
  width: 94%;
}
@media screen and (min-width: 768px) {
  .seminar__faq .faq__list {
    max-width: 800px;
    margin: 2rem auto;
  }
}
.seminar__faq .faq__list dt {
  cursor: pointer;
  padding: 1rem;
  background: #fff;
  margin: 0;
  border-bottom: 1px solid #ddd;
}
.seminar__faq .faq__list dt span.faq__labelq {
  background-color: #26A300;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  height: 2.5rem;
  line-height: 2.3rem;
  margin-right: 0.5rem;
  text-align: center;
  width: 2.5rem;
}
.seminar__faq .faq__list dd {
  display: none;
  padding: 1rem;
  background: #fff;
  margin: 0;
}

#single-seminar {
  display: block;
  margin: 2rem auto 3rem;
}
@media screen and (min-width: 768px) {
  #single-seminar {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 4rem auto;
  }
}
#single-seminar .single-seminar__wrap-content {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin: 0 auto 2rem;
  padding: 1.3rem;
  width: 98%;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content {
    border-radius: 2rem;
    padding: 2rem;
    width: 65%;
  }
}
#single-seminar .single-seminar__wrap-content .single-seminar__block {
  align-items: center;
}
#single-seminar .single-seminar__wrap-content .single-seminar__block .single-seminar__area {
  background: #26A300;
  border-radius: 5px;
  color: white;
  font-size: 0.8rem;
  font-weight: bold;
  margin-right: 0.5rem;
  padding: 0.1rem;
  text-align: center;
  width: 85px;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .single-seminar__block .single-seminar__area {
    font-size: 0.9rem;
  }
}
#single-seminar .single-seminar__wrap-content .single-seminar__block .single-seminar__date-time {
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .single-seminar__block .single-seminar__date-time {
    font-size: 1rem;
  }
}
#single-seminar .single-seminar__wrap-content .single-seminar__ttl {
  font-size: 1.3rem;
  margin-top: 0.3rem;
}
#single-seminar .single-seminar__wrap-content .seminar-cats {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0 auto 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .seminar-cats {
    margin: 0 auto 1rem;
  }
}
#single-seminar .single-seminar__wrap-content .seminar-cats li {
  background-color: #FFCC00;
  border-radius: 5px;
  color: #333;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .seminar-cats li {
    font-size: 0.9rem;
    padding: 0.2rem 0.5rem;
  }
}
#single-seminar .single-seminar__wrap-content .seminar-tags {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0 auto 1rem;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .seminar-tags {
    margin: 1rem auto;
  }
}
#single-seminar .single-seminar__wrap-content .seminar-tags li {
  background-color: #FFCC00;
  border-radius: 5px;
  color: #333;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .seminar-tags li {
    font-size: 0.8rem;
    padding: 0.2rem 0.5rem;
  }
}
#single-seminar .single-seminar__wrap-content .seminar__info li {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .seminar__info li {
    font-size: 0.9rem;
  }
}
#single-seminar .single-seminar__wrap-content .seminar__info li i {
  color: #26A300;
  margin-right: 0.5rem;
}
#single-seminar .single-seminar__wrap-content h2 {
  line-height: 1.5;
  margin-bottom: 1rem;
}
#single-seminar .single-seminar__wrap-content h3 {
  background: #F5F5F5;
  color: #484848;
  font-size: 1rem;
  margin: 2rem auto 1rem;
  padding: 0.2rem 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content h3 {
    font-size: 1.2rem;
    margin: 3rem auto 1rem;
  }
}
#single-seminar .single-seminar__wrap-content .single-seminar__inner {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .single-seminar__inner {
    margin-bottom: 1rem;
  }
}
#single-seminar .single-seminar__wrap-content .single-seminar__inner .single-seminar__leftbox {
  width: 70%;
}
#single-seminar .single-seminar__wrap-content .single-seminar__inner .single-seminar__rightbox {
  font-size: 0.8rem;
  width: 30%;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .single-seminar__inner .single-seminar__rightbox {
    font-size: 0.9rem;
    width: 25%;
  }
}
#single-seminar .single-seminar__wrap-content .single-seminar__inner .single-seminar__rightbox p {
  margin-bottom: 0.2rem;
}
#single-seminar .single-seminar__wrap-content .single-seminar__inner .single-seminar__rightbox .text__instructor {
  font-size: 0.8rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .single-seminar__inner .single-seminar__rightbox .text__instructor {
    font-size: 1rem;
  }
}
#single-seminar .single-seminar__wrap-content .single-seminar__inner .single-seminar__rightbox .text__instructor small {
  font-weight: normal;
  line-height: 1.2;
  display: block;
  margin-top: 0.3rem;
}
#single-seminar .single-seminar__wrap-content .single-seminar__inner .single-seminar__rightbox img {
  margin-bottom: 0.5rem;
  width: 100%;
}
#single-seminar .single-seminar__wrap-content .btn-form {
  text-align: center;
}
#single-seminar .single-seminar__wrap-content .btn-form a {
  background-color: #FF6600;
  border-radius: 50vh;
  align-items: center;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  margin: 1rem auto 0;
  text-align: center;
  padding: 1rem 0.6rem;
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .btn-form a {
    width: 60%;
  }
}
#single-seminar .single-seminar__wrap-content .btn-form a .fa-arrow-pointer {
  margin-left: 0.5rem;
}
#single-seminar .single-seminar__wrap-content .single-seminar__bottominner p {
  font-size: 0.8rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .single-seminar__bottominner p {
    font-size: 0.9rem;
    line-height: 1.8;
  }
}
#single-seminar .single-seminar__wrap-content .single-seminar__bottominner ul {
  list-style: disc;
  padding-left: 1.5rem;
}
#single-seminar .single-seminar__wrap-content .single-seminar__bottominner ul li {
  font-size: 0.8rem;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .single-seminar__bottominner ul li {
    font-size: 0.9rem;
  }
}
#single-seminar .single-seminar__wrap-content .single-seminar__bottominner .block {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
#single-seminar .single-seminar__wrap-content .single-seminar__bottominner .block img {
  width: 30%;
}
#single-seminar .single-seminar__wrap-content .single-seminar__bottominner .block div {
  width: 67%;
}
#single-seminar .single-seminar__wrap-content .single-seminar__bottominner .block__instructor {
  font-size: 1rem;
}
#single-seminar .single-seminar__wrap-content .single-seminar__bottominner .block__instructor dt {
  font-weight: 700;
  margin-bottom: 1rem;
}
#single-seminar .single-seminar__wrap-content .single-seminar__bottominner .block__instructor dd {
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  #single-seminar .single-seminar__wrap-content .single-seminar__bottominner .block__instructor dd {
    font-size: 0.9rem;
  }
}
#single-seminar .single-seminar__wrap-content .fa-solid {
  margin-right: 0.3rem;
}

#contact-form .seminar-confirmation {
  background: #F5F5F5;
  border-radius: 20px;
  padding: 1rem;
  margin-bottom: 2rem;
}
#contact-form .seminar-confirmation .confirmation-ttl {
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #contact-form .seminar-confirmation .confirmation-ttl {
    margin-bottom: 1rem;
  }
}
#contact-form .seminar-confirmation dl {
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  #contact-form .seminar-confirmation dl {
    font-size: 1rem;
  }
}
#contact-form .seminar-confirmation dl dt,
#contact-form .seminar-confirmation dl dd {
  display: table-cell;
  padding: 4px 0;
  vertical-align: top;
}
#contact-form .seminar-confirmation dl dt p,
#contact-form .seminar-confirmation dl dd p {
  font-size: 0.9rem;
  margin: 0;
  text-align: left;
}
#contact-form .seminar-confirmation dl dt {
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #contact-form .seminar-confirmation dl dt {
    white-space: normal;
    word-break: break-word;
  }
}
#contact-form .seminar-confirmation dl dd {
  white-space: normal;
  word-break: break-word;
}
#contact-form .seminar-form dl dt .req {
  background: red;
  border-radius: 0.1875rem;
  color: #fff;
  font-size: 0.6rem;
  margin-left: 0.1875rem;
  padding: 0.0625rem 0.1875rem;
}
#contact-form .seminar-form dl dt .text-red {
  color: red;
  display: block;
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  #contact-form .seminar-form dl dt .text-red {
    display: inline;
    margin-left: 0.5rem;
  }
}
#contact-form .seminar-form dl dd {
  margin-bottom: 1rem;
}
#contact-form .seminar-form dl dd .birth-box {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#contact-form .seminar-form dl dd .birth-box span {
  flex: 1;
}
#contact-form .seminar-form dl dd .text-date {
  margin: 2rem 0 0 0;
}
#contact-form .seminar-form dl dd .wrap-date {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#contact-form .seminar-form dl dd .wrap-date .date,
#contact-form .seminar-form dl dd .wrap-date .time {
  flex: 1;
}
@media screen and (min-width: 768px) {
  #contact-form .seminar-form dl dd .chance-box .wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#contact-form .seminar-form dl dd .chance-box .wpcf7-list-item {
  border: 1px solid #B8B8B8;
  border-radius: 0.625rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #contact-form .seminar-form dl dd .chance-box .wpcf7-list-item {
    width: 48%;
  }
}
#contact-form .seminar-form dl dd .chance-box .wpcf7-list-item label {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}
#contact-form .seminar-form dl dd .chance-box .wpcf7-list-item-label {
  font-size: 1rem;
}
#contact-form .seminar-form dl dd .chance-box input[type=checkbox] {
  border: 1px solid #333;
  border-radius: 3px;
  display: inline-block;
  height: 18px;
  margin: 1.1875rem 0.375rem 1.1875rem 0;
  position: relative;
  vertical-align: -5px;
  width: 18px;
}
#contact-form .seminar-form dl dd .chance-box input[type=checkbox]:checked:before {
  border-right: 3px solid #00ab02;
  border-bottom: 3px solid #00ab02;
  content: "";
  height: 10px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(50deg);
  width: 8px;
}
#contact-form .seminar-form dl dd .gender-box span.wpcf7-form-control {
  display: flex;
}
#contact-form .seminar-form dl dd .gender-box input {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #666666;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: auto !important;
     -moz-appearance: auto !important;
          appearance: auto !important;
  padding: 0;
  margin-right: 0.2rem;
  background-color: #F5F5F5;
}
#contact-form .seminar-form dl dd .gender-box .first {
  margin-right: 1rem;
}

.wrap-date .text-date {
  margin-bottom: 0 !important;
  margin-top: 0.5rem;
}
.wrap-date .text-date:first-child {
  margin-top: 0;
}

/* セミナーフォーム確認画面 */
.seminar-confirm {
  margin-bottom: 3rem;
}
.seminar-confirm dl dt,
.seminar-confirm dl dd {
  display: table-cell;
  padding: 4px 0;
  vertical-align: top;
}
.seminar-confirm .back-contact-btn {
  background-color: #cccccc;
  border: none;
  border-radius: 50vh;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  padding: 1.27em;
  width: 100%;
}

.seminar-confirm .request-confirm {
  display: flex;
  flex-wrap: wrap;
}
.seminar-confirm .request-confirm dt {
  background: #f5f5f5;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.3rem 0.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .seminar-confirm .request-confirm dt {
    background: none;
    margin-bottom: 0.5rem;
    padding: 0;
    width: 40%;
  }
}
.seminar-confirm .request-confirm dd {
  margin-bottom: 0.5rem;
  width: 100%;
  padding: 0.3rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .seminar-confirm .request-confirm dd {
    padding: 0;
    width: 60%;
  }
}

/* 削除予定の /child-insurance/ 専用。相談ページの変更から分離する。 */
.page-child-insurance {
  /* 相談用カードリスト */
}
@media screen and (min-width: 768px) {
  .page-child-insurance .consultation-box-lists {
    display: flex;
  }
}
.page-child-insurance .consultation-box-list {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
  padding: 1.875rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .consultation-box-list {
    width: 31%;
    border-radius: 2rem;
    margin-bottom: 2.25rem;
    margin-left: 3.33%;
    padding: 2.5rem 2.25rem;
  }
}
.page-child-insurance .page-consultation-flow__box-lists .consultation-box-list {
  position: relative;
}
.page-child-insurance .page-consultation-flow__box-lists .consultation-box-list:not(.page-consultation-flow__box-lists .consultation-box-list:first-child)::after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 1.5625rem;
  background: url(../images/consultation/arrow-flow.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-flow__box-lists .consultation-box-list:not(.page-consultation-flow__box-lists .consultation-box-list:first-child)::after {
    width: 5rem;
    height: 3.5625rem;
    top: 50%;
    left: -3.75rem;
    transform: translateY(-50%);
  }
}
.page-child-insurance .consultation-box-list + .consultation-box-list {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .consultation-box-list + .consultation-box-list {
    margin-top: 0;
  }
}
.page-child-insurance .consultation-box-list:first-child {
  margin-left: 0;
}
.page-child-insurance .consultation-box-list::before {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 1.5rem;
  left: 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .consultation-box-list::before {
    width: 3.5rem;
    height: 3.5rem;
    top: 1.5rem;
    left: 1.5rem;
  }
}
.page-child-insurance .consultation-box-list:nth-child(1)::before {
  background: url(../images/consultation/icon-num01.png) no-repeat center center;
  background-size: contain;
}
.page-child-insurance .consultation-box-list:nth-child(2)::before {
  background: url(../images/consultation/icon-num02.png) no-repeat center center;
  background-size: contain;
}
.page-child-insurance .consultation-box-list:nth-child(3)::before {
  background: url(../images/consultation/icon-num03.png) no-repeat center center;
  background-size: contain;
}
.page-child-insurance .consultation-box-list:nth-child(4)::before {
  background: url(../images/consultation/icon-num04.png) no-repeat center center;
  background-size: contain;
}
.page-child-insurance .consultation-box-list:nth-child(5)::before {
  background: url(../images/consultation/icon-num05.png) no-repeat center center;
  background-size: contain;
}
.page-child-insurance .consultation-box-list__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-child-insurance .page-consultation-reason__box-lists .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-reason__box-lists .consultation-box-list__img {
    width: 100%;
    height: 13.25rem;
  }
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-reason__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img {
    width: 12.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-reason__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img {
    width: 15.625rem;
  }
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-reason__box-lists .consultation-box-list:nth-child(3) .consultation-box-list__img {
    width: 15.125rem;
  }
}
.page-child-insurance .page-consultation-flow__box-lists .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-flow__box-lists .consultation-box-list__img {
    width: 100%;
    height: 12.25rem;
  }
}
.page-child-insurance .page-consultation-flow__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img {
  margin-left: 1.125rem;
  width: 60%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-flow__box-lists .consultation-box-list:nth-child(1) .consultation-box-list__img {
    width: 9.5625rem;
    margin-left: 2.25rem;
  }
}
.page-child-insurance .page-consultation-flow__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img {
  margin-left: 1.125rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-flow__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img {
    margin-left: 2.25rem;
    width: 15.125rem;
  }
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-flow__box-lists .consultation-box-list:nth-child(3) .consultation-box-list__img {
    width: 13.875rem;
  }
}
.page-child-insurance .page-consultation-flow-online .page-consultation-flow__box-lists .consultation-box-list .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-flow-online .page-consultation-flow__box-lists .consultation-box-list .consultation-box-list__img {
    margin: auto;
    width: 13.875rem;
  }
}
.page-child-insurance .page-consultation-flow-online .page-consultation-flow__box-lists .consultation-box-list .consultation-box-list__ttl {
  margin-top: 1rem;
}
.page-child-insurance .consultation-box-list__ttl {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.4583333333;
  font-weight: 700;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .consultation-box-list__ttl {
    font-size: clamp(0.875rem, 0.163rem + 1.486vw, 1.5rem);
  }
}
.page-child-insurance .consultation-box-list__txt {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .consultation-box-list__txt {
    font-size: 1rem;
  }
}
.page-child-insurance {
  /* CTAボタン */
}
.page-child-insurance .page-consultation-btn-wrap {
  padding: 2.5rem 1.25rem;
  background-color: #26A300;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-btn-wrap {
    padding: 4rem;
  }
}
.page-child-insurance .page-consultation-btn {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 22.5rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-btn {
    max-width: 35rem;
  }
}
.page-child-insurance .page-consultation-btn a {
  background-color: #FF6600;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.625rem;
  border-radius: 50vh;
  border: 2px solid #fff;
  width: 100%;
  font-weight: 700;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-btn a {
    font-size: 1.5rem;
    border: 4px solid #fff;
  }
}
.page-child-insurance .page-consultation-btn a .sub {
  font-size: 0.9375rem;
  line-height: 1.4444444444;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-btn a .sub {
    font-size: 1.125rem;
  }
}
.page-child-insurance .page-consultation-btn a .big {
  font-size: 1rem;
  line-height: 1.4583333333;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-btn a .big {
    font-size: 1.5rem;
  }
}
.page-child-insurance .page-consultation-btn small {
  display: block;
  text-align: center;
  padding-top: 0.5rem;
}
.page-child-insurance {
  /* 共通見出し */
}
.page-child-insurance .page-consultation-common__ttl {
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-common__ttl {
    font-size: 2.5rem;
    line-height: 1.45;
  }
}
.page-child-insurance .page-consultation-common__ttl .green {
  color: #26A300;
}
.page-child-insurance {
  /* よくある質問 */
}
.page-child-insurance .page-consultation-faq {
  padding: 2.5rem 0;
}
.page-child-insurance .page-consultation-faq .faq__list {
  margin: 2rem auto 0;
  width: 94%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-faq .faq__list {
    max-width: 800px;
    margin: 2rem auto;
  }
}
.page-child-insurance .page-consultation-faq .faq__list dt {
  cursor: pointer;
  padding: 1rem;
  background: #fff;
  margin: 0;
  border-bottom: 1px solid #ddd;
}
.page-child-insurance .page-consultation-faq .faq__list dt span.faq__labelq {
  background-color: #26A300;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  height: 2.5rem;
  line-height: 2.3rem;
  margin-right: 0.5rem;
  text-align: center;
  width: 2.5rem;
}
.page-child-insurance .page-consultation-faq .faq__list dd {
  display: none;
  padding: 1rem;
  background: #fff;
  margin: 0;
}
.page-child-insurance {
  /* 実績・数値 */
}
.page-child-insurance .page-consultation-figure {
  padding: 2.5rem 0;
  background-color: #F5F5F5;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-figure {
    padding: 5rem 0;
  }
}
.page-child-insurance .page-consultation-figure__box-lists {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-figure__box-lists {
    margin-top: 4.0625rem;
    display: flex;
  }
}
.page-child-insurance .page-consultation-figure__box-list {
  border-radius: 1rem;
  position: relative;
  padding: 1.875rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-figure__box-list {
    width: 31%;
    border-radius: 2rem;
    margin-left: 3.33%;
    padding: 2.5rem 2.25rem;
  }
}
.page-child-insurance .page-consultation-figure__box-list + .page-consultation-figure__box-list {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-figure__box-list + .page-consultation-figure__box-list {
    margin-top: 0;
  }
}
.page-child-insurance .page-consultation-figure__box-list-ttl {
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 700;
}
.page-child-insurance .page-consultation-figure__box-list-txt {
  color: #26A300;
  line-height: 0.8333333333;
  font-size: 3rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-figure__box-list-txt {
    margin-top: 2.8125rem;
  }
}
.page-child-insurance .page-consultation-figure__box-list-txt .big {
  font-size: 7.5rem;
  line-height: 1.45;
}
.page-child-insurance .page-consultation-figure__box-list-txt .middle {
  font-size: 2.5rem;
  max-width: 5rem;
  display: inline-block;
  line-height: 1;
}
.page-child-insurance .page-consultation-figure__box-list-sub {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: #666666;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-figure__box-list-sub {
    margin-top: 2.625rem;
  }
}
.page-child-insurance {
  /* 相談の流れ */
}
.page-child-insurance .page-consultation-flow {
  padding: 2.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-flow {
    padding: 5rem 0 0;
  }
}
.page-child-insurance {
  /*WEB予約の流れ*/
}
.page-child-insurance .page-consultation-flow-online {
  padding: 2.5rem 0 1rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-flow-online {
    padding: 5rem 0 0;
  }
}
.page-child-insurance .page-consultation-flow__box-lists {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-flow__box-lists {
    margin-top: 4.0625rem;
  }
}
.page-child-insurance {
  /* メインビジュアル */
}
.page-child-insurance .page-consultation-mv {
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-mv {
    padding: 0;
    height: 30rem;
    display: flex;
    align-items: center;
    background: url(../images/consultation/consultation-mv.png) no-repeat center center;
    background-size: contain;
  }
}
.page-child-insurance .page-consultation-mv__inner {
  padding: 0 1.5rem;
}
.page-child-insurance .page-consultation-mv__title {
  margin: 0;
}
.page-child-insurance .page-consultation-mv__title img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-mv__txt p {
    color: #333333;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.45;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-mv__txt {
    width: 100%;
    max-width: 38.75rem;
  }
}
.page-child-insurance .page-consultation-mv__lead {
  color: #333333;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-mv__lead {
    font-size: 1.25rem;
    line-height: 1.45;
    margin-top: 1rem;
  }
}
.page-child-insurance .page-consultation-mv__benefits {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}
.page-child-insurance .page-consultation-mv__benefits li {
  align-items: center;
  background-color: #fff;
  border: 1px solid rgba(38, 163, 0, 0.35);
  border-radius: 50vh;
  color: #286a32;
  display: flex;
  flex: 1;
  font-size: 0.8125rem;
  font-weight: 700;
  justify-content: center;
  padding: 0.5rem 0.375rem;
  text-align: center;
}
.page-child-insurance .page-consultation-mv__benefits li::before {
  color: #26A300;
  content: "✓";
  margin-right: 0.25rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-mv__benefits li {
    flex: 0 1 13.75rem;
    font-size: 1rem;
    padding: 0.5625rem 0.75rem;
  }
}
.page-child-insurance .page-consultation-mv__cta {
  margin-left: 0;
  margin-top: 1rem;
  max-width: 27.5rem;
}
.page-child-insurance .page-consultation-mv__cta a {
  border: 0;
  box-shadow: 0 0.25rem 0 rgba(180, 78, 8, 0.28);
  font-size: 1.125rem;
  min-height: 3.625rem;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-mv__cta a {
    font-size: 1.375rem;
    min-height: 4.125rem;
  }
}
.page-child-insurance .page-consultation-mv-img {
  width: 58.4%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
}
.page-child-insurance .page-consultation--main .page-consultation-mv {
  background-color: #f7fbf4;
  padding: 1.5rem 0 1.75rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation--main .page-consultation-mv {
    height: auto;
    min-height: 32.5rem;
    padding: 0;
  }
}
.page-child-insurance .page-consultation--main .page-consultation-mv-img {
  margin-top: 1rem;
  width: 42%;
}
.page-child-insurance {
  /* 悩み・相談内容 */
}
.page-child-insurance .page-consultation-problem {
  padding: 9.1875rem 0 2.5rem;
  background: url(../images/top/top-bg01.png) no-repeat left 11%;
  background-size: 100%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem {
    padding: 5.5rem 0 5rem;
    background: url(../images/top/top-bg01.png) no-repeat 60% 10%;
    background-size: 90%;
  }
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__inner {
    max-width: 1010px;
  }
}
.page-child-insurance .page-consultation-problem__head-ttl {
  width: 100%;
  margin-bottom: 5.3125rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__head-ttl {
    max-width: 41.375rem;
    margin-bottom: 0;
  }
}
.page-child-insurance .page-consultation-problem__head-box {
  background-color: #F5F5F5;
  border-radius: 1rem;
  padding: 1rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__head-box {
    margin-top: 2.5rem;
    border-radius: 2rem;
    padding: 3rem;
  }
}
.page-child-insurance .page-consultation-problem__head-box::before {
  content: "";
  display: block;
  width: 100%;
  height: 6.75rem;
  background: url(../images/consultation/consultation-ttl-sp.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: -6.0625rem;
  right: 0;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__head-box::before {
    background: url(../images/consultation/consultation-img01.png) no-repeat center center;
    background-size: contain;
    width: 17.125rem;
    height: 11.5rem;
    top: -10.5625rem;
    right: 1rem;
  }
}
.page-child-insurance .page-consultation-problem__head-box ul {
  background-color: #fff;
  padding: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__head-box ul {
    padding: 2.5rem;
  }
}
.page-child-insurance .page-consultation-problem__head-box ul li {
  font-size: 1.125rem;
  line-height: 1.4285714286;
  font-weight: 400;
  padding-left: 1.71em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__head-box ul li {
    font-size: 1.75rem;
  }
}
.page-child-insurance .page-consultation-problem__head-box ul li::before {
  content: "";
  display: block;
  width: 1.14em;
  height: 1.14em;
  background: url(../images/consultation/icon-circle-check.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 10%;
  left: 0;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__head-box ul li::before {
    top: 15%;
  }
}
.page-child-insurance .page-consultation-problem__head-box ul li .bold {
  font-weight: 700;
}
.page-child-insurance .page-consultation-problem__head-box ul li + li {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__head-box ul li + li {
    margin-top: 1.5625rem;
  }
}
.page-child-insurance .page-consultation-problem__arrow {
  width: 25%;
  margin: 1.25rem auto;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__arrow {
    margin: 2.5rem auto;
    max-width: 15rem;
  }
}
.page-child-insurance .page-consultation-problem__item {
  border: 4px solid #26A300;
  border-radius: 1rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item {
    border-radius: 2rem;
  }
}
.page-child-insurance .page-consultation-problem__item + .page-consultation-problem__item {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item + .page-consultation-problem__item {
    margin-top: 2.5rem;
  }
}
.page-child-insurance .page-consultation-problem__item-head {
  display: flex;
  align-items: start;
  padding: 0.625rem;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-head {
    align-items: center;
    padding: 1.25rem 2rem 1.25rem 1.25rem;
  }
}
.page-child-insurance .page-consultation-problem__item-head .icon {
  width: 8.6%;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-head .icon img {
    width: 3.5rem;
  }
}
.page-child-insurance .page-consultation-problem__item:nth-child(5) .page-consultation-problem__item-head .icon img {
  width: 1.375rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item:nth-child(5) .page-consultation-problem__item-head .icon img {
    width: 2.75rem;
  }
}
.page-child-insurance .page-consultation-problem__item-head .text {
  width: 80%;
}
.page-child-insurance .page-consultation-problem__item-head .ttl {
  font-size: 1.125rem;
  line-height: 1.4285714286;
  font-weight: 700;
  color: #26A300;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-head .ttl {
    font-size: 1.75rem;
  }
}
.page-child-insurance .page-consultation-problem__item-head .txt {
  font-size: 0.875rem;
  line-height: 1.45;
  font-weight: 400;
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-head .txt {
    font-size: 1.25rem;
  }
}
.page-child-insurance .page-consultation-problem__item-head .arrow {
  width: 1.25rem;
  margin-left: auto;
  align-self: center;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-head .arrow {
    width: 2rem;
  }
}
.page-child-insurance .page-consultation-problem__item-head.accordion-title.open .arrow {
  transform: rotate(0);
}
.page-child-insurance .page-consultation-problem__item-content {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  border-top: 4px solid #26A300;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-content {
    padding: 2rem;
    justify-content: space-between;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-content .img {
    width: 35.7%;
  }
}
.page-child-insurance .page-consultation-problem__item-content .text {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-content .text {
    margin-top: 0;
    width: 60.7%;
  }
}
.page-child-insurance .page-consultation-problem__item-content .text .ttl {
  font-size: 1rem;
  line-height: 1.4583333333;
  font-weight: 700;
  color: #333;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-content .text .ttl {
    font-size: 1.5rem;
  }
}
.page-child-insurance .page-consultation-problem__item-content .text .ttl:nth-of-type(2) {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-content .text .ttl:nth-of-type(2) {
    margin-top: 2.0625rem;
  }
}
.page-child-insurance .page-consultation-problem__item-content .text ul {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-content .text ul {
    margin-top: 1.0625rem;
  }
}
.page-child-insurance .page-consultation-problem__item-content .text ul li {
  font-size: 0.875rem;
  line-height: 2;
  font-weight: 400;
  padding-left: 2.4em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__item-content .text ul li {
    font-size: 1.125rem;
  }
}
.page-child-insurance .page-consultation-problem__item-content .text ul li::before {
  content: "";
  display: block;
  width: 0.66em;
  height: 0.66em;
  background-color: #26A300;
  border-radius: 50%;
  position: absolute;
  top: 0.83em;
  left: 0.88em;
}
.page-child-insurance {
  /* FP紹介リスト・キャンペーン */
}
.page-child-insurance .page-consultation-professional__list {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 1rem;
  padding: 1rem 1rem 1.5rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional__list {
    border-radius: 2rem;
    padding: 1.5rem 1.5rem 2rem;
  }
}
.page-child-insurance .page-consultation-campaign {
  margin: 3rem auto;
  max-width: 1010px;
}
.page-child-insurance .page-consultation-campaign-bottom {
  margin: auto;
  padding: 2rem 0 0;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-campaign-bottom {
    padding: 5rem 0;
  }
}
.page-child-insurance .page-consultation-campaign .page-consultation-campaign__ttl {
  border-left: 5px solid #26A300;
  font-size: 0.9375rem;
  font-weight: 700;
  margin: 3rem 0 2rem;
  padding: 0.2rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-campaign .page-consultation-campaign__ttl {
    margin: 5rem 0 2rem;
  }
}
.page-child-insurance .page-consultation-campaign dl dt {
  color: #26A300;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.3rem;
}
.page-child-insurance .page-consultation-campaign dl dd {
  font-size: 0.8125rem;
  margin-bottom: 1.5rem;
}
.page-child-insurance .page-consultation-campaign dl dd ul {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}
.page-child-insurance .page-consultation-campaign dl dd ul li {
  list-style: disc;
  margin-bottom: 0.2rem;
}
.page-child-insurance .page-consultation-campaign dl dd ol {
  list-style: none;
  counter-reset: number;
  margin: 0.5rem 0;
}
.page-child-insurance .page-consultation-campaign dl dd ol li {
  margin-bottom: 0.2rem;
  position: relative;
  padding-left: 2rem;
}
.page-child-insurance .page-consultation-campaign dl dd ol li::before {
  counter-increment: number;
  content: "（" counter(number) "）";
  position: absolute;
  left: 0;
}
.page-child-insurance .page-consultation-campaign31 {
  margin: 3rem auto 0;
}
.page-child-insurance .page-consultation--main .page-consultation-campaign31 {
  margin: 2rem auto;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation--main .page-consultation-campaign31 {
    margin: 4rem auto;
  }
}
.page-child-insurance .page-consultation-campaign31 .consultation-box-lists {
  margin: auto;
  width: 92%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-campaign31 .consultation-box-lists {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-campaign31 .consultation-box-lists .consultation-box-list {
    margin-bottom: 1.25rem;
  }
}
.page-child-insurance .page-consultation-campaign31 .consultation-box-lists .consultation-box-list__img {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-campaign31 .consultation-box-lists .consultation-box-list__img {
    width: 100%;
  }
}
.page-child-insurance .page-consultation-campaign31 .consultation-box-lists .consultation-box-list__txt {
  font-size: 1.125rem;
  margin-top: 1rem;
}
.page-child-insurance .page-consultation-campaign31 .page-consultation-gift {
  margin: 0.5rem auto 1rem;
  text-align: center;
  width: 95%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-campaign31 .page-consultation-gift {
    margin: 1rem auto;
    width: 100%;
  }
}
.page-child-insurance .page-consultation-campaign31 .page-consultation-gift .fa-gift {
  padding-bottom: 0.5rem;
}
.page-child-insurance .page-consultation-campaign31 .page-consultation-gift .fa-gift::before {
  color: #edc300;
}
.page-child-insurance .page-consultation-campaign31 .page-consultation-gift .page-consultation-ribbon {
  background: conic-gradient(at left var(--s) bottom var(--d), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.5333333333) 0 37.5%, rgba(0, 0, 0, 0.2666666667) 0) 0/50% 100% no-repeat, conic-gradient(at right var(--s) bottom var(--d), rgba(0, 0, 0, 0.2666666667) 62.5%, rgba(0, 0, 0, 0.5333333333) 0 75%, rgba(0, 0, 0, 0) 0) 100%/50% 100% no-repeat;
  background-color: #edc300; /* the main color */
  color: #fff;
  clip-path: polygon(0 var(--d), var(--s) var(--d), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--d), 100% var(--d), calc(100% - var(--c)) calc(50% + var(--d) / 2), 100% 100%, calc(100% - var(--s) - var(--d)) 100%, calc(100% - var(--s) - var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) 100%, 0 100%, var(--c) calc(50% + var(--d) / 2));
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
  --s: 1.8em; /* the ribbon size */
  --d: .8em; /* the depth */
  --c: .8em; /* the cutout part */
  padding: 0.4em calc(var(--s) + 1em) calc(var(--d) + 0.4em);
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-campaign31 .page-consultation-gift .page-consultation-ribbon {
    font-size: 1.6rem;
    line-height: 2;
    margin: auto;
    padding: 0 calc(var(--s) + 1em) var(--d);
  }
}
.page-child-insurance .page-consultation-campaign31 .campaign-txt {
  color: #999;
  font-size: 0.8rem;
  margin: 1rem auto 0;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-campaign31 .campaign-txt {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .page-child-insurance .page-consultation--main .page-consultation-campaign31 {
    padding: 0 1rem;
  }
  .page-child-insurance .page-consultation--main .page-consultation-campaign31 .page-consultation-gift {
    margin-bottom: 0.75rem;
    margin-top: 1rem;
  }
  .page-child-insurance .page-consultation--main .page-consultation-campaign31 .page-consultation-gift .page-consultation-ribbon {
    font-size: 0.9375rem;
    line-height: 1.35;
  }
  .page-child-insurance .page-consultation--main .page-consultation-campaign31 .consultation-box-lists {
    display: grid;
    gap: 0.5rem;
    width: 100%;
  }
  .page-child-insurance .page-consultation--main .page-consultation-campaign31 .consultation-box-lists .consultation-box-list {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 4.5rem 1fr;
    margin: 0;
    min-height: 5.75rem;
    padding: 0.625rem 0.875rem 0.625rem 3rem;
  }
  .page-child-insurance .page-consultation--main .page-consultation-campaign31 .consultation-box-lists .consultation-box-list::before {
    height: 1.875rem;
    left: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.875rem;
  }
  .page-child-insurance .page-consultation--main .page-consultation-campaign31 .consultation-box-lists .consultation-box-list__img {
    width: 4.5rem;
  }
  .page-child-insurance .page-consultation--main .page-consultation-campaign31 .consultation-box-lists .consultation-box-list__txt {
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
  }
}
.page-child-insurance .page-consultation-professional__list-content {
  overflow: hidden;
}
.page-child-insurance .page-consultation-professional__list .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-child-insurance .page-consultation-professional__list .thumb {
  display: flex;
  align-items: center;
  width: 38.4%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional__list .thumb {
    width: 29.5%;
    border-radius: 50%;
    margin-right: 1rem;
  }
}
.page-child-insurance .page-consultation-professional__list .thumb img {
  border-radius: 50vh;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-child-insurance .page-consultation-professional__list .name {
  width: 57.8%;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.4444444444;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional__list .name {
    font-size: 1.25rem;
    line-height: 1.45;
    width: 69.5%;
  }
}
.page-child-insurance .page-consultation-professional__list .license {
  margin-top: 1.0625rem;
  width: 100%;
}
.page-child-insurance .page-consultation-professional__list .license dt {
  font-weight: 700;
  color: #fff;
  background-color: #ADADAD;
  border-radius: 50vh;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 0.125rem 1em 0.3125rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional__list .license dt {
    font-size: clamp(0.375rem, 0.029rem + 0.721vw, 0.75rem);
    line-height: 1.4166666667;
    padding: 0.125rem 1em 0.3125rem;
  }
}
.page-child-insurance .page-consultation-professional__list .license dd {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4285714286;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional__list .license dd {
    font-size: 0.875rem;
  }
}
.page-child-insurance .page-consultation-professional__list .strength {
  margin-top: 1.0625rem;
  width: 100%;
}
.page-child-insurance .page-consultation-professional__list .strength dt {
  font-weight: 700;
  color: #fff;
  background-color: #ADADAD;
  border-radius: 50vh;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 0.125rem 1em 0.3125rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional__list .strength dt {
    font-size: clamp(0.375rem, 0.029rem + 0.721vw, 0.75rem);
    line-height: 1.4166666667;
    padding: 0.125rem 1em 0.3125rem;
  }
}
.page-child-insurance .page-consultation-professional__list .strength dd {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4285714286;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional__list .strength dd {
    font-size: 0.875rem;
  }
}
.page-child-insurance {
  /* FP紹介スライダー */
}
.page-child-insurance .page-consultation-professional-swiper-container {
  overflow: hidden;
}
.page-child-insurance .page-consultation-professional-swiper-container-inner {
  padding: 0 3.125rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional-swiper-container-inner {
    max-width: 1440px;
    padding: 0 7.5rem;
    margin: 0 auto;
  }
}
.page-child-insurance .page-consultation-professional-swiper-container .swiper {
  overflow: visible;
  padding: 6px 0;
}
.page-child-insurance .page-consultation-professional-swiper {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional-swiper {
    margin-top: 3.125rem;
  }
}
.page-child-insurance .page-consultation-professional-swiper .swiper-wrapper {
  height: auto;
  width: 100%;
}
.page-child-insurance .page-consultation-professional-swiper .swiper-slide {
  height: auto;
  max-height: 26.375rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional-swiper .swiper-slide {
    max-height: 27.5rem;
  }
}
.page-child-insurance {
  /* 前へ次への矢印カスタマイズ */
}
.page-child-insurance .page-consultation-professional-swiper .swiper-button-prev,
.page-child-insurance .page-consultation-professional-swiper .swiper-button-next {
  height: 3rem;
  width: 3rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional-swiper .swiper-button-prev,
  .page-child-insurance .page-consultation-professional-swiper .swiper-button-next {
    height: 4rem;
    width: 4rem;
  }
}
.page-child-insurance {
  /* 前へ次への矢印カスタマイズ */
}
.page-child-insurance .page-consultation-professional-swiper .swiper-button-prev:after,
.page-child-insurance .page-consultation-professional-swiper .swiper-button-next:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 3rem;
  margin: auto;
  width: 3rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional-swiper .swiper-button-prev:after,
  .page-child-insurance .page-consultation-professional-swiper .swiper-button-next:after {
    height: 4rem;
    width: 4rem;
  }
}
.page-child-insurance {
  /* 前への矢印カスタマイズ */
}
.page-child-insurance .page-consultation-professional-swiper .swiper-button-prev:after {
  background-image: url(../images/top/slide-arrow-left.png);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
.page-child-insurance {
  /* 次への矢印カスタマイズ */
}
.page-child-insurance .page-consultation-professional-swiper .swiper-button-next:after {
  background-image: url(../images/top/slide-arrow-right.png);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
.page-child-insurance {
  /* 画像サイズ調整 */
}
.page-child-insurance .page-consultation-professional-swiper .swiper-slide img {
  height: auto;
  width: 100%;
}
.page-child-insurance .page-consultation-professional-swiper .swiper-button-prev {
  left: initial;
  right: calc(100% - 0.5rem);
  top: 50%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional-swiper .swiper-button-prev {
    right: calc(100% - 1.2rem);
  }
}
.page-child-insurance .page-consultation-professional-swiper .swiper-button-next {
  left: calc(100% - 0.5rem);
  top: 50%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional-swiper .swiper-button-next {
    left: calc(100% - 1.2rem);
  }
}
.page-child-insurance {
  /* FP紹介 */
}
.page-child-insurance .page-consultation-professional {
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-professional {
    padding: 5rem 0;
  }
}
.page-child-insurance {
  /* 選ばれる理由 */
}
.page-child-insurance .page-consultation-reason {
  background-color: #F5F5F5;
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-reason {
    padding: 6.25rem 0 5rem;
  }
}
.page-child-insurance .page-consultation-reason__box-lists {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-reason__box-lists {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 4.0625rem;
  }
}
.page-child-insurance .bg-consaltation-wrap {
  background: url(../images/top/top-bg02.png) no-repeat left 75%;
  background-size: 110%;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .bg-consaltation-wrap {
    background: url(../images/top/top-bg02.png) no-repeat 60% 70%;
    background-size: 100%;
  }
}

/* 子ども向け医療保険LPの固有調整 */
.page-child-insurance .page-consultation-mv {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-mv {
    background: url(../images/child-insurance/consultation-mv.png) no-repeat center center;
    background-size: contain;
    padding: 2.5rem 0;
  }
}

.page-child-insurance .page-consultation-mv-img {
  width: 95%;
}

.page-child-insurance .page-consultation-mv__txt p {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-mv__txt p {
    font-size: 1.6rem;
    padding-left: 1.5rem;
    margin-bottom: 0;
    text-align: left;
  }
}

.page-child-insurance .page-consultation-mv .page-consultation-btn-wrap {
  background: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-mv .page-consultation-btn-wrap {
    margin-top: 1.5rem;
  }
}

.page-child-insurance .page-consultation-mv .page-consultation-btn-wrap .page-consultation-btn {
  margin: 0;
  max-width: 40rem;
}

.page-child-insurance .page-consultation-btn a .sub {
  text-align: center;
  font-size: 0.7rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-btn a .sub {
    font-size: 0.9rem;
  }
}

.page-child-insurance .page-consultation-problem__ttl {
  font-size: 1.4rem;
  text-align: center;
  margin: 3rem 1rem 0;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-problem__ttl {
    font-size: 2rem;
  }
}

.page-child-insurance .page-consultation-problem__ttl span {
  font-size: 2rem;
}

.page-child-insurance .page-consultation-problem__arrow {
  margin-top: 1rem;
}

.page-child-insurance .page-consultation-expert {
  margin: 5rem auto;
  display: block;
}

.page-child-insurance .page-consultation-expert .inner {
  max-width: 1000px;
  padding: 0;
}

.page-child-insurance .page-consultation-expert .page-consultation-expert__wrap {
  margin: 2rem auto;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-expert .page-consultation-expert__wrap {
    display: flex;
    align-items: center;
  }
}

.page-child-insurance .page-consultation-expert .page-consultation-expert__img {
  width: 40%;
  margin: 0 auto 1rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-expert .page-consultation-expert__img {
    width: 20%;
    margin-bottom: 0;
  }
}

.page-child-insurance .page-consultation-expert .page-consultation-expert__content {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-expert .page-consultation-expert__content {
    width: 80%;
  }
}

.page-child-insurance .page-consultation-expert .page-consultation-expert__content .page-consultation-expert__name {
  font-size: 12px;
  border-top: 1px solid #26A300;
  padding-top: 0.5rem;
  margin-top: 1rem;
}

.page-child-insurance .page-consultation-reason .consultation-box-list {
  width: 100%;
  padding: 2.5rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-reason .consultation-box-list {
    width: 22%;
    margin-left: 2rem;
  }
}

.page-child-insurance .page-consultation-reason .consultation-box-list__ttl {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .page-child-insurance .page-consultation-reason .consultation-box-list__ttl {
    font-size: 1.2rem;
  }
}

.page-child-insurance .page-consultation-reason__box-lists .consultation-box-list:nth-child(2) .consultation-box-list__img,
.page-child-insurance .page-consultation-reason__box-lists .consultation-box-list:nth-child(3) .consultation-box-list__img {
  width: 100%;
}

.page-child-insurance .page-consultation-faq dt {
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
}

.page-child-insurance .page-consultation-faq dt span.faq__labelq {
  min-width: 2.5rem;
}

.page-child-insurance .page-consultation-faq dt .arrow {
  margin-left: auto;
  transition: transform 0.3s;
  transform: rotate(180deg);
  min-width: 2rem;
}

.page-child-insurance .page-consultation-faq dt.open .arrow {
  transform: rotate(0);
}

.page-child-insurance .float-button__wrap .u-mobile {
  display: none;
}

.pagetop {
  display: none;
  position: fixed;
  right: 1rem;
  bottom: 4rem;
  cursor: pointer;
  width: 3.5rem;
}
@media screen and (min-width: 768px) {
  .pagetop {
    right: 2rem;
    bottom: 2rem;
    width: 5rem;
  }
}

.page-id-70376 .pagetop {
  bottom: 6rem;
}
@media screen and (min-width: 768px) {
  .page-id-70376 .pagetop {
    bottom: 1rem;
  }
}

.single-media.term-hoken .pagetop {
  bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .single-media.term-hoken .pagetop {
    bottom: 1rem;
  }
}

.page-template-page-consultation .pagetop {
  bottom: calc(4.75rem + env(safe-area-inset-bottom));
}
@media screen and (min-width: 768px) {
  .page-template-page-consultation .pagetop {
    bottom: 6.75rem;
  }
}

#primary .inner {
  max-width: 1010px;
}

#primary .cart_page_title.top-common__ttl {
  font-size: 1.5rem;
  line-height: 1.4583333333;
}
@media screen and (min-width: 768px) {
  #primary .cart_page_title.top-common__ttl {
    font-size: 2.5rem;
    line-height: 1.45;
  }
}

#primary .cart_navi,
#page-content .cart_navi {
  margin-top: 2.5rem;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  #primary .cart_navi,
  #page-content .cart_navi {
    margin-top: 5rem;
    margin-bottom: 3.125rem;
  }
}

#primary .cart_navi ul,
#page-content .cart_navi ul {
  display: flex;
  flex-wrap: wrap;
  float: none;
}
@media screen and (min-width: 768px) {
  #primary .cart_navi ul,
  #page-content .cart_navi ul {
    height: 4rem;
  }
}

#primary .cart_navi ul li,
#page-content .cart_navi ul li {
  font-size: 0.625rem;
  line-height: 1.4444444444;
  font-weight: 700;
  height: inherit;
  background-color: #F5F5F5;
  padding: 0.625rem;
  text-align: center;
  position: relative;
  float: none;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #primary .cart_navi ul li,
  #page-content .cart_navi ul li {
    width: 25%;
    font-size: 1.125rem;
    padding: 1.1875rem;
  }
}

#page-content .cart_navi ul li {
  font-size: 0.5625rem;
}

#primary .cart_navi ul li::before,
#page-content .cart_navi ul li::before {
  content: " ";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  margin: 0 -0.625rem -0.625rem auto;
  position: absolute;
  right: 0.625rem;
  top: 0;
  height: 0;
  width: 0;
  border: solid;
  border-color: #fff;
  border-top-color: #F5F5F5;
  border-width: 1rem 0px 0px 0.5rem;
  transform: skew(0deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  #primary .cart_navi ul li::before,
  #page-content .cart_navi ul li::before {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 -1.25rem -1.25rem auto;
    right: 1.25rem;
    border-width: 2rem 0px 0px 1rem;
  }
}

#primary .cart_navi ul li::after,
#page-content .cart_navi ul li::after {
  content: " ";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  margin: -0.625rem -0.625rem 0 auto;
  position: absolute;
  right: 0.625rem;
  bottom: 0;
  height: 0;
  width: 0;
  border: solid;
  border-color: #F5F5F5;
  border-left-color: #fff;
  border-width: 0px 0px 1rem 0.5rem;
  transform: skew(0deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  #primary .cart_navi ul li::after,
  #page-content .cart_navi ul li::after {
    width: 1.25rem;
    height: 1.25rem;
    margin: -1.25rem -1.25rem 0 auto;
    right: 1.25rem;
    border-width: 0px 0px 2rem 1rem;
  }
}

#primary .cart_navi ul li.current,
#page-content .cart_navi ul li.current {
  background-color: #26A300;
}

#primary .cart_navi ul li.current::before,
#page-content .cart_navi ul li.current::before {
  border-color: #fff;
  border-top-color: #26A300;
}

#primary .cart_navi ul li.current::after,
#page-content .cart_navi ul li.current::after {
  border-color: #26A300;
  border-left-color: #fff;
}

#primary #cart {
  margin-top: 2.5rem;
}

#primary #cart .aright.unitprice,
#primary #cart .aright.subtotal,
#primary #cart .stock,
#primary #cart .quantity,
#primary #cart .currency_code,
#info-confirm .unitprice,
#info-confirm .subtotal,
#info-confirm #cart_table tfoot,
#info-confirm #confirm_table tfoot {
  display: none;
}

#primary #cart table {
  border: none;
  border-spacing: 0 16px;
  /* 上下に10pxのスペース */
  border-collapse: separate;
}

#primary #cart table tr {
  margin-top: 1rem;
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  #primary #cart table tr {
    border-radius: 2rem;
  }
}

#primary #cart table tr + tr {
  margin-top: 1rem;
}

#primary #cart table td {
  border: none;
}

#primary #cart table td.num {
  width: 8.3%;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4583333333;
  color: #999999;
}

#primary #cart table td.thumbnail {
  width: 19.7%;
  padding: 0.875rem 0;
}

#primary #cart table td.thumbnail img {
  width: 10rem;
}

#primary #cart table td.aleft.productname,
#primary #cart .productname {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.45;
  padding: 0.625rem;
}
@media screen and (min-width: 768px) {
  #primary #cart table td.aleft.productname,
  #primary #cart .productname {
    font-size: 1.25rem;
    padding: 0.3125rem;
  }
}

#primary .under-contact-title {
  margin-top: 1.5rem;
}

#primary .under-contact-title p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

#primary .under-contact-title a {
  color: #26A300;
}

#primary .under-contact-checkbox {
  margin-top: 2.5rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

#primary .under-contact-checkbox label {
  display: flex;
  align-items: center;
  justify-content: center;
}

#primary .under-contact-checkbox input[type=checkbox] {
  display: inline-block;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  margin-right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
}
@media screen and (min-width: 768px) {
  #primary .under-contact-checkbox input[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem;
  }
}

#primary .send {
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #primary .send {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

#primary .send .btn-goon {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #primary .send .btn-goon {
    width: 19.5rem;
  }
}

#primary .send .btn-goon a {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4444444444;
  color: #26A300;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.05em;
  border: 1px solid #26A300;
  border-radius: 50vh;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #primary .send .btn-goon a {
    width: 19.5rem;
  }
}

#primary .send .to_customerinfo_button {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4444444444;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #26A300;
  padding: 1.05em;
  border-radius: 50vh;
  margin-bottom: 0;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #primary .send .to_customerinfo_button {
    width: 19.5rem;
    margin-left: 1rem;
    margin-top: 0;
  }
}

#primary .send .to_customerinfo_button.is-inactive {
  background: #666;
  cursor: not-allowed;
}

#primary .header_explanation {
  margin: 0;
}

#primary h3 {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.4583333333;
  font-weight: 700;
  margin: 1.5625rem auto;
}
@media screen and (min-width: 768px) {
  #primary h3 {
    font-size: 1.5rem;
    margin: 3.125rem auto 1.6875rem;
  }
}

#primary h3 .txt-red {
  font-size: 1.5rem;
  line-height: 1.45;
}
@media screen and (min-width: 768px) {
  #primary h3 .txt-red {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  #primary .customer_form {
    max-width: 640px;
    margin: 0 auto 1.5rem;
  }
}

#primary .customer_form tr {
  border-bottom: none;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #primary .customer_form tr {
    display: grid;
    margin-bottom: 1.5rem;
  }
}

#primary .customer_form th {
  text-align: left;
  font-size: 1rem;
  margin-bottom: 1rem;
  padding: 0;
}
@media screen and (min-width: 768px) {
  #primary .customer_form th {
    font-size: 1.25rem;
    width: 100%;
    border: none;
    background-color: #fff;
  }
}

#primary .customer_form th em {
  color: #FE6600;
  font-style: normal;
  margin-right: 0.5rem;
}

#primary .customer_form td {
  font-size: 0.9375rem;
  color: #000;
  padding: 0;
}
@media screen and (min-width: 768px) {
  #primary .customer_form td {
    font-size: 1.125rem;
    width: 100%;
    border: none;
    background-color: #fff;
  }
}

@media screen and (min-width: 768px) {
  #primary .customer_form tr.inp1 {
    display: flex;
    flex-wrap: wrap;
  }
}

#primary .customer_form tr.inp1 td {
  padding: 0 0.5rem;
  width: 50%;
}
@media screen and (min-width: 768px) {
  #primary .customer_form tr.inp1 td {
    display: inline-block;
  }
}

#primary .customer_form tr.inp1 input {
  width: 73%;
}
@media screen and (min-width: 768px) {
  #primary .customer_form tr.inp1 input {
    width: 82%;
  }
}

@media screen and (min-width: 768px) {
  #primary .customer_form tr.inp1 .name_td input {
    width: 88%;
  }
}

#primary .customer_form .iopt_text,
#primary .customer_form #zipcode,
#primary .customer_form #customer_pref {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  #primary .customer_form .iopt_text,
  #primary .customer_form #zipcode,
  #primary .customer_form #customer_pref {
    width: 15rem;
  }
}

#primary .customer_form #address1,
#primary .customer_form #address2,
#primary .customer_form #address3,
#primary .customer_form #tel,
#primary .customer_form #fax,
#primary .customer_form #mailaddress1,
#primary .customer_form #mailaddress2 {
  width: 100%;
  display: block;
  margin-right: 0;
}

#primary .customer_form input,
#primary .customer_form select {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 400;
  padding: 0.8em 0.6em;
  background-color: #F5F5F5;
  border-radius: 0.5rem;
  border: 1px solid #B8B8B8;
}
@media screen and (min-width: 768px) {
  #primary .customer_form input,
  #primary .customer_form select {
    font-size: 1.125rem;
    border-radius: 1rem;
    padding: 1.05em 0.88em;
  }
}

#primary .customer_form .iopt_label {
  margin-right: 1.25rem;
}

#primary .customer_form .customkey_sex th {
  margin-bottom: 2.25rem;
}

#primary .customer_form .iopt_label input[type=radio] {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #666666;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  #primary .customer_form .iopt_label input[type=radio] {
    width: 24px;
    height: 24px;
    vertical-align: -4px;
  }
}

#primary .customer_form .iopt_label input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #666666;
  content: "";
}
@media screen and (min-width: 768px) {
  #primary .customer_form .iopt_label input[type=radio]:checked:before {
    width: 15px;
    height: 15px;
  }
}

#primary .customer_form select {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #primary .customer_form select {
    width: 45%;
  }
}

#primary .customer_form .iopt_select,
#primary .customer_form #customer_pref {
  background: #F5F5F5 url(../images/common/arrow_drop_down.png) no-repeat 95% center;
  background-size: 5%;
}

#primary .customer_form .pcnone {
  display: none;
}

#primary .send {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #primary .send {
    flex-direction: row;
    justify-content: space-between;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
}

#customer-info .send {
  border-top: 1px solid #E0E0E0;
}
@media screen and (min-width: 768px) {
  #customer-info .send {
    padding-top: 3rem;
  }
}

#primary .send #text {
  display: none;
}

#primary .send input {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 700;
  padding: 0.8em 0.6em;
  border-radius: 50vh;
  display: block;
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #primary .send input {
    font-size: 1.125rem;
    padding: 1.05em 0.88em;
    width: 48.7%;
  }
}

#primary .send .back_cart_button,
#primary .send .back_to_customer_button,
#primary .send .back_to_delivery_button {
  color: #26A300;
  border: 1px solid #26A300;
}

#primary .send .to_deliveryinfo_button,
#primary .send .to_confirm_button,
#primary .send .checkout_button {
  color: #fff;
  background-color: #26A300;
}

#primary .send .checkout_button:hover {
  background-color: #26A300;
}

#wc_customer .send input.to_reganddeliveryinfo_button {
  display: none;
}

#primary .error_message {
  color: #FE6600;
}

#primary #delivery-info #time {
  display: none;
}

#delivery-info .customer_form textarea {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 400;
  padding: 0.8em 0.6em;
  background-color: #F5F5F5;
  border-radius: 0.5rem;
  border: 1px solid #B8B8B8;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #delivery-info .customer_form textarea {
    font-size: 1.125rem;
    border-radius: 1rem;
    padding: 1.05em 0.88em;
  }
}

#delivery-info .customer_form input[type=radio] {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #666666;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  #delivery-info .customer_form input[type=radio] {
    width: 24px;
    height: 24px;
    vertical-align: -5px;
  }
}

#delivery-info .customer_form input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #666666;
  content: "";
}
@media screen and (min-width: 768px) {
  #delivery-info .customer_form input[type=radio]:checked:before {
    width: 15px;
    height: 15px;
  }
}

.pr-list {
  padding: 1rem;
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
}
@media screen and (min-width: 768px) {
  .pr-list {
    padding: 1.5rem;
    border-radius: 2rem;
  }
}

.pr-list::before {
  content: attr(data-txt);
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  color: #fff;
  background-color: #ADADAD;
  border-radius: 0.5rem;
  padding: 0.1875rem 0.4375rem 0.3125rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
@media screen and (min-width: 768px) {
  .pr-list::before {
    border-radius: 50vh;
  }
}

.pr-list__head {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (min-width: 768px) {
  .pr-list__head {
    padding-bottom: 1.5rem;
  }
}

.pr-list__head-img {
  width: 26.9%;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  .pr-list__head-img {
    width: 18%;
    margin-right: 1rem;
  }
}

.pr-list__head-txt {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .pr-list__head-txt {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.pr-list__head-txt .color {
  display: block;
  margin-top: 0.25rem;
  font-weight: 700;
  color: #26A300;
}
@media screen and (min-width: 768px) {
  .pr-list__head-txt .color {
    margin-top: 0.5rem;
  }
}

.pr-list__content {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .pr-list__content {
    margin-top: 1.5rem;
  }
}

.pr-list__content-img {
  width: 36.8%;
  height: auto;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  .pr-list__content-img {
    width: 30%;
  }
}

.pr-list__content-txt {
  width: 60.7%;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .pr-list__content-txt {
    width: 66.9%;
    font-size: 1rem;
    line-height: 1.5;
  }
}

.pr-list__btn {
  margin-top: 1rem;
  max-width: 9rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .pr-list__btn {
    margin-top: 1.5rem;
    max-width: 10.25rem;
  }
}

.pr-list__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  color: #fff;
  background-color: #26A300;
  padding: 0.4375rem 1rem;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  .pr-list__btn a {
    font-size: 0.875rem;
    line-height: 1.4285714286;
    padding: 0.5625rem 1rem;
  }
}

.pr-list__btn .icon-link {
  width: 0.75rem;
  margin-left: 0.25rem;
}
@media screen and (min-width: 768px) {
  .pr-list__btn .icon-link {
    margin-left: 0.5rem;
  }
}

#sidebar {
  margin-top: 3.75rem;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #sidebar {
    width: 31%;
    margin-top: 0;
  }
}

.sidebar {
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .sidebar {
    width: 31%;
    margin-top: 0;
  }
}

#sidebar h3 {
  text-align: center;
}
.sidebar h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.45;
  padding-left: 2em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .sidebar h3 {
    font-size: 1.25rem;
    line-height: 1.45;
  }
}

#sidebar h3 span {
  display: inline-block;
  font-size: 1.125rem;
  margin-bottom: 1.875rem;
  position: relative;
}

#sidebar h3 span::before {
  background-color: #061D2D;
  border-radius: 2px;
  bottom: -1rem;
  content: "";
  display: inline-block;
  height: 4px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1.875rem;
  -webkit-transform: translateX(-50%);
}

.sidebar h3::before {
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  background: url(../images/common/icon-note.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#sidebar .block-side-column {
  list-style: none;
  margin: 0.625rem 0 3.125rem;
}
#sidebar .block-side-column li {
  margin-bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  color: #231815;
}

#sidebar .block-side-column li a {
  width: 35%;
}

#sidebar .block-side-column li .thumb img {
  height: auto;
  display: block;
  max-width: 100%;
}

#sidebar .block-side-column li .title {
  font-size: 0.875rem;
  padding-left: 0.9375rem;
  width: 65%;
}

#sidebar .block-side-column li .title time {
  color: #888;
  display: block;
  font-size: 0.75rem;
  margin-top: 0.3125rem;
}

#sidebar a:link {
  text-decoration: underline;
}

#sidebar a:hover {
  color: #666;
}

/* セミナー用サイドバー */
#sidebar-seminar {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #sidebar-seminar {
    margin-top: 0;
    position: sticky;
    top: 20px;
    width: 31%;
  }
}
#sidebar-seminar .sidebar-seminar__block {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 1rem;
  padding: 1.5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #sidebar-seminar .sidebar-seminar__block {
    border-radius: 2rem;
    padding: 1.5rem 2rem;
  }
}
#sidebar-seminar .sidebar-seminar__block .sidebar__ttl {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
#sidebar-seminar .sidebar-seminar__block .sidebar__txt {
  font-size: 0.8rem;
  margin-bottom: 0.3rem;
}
#sidebar-seminar .sidebar-seminar__block .sidebar__btn {
  background-color: #FF6600;
  border-radius: 50vh;
  align-items: center;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  margin-top: 1rem;
  text-align: center;
}
#sidebar-seminar .sidebar-seminar__block .sidebar__btn a {
  display: block;
  padding: 1rem 0.6rem;
  width: 100%;
}
#sidebar-seminar .sidebar-seminar__block .sidebar__btn a .fa-arrow-pointer {
  margin-left: 0.5rem;
}
#sidebar-seminar .sidebar-seminar__block .sidebar__caution {
  margin: 1rem 0;
  text-align: center;
}
#sidebar-seminar .sidebar-seminar__block .sidebar__caution p {
  font-size: 0.7rem;
}
#sidebar-seminar .sidebar-seminar__block .sidebar__caution .sidebar__redwaku {
  border: 1px solid red;
  color: red;
  border-radius: 5px;
  margin-bottom: 0.3rem;
  padding: 0.1rem 0.2rem;
}
#sidebar-seminar .overlay__btn {
  background-color: #FF6600;
  border-radius: 50vh;
  align-items: center;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  margin-top: 1rem;
  text-align: center;
}
#sidebar-seminar .overlay__btn a {
  display: block;
  padding: 1rem 0.6rem;
  width: 100%;
}
#sidebar-seminar .overlay__btn a .fa-arrow-pointer {
  margin-left: 0.5rem;
}

.single-column-ver2 {
  padding: 0 0 5rem;
}
@media screen and (min-width: 768px) {
  .single-column-ver2 {
    padding: 0 0 10rem;
  }
}

.single-column-wrap-content {
  word-break: break-all;
  color: #231815;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  line-height: 2.1;
}
.single-column-wrap-content img {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}

.single-column-wrap-content a:link,
.single-column-wrap-content a:active,
.single-column-wrap-content a:visited {
  color: #26a6e5;
  text-decoration: underline;
}

.single-column-wrap-content p {
  font-size: 1.125rem;
  /* Updated */
  line-height: 2.1;
  margin: 0.9375rem 0 3.75rem;
  /* Updated */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content p {
    font-size: 1rem;
    /* Updated */
    margin: 0.9375rem 0 2.5rem;
    /* Updated */
  }
}
.single-column-wrap-content p small {
  font-size: 0.75rem;
  /* Updated */
}

.single-column-wrap-content .text-pr {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 2rem;
}

.single-column-wrap-content .text-pr img {
  width: 300px;
}

.single-column-wrap-content {
  font-size: 1.125rem;
  /* Updated */
  line-height: 2.1;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content {
    font-size: 1rem;
    /* Updated */
  }
}
.single-column-wrap-content a:link,
.single-column-wrap-content a:active,
.single-column-wrap-content a:visited {
  color: #26a6e5;
  text-decoration: underline;
}

.single-column-wrap-content a:hover {
  text-decoration: none;
}

.single-column-wrap-content .box-cat {
  margin-bottom: 0.9375rem;
  /* Updated */
  overflow: hidden;
  display: flex;
  align-items: center;
}

.single-column-wrap-content .box-cat .time {
  font-size: 0.875rem;
  /* Updated */
  font-weight: 700;
  margin-right: 1.25rem;
  /* Updated */
}

.single-column-wrap-content .box-cat .time i {
  margin-right: 0.1875rem;
  /* Updated */
}

.single-column-wrap-content .box-cat .category {
  align-items: flex-start;
  display: flex;
  list-style: none;
  margin: 0.1875rem 0 0;
}

.single-column-wrap-content .box-cat .category li {
  background: #061D2D;
  border-radius: 9.375px;
  /* Updated */
  color: #fff;
  font-size: 0.75rem;
  /* Updated */
  font-weight: 700;
  line-height: 1;
  margin: 0 0.625rem 0 0;
  padding: 0.3125rem 0.8125rem 0.375rem;
  /* Updated */
}

.single-column-wrap-content .main-visual {
  margin-bottom: 0.9375rem;
  /* Updated */
}

.single-column-wrap-content .main-visual img {
  width: 100%;
  /* Updated */
}

.single-column-wrap-content h1 {
  clear: left;
  font-size: 1.875rem;
  /* Updated */
  line-height: 1.6;
  margin-bottom: 2.5rem;
  /* Updated */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content h1 {
    font-size: 1.1875rem;
    /* Updated */
    line-height: 1.3;
    margin-bottom: 1.875rem;
    /* Updated */
  }
}
.single-column-wrap-content h2 {
  border-top: 2px solid #061D2D;
  border-bottom: 2px solid #061D2D;
  font-size: 1.75rem;
  /* Updated */
  line-height: 1.3;
  margin: 3.125rem 0 3.75rem;
  /* Updated */
  padding: 0.9375rem 0;
  /* Updated */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content h2 {
    font-size: 1.125rem;
    /* Updated */
    margin-bottom: 1.875rem;
    /* Updated */
  }
}
.single-column-wrap-content h3 {
  border-left: 5px solid #061D2D;
  /* Updated */
  font-size: 1.5rem;
  /* Updated */
  line-height: 1.5;
  margin: 2.5rem 0 3.125rem;
  /* Updated */
  padding-left: 0.9375rem;
  /* Updated */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content h3 {
    font-size: 1.1875rem;
    /* Updated */
    margin-bottom: 1.875rem;
    /* Updated */
  }
}
.single-column-wrap-content h4,
.single-column-wrap-content h5 {
  font-size: 1.375rem;
  /* 2.2rem * 0.625 */
  margin: 0 0 3.125rem;
  /* 5rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content h4,
  .single-column-wrap-content h5 {
    font-size: 1.25rem;
    /* 2rem * 0.625 */
    margin-bottom: 1.875rem;
    /* 3rem * 0.625 */
  }
}
.single-column-wrap-content .txt-big {
  font-size: 1.5rem;
  /* 2.4rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .txt-big {
    font-size: 1.25rem;
    /* 2rem * 0.625 */
  }
}
.single-column-wrap-content ul,
.single-column-wrap-content ol {
  font-size: 1.125rem;
  /* 1.8rem * 0.625 */
  line-height: 2.1;
  margin: 0 0 3.75rem;
  /* 6rem * 0.625 */
  list-style: disc;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content ul,
  .single-column-wrap-content ol {
    font-size: 1rem;
    /* 1.6rem * 0.625 */
    margin: 0 0 2.5rem;
    /* 4rem * 0.625 */
  }
}
.single-column-wrap-content ul li,
.single-column-wrap-content ol li {
  font-size: 1.125rem;
  /* 1.8rem * 0.625 */
  line-height: 2.1;
  margin: 0 0 0.9375rem 1.25rem;
  /* 1.5rem * 0.625 and 2rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content ul li,
  .single-column-wrap-content ol li {
    font-size: 1rem;
    /* 1.6rem * 0.625 */
  }
}
.single-column-wrap-content ul li:last-child,
.single-column-wrap-content ol li:last-child {
  margin-bottom: 0;
}

.single-column-wrap-content ol {
  background: #f1f1f1;
  list-style: decimal;
  margin-bottom: 3.75rem;
  /* 6rem * 0.625 */
  padding: 1.5625rem;
  /* 2.5rem * 0.625 */
}

.single-column-wrap-content ol.flow {
  background: #f1f1f1;
  padding: 0.9375rem 1.25rem 0.3125rem;
  /* 1.5rem * 0.625, 2rem * 0.625 and 0.5rem * 0.625 */
}

.single-column-wrap-content ol.flow li {
  margin: 0 0 0.9375rem 1.25rem;
  /* 1.5rem * 0.625 and 2rem * 0.625 */
}

.single-column-wrap-content ol.flow li::after {
  background-image: url(../../img/icon/icon-arrow-bottom2.png);
  background-size: contain;
  content: "";
  display: block;
  height: 10px;
  /* 16px * 0.625 */
  margin-left: 6.25%;
  /* 10% * 0.625 */
  margin-top: 0.625rem;
  /* 1rem * 0.625 */
  width: 10px;
  /* 16px * 0.625 */
}

.single-column-wrap-content ol.flow li:last-child {
  margin: 0 0 0 1.25rem;
  /* 2rem * 0.625 */
}

.single-column-wrap-content ol.flow li:last-child:after {
  background: none;
  margin-top: 0;
}

.single-column-wrap-content dl {
  font-size: 1.125rem;
  /* 1.8rem * 0.625 */
  margin: 0 0 3.75rem;
  /* 6rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content dl {
    font-size: 1rem;
    /* 1.6rem * 0.625 */
    margin: 0 0 2.5rem;
    /* 4rem * 0.625 */
  }
}
.single-column-wrap-content dl dt {
  font-size: 1.25rem;
  /* 2rem * 0.625 */
  font-weight: 700;
  margin-bottom: 0.9375rem;
  /* 1.5rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content dl dt {
    font-size: 1rem;
    /* 1.6rem * 0.625 */
  }
}
.single-column-wrap-content dl dd {
  background: #f1f1f1;
  font-size: 1.125rem;
  /* 1.8rem * 0.625 */
  line-height: 2.1;
  margin-bottom: 1.875rem;
  /* 3rem * 0.625 */
  padding: 1.25rem;
  /* 2rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content dl dd {
    font-size: 1rem;
    /* 1.6rem * 0.625 */
  }
}
.single-column-wrap-content center,
.single-column-wrap-content .center {
  font-size: 1.125rem;
  /* 1.8rem * 0.625 */
  line-height: 2.1;
  text-align: center;
}

.single-column-wrap-content center img,
.single-column-wrap-content .center img {
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.single-column-wrap-content center .wp-caption,
.single-column-wrap-content .center .wp-caption {
  margin: auto;
}

.single-column-wrap-content .txt-waku {
  background: #f1f1f1;
  padding: 1.5625rem;
  /* 2.5rem * 0.625 */
  margin-bottom: 3.75rem;
  /* 6rem * 0.625 */
  line-height: 2.1;
}

.single-column-wrap-content .balloon {
  align-items: flex-start;
  display: flex;
  margin-bottom: 1.5625rem;
  /* 2.5rem * 0.625 */
  margin-left: 4%;
  margin-right: 4%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .balloon {
    margin-bottom: 0.9375rem;
    /* 1.5rem * 0.625 */
    margin-left: 0;
    margin-right: 0;
  }
}
.single-column-wrap-content .balloon-right {
  justify-content: flex-end;
}

.single-column-wrap-content .balloon .balloon-img {
  height: 100px;
  width: 100px;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .balloon .balloon-img {
    height: 65px;
    width: 65px;
  }
}
.single-column-wrap-content .balloon .balloon-img img {
  height: 100%;
  margin: 0;
  width: 100%;
}

.single-column-wrap-content .balloon p {
  margin: auto;
}

.single-column-wrap-content .balloon p:last-child {
  margin-bottom: 0;
}

.single-column-wrap-content .balloon .balloon-img-left {
  margin-right: 1.25rem;
  /* 2rem * 0.625 */
}

.single-column-wrap-content .balloon .balloon-img-right {
  margin-left: 1.25rem;
  /* 2rem * 0.625 */
}

.single-column-wrap-content .balloon .balloon-txt-right {
  border: 2px solid #aaa;
  border-radius: 10px;
  display: inline-block;
  max-width: calc(100% - 140px);
  padding: 20px;
  /* 20px * 0.625 */
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .balloon .balloon-txt-right {
    max-width: calc(100% - 85px);
  }
}
.single-column-wrap-content .balloon .balloon-txt-right::before {
  border: 10px solid transparent;
  border-right: 10px solid #aaa;
  content: "";
  left: -21px;
  position: absolute;
  top: 25px;
}

.single-column-wrap-content .balloon .balloon-txt-right::after {
  border: 10px solid transparent;
  border-right: 10px solid #fff;
  content: "";
  left: -19px;
  position: absolute;
  top: 25px;
}

.single-column-wrap-content .balloon .balloon-txt-left {
  border: 2px solid #aaa;
  border-radius: 10px;
  display: inline-block;
  max-width: calc(100% - 140px);
  padding: 1.25rem;
  /* 2rem * 0.625 */
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .balloon .balloon-txt-left {
    max-width: calc(100% - 85px);
  }
}
.single-column-wrap-content .balloon .balloon-txt-left p {
  margin: 0;
}

.single-column-wrap-content .balloon .balloon-txt-left::before {
  border: 10px solid transparent;
  border-left: 10px solid #aaa;
  content: "";
  right: -21px;
  position: absolute;
  top: 25px;
}

.single-column-wrap-content .balloon .balloon-txt-left::after {
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  content: "";
  right: -19px;
  position: absolute;
  top: 25px;
}

.single-column-wrap-content .article-card {
  border: 5px solid #DDD;
  margin-bottom: 1.875rem;
  /* 3rem * 0.625 */
  padding: 1.875rem 1.875rem 0 1.875rem;
  /* 3rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .article-card {
    border: 1px solid #DDD;
    border-top: 5px solid #061D2D;
    margin-bottom: 0.9375rem;
    /* 1.5rem * 0.625 */
    padding: 0.9375rem 0.9375rem 0 0.9375rem;
    /* 1.5rem * 0.625 */
  }
}
.single-column-wrap-content .article-card .card {
  background: #EFEFEF;
  margin-bottom: 0.9375rem;
  /* 1.5rem * 0.625 */
  padding: 0.9375rem 0;
  /* 1.5rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .article-card .card {
    margin-bottom: 0.5rem;
    /* 0.8rem * 0.625 */
    padding: 0.5rem 0;
    /* 0.8rem * 0.625 */
  }
}
.single-column-wrap-content .article-card .card img {
  display: block;
  margin: 0 auto;
  max-width: 250px;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .article-card .card img {
    max-width: 150px;
  }
}
.single-column-wrap-content .article-card table {
  margin: 0.9375rem 0;
  /* 1.5rem * 0.625 */
}

.single-column-wrap-content .article-card table th {
  font-size: 0.8125rem;
  /* 1.3rem * 0.625 */
  padding: 0.375rem;
  /* 0.6rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .article-card table th {
    font-size: 0.625rem;
    /* 1rem * 0.625 */
    padding: 0.25rem;
    /* 0.4rem * 0.625 */
  }
}
.single-column-wrap-content .article-card table td {
  font-size: 0.8125rem;
  /* 1.3rem * 0.625 */
  padding: 0.375rem;
  /* 0.6rem * 0.625 */
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .article-card table td {
    font-size: 0.625rem;
    /* 1rem * 0.625 */
    padding: 0.25rem;
    /* 0.4rem * 0.625 */
  }
}
.single-column-wrap-content .article-card .name {
  font-size: 1.25rem;
  /* 2rem * 0.625 */
  font-weight: 700;
  margin-bottom: 0.9375rem;
  /* 1.5rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .article-card .name {
    font-size: 0.875rem;
    /* 1.4rem * 0.625 */
    margin-bottom: 0.5rem;
    /* 0.8rem * 0.625 */
  }
}
.single-column-wrap-content .article-card p {
  font-size: 0.9375rem;
  /* 1.5rem * 0.625 */
  margin-bottom: 1.5625rem;
  /* 2.5rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .article-card p {
    font-size: 0.75rem;
    /* 1.2rem * 0.625 */
    margin-bottom: 1.5625rem;
    /* 2.5rem * 0.625 */
  }
}
.single-column-wrap-content .article-card .txt {
  background: #fff3f0;
  border: 4px dotted #ffc3b3;
  font-size: 1rem;
  /* 1.6rem * 0.625 */
  line-height: 1.95;
  margin-bottom: 0.9375rem;
  /* 1.5rem * 0.625 */
  padding: 1.875rem;
  /* 3rem * 0.625 */
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .article-card .txt {
    font-size: 0.8125rem;
    /* 1.3rem * 0.625 */
    padding: 0.9375rem;
    /* 1.5rem * 0.625 */
  }
}
.single-column-wrap-content .article-card .cv-link {
  margin-bottom: 1.875rem;
  /* 3rem * 0.625 */
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .article-card .cv-link {
    font-size: 0.75rem;
    /* 1.2rem * 0.625 */
    margin-bottom: 0.9375rem;
    /* 1.5rem * 0.625 */
  }
}
.single-column-wrap-content .box-specialist {
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  margin: 0.9375rem 0 3.75rem;
  /* 1.5rem * 0.625, 6rem * 0.625 */
  padding: 0.625rem 0.9375rem;
  /* 1rem * 0.625, 1.5rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-specialist {
    display: block;
  }
}
.single-column-wrap-content .box-specialist .wrap-img-specialist {
  padding-right: 0.9375rem;
  /* 1.5rem * 0.625 */
  width: 20%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-specialist .wrap-img-specialist {
    width: 100%;
  }
}
.single-column-wrap-content .box-specialist .wrap-img-specialist .ttl-specialist {
  font-size: 0.875rem;
  /* 1.4rem * 0.625 */
  font-weight: 700;
  margin: 0 0 0.625rem;
  /* 1rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-specialist .wrap-img-specialist .ttl-specialist {
    font-size: 0.9375rem;
    /* 1.5rem * 0.625 */
  }
}
.single-column-wrap-content .box-specialist .wrap-img-specialist img {
  display: block;
  margin: auto;
  width: 80%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-specialist .wrap-img-specialist img {
    display: none;
  }
}
.single-column-wrap-content .box-specialist .wrap-specialist-info {
  padding-left: 0.625rem;
  /* 1rem * 0.625 */
  width: 80%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-specialist .wrap-specialist-info {
    padding-left: 0;
    width: 100%;
  }
}
.single-column-wrap-content .box-specialist .wrap-specialist-info .specialist-info {
  font-size: 1rem;
  /* 1.6rem * 0.625 */
  font-weight: 700;
  margin-bottom: 0.625rem;
  /* 1rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-specialist .wrap-specialist-info .specialist-info {
    display: flex;
    flex-wrap: wrap;
  }
}
.single-column-wrap-content .box-specialist .wrap-specialist-info .specialist-info .job {
  font-size: 0.75rem;
  /* 1.2rem * 0.625 */
}

.single-column-wrap-content .box-specialist .wrap-specialist-info .specialist-info a {
  color: #231815;
}

.single-column-wrap-content .box-specialist .wrap-specialist-info .specialist-info .specialist-img {
  display: none;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-specialist .wrap-specialist-info .specialist-info .specialist-img {
    display: block;
    width: 15%;
  }
}
@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-specialist .wrap-specialist-info .specialist-info .specialist-name {
    padding-left: 0.9375rem;
    /* 1.5rem * 0.625 */
    width: 85%;
  }
}
.single-column-wrap-content .box-specialist .text-specialist-comment {
  font-size: 0.875rem;
  /* 1.4rem * 0.625 */
  line-height: 1.8;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-specialist .text-specialist-comment {
    font-size: 0.8125rem;
    /* 1.3rem * 0.625 */
  }
}
.single-column-wrap-content .box-specialist .text-specialist-comment .text-more {
  font-size: 0.75rem;
  /* 1.2rem * 0.625 */
  font-weight: 700;
  text-align: right;
}

.single-column-wrap-content .box-specialist .text-specialist-comment .text-more i {
  margin-left: 0.1875rem;
  /* 0.3rem * 0.625 */
}

.single-column-wrap-content .btn-column {
  background: #357ac3;
  border-radius: 4px;
  box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.3) inset;
  margin: 1.875rem auto 3.125rem auto;
  /* 3rem * 0.625, 5rem * 0.625 */
  position: relative;
  text-align: center;
  text-shadow: 2px 2px 2px #023865;
  width: 60%;
  -webkit-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.3) inset;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .btn-column {
    width: 80%;
  }
}
.single-column-wrap-content .btn-column a {
  color: #FFF;
  display: block;
  font-size: 1.25rem;
  /* 2rem * 0.625 */
  font-weight: 700;
  line-height: 1.5;
  padding: 0.625rem 0.9375rem 0.9375rem;
  /* 1rem * 0.625, 1.5rem * 0.625 */
  text-decoration: none;
}

.single-column-wrap-content .txt-point {
  background: #fff3e6;
  font-size: 1rem;
  /* 1.6rem * 0.625 */
  line-height: 1.95;
  letter-spacing: 0.03125rem;
  /* 0.05rem * 0.625 */
  margin-bottom: 3.75rem;
  /* 6rem * 0.625 */
  padding: 1.5625rem 0.9375rem 0.9375rem;
  /* 2.5rem * 0.625, 1.5rem * 0.625 */
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .txt-point {
    margin-bottom: 3.125rem;
    /* 5rem * 0.625 */
  }
}
.single-column-wrap-content .txt-point::before {
  background: url(../../img/icon/icon-txt-point.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 31px;
  left: 16px;
  position: absolute;
  top: -10px;
  vertical-align: middle;
  width: 90px;
}

.single-column-wrap-content .item-compact {
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 7px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1.875rem 0;
  /* 3rem * 0.625 */
  overflow: hidden;
  padding: 1.875rem;
  /* 3rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .item-compact {
    display: block;
    padding: 0.9375rem;
    /* 1.5rem * 0.625 */
  }
}
.single-column-wrap-content .item-compact .img {
  width: 30%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .item-compact .img {
    background: #F3F3F3;
    margin-bottom: 0.5rem;
    /* 0.8rem * 0.625 */
    padding: 0.9375rem;
    /* 1.5rem * 0.625 */
    width: 100%;
  }
}
.single-column-wrap-content .item-compact .img img {
  height: auto;
  width: 100%;
  -webkit-box-reflect: below 1.25px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.7, transparent), to(rgba(0, 0, 0, 0.3)));
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .item-compact .img img {
    display: block;
    margin: 0 auto;
    width: 50%;
    -webkit-box-reflect: initial;
  }
}
.single-column-wrap-content .item-compact .item-compact-right {
  width: 66%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .item-compact .item-compact-right {
    width: 100%;
  }
}
.single-column-wrap-content .item-compact .item-compact-right a {
  color: #222;
  display: block;
  text-decoration: none;
}

.single-column-wrap-content .item-compact .item-compact-right p {
  margin-bottom: 0;
}

.single-column-wrap-content .item-compact .item-compact-right .name {
  color: #333;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.625rem;
  /* 1rem * 0.625 */
  text-decoration: underline;
}

.single-column-wrap-content .item-compact .item-compact-right .catch {
  color: #e35e3a;
  font-weight: 700;
  margin-bottom: 0.625rem;
  /* 1rem * 0.625 */
}

.single-column-wrap-content .item-compact .item-compact-right .txt {
  line-height: 1.4;
  margin-bottom: 1.25rem;
  /* 2rem * 0.625 */
}

.single-column-wrap-content .item-compact .item-compact-right .check {
  background: #e35e3a;
  border-radius: 5px 5px 0 5px;
  color: #FFF;
  font-weight: 700;
  padding: 9.375px;
  /* 15px * 0.625 */
  position: relative;
  text-align: center;
}

.single-column-wrap-content .item-compact .item-compact-right .check i {
  padding-right: 0.625rem;
  /* 1rem * 0.625 */
}

.single-column-wrap-content .item-compact .item-compact-right .check::after {
  border-style: solid;
  border-width: 0 0 1.333em 1.333em;
  border-color: transparent transparent #ff9e84 transparent;
  bottom: 3px;
  content: "";
  position: absolute;
  right: 3px;
}

.single-column-wrap-content .box-category {
  border-radius: 5px;
  margin-bottom: 3.125rem;
  /* 5rem * 0.625 */
}

.single-column-wrap-content .box-category ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.single-column-wrap-content .box-category ul li {
  background: #EFEFEF;
  border-radius: 5px;
  color: #fff;
  font-size: 0.9375rem;
  /* 1.5rem * 0.625 */
  margin: 0.3125rem 0.625rem 0.3125rem 0;
  /* 0.5rem * 0.625, 1rem * 0.625 */
  padding: 0.125rem 0.625rem;
  /* 0.2rem * 0.625, 1rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-category ul li {
    font-size: 0.8125rem;
    /* 1.3rem * 0.625 */
    margin: 0.1875rem 0.375rem 0.1875rem 0;
    /* 0.3rem * 0.625 */
  }
}
.single-column-wrap-content .box-category ul li a:link,
.single-column-wrap-content .box-category ul li a:active,
.single-column-wrap-content .box-category ul li a:visited {
  color: #231815;
  text-decoration: none;
}

.single-column-wrap-content .box-category ul li a:hover {
  color: #231815;
}

.single-column-wrap-content table {
  border: 1px solid #ccc;
  margin: 3.125rem 0;
  /* 5rem * 0.625 */
  width: 100%;
  border-collapse: collapse;
}

.single-column-wrap-content table caption {
  font-size: 1rem;
  /* 1.6rem × 0.625 */
  font-weight: 700;
  margin-bottom: 0.625rem;
  /* 1rem × 0.625 */
}

.single-column-wrap-content table th {
  background: #f9f9f9;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 1rem;
  /* 1.6rem × 0.625 */
  line-height: 1.6;
  padding: 0.625rem 0.9375rem;
  /* 1rem × 0.625, 1.5rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content table th {
    font-size: 0.875rem;
    /* 1.4rem × 0.625 */
    padding: 0.625rem;
    /* 1rem × 0.625 */
  }
}
.single-column-wrap-content table th center,
.single-column-wrap-content table th .center {
  font-size: 1rem;
  /* 1.6rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content table th center,
  .single-column-wrap-content table th .center {
    font-size: 0.875rem;
    /* 1.4rem × 0.625 */
  }
}
.single-column-wrap-content table td {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 1rem;
  /* 1.6rem × 0.625 */
  line-height: 1.6;
  padding: 0.625rem 0.9375rem;
  /* 1rem × 0.625, 1.5rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content table td {
    font-size: 0.875rem;
    /* 1.4rem × 0.625 */
    padding: 0.625rem;
    /* 1rem × 0.625 */
  }
}
.single-column-wrap-content table td center,
.single-column-wrap-content table td .center {
  font-size: 1rem;
  /* 1.6rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content table td center,
  .single-column-wrap-content table td .center {
    font-size: 0.875rem;
    /* 1.4rem × 0.625 */
  }
}
.single-column-wrap-content table td .btn-cv {
  margin: 0;
}

.single-column-wrap-content table td .btn-cv a {
  font-size: 1rem;
  /* 1.6rem × 0.625 */
  line-height: 1.5;
  margin-bottom: 0;
  padding: 1.25rem 2.5rem 1.25rem 0.9375rem;
  /* 2rem × 0.625, 4rem × 0.625, 1.5rem × 0.625 */
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content table td .btn-cv a {
    background-size: 13px;
    background-position: 93%;
    font-size: 0.8125rem;
    /* 1.3rem × 0.625 */
    padding: 0.9375rem 1.875rem 0.9375rem 0.625rem;
    /* 1.5rem × 0.625, 3rem × 0.625, 1rem × 0.625 */
  }
}
.single-column-wrap-content table .good {
  background: url(../../img/icon/img-good.png) no-repeat center center;
  background-size: 40px;
  display: block;
  min-height: 40px;
  padding: 0.375rem 0 0;
  /* 0.6rem × 0.625 */
}

.single-column-wrap-content table .usually {
  background: url(../../img/icon/img-usually.png) no-repeat center center;
  background-size: 40px;
  display: block;
  min-height: 40px;
  padding: 0.4375rem 0 0;
  /* 0.7rem × 0.625 */
}

.single-column-wrap-content table .well {
  background: url(../../img/icon/img-well.png) no-repeat center center;
  background-size: 40px;
  display: block;
  min-height: 40px;
  padding: 0.5rem 0 0;
  /* 0.8rem × 0.625 */
}

.single-column-wrap-content table .bad {
  background: url(../../img/icon/img-bad.png) no-repeat center center;
  background-size: 40px;
  display: block;
  min-height: 40px;
  padding: 0.8rem 0 0;
}

.single-column-wrap-content table.small-table td .bad {
  background: url(../../img/icon/img-bad.png) no-repeat center center;
  background-size: 40px;
  display: block;
  min-height: 40px;
  padding: 0.8rem 0 0;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .table-big {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .single-column-wrap-content .table-big table {
    width: auto;
  }
}
.single-column-wrap-content .table-big table th {
  font-size: 0.875rem;
  /* 1.4rem × 0.625 */
  padding: 0.625rem;
  /* 1rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .table-big table th {
    font-size: 0.625rem;
    /* 1rem × 0.625 */
  }
}
.single-column-wrap-content .table-big table td {
  font-size: 0.875rem;
  /* 1.4rem × 0.625 */
  padding: 0.625rem;
  /* 1rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .table-big table td {
    font-size: 0.625rem;
    /* 1rem × 0.625 */
  }
}
.single-column-wrap-content .table-big table td img {
  display: block;
}

.single-column-wrap-content .small-table th {
  font-size: 0.75rem;
  /* 1.2rem × 0.625 */
  padding: 0.5rem;
  /* 0.8rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .small-table th {
    font-size: 0.625rem;
    /* 1rem × 0.625 */
  }
}
.single-column-wrap-content .small-table th center,
.single-column-wrap-content .small-table th .center {
  font-size: 0.75rem;
  /* 1.2rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .small-table th center,
  .single-column-wrap-content .small-table th .center {
    font-size: 0.625rem;
    /* 1rem × 0.625 */
  }
}
.single-column-wrap-content .small-table td {
  font-size: 0.75rem;
  /* 1.2rem × 0.625 */
  padding: 0.5rem;
  /* 0.8rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .small-table td {
    font-size: 0.625rem;
    /* 1rem × 0.625 */
  }
}
.single-column-wrap-content .small-table td center,
.single-column-wrap-content .small-table td .center {
  font-size: 0.75rem;
  /* 1.2rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .small-table td center,
  .single-column-wrap-content .small-table td .center {
    font-size: 0.625rem;
    /* 1rem × 0.625 */
  }
}
.single-column-wrap-content .card-center {
  background: #f5f5f5;
  margin-bottom: 1.875rem;
  /* 3rem × 0.625 */
  padding: 0.9375rem 0;
  /* 1.5rem × 0.625 */
}

.single-column-wrap-content .card-center img {
  display: block;
  margin: 0 auto;
}

.single-column-wrap-content .box-supervision {
  border: 1px solid #061D2D;
  border-radius: 5px;
  margin-bottom: 1.875rem;
  /* 3rem × 0.625 */
  padding: 0.625rem 0.9375rem 0.9375rem;
  /* 1rem × 0.625, 1.5rem × 0.625 */
}

.single-column-wrap-content .box-supervision .title {
  font-size: 0.9375rem;
  /* 1.5rem × 0.625 */
  margin: 0 0 0.625rem;
  /* 1rem × 0.625 */
  padding-left: 1.4375rem;
  /* 2.3rem × 0.625 */
  position: relative;
}

.single-column-wrap-content .box-supervision .title::before {
  background-color: #061D2D;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 15px;
}

.single-column-wrap-content .box-supervision ul {
  list-style: none;
  margin-bottom: 0;
}

.single-column-wrap-content .box-supervision ul li {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.single-column-wrap-content .box-supervision ul li .img {
  padding-right: 1.25rem;
  width: 20%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-supervision ul li .img {
    padding-right: 0.625rem;
    width: 35%;
  }
}
.single-column-wrap-content .box-supervision ul li .img img {
  border-radius: 50%;
  height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 110px;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-supervision ul li .img img {
    height: 85px;
    width: 85px;
    margin-bottom: 0.625rem;
  }
}
.single-column-wrap-content .box-supervision ul li .profile {
  width: 80%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-supervision ul li .profile {
    width: 65%;
  }
}
.single-column-wrap-content .box-supervision ul li .profile .name {
  font-size: 1rem;
  /* 1.6rem × 0.625 */
  font-weight: 700;
  margin-bottom: 0.625rem;
  /* 1rem × 0.625 */
}

.single-column-wrap-content .box-supervision ul li .profile .name .job {
  font-size: 0.8125rem;
  /* 1.3rem × 0.625 */
  font-weight: normal;
  margin: 0.3125rem 0 0.625rem;
  /* 0.5rem × 0.625, 1rem × 0.625 */
}

.single-column-wrap-content .box-supervision ul li .introduction {
  font-size: 0.9375rem;
  /* 1.5rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-supervision ul li .introduction {
    font-size: 0.875rem;
    /* 1.4rem × 0.625 */
  }
}
.single-column-wrap-content .box-supervision ul li .introduction p {
  font-size: 0.9375rem;
  /* 1.5rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-supervision ul li .introduction p {
    font-size: 0.875rem;
    /* 1.4rem × 0.625 */
  }
}
.single-column-wrap-content .box-supervision ul li .introduction .text-link {
  margin: 0.625rem 0 0 0;
  /* 1rem × 0.625 */
}

.single-column-wrap-content .box-supervision ul li .license {
  margin: 0.625rem 0 0;
  /* 1rem × 0.625 */
}

.single-column-wrap-content .box-supervision ul li .license dt {
  font-size: 0.8125rem;
  /* 1.3rem × 0.625 */
  font-weight: 700;
  margin-bottom: 0.3125rem;
  /* 0.5rem × 0.625 */
}

.single-column-wrap-content .box-supervision ul li .license dd {
  background: none;
  font-size: 0.875rem;
  /* 1.4rem × 0.625 */
  line-height: 1.8;
  margin-bottom: 0;
  padding: 0;
}

.single-column-wrap-content .box-editor {
  box-shadow: 3px 3px #f5f5f5;
  margin: 3.75rem 0;
  /* 6rem × 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-editor {
    margin: 2.5rem 0;
    /* 4rem × 0.625 */
  }
}
.single-column-wrap-content .box-editor .tab-group {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.single-column-wrap-content .box-editor .tab-group .tab {
  background: #f9f9f9;
  border: 1px solid #ddd;
  cursor: pointer;
  flex-grow: 1;
  font-size: 0.875rem;
  /* 1.4rem * 0.625 */
  font-weight: 700;
  list-style: none;
  margin: 0;
  padding: 0.5rem;
  /* 0.8rem * 0.625 */
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-editor .tab-group .tab {
    padding: 0.3125rem;
    /* 0.5rem * 0.625 */
  }
}
.single-column-wrap-content .box-editor .tab-group .tab:nth-child(1) {
  border-right: none;
  border-radius: 5px 0 0 0;
}

.single-column-wrap-content .box-editor .tab-group .tab:nth-child(2) {
  border-left: none;
  border-radius: 0 5px 0 0;
}

.single-column-wrap-content .box-editor .tab-group .tab.is-active {
  background: #061D2D;
  border: 1px solid #061D2D;
  color: #FFF;
  transition: all 0.2s ease-out;
}

.single-column-wrap-content .box-editor .panel-group {
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  border-top: none;
}

.single-column-wrap-content .box-editor .panel {
  display: none;
  padding: 0.9375rem 1.25rem;
  /* 1.5rem * 0.625 and 2rem * 0.625 */
}

.single-column-wrap-content .box-editor .panel .editor-detail {
  display: flex;
  flex-wrap: wrap;
}

.single-column-wrap-content .box-editor .panel .editor-detail .img-avatar {
  padding-right: 1.25rem;
  width: 20%;
}

.single-column-wrap-content .box-editor .panel .editor-detail dl {
  margin: 0;
  width: 80%;
}

.single-column-wrap-content .box-editor .panel .editor-detail dl dt {
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.single-column-wrap-content .box-editor .panel .editor-detail dl dd {
  background: none;
  font-size: 0.875rem;
  /* 1.4rem * 0.625 */
  line-height: 1.8;
  margin-bottom: 0;
  padding: 0;
}

.single-column-wrap-content .box-editor .panel .title-editor {
  font-size: 0.875rem;
  /* 1.4rem * 0.625 */
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.single-column-wrap-content .box-editor .panel ul {
  list-style: none;
  margin-bottom: 0;
}

.single-column-wrap-content .box-editor .panel ul li {
  font-size: 0.875rem;
  /* 1.4rem * 0.625 */
  margin: 0 0 0.3125rem;
  /* 0.5rem * 0.625 */
}

.single-column-wrap-content .box-editor .panel .btn-content {
  font-size: 0.8125rem;
  /* 1.3rem * 0.625 */
  margin-bottom: 0;
  text-align: right;
}

.single-column-wrap-content .box-editor .panel.is-show {
  display: block;
}

.single-column-wrap-content .box-flex-img {
  display: flex;
  justify-content: space-around;
}

.single-column-wrap-content .box-review {
  margin: 3.125rem 0;
  /* 5rem * 0.625 */
}

.single-column-wrap-content .box-review .item {
  border: 2px solid #061D2D;
  margin: 0 0 1.25rem;
  /* 2rem * 0.625 */
  padding: 0.9375rem 1.25rem;
  /* 1.5rem * 0.625 and 2rem * 0.625 */
}

.single-column-wrap-content .box-review .item p {
  font-size: 1rem;
  /* 1.6rem * 0.625 */
  line-height: 1.8;
  margin: 0.9375rem 0 0;
  /* 1.5rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-review .item p {
    font-size: 0.875rem;
    /* 1.4rem * 0.625 */
  }
}
.single-column-wrap-content .box-review .item .wrap-spec {
  display: flex;
  flex-wrap: wrap;
}

.single-column-wrap-content .box-review .item .wrap-spec .img-spec {
  width: 13%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-review .item .wrap-spec .img-spec {
    width: 20%;
  }
}
.single-column-wrap-content .box-review .item .wrap-spec .box-spec {
  padding: 0.625rem 0 0 1.25rem;
  /* 1rem * 0.625 and 2rem * 0.625 */
  width: 87%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-review .item .wrap-spec .box-spec {
    line-height: 1.8;
    padding: 0 0 0 1.25rem;
    /* 2rem * 0.625 */
    width: 80%;
  }
}
.single-column-wrap-content .box-review .item .wrap-spec .box-spec .text-spec {
  font-size: 0.9375rem;
  /* 1.5rem * 0.625 */
  font-weight: 700;
  margin-bottom: 0.3125rem;
  /* 0.5rem * 0.625 */
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star {
  display: block;
  height: 21px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_0 {
  background: url(../../img/icon/rate-0.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_05 {
  background: url(../../img/icon/rate-0.5.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_10 {
  background: url(../../img/icon/rate-1.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_15 {
  background: url(../../img/icon/rate-1.5.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_20 {
  background: url(../../img/icon/rate-2.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_25 {
  background: url(../../img/icon/rate-2.5.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_30 {
  background: url(../../img/icon/rate-3.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_35 {
  background: url(../../img/icon/rate-3.5.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_40 {
  background: url(../../img/icon/rate-4.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_45 {
  background: url(../../img/icon/rate-4.5.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .box-review .item .wrap-spec .box-spec .star_50 {
  background: url(../../img/icon/rate-5.png) left center/120px no-repeat;
  background-size: 100px;
}

.single-column-wrap-content .blog-card {
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 1px 4px #ddd;
  margin: 3.75rem 0;
  padding: 1.875rem 1.25rem 0.9375rem 1.25rem;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .blog-card {
    padding: 1.875rem 0.9375rem 0.9375rem 0.9375rem;
  }
}
.single-column-wrap-content .blog-card .blog-card-kanren {
  background: #061D2D;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 0.8125rem;
  /* 1.3rem * 0.625 */
  font-weight: 700;
  left: 1.25rem;
  /* 2rem * 0.625 */
  padding: 0.0625rem 0.625rem;
  /* 0.1rem * 0.625 and 1rem * 0.625 */
  position: absolute;
  top: -0.9375rem;
  /* -1.5rem * 0.625 */
}

.single-column-wrap-content .blog-card a {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
}

.single-column-wrap-content .blog-card .blog-card-thumbnail {
  padding-right: 1.25rem;
  /* 2rem * 0.625 */
  width: 26%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .blog-card .blog-card-thumbnail {
    padding-right: 0;
    width: 30%;
  }
}
.single-column-wrap-content .blog-card .blog-card-content {
  line-height: 1;
  /* 1.6 * 0.625 */
  width: 74%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .blog-card .blog-card-content {
    padding-left: 0.9375rem;
    /* 1.5rem * 0.625 */
    width: 70%;
  }
}
.single-column-wrap-content .blog-card .blog-card-content .blog-card-day {
  color: #888;
  display: block;
  font-size: 0.75rem;
  /* 1.2rem * 0.625 */
  margin-bottom: 0.3125rem;
  /* 0.5rem * 0.625 */
}

.single-column-wrap-content .blog-card .blog-card-content .blog-card-title {
  font-size: 1.0625rem;
  /* 1.7rem * 0.625 */
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .blog-card .blog-card-content .blog-card-title {
    font-size: 0.9375rem;
    /* 1.5rem * 0.625 */
  }
}
.single-column-wrap-content .blog-card.manga .blog-card-content .blog-card-title {
  line-height: 1.3;
}

.single-column-wrap-content .blog-card .blog-card-content .more {
  font-size: 0.8125rem;
  /* 1.3rem * 0.625 */
  margin-top: 0.3125rem;
  /* 0.5rem * 0.625 */
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .blog-card .blog-card-content .more {
    font-size: 0.75rem;
    /* 1.2rem * 0.625 */
  }
}
.single-column-wrap-content .blog-card.manga .blog-card-content .more {
  margin-top: 1rem;
}

.single-column-wrap-content .blog-card.manga .blog-card-content .more span {
  background: #ff6600;
  border-radius: 5px;
  color: #FFF;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  /* 1.4rem * 0.625 */
  margin: 0.5rem auto 0;
  padding: 9.375px;
  position: relative;
  text-align: center;
  width: 10rem;
}

.single-column-wrap-content .box-ranking {
  background: #f9f9f9;
  border-radius: 5px;
  margin: 3.125rem 0;
  /* 5rem * 0.625 */
  padding: 0.9375rem;
  /* 1.5rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-ranking {
    margin: 3.125rem -0.9375rem;
    /* 5rem * 0.625 and -1.5rem * 0.625 */
    position: relative;
  }
  .single-column-wrap-content .box-ranking::after {
    bottom: 170px;
    content: "スライドで2位以降を表示 →";
    color: #888;
    font-size: 0.8rem;
    pointer-events: none;
    position: absolute;
    right: 4%;
  }
  .single-column-wrap-content .box-ranking.animate::after {
    animation: pulse 1.5s ease-in-out 3;
    /* 3回だけ */
  }
  /* 拡大縮小で目立たせる */
  @keyframes pulse {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
  }
}
.single-column-wrap-content .box-ranking .ttl-ranking {
  font-size: 1.25rem;
  /* 2rem * 0.625 */
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 0.9375rem;
  /* 1.5rem * 0.625 */
}

.single-column-wrap-content .box-ranking .ttl-ranking small {
  font-size: 0.8125rem;
  /* 1.3rem * 0.625 */
  display: block;
}

.single-column-wrap-content .box-ranking ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2.7%;
  justify-content: flex-start;
  list-style: none;
  margin-bottom: 1.875rem;
  /* 3rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-ranking ul {
    display: grid;
    flex-wrap: nowrap;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    gap: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
  }
}
.single-column-wrap-content .box-ranking ul li {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0.625rem;
  /* 1rem * 0.625 */
  width: 31.5%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-ranking ul li {
    width: 250px;
  }
}
.single-column-wrap-content .box-ranking ul li .wrap-rank {
  flex-grow: 1;
}

.single-column-wrap-content .box-ranking ul li .company {
  display: flex;
  font-size: 0.9375rem;
  /* 1.5rem * 0.625 */
  line-height: 1.5;
  margin-bottom: 0.625rem;
  /* 1rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-ranking ul li .company {
    align-items: center;
    flex: 1;
    height: 100%;
    min-height: 0%;
  }
}
.single-column-wrap-content .box-ranking ul li .company .icon-rank {
  margin: 0.3125rem 0.3125rem 0 0;
  /* 0.5rem * 0.625 */
  width: 13%;
}

.single-column-wrap-content .box-ranking ul li .thumb {
  margin: 0 auto 0.625rem;
  /* 1rem * 0.625 */
  width: 90%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-ranking ul li .thumb {
    flex: 1;
    height: 100%;
    min-height: auto;
  }
}
.single-column-wrap-content .box-ranking ul li .text-detail {
  font-size: 0.8125rem;
  /* 1.3rem * 0.625 */
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-ranking ul li .text-detail {
    flex: 1;
    height: 100%;
    min-height: 0%;
  }
}
.single-column-wrap-content .box-ranking ul li .box-price .monthly {
  display: block;
}

@media only screen and (max-width: 767px) {
  #category .wrap-button-pet .box-select-pet #petdog,
  #category .wrap-button-pet .box-select-pet #petcat,
  #category .wrap-button-pet .box-select-pet #petage,
  #category .wrap-button-pet .box-select-pet .petdog,
  #category .wrap-button-pet .box-select-pet .petcat,
  #category .wrap-button-pet .box-select-pet .petage,
  #category .wrap-button-pet .box-select-pet #petother,
  #category .wrap-button-pet .box-select-pet .children {
    width: 47.5%;
  }
  .single-column-wrap-content .box-ranking #category .wrap-button-pet .list-button .man,
  .single-column-wrap-content .box-ranking #category .wrap-button-pet .list-button .woman {
    font-size: 0.9rem;
    padding: 0.4rem 1.5rem 0.4rem 3.5rem;
    text-align: center;
    width: 100%;
  }
}
.single-column-wrap-content .box-ranking ul li .text-detail i {
  margin-left: 0.3125rem;
  /* 0.5rem * 0.625 */
}

.single-column-wrap-content .box-ranking ul li .box-price {
  font-size: 0.8rem;
  line-height: 1.45;
  margin: 0 0 0.5rem 0;
  text-align: center;
}

.single-column-wrap-content .box-ranking ul li .box-price .txt-red {
  color: #FE6600;
  font-size: 1rem;
  margin-left: 0.3rem;
}

.single-column-wrap-content .box-ranking ul li .box-price .counterup {
  color: #FE6600;
  font-size: 1.5rem;
  font-weight: 700;
}

.single-column-wrap-content .box-ranking ul li .about-ranking {
  font-size: 0.65rem;
}

.single-column-wrap-content .box-ranking ul li .txt-type {
  font-size: 0.75rem;
}

.single-column-wrap-content .box-ranking ul li .btn-cv,
.single-column-wrap-content .box-ranking ul li .text-cv {
  margin: 0 0 0.625rem;
  /* 1rem * 0.625 */
}

.single-column-wrap-content .box-ranking ul li .btn-cv a,
.single-column-wrap-content .box-ranking ul li .text-cv a {
  background: #ffa700;
  border-radius: 15px;
  font-size: 0.875rem;
  /* 1.4rem * 0.625 */
  font-weight: 700;
  margin: 0 auto;
  padding: 0.3125rem 0.625rem;
  /* 0.5rem * 0.625 and 1rem * 0.625 */
  width: 95%;
}

.single-column-wrap-content .box-ranking ul li .skubutton,
.single-column-wrap-content .box-ranking ul li .gcm-select-button {
  background: #357ac3;
  border-radius: 15px;
  color: #fff;
  display: block;
  font-size: 0.875rem;
  /* 1.4rem * 0.625 */
  font-weight: 700;
  line-height: 1.5;
  margin: 0 auto 0.3125rem;
  /* 0.5rem * 0.625 */
  padding: 0.3125rem 0.625rem;
  /* 0.5rem * 0.625 and 1rem * 0.625 */
  width: 95%;
}

.single-column-wrap-content .box-ranking .btn-ranking {
  margin-bottom: 1.875rem;
  /* 3rem * 0.625 */
  text-align: center;
}

.single-column-wrap-content .box-ranking .btn-ranking a {
  background: #fff;
  border: 1px solid #26a6e5;
  border-radius: 5px;
  display: inline-block;
  font-weight: 700;
  font-size: 1rem;
  /* 1.6rem * 0.625 */
  padding: 0.3125rem 1.875rem;
  /* 0.5rem * 0.625 and 3rem * 0.625 */
  text-decoration: none;
}

.single-column-wrap-content .box-ranking .btn-ranking a i {
  margin-left: 0.5rem;
  /* 0.8rem * 0.625 */
}

.single-column-wrap-content .box-ranking .about-ranking {
  color: #9f9f9f;
  font-size: 0.75rem;
  /* 1.2rem * 0.625 */
  line-height: 1.6;
}

.single-column-wrap-content .box-ranking #category {
  padding: 0 0 1.3rem 0;
}

.single-column-wrap-content .box-ranking #category .wrap-button {
  margin: 0 auto;
}

.single-column-wrap-content .box-ranking #category .wrap-button .wrap-form {
  width: 100%;
}

.single-column-wrap-content .box-ranking #category .list-button {
  background-color: #ebebeb;
}

.single-column-wrap-content .box-ranking #category .wrap-button-pet .list-button .man,
.single-column-wrap-content .box-ranking #category .wrap-button-pet .list-button .woman {
  font-size: 0.9rem;
  padding: 0.4rem 1.5rem 0.4rem 3.5rem;
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .box-ranking #category .wrap-button-pet .list-button .man,
  .single-column-wrap-content .box-ranking #category .wrap-button-pet .list-button .woman {
    font-size: 0.9rem;
    padding: 0.4rem 2.5rem 0.4rem 5.75rem;
  }
}
.single-column-wrap-content .box-ranking #category .wrap-button-pet .list-button .man::before,
.single-column-wrap-content .box-ranking #category .wrap-button-pet .list-button .woman::before {
  bottom: 0.2rem;
  height: 3rem;
  width: 2rem;
}

.single-column-wrap-content .box-ranking #category .wrap-button-pet .box-select-pet {
  padding: 0.8rem 0 0;
}

.single-column-wrap-content .box-ranking #category .wrap-button-pet .box-select-pet #petdog,
.single-column-wrap-content .box-ranking #category .wrap-button-pet .box-select-pet #petcat,
.single-column-wrap-content .box-ranking #category .wrap-button-pet .box-select-pet #petage,
.single-column-wrap-content .box-ranking #category .wrap-button-pet .box-select-pet .petdog,
.single-column-wrap-content .box-ranking #category .wrap-button-pet .box-select-pet .petcat,
.single-column-wrap-content .box-ranking #category .wrap-button-pet .box-select-pet .petage {
  font-size: 1rem;
  line-height: 1.3;
  padding: 0.5rem 1rem;
}

.single-column-wrap-content .box-ranking #category .wrap-button-pet .box-select-pet #petage,
.single-column-wrap-content .box-ranking #category .wrap-button-pet .box-select-pet .petage {
  margin-left: 1rem;
}

.single-column-wrap-content .box-ranking #category .wrap-button-pet .box-select-pet .btn-submit {
  font-size: 1rem;
  padding: 0.5rem 1.5rem;
}

.single-column-wrap-content #toc_container {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 3.75rem;
  padding: 0.625rem 0.9375rem;
  width: 100%;
}

.single-column-wrap-content #toc_container .toc_list {
  font-size: 0.8125rem;
  /* 1.3rem * 0.625 */
}

.single-column-wrap-content #toc_container .toc_list li {
  color: #666;
  display: block;
  padding: 0.3125rem 0;
  /* 0.5rem * 0.625 */
  font-size: 0.9375rem;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content #toc_container .toc_list li {
    font-size: 0.875rem;
    /* 1.4rem * 0.625 */
  }
}
.single-column-wrap-content #toc_container a {
  text-decoration: underline;
}

.single-column-wrap-content .wrap-shisan {
  color: #9f9f9f;
  display: flex;
  font-size: 0.625rem;
  /* 1rem * 0.625 */
  margin: -1.875rem 0 3.75rem;
  /* -3rem * 0.625 and 6rem * 0.625 */
}

.single-column-wrap-content .wrap-shisan .ttl-shisan {
  margin-right: 0.625rem;
  /* 1rem * 0.625 */
}

.single-column-wrap-content .wrap-shisan .box-route {
  display: flex;
  margin: 0;
}

.single-column-wrap-content .wrap-shisan .box-route li {
  list-style: none;
  margin: 0 0.625rem 0 0;
  /* 1rem * 0.625 */
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .wrap-shisan .box-route li:nth-child(2) dd {
    margin-left: -8.125rem;
    /* -13rem * 0.625 */
  }
}
.single-column-wrap-content .wrap-shisan .box-route li dl {
  margin: 0;
}

.single-column-wrap-content .wrap-shisan .box-route li dl dt {
  cursor: pointer;
  font-size: 0.625rem;
  /* 1rem * 0.625 */
  margin-bottom: 0.625rem;
  /* 1rem * 0.625 */
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .wrap-shisan .box-route li:nth-child(2) dd {
    margin-left: -8.125rem;
    /* -13rem * 0.625 */
  }
}
.single-column-wrap-content .wrap-shisan .box-route li dl {
  margin: 0;
}

.single-column-wrap-content .wrap-shisan .box-route li dl dt {
  cursor: pointer;
  font-size: 0.625rem;
  /* 1rem * 0.625 */
  margin-bottom: 0.625rem;
  /* 1rem * 0.625 */
  text-decoration: underline;
}

.single-column-wrap-content .wrap-shisan .box-route li dl dt i {
  padding-left: 0.1875rem;
  /* 0.3rem * 0.625 */
}

.single-column-wrap-content .wrap-shisan .box-route li dl dd {
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  display: none;
  font-size: 0.625rem;
  /* 1rem * 0.625 */
  margin: 0;
  padding: 0.625rem;
  /* 1rem * 0.625 */
  position: absolute;
  width: 30vw;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .wrap-shisan .box-route li dl dd {
    width: 70vw;
  }
}
.single-column-wrap-content .block-recommend {
  margin: 5rem 0 0;
  /* 8rem * 0.625 and 5rem * 0.625 */
}

.single-column-wrap-content .block-recommend .title-recommend {
  text-align: center;
}

.single-column-wrap-content .block-recommend .title-recommend span {
  display: inline-block;
  font-size: 1.25rem;
  /* 2rem * 0.625 */
  font-weight: 700;
  margin: 1.875rem 0 3.125rem;
  /* 3rem * 0.625 and 5rem * 0.625 */
  position: relative;
  text-align: center;
}

.single-column-wrap-content .block-recommend .title-recommend span::after {
  background-color: #061D2D;
  border-radius: 2px;
  bottom: -0.625rem;
  /* -1rem * 0.625 */
  content: "";
  display: inline-block;
  height: 4px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1.875rem;
  /* 3rem * 0.625 */
  -webkit-transform: translateX(-50%);
}

.single-column-wrap-content .block-recommend .list-recommend {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
}

.single-column-wrap-content .block-recommend .list-recommend li {
  line-height: 1.6;
  margin-bottom: 1.25rem;
  /* 2rem * 0.625 */
  margin-left: 0;
  width: 30%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .block-recommend .list-recommend li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
.single-column-wrap-content .block-recommend .list-recommend li:nth-child(3n-1) {
  margin-left: 3%;
  margin-right: 3%;
}

.single-column-wrap-content .block-recommend .list-recommend li .thumb {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  /* 1rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .block-recommend .list-recommend li .thumb {
    width: 35%;
  }
}
.single-column-wrap-content .block-recommend .list-recommend li .thumb img {
  margin: auto;
}

.single-column-wrap-content .block-recommend .list-recommend li .title {
  font-size: 14px;
  font-size: 0.875rem;
  /* 1.4rem * 0.625 */
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .block-recommend .list-recommend li .title {
    padding-left: 0.9375rem;
    /* 1.5rem * 0.625 */
    width: 65%;
  }
}
.single-column-wrap-content .block-recommend .list-recommend li .title time {
  color: #888;
  display: block;
  font-size: 0.75rem;
  /* 1.2rem * 0.625 */
  margin-top: 0.3125rem;
  /* 0.5rem * 0.625 */
}

.single-column-wrap-content .btn-cv a,
.single-column-wrap-content .text-cv a {
  line-height: 1.5;
  margin-bottom: 3.75rem;
  /* 6rem * 0.625 */
}

/* ------------------------------------------------- *
 *        ＠装飾系CSS　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
.single-column-wrap-content .txt-red {
  color: #ff3469;
  font-weight: 700;
}

.single-column-wrap-content .txt-green {
  color: #01913a;
  font-weight: 700;
}

.single-column-wrap-content .txt-blue {
  color: #2366d9;
  font-weight: 700;
}

.single-column-wrap-content .txt-yellow {
  color: #f4cb0a;
  font-weight: 700;
}

.single-column-wrap-content .txt-marker {
  background-image: linear-gradient(transparent 50%, #efff04 50%);
}

.single-column-wrap-content .txt-marker-pink {
  background-image: linear-gradient(transparent 50%, #ffddeb 50%);
}

.single-column-wrap-content .text-uline {
  text-decoration: underline;
}

.single-column-wrap-content .bold {
  font-weight: 700;
}

.single-column-wrap-content .size10 {
  font-size: 0.625rem;
}

.single-column-wrap-content .size12 {
  font-size: 0.75rem;
}

.single-column-wrap-content .size14 {
  font-size: 0.875rem;
}

.single-column-wrap-content .size16 {
  font-size: 1rem;
}

.single-column-wrap-content .size18 {
  font-size: 1.125rem;
}

.single-column-wrap-content .size20 {
  font-size: 1.25rem;
}

.single-column-wrap-content .size22 {
  font-size: 1.375rem;
}

.single-column-wrap-content .size24 {
  font-size: 1.5rem;
}

.single-column-wrap-content .size26 {
  font-size: 1.625rem;
}

.single-column-wrap-content .size28 {
  font-size: 1.75rem;
}

.single-column-wrap-content .size30 {
  font-size: 1.875rem;
}

.single-column-wrap-content .marker-animation {
  background-image: linear-gradient(to right, transparent 50%, #fffa99 50%);
  background-repeat: repeat-x;
  background-size: 200% 0.8em;
  background-position: 0 0.5em;
  font-weight: bold;
  transition: all 4s linear;
}

.single-column-wrap-content .marker-animation.active {
  background-position: -100% 0.5em;
}

.single-column-wrap-content .marker-yellow {
  background-image: linear-gradient(to right, transparent 50%, #efff04 50%);
}

.single-column-wrap-content .marker-red {
  background-image: linear-gradient(to right, transparent 50%, #facac8 50%);
}

.single-column-wrap-content .marker-green {
  background-image: linear-gradient(to right, transparent 50%, #c8fad4 50%);
}

.single-column-wrap-content .marker-bule {
  background-image: linear-gradient(to right, transparent 50%, #c8f5fa 50%);
}

.single-column-wrap-content .marker-purple {
  background-image: linear-gradient(to right, transparent 50%, #ebc8fa 50%);
}

.single-column-wrap-content .mb0 {
  margin-bottom: 0 !important;
}

.single-column-wrap-content .mb1 {
  margin-bottom: 0.625rem !important;
}

.single-column-wrap-content .mb2 {
  margin-bottom: 1.25rem !important;
}

.single-column-wrap-content .mb3 {
  margin-bottom: 1.875rem !important;
}

.single-column-wrap-content .mb4 {
  margin-bottom: 2.5rem !important;
}

.single-column-wrap-content .mb5 {
  margin-bottom: 3.125rem !important;
}

.single-column-wrap-content .mb10 {
  margin-bottom: 6.25rem !important;
}

.single-column-wrap-content .mt1 {
  margin-top: 0.625rem !important;
}

.single-column-wrap-content .mt2 {
  margin-top: 1.25rem !important;
}

.single-column-wrap-content .mt3 {
  margin-top: 1.875rem !important;
}

.single-column-wrap-content .mt4 {
  margin-top: 2.5rem !important;
}

.single-column-wrap-content .mt5 {
  margin-top: 3.125rem !important;
}

.single-column-wrap-content .waku {
  border: 2px solid #DDD;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 3.75rem;
  padding: 1.25rem 1.5625rem;
}

.single-column-wrap-content .waku-dot {
  background: #f5f5f5;
  border: 3px dotted #cacaca;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 3.75rem;
  padding: 1.25rem 1.5625rem;
}

.single-column-wrap-content .waku-dot-b {
  border: 3px dotted #357ac3;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 3.75rem;
  padding: 1.25rem 1.5625rem;
}

.waku-dot-b span {
  font-weight: 700;
  color: #357ac3;
}

.single-column-wrap-content .point {
  border: 1px solid #222;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 60px;
  margin: 0 0 3.75rem;
  padding: 25px 25px 20px 25px;
  padding: 1.5625rem 1.5625rem 1.25rem 1.5625rem;
  position: relative;
}

.single-column-wrap-content .point:before {
  background: #222;
  content: "POINT";
  color: #FFF;
  display: inline-block;
  font-size: 1rem;
  left: 50%;
  line-height: 1;
  padding: 6px 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(-50%, -50%);
  width: 140px;
}

.single-column-wrap-content .point p,
.single-column-wrap-content .point ul,
.single-column-wrap-content .point ol,
.single-column-wrap-content .point dl {
  margin: 0;
}

.single-column-wrap-content .memo {
  font-size: 0.625rem;
  line-height: 1.8;
  border: 1px solid #222;
  margin: 0 0 60px;
  margin: 0 0 3.75rem;
  padding: 25px 25px 20px 25px;
  padding: 1.5625rem 1.5625rem 1.25rem 1.5625rem;
  position: relative;
}

.single-column-wrap-content .memo:before {
  background-color: #FFF;
  background-image: url(../../img/icon/icon-memo-left.png), url(../../img/icon/icon-memo-right.png);
  background-repeat: no-repeat;
  background-position: 8%, 92%;
  content: "MEMO";
  display: inline-block;
  font-size: 1rem;
  left: 50%;
  line-height: 1;
  padding: 0.3125rem;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(-50%, -50%);
  width: 120px;
}

.single-column-wrap-content .memo p,
.single-column-wrap-content .memo ul,
.single-column-wrap-content .memo ol,
.single-column-wrap-content .memo dl {
  margin: 0;
}

.single-column-wrap-content blockquote {
  background: #f3f3f3;
  padding: 1.25rem 2.5rem 1.5625rem;
  margin: 2.5rem 0 2.5rem 1.5625rem;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content blockquote {
    margin: 1.875rem 0 1.875rem 0.9375rem;
    padding: 0.625rem 0.9375rem 0.625rem 1.5625rem;
  }
}
.single-column-wrap-content blockquote::before {
  background: url(../../img/icon/icon-blockquote.png) no-repeat;
  background-size: contain;
  content: "";
  left: -1.5625rem;
  height: 50px;
  position: absolute;
  top: 30%;
  width: 50px;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content blockquote::before {
    height: 30px;
    left: -15px;
    width: 30px;
  }
}
.single-column-wrap-content blockquote p {
  margin: 0 !important;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content blockquote p {
    font-size: 0.875rem;
  }
}
.single-column-wrap-content blockquote cite {
  display: block;
  text-align: right;
}

.single-column-wrap-content center,
.single-column-wrap-content .center {
  font-size: 1.125rem;
  line-height: 2.1;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content center,
  .single-column-wrap-content .center {
    font-size: 1rem;
  }
}
.single-column-wrap-content center img,
.single-column-wrap-content .center img {
  margin: auto;
}

.single-column-wrap-content .text-cv {
  margin: 3.125rem 0 1.875rem;
}

.single-column-wrap-content .btn-cv {
  margin: 2.25rem auto;
  max-width: 26.25rem;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .text-cv {
    margin: 2.5rem 0;
  }
  .single-column-wrap-content .btn-cv {
    margin: 1.75rem auto;
  }
}
.single-column-wrap-content .text-cv a {
  background: url(../../img/icon/icon-arrow-white-waku.png) no-repeat right center #357ac3;
  background-position: 96%;
  color: #FFF !important;
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 auto;
  padding: 1.5625rem 3.125rem 1.5625rem 1.5625rem;
  text-align: center;
  text-decoration: none !important;
  width: 70%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .text-cv a {
    font-size: 1.125rem;
    padding: 1.25rem 3.125rem 1.25rem 1.25rem;
    width: 100%;
  }
}
.single-column-wrap-content .btn-cv a {
  background: linear-gradient(90deg, #ff6a22 0%, #ffad3d 100%);
  border: 2px solid #f36f21;
  border-radius: 50vh;
  box-shadow: 0 0.25rem 0 rgba(180, 78, 8, 0.3);
  box-sizing: border-box;
  color: #fff !important;
  display: block !important;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.45;
  margin: 0 auto;
  max-width: 26.25rem;
  min-height: 4.75rem;
  padding: 0.75rem 3.25rem 0.75rem 1.5rem;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  width: 100%;
}

.single-column-wrap-content .btn-cv a::after {
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  content: "›";
  display: flex;
  font-size: 1.4375rem;
  height: 1.875rem;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.875rem;
}

.single-column-wrap-content .btn-cv a .txt-yellow {
  color: #fff4a8 !important;
  font-size: 1.375rem;
  line-height: 1.35;
  text-decoration: none !important;
}

@media (hover: hover) {
  .single-column-wrap-content .btn-cv a:hover {
    box-shadow: 0 0.125rem 0 rgba(180, 78, 8, 0.3);
    transform: translateY(0.125rem);
  }
}
@media only screen and (max-width: 767px) {
  .single-column-wrap-content .btn-cv a {
    font-size: 1.2rem;
    font-weight: 700;
    min-height: 4.375rem;
    padding: 0.625rem 3.25rem 0.6875rem 1.5rem;
  }
  .single-column-wrap-content .btn-cv a .txt-yellow {
    font-size: 1.25rem;
  }
}
.category__ranking-content--article.single-column-wrap-content {
  max-width: 47.5rem;
}

.category__ranking-content--article .category__ranking-article-title {
  align-items: center;
  aspect-ratio: 1600/571;
  background-image: url(../images/category/ranking-after-guide.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  border-radius: 1rem;
  color: #213629;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 2.5rem;
  overflow: hidden;
  padding: 1.5rem;
  position: relative;
  text-align: center;
}

.category__ranking-content--article .category__ranking-article-title::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.35) 27%, rgba(255, 255, 255, 0.94) 39%, rgba(255, 255, 255, 0.94) 61%, rgba(255, 255, 255, 0.35) 73%, rgba(255, 255, 255, 0.05) 100%);
  content: "";
  display: none;
  inset: 0;
  position: absolute;
}

.category__ranking-content--article .category__ranking-article-eyebrow,
.category__ranking-content--article .category__ranking-article-heading {
  position: relative;
  z-index: 1;
}

.category__ranking-content--article .category__ranking-article-eyebrow {
  color: #169b35;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 0.625rem;
}

.category__ranking-content--article .category__ranking-article-eyebrow::before {
  content: "＼";
  margin-right: 0.35em;
}

.category__ranking-content--article .category__ranking-article-eyebrow::after {
  content: "／";
  margin-left: 0.35em;
}

.category__ranking-content--article .category__ranking-article-heading {
  color: #17351f;
  font-size: clamp(1.25rem, 3.1vw, 2rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.28;
  text-shadow: 0 1px 0 #fff;
}

.category__ranking-content--article .category__ranking-article-heading > span {
  display: block;
  white-space: nowrap;
}

.single-column-wrap-content .gc-article--ranking {
  color: #231815;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  margin: 0 auto;
  max-width: 47.5rem;
  overflow-wrap: anywhere;
  word-break: normal;
}

.single-column-wrap-content .gc-article--ranking p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.82;
  margin: 0 0 1.375rem;
}

.single-column-wrap-content .gc-article--ranking ul,
.single-column-wrap-content .gc-article--ranking ol {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  margin: 0 0 1.5rem;
}

.single-column-wrap-content .gc-article--ranking ul li,
.single-column-wrap-content .gc-article--ranking ol li {
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 0.5rem;
}

.single-column-wrap-content .gc-article--ranking .gc-article__lead {
  background: #fff;
  border: 1px solid #dce6dc;
  border-radius: 0.625rem;
  box-shadow: 0 0.1875rem 0.75rem rgba(33, 54, 41, 0.06);
  color: #213629;
  margin: 1.125rem 0 1.875rem;
  padding: 1.375rem 1.5rem 1rem;
  position: relative;
  text-align: center;
}

.single-column-wrap-content .gc-article--ranking .gc-article__lead::before {
  background: #eef7ec;
  border-radius: 1.25rem;
  color: #169b35;
  content: "こんな疑問はありませんか？";
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.04em;
  margin: 0;
  padding: 0.3125rem 0.875rem;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.single-column-wrap-content .gc-article--ranking .gc-article__lead strong {
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.9;
}

.single-column-wrap-content .gc-article--ranking h2 {
  background: #f4f8f1;
  border-bottom: 0;
  border-left: 0.3125rem solid #169b35;
  border-radius: 0 0.5rem 0.5rem 0;
  border-top: 0;
  color: #213629;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 3.25rem 0 1.5rem;
  padding: 0.8125rem 1.125rem;
}

.single-column-wrap-content .gc-article--ranking h2:first-of-type {
  margin-top: 2.75rem;
}

.single-column-wrap-content .gc-article--ranking h3 {
  border-bottom: 2px solid #b9dfb8;
  border-left: 0;
  color: #213629;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.6;
  margin: 2.375rem 0 1.125rem;
  padding: 0 0.25rem 0.5rem;
}

.single-column-wrap-content .gc-article--ranking .balloon,
.single-column-wrap-content .gc-article--ranking .point,
.single-column-wrap-content .gc-article--ranking .memo,
.single-column-wrap-content .gc-article--ranking .waku-dot-b,
.single-column-wrap-content .gc-article--ranking .gc-consult-box {
  box-sizing: border-box;
}

.single-column-wrap-content .gc-article--ranking .balloon {
  align-items: center;
  margin-bottom: 1.625rem;
  margin-top: 1.625rem;
  min-height: 0;
}

.single-column-wrap-content .gc-article--ranking .balloon + .balloon {
  margin-top: 0.875rem;
}

.single-column-wrap-content .gc-article--ranking .point,
.single-column-wrap-content .gc-article--ranking .memo,
.single-column-wrap-content .gc-article--ranking .waku-dot-b,
.single-column-wrap-content .gc-article--ranking .gc-consult-box {
  margin-bottom: 1.875rem;
  margin-top: 1.875rem;
}

.single-column-wrap-content .gc-article--ranking .balloon p,
.single-column-wrap-content .gc-article--ranking .point p,
.single-column-wrap-content .gc-article--ranking .memo p {
  margin: 0;
}

.single-column-wrap-content .gc-article--ranking .waku-dot-b {
  padding: 1.125rem 1.375rem;
}

.single-column-wrap-content .gc-article--ranking .waku-dot-b span {
  display: block;
  margin-bottom: 0.5rem;
}

.single-column-wrap-content .gc-article--ranking .waku-dot-b p {
  border-bottom: 1px solid #dbe7f2;
  margin: 0;
  padding: 0.4375rem 0;
}

.single-column-wrap-content .gc-article--ranking .waku-dot-b p:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

body.category .single-column-wrap-content .gc-article--ranking .waku-dot-b p {
  border-bottom: 0;
}

body.category .single-column-wrap-content .gc-article--ranking .waku-dot-b > span ~ span {
  border-top: 1px solid #dbe7f2;
  margin-top: 0.875rem;
  padding-top: 0.875rem;
}

.single-column-wrap-content .gc-article--ranking .gc-consult-box {
  background: #fff7ec;
  border: 0;
  border-radius: 0.75rem;
  box-shadow: none;
  padding: 1.25rem 1.375rem;
}

.single-column-wrap-content .gc-article--ranking .gc-consult-box p {
  margin: 0 0 0.5rem;
}

.single-column-wrap-content .gc-article--ranking .gc-consult-box p:last-child {
  margin-bottom: 0;
}

.single-column-wrap-content .gc-article--ranking .gc-consult-title {
  align-items: center;
  border-bottom: 0;
  color: #7b4618;
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55;
  margin-bottom: 0.625rem;
  padding-bottom: 0;
}

.single-column-wrap-content .gc-article--ranking .gc-consult-title::before {
  align-items: center;
  background: #f18b2b;
  border-radius: 50vh;
  color: #fff;
  content: "FP";
  display: inline-flex;
  flex: 0 0 auto;
  font-family: Arial, sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  height: 1.75rem;
  justify-content: center;
  letter-spacing: 0.04em;
  margin-right: 0.625rem;
  width: 2.25rem;
}

.single-column-wrap-content .gc-article--ranking .gc-comparison-table {
  border-collapse: collapse;
  margin: 1.25rem 0 1.5rem;
  width: 100%;
}

.single-column-wrap-content .gc-article--ranking .gc-comparison-table th,
.single-column-wrap-content .gc-article--ranking .gc-comparison-table td {
  border: 1px solid #d7dfd4;
  padding: 0.625rem 0.75rem;
  text-align: left;
}

.single-column-wrap-content .gc-article--ranking .gc-comparison-table th,
.single-column-wrap-content .gc-article--ranking .gc-comparison-table td:first-child {
  background: #f2f8ef;
  font-weight: 700;
}

.single-column-wrap-content .gc-article--ranking .gc-references {
  border-top: 1px solid #ddd;
  color: #777;
  font-size: 0.8125rem;
  margin-top: 2.25rem;
  padding-top: 1.125rem;
}

.single-column-wrap-content .gc-article--ranking .gc-references h2 {
  border: 0;
  font-size: 1.125rem;
  margin: 0 0 0.75rem;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .category__ranking-content--article .category__ranking-article-title {
    aspect-ratio: auto;
    background-position: center bottom;
    background-size: 100% auto;
    border-radius: 0.625rem;
    margin-bottom: 2rem;
    min-height: 9rem;
    padding: 1.125rem 0.75rem;
  }
  .category__ranking-content--article .category__ranking-article-title::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.75) 24%, rgba(255, 255, 255, 0.96) 38%, rgba(255, 255, 255, 0.96) 62%, rgba(255, 255, 255, 0.75) 76%, rgba(255, 255, 255, 0.12) 100%);
  }
  .category__ranking-content--article .category__ranking-article-eyebrow {
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
  }
  .category__ranking-content--article .category__ranking-article-heading {
    font-size: clamp(1rem, 5.4vw, 1.375rem);
    line-height: 1.3;
  }
  .single-column-wrap-content .gc-article--ranking h2 {
    border-left-width: 0.25rem;
    border-radius: 0 0.375rem 0.375rem 0;
    font-size: 1.1875rem;
    line-height: 1.5;
    margin: 2.625rem 0 1.375rem;
    padding: 0.6875rem 0.875rem;
  }
  .single-column-wrap-content .gc-article--ranking h2:first-of-type {
    margin-top: 2.25rem;
  }
  .single-column-wrap-content .gc-article--ranking h3 {
    font-size: 1.0625rem;
    line-height: 1.55;
    margin: 2rem 0 1rem;
    padding: 0 0.125rem 0.4375rem;
  }
  .single-column-wrap-content .gc-article--ranking .balloon {
    margin-bottom: 1.375rem;
    margin-top: 1.375rem;
  }
  .single-column-wrap-content .gc-article--ranking .balloon + .balloon {
    margin-top: 0.625rem;
  }
  .single-column-wrap-content .gc-article--ranking .point,
  .single-column-wrap-content .gc-article--ranking .memo,
  .single-column-wrap-content .gc-article--ranking .waku-dot-b,
  .single-column-wrap-content .gc-article--ranking .gc-consult-box {
    margin-bottom: 1.625rem;
    margin-top: 1.625rem;
  }
  .single-column-wrap-content .gc-article--ranking .gc-article__lead,
  .single-column-wrap-content .gc-article--ranking .gc-consult-box,
  .single-column-wrap-content .gc-article--ranking .waku-dot-b {
    padding: 0.875rem 1rem;
  }
  .single-column-wrap-content .gc-article--ranking .gc-article__lead {
    margin: 1rem 0 1.625rem;
    padding: 1.25rem 0.875rem 0.875rem;
  }
  .single-column-wrap-content .gc-article--ranking .gc-article__lead::before {
    font-size: 0.8125rem;
  }
  .single-column-wrap-content .gc-article--ranking .gc-article__lead strong {
    font-size: 0.9375rem;
    line-height: 1.85;
  }
  .single-column-wrap-content .gc-article--ranking .gc-consult-title {
    font-size: 1rem;
  }
  .single-column-wrap-content .gc-article--ranking .gc-consult-title::before {
    height: 1.625rem;
    margin-right: 0.5rem;
    width: 2.125rem;
  }
}
.category__ranking-faq {
  margin: 3.5rem auto 3rem;
  max-width: 47.5rem;
}

.category__ranking-faq-title {
  background: #f4f8f1;
  border-left: 0.3125rem solid #169b35;
  border-radius: 0 0.5rem 0.5rem 0;
  color: #213629;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 1.5rem;
  padding: 0.8125rem 1.125rem;
  text-align: left;
}

.category__ranking-faq-title::before {
  content: none;
}

.category__ranking-faq-content > :first-child {
  margin-top: 0;
}

.category__ranking-faq-content > :last-child {
  margin-bottom: 0;
}

.category__ranking-faq-content dl {
  border-top: 1px solid #e3eae2;
  margin: 0;
}

.category__ranking-faq-content dt {
  background: #fff;
  border: 0;
  border-radius: 0;
  color: #213629;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.65;
  margin: 0;
  padding: 1.25rem 0.75rem 0.5rem 3.125rem;
  position: relative;
}

.category__ranking-faq-content dt::before,
.category__ranking-faq-content dd::before {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 0.9375rem;
  font-weight: 700;
  height: 1.75rem;
  justify-content: center;
  left: 1rem;
  line-height: 1;
  position: absolute;
  width: 1.75rem;
}

.category__ranking-faq-content dt::before {
  top: 1.25rem;
}

.category__ranking-faq-content dt::before {
  background: #169b35;
  color: #fff;
  content: "Q";
}

.category__ranking-faq-content dd {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #e3eae2;
  border-radius: 0;
  color: #333;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0;
  padding: 0.25rem 0.75rem 1.25rem 3.125rem;
  position: relative;
}

.category__ranking-faq-content dd::before {
  background: #eef7ec;
  color: #169b35;
  content: "A";
  top: 0.3125rem;
}

.category__ranking-faq-content dd > :first-child {
  margin-top: 0;
}

.category__ranking-faq-content dd > :last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .category__ranking-faq {
    margin-bottom: 2.25rem;
    margin-top: 2.625rem;
  }
  .category__ranking-faq-title {
    border-left-width: 0.25rem;
    border-radius: 0 0.375rem 0.375rem 0;
    font-size: 1.1875rem;
    margin-bottom: 1.125rem;
    padding: 0.6875rem 0.875rem;
  }
  .category__ranking-faq-content dt {
    font-size: 1rem;
    padding: 1.0625rem 0.5rem 0.4375rem 2.75rem;
  }
  .category__ranking-faq-content dd {
    font-size: 0.9375rem;
    padding: 0.1875rem 0.5rem 1.0625rem 2.75rem;
  }
  .category__ranking-faq-content dt::before,
  .category__ranking-faq-content dd::before {
    height: 1.625rem;
    left: 0.625rem;
    width: 1.625rem;
  }
  .category__ranking-faq-content dt::before {
    top: 1.0625rem;
  }
  .category__ranking-faq-content dd::before {
    top: 0.25rem;
  }
}
.category__ranking-expert {
  background: #f4f8f1;
  border-radius: 0;
  margin: 3.5rem 0 3.25rem calc(50% - 50vw);
  max-width: none;
  overflow: hidden;
  padding: 2.625rem 1.5rem 2.75rem;
  width: 100vw;
}

.category__ranking-expert-intro {
  color: #213629;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.5rem;
  text-align: center;
}

.category__ranking-expert-topic {
  align-items: baseline;
  display: flex;
  justify-content: center;
  line-height: 1.45;
  margin: 0 0 0.3125rem;
}

.category__ranking-expert-topic strong {
  color: #169b35;
  font-size: 1.5rem;
  font-weight: 700;
}

.category__ranking-expert-topic span {
  font-size: 1rem;
  font-weight: 700;
}

.category__ranking-expert-message {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
}

.category__ranking-expert-message strong {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.55;
}

.category__ranking-expert-message > span {
  color: #169b35;
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0 0.5rem;
}

.category__ranking-expert-subtitle {
  font-size: 0.875rem;
  line-height: 1.55;
  margin: 0.9375rem 0 1.5rem;
}

.category__ranking-expert-subtitle strong {
  font-size: 1.125rem;
  font-weight: 700;
}

.category__ranking-expert-grid {
  display: flex;
  gap: 0.875rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.category__ranking-expert-grid::-webkit-scrollbar {
  display: none;
}

.category__ranking-expert-slider {
  margin: 0 auto;
  max-width: 72.5rem;
  padding: 0 2.5rem;
  position: relative;
}

.category__ranking-expert-card {
  background: #fff;
  border: 1px solid #dfe8dc;
  border-radius: 0.5625rem;
  color: #213629;
  display: flex;
  flex: 0 0 calc((100% - 2.625rem) / 4);
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  scroll-snap-align: start;
}

.category__ranking-expert-image {
  aspect-ratio: 1/1;
  background: #eef3ec;
  overflow: hidden;
  width: 100%;
}

.category__ranking-expert-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.category__ranking-expert-profile {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: 0.75rem 0.5rem 0;
  text-align: center;
}

.category__ranking-expert-company,
.category__ranking-expert-job,
.category__ranking-expert-name,
.category__ranking-expert-kana {
  margin: 0;
}

.category__ranking-expert-company {
  color: #687268;
  font-size: 0.75rem;
  line-height: 1.5;
  margin-bottom: 0.3125rem;
}

.category__ranking-expert-job {
  color: #3f5144;
  font-size: 0.6875rem;
  line-height: 1.45;
  margin: 0.3125rem 0 0.625rem;
  min-height: 2rem;
}

.category__ranking-expert-name {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.4;
}

.category__ranking-expert-kana {
  color: #7b837d;
  font-size: 0.625rem;
  line-height: 1.45;
}

.category__ranking-expert-open {
  background: #169b35;
  border: 0;
  border-radius: 0.3125rem 0.3125rem 0 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: auto;
  padding: 0.5rem 0.375rem;
  transition: background-color 0.2s ease;
  width: calc(100% + 1rem);
  text-decoration: none;
}

.category__ranking-expert-open:hover {
  background: #11802b;
  color: #fff;
}

.category__ranking-expert-slider-arrow {
  align-items: center;
  background: #fff;
  border: 1px solid #cfe0cb;
  border-radius: 50%;
  box-shadow: 0 0.125rem 0.5rem rgba(31, 65, 39, 0.12);
  color: #169b35;
  display: flex;
  font-size: 2rem;
  height: 2.75rem;
  justify-content: center;
  line-height: 1;
  padding-bottom: 0.25rem;
  position: absolute;
  text-decoration: none;
  top: 47%;
  transform: translateY(-50%);
  transition: opacity 0.2s ease, background-color 0.2s ease;
  width: 2.75rem;
  z-index: 2;
}

.category__ranking-expert-slider-arrow:hover {
  background: #169b35;
  color: #fff;
}

.category__ranking-expert-slider-arrow.is-prev {
  left: -0.625rem;
}

.category__ranking-expert-slider-arrow.is-next {
  right: -0.625rem;
}

.category__ranking-expert-slider-arrow.is-disabled {
  opacity: 0.28;
  pointer-events: none;
}

.category__ranking-expert-dialog {
  background: #fff;
  border: 0;
  border-radius: 0.875rem;
  box-shadow: 0 0.75rem 2.5rem rgba(22, 49, 30, 0.2);
  color: #213629;
  inset: 0;
  margin: auto;
  max-height: 86vh;
  max-width: 38.75rem;
  overflow: hidden;
  padding: 0;
  position: fixed;
  width: calc(100% - 2rem);
  z-index: 10000;
}

.category__ranking-expert-dialog::backdrop {
  background: rgba(20, 37, 25, 0.58);
}

.category__ranking-expert-dialog-inner {
  max-height: 86vh;
  overflow-y: auto;
  padding: 1.875rem;
  position: relative;
}

.category__ranking-expert-close {
  align-items: center;
  background: #edf3eb;
  border: 0;
  border-radius: 50%;
  color: #304335;
  cursor: pointer;
  display: flex;
  font-size: 1.4375rem;
  height: 2.25rem;
  justify-content: center;
  line-height: 1;
  padding: 0 0 0.125rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 2.25rem;
}

.category__ranking-expert-dialog-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0 2.25rem;
  text-align: center;
}

.category__ranking-expert-dialog-image {
  border-radius: 50%;
  flex: 0 0 7.5rem;
  height: 7.5rem;
  overflow: hidden;
}

.category__ranking-expert-dialog-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.category__ranking-expert-dialog-header h3 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin: 0.1875rem 0 0.3125rem;
}

.category__ranking-expert-dialog-header .category__ranking-expert-job {
  font-size: 0.8125rem;
  margin: 0;
  min-height: 0;
}

.category__ranking-expert-dialog-section {
  border-top: 1px solid #e2e9e0;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
}

.category__ranking-expert-dialog-section h4 {
  font-size: 1.0625rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
  text-align: center;
}

.category__ranking-expert-dialog-section p {
  font-size: 0.9375rem;
  line-height: 1.8;
  margin: 0;
}

.category__ranking-expert-dialog-section ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4375rem;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.category__ranking-expert-dialog-section li {
  background: #eef7ec;
  border-radius: 1.25rem;
  color: #31533a;
  font-size: 0.8125rem;
  line-height: 1.4;
  padding: 0.375rem 0.6875rem;
}

.category__ranking-expert-consult {
  border-top: 1px solid #d9e5d6;
  margin: 1.875rem auto 0;
  max-width: 67.5rem;
  padding-top: 1.5625rem;
  text-align: center;
}

.category__ranking-expert-consult p {
  color: #3f5144;
  font-size: 0.875rem;
  line-height: 1.6;
  margin: 0 0 0.8125rem;
}

.category__ranking-expert-consult a {
  align-items: center;
  background: #ff7b22;
  border-radius: 1.75rem;
  box-shadow: 0 0.1875rem 0 #d85a08;
  color: #fff;
  display: inline-flex;
  font-size: 1.0625rem;
  font-weight: 700;
  justify-content: center;
  min-height: 3.375rem;
  padding: 0.5625rem 1.5rem;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.category__ranking-expert-consult a:hover {
  color: #fff;
  opacity: 0.88;
  transform: translateY(0.0625rem);
}

.category__ranking-expert-consult a span {
  background: #fff;
  border-radius: 0.875rem;
  color: #e86616;
  font-size: 0.6875rem;
  margin-right: 0.5625rem;
  padding: 0.1875rem 0.5rem;
}

.category__ranking-expert-dialog-nav {
  align-items: center;
  border-top: 1px solid #e2e9e0;
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
  padding-top: 1.125rem;
}

.category__ranking-expert-dialog-nav > span {
  color: #718076;
  font-size: 0.75rem;
}

.category__ranking-expert-dialog-arrow {
  background: #eef7ec;
  border: 0;
  border-radius: 1.25rem;
  color: #169b35;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 0.5rem 0.9375rem;
}

html.is-ranking-fp-modal-open {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .category__ranking-expert {
    margin-bottom: 2.5rem;
    margin-left: calc(50% - 50vw);
    margin-top: 2.625rem;
    padding: 1.875rem 0.75rem 1.75rem;
  }
  .category__ranking-expert-topic {
    align-items: center;
    flex-direction: column;
  }
  .category__ranking-expert-topic strong {
    font-size: 1.3125rem;
  }
  .category__ranking-expert-topic span {
    font-size: 0.875rem;
  }
  .category__ranking-expert-message strong {
    font-size: 1.0625rem;
  }
  .category__ranking-expert-message > span {
    font-size: 1.125rem;
    margin: 0 0.25rem;
  }
  .category__ranking-expert-subtitle {
    margin-bottom: 1.1875rem;
    margin-top: 0.75rem;
  }
  .category__ranking-expert-subtitle strong {
    font-size: 1rem;
  }
  .category__ranking-expert-card {
    border-radius: 0.5rem;
    flex-basis: calc((100% - 0.625rem) / 2);
  }
  .category__ranking-expert-grid {
    gap: 0.625rem;
  }
  .category__ranking-expert-slider {
    padding: 0 1.4375rem;
  }
  .category__ranking-expert-slider-arrow {
    font-size: 1.625rem;
    height: 2.25rem;
    width: 2.25rem;
  }
  .category__ranking-expert-slider-arrow.is-prev {
    left: -0.25rem;
  }
  .category__ranking-expert-slider-arrow.is-next {
    right: -0.25rem;
  }
  .category__ranking-expert-company {
    font-size: 0.625rem;
  }
  .category__ranking-expert-job {
    font-size: 0.625rem;
  }
  .category__ranking-expert-name {
    font-size: 1rem;
  }
  .category__ranking-expert-dialog-inner {
    padding: 1.5rem 1.125rem;
  }
  .category__ranking-expert-dialog-header {
    align-items: center;
    gap: 0.8125rem;
    padding: 0 1.5rem;
  }
  .category__ranking-expert-dialog-image {
    flex-basis: 5.5rem;
    height: 5.5rem;
  }
  .category__ranking-expert-dialog-header h3 {
    font-size: 1.25rem;
  }
  .category__ranking-expert-dialog-header .category__ranking-expert-company {
    line-height: 1.4;
  }
  .category__ranking-expert-dialog-header .category__ranking-expert-job {
    font-size: 0.6875rem;
  }
  .category__ranking-expert-dialog-section {
    margin-top: 1.1875rem;
    padding-top: 1rem;
  }
  .category__ranking-expert-dialog-section p {
    font-size: 0.875rem;
  }
  .category__ranking-expert-consult {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
  }
  .category__ranking-expert-consult a {
    font-size: clamp(0.8125rem, 3.6vw, 0.9375rem);
    min-height: 3.25rem;
    padding: 0.5rem 0.625rem;
    white-space: nowrap;
    width: 100%;
  }
  .category__ranking-expert-consult a span {
    flex-shrink: 0;
    margin-right: 0.375rem;
    padding: 0.1875rem 0.375rem;
  }
}
.single-column-wrap-content .accordion-title {
  cursor: pointer;
  position: relative;
}

.single-column-wrap-content .accordion-title::after {
  border-right: solid 2px #333;
  border-top: solid 2px #333;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  width: 8px;
}

.single-column-wrap-content .accordion-title.open::after {
  top: 45%;
  transform: rotate(-45deg);
}

.single-column-wrap-content .accordion-content {
  font-size: 1.6rem;
  line-height: 1.8;
  display: none;
  padding-top: 2rem;
}

.single-column-wrap-content .accordion-content.mg0 {
  padding: 0 !important;
}

.single-column-wrap-content .accordion-content.mt0 {
  padding-top: 0 !important;
}

.single-column-wrap-content .accordion-content.mb0 {
  padding-bottom: 0 !important;
}

.single-column-wrap-content .table-scroll {
  max-height: 300px;
  margin: 5rem 0;
  overflow: auto;
  width: 100%;
}

.single-column-wrap-content .table-scroll table {
  margin: 0;
  border-spacing: 0;
  table-layout: auto;
}

.single-column-wrap-content .table-scroll table td {
  background: #FFF;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  white-space: nowrap;
}

.single-column-wrap-content .table-scroll table td.height-10 {
  height: 1rem;
}

.single-column-wrap-content .table-scroll table td.height-20 {
  height: 2rem;
}

.single-column-wrap-content .table-scroll table td.height-30 {
  height: 3rem;
}

.single-column-wrap-content .table-scroll table td.height-40 {
  height: 4rem;
}

.single-column-wrap-content .table-scroll table td.height-50 {
  height: 5rem;
}

.single-column-wrap-content .table-scroll table td.height-60 {
  height: 6rem;
}

.single-column-wrap-content .table-scroll table td.height-70 {
  height: 7rem;
}

.single-column-wrap-content .table-scroll table td.height-80 {
  height: 8rem;
}

.single-column-wrap-content .table-scroll table td.height-90 {
  height: 9rem;
}

.single-column-wrap-content .table-scroll table td.height-100 {
  height: 10rem;
}

.single-column-wrap-content .table-scroll table td.width-10 {
  white-space: unset;
  width: 10%;
}

.single-column-wrap-content .table-scroll table td.width-20 {
  white-space: unset;
  width: 20%;
}

.single-column-wrap-content .table-scroll table td.width-30 {
  white-space: unset;
  width: 30%;
}

.single-column-wrap-content .table-scroll table td.width-40 {
  white-space: unset;
  width: 40%;
}

.single-column-wrap-content .table-scroll table td.width-50 {
  white-space: unset;
  width: 50%;
}

.single-column-wrap-content .table-scroll table td.width-60 {
  white-space: unset;
  width: 60%;
}

.single-column-wrap-content .table-scroll table td.width-70 {
  white-space: unset;
  width: 70%;
}

.single-column-wrap-content .table-scroll table td.width-80 {
  white-space: unset;
  width: 80%;
}

.single-column-wrap-content .table-scroll table td.width-90 {
  white-space: unset;
  width: 90%;
}

.single-column-wrap-content .table-scroll table th {
  background: #f9f9f9;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  left: 0;
  position: sticky;
  top: 0;
  white-space: nowrap;
}

.single-column-wrap-content .table-scroll table th.height-10 {
  height: 1rem !important;
  padding: 0.3rem 0.5rem !important;
}

.single-column-wrap-content .table-scroll table th.height-20 {
  height: 2rem !important;
  padding: 0.3rem 0.5rem !important;
}

.single-column-wrap-content .table-scroll table th.height-30 {
  height: 3rem !important;
  padding: 0.3rem 0.5rem !important;
}

.single-column-wrap-content .table-scroll table th.height-40 {
  height: 4rem !important;
  padding: 0.3rem 0.5rem !important;
}

.single-column-wrap-content .table-scroll table th.height-50 {
  height: 5rem !important;
  padding: 0.3rem 0.5rem !important;
}

.single-column-wrap-content .table-scroll table th.height-60 {
  height: 6rem !important;
  padding: 0.3rem 0.5rem !important;
}

.single-column-wrap-content .table-scroll table th.height-70 {
  height: 7rem !important;
  padding: 0.3rem 0.5rem !important;
}

.single-column-wrap-content .table-scroll table th.height-80 {
  height: 8rem !important;
  padding: 0.3rem 0.5rem !important;
}

.single-column-wrap-content .table-scroll table th.height-90 {
  height: 9rem !important;
  padding: 0.3rem 0.5rem !important;
}

.single-column-wrap-content .table-scroll table th.height-100 {
  height: 10rem !important;
  padding: 0.3rem 0.5rem !important;
}

.single-column-wrap-content .table-scroll table th.width-10 {
  white-space: unset;
  width: 10%;
}

.single-column-wrap-content .table-scroll table th.width-20 {
  white-space: unset;
  width: 20%;
}

.single-column-wrap-content .table-scroll table th.width-30 {
  white-space: unset;
  width: 30%;
}

.single-column-wrap-content .table-scroll table th.width-40 {
  white-space: unset;
  width: 40%;
}

.single-column-wrap-content .table-scroll table th.width-50 {
  white-space: unset;
  width: 50%;
}

.single-column-wrap-content .table-scroll table th.width-60 {
  white-space: unset;
  width: 60%;
}

.single-column-wrap-content .table-scroll table th.width-70 {
  white-space: unset;
  width: 70%;
}

.single-column-wrap-content .table-scroll table th.width-80 {
  white-space: unset;
  width: 80%;
}

.single-column-wrap-content .table-scroll table th.width-90 {
  white-space: unset;
  width: 90%;
}

.single-column-wrap-content .table-scroll table tr:first-child th {
  border-top: 1px solid #ccc;
}

.single-column-wrap-content .table-scroll table th:first-child {
  border-left: 1px solid #ccc;
}

.single-column-wrap-content .table-scroll table tr:first-child th:first-child {
  z-index: 1;
}

.single-column-wrap-content .table-scroll.height-400 {
  max-height: 400px;
}

.single-column-wrap-content .table-scroll.height-500 {
  max-height: 500px;
}

.single-column-wrap-content .table-scroll.height-600 {
  max-height: 600px;
}

.single-column-wrap-content .table-scroll.height-700 {
  max-height: 700px;
}

.single-column-wrap-content .table-scroll.height-800 {
  max-height: 800px;
}

.single-column-wrap-content .table-scroll.height-900 {
  max-height: 900px;
}

.single-column-wrap-content .table-scroll.height-1000 {
  max-height: 1000px;
}

.single-column-wrap-content .img-center img {
  margin: auto;
}

.single-column-wrap-content .merit-demerit-box {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .merit-demerit-box {
    display: block;
  }
}
.single-column-wrap-content .merit-demerit-box dl {
  width: 48%;
}

@media only screen and (max-width: 767px) {
  .single-column-wrap-content .merit-demerit-box dl {
    width: 100%;
    margin-bottom: 20px;
  }
}
.single-column-wrap-content .merit-demerit-box dl dt {
  margin-bottom: 0;
  text-align: center;
  padding: 10px;
  border-radius: 10px 10px 0px 0px;
}

.single-column-wrap-content .merit-demerit-box dl dd {
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  padding: 15px;
  margin-bottom: 0;
}

.single-column-wrap-content .merit-demerit-box dl dd ul {
  position: relative;
  z-index: 1000;
  margin: auto;
  min-height: 110px;
  /* リスト全体の最小高さを設定 */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.single-column-wrap-content .merit-demerit-box dl dd ul::after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.single-column-wrap-content .merit-demerit-box dl dd ul li {
  margin-bottom: 0.5rem;
  line-height: 1.7;
  list-style: none;
}

.single-column-wrap-content .merit-demerit-box dl.merit dt {
  background-color: #58D68D;
  color: #145A32;
}

.single-column-wrap-content .merit-demerit-box dl.merit dd {
  border: solid #58D68D 3px;
}

.single-column-wrap-content .merit-demerit-box dl.merit dd ul {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23E3FCEC" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"/></svg>');
}

.single-column-wrap-content .merit-demerit-box dl.demerit dt {
  background-color: #8FAADC;
  color: #34568B;
}

.single-column-wrap-content .merit-demerit-box dl.demerit dd {
  border: solid #8FAADC 3px;
}

.single-column-wrap-content .merit-demerit-box dl.demerit dd ul {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 60 350 400"><path fill="%23D1E4F3" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>');
}

.single-column-wrap-content .stepbar {
  margin: 0 auto;
}

.single-column-wrap-content .stepbar .stepbarwrap {
  margin: 2em 0;
  position: relative;
}

.single-column-wrap-content .stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}

.single-column-wrap-content .stepbar .stepbarwrap .steptitle .title {
  margin: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
}

.single-column-wrap-content .stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 3em;
  height: 3em;
  content: "";
  border-radius: 50%;
  background-color: #82AABA;
  color: #fff;
  text-align: center;
}

.single-column-wrap-content .stepbar .stepbarwrap .steptitle .stepcircle span {
  display: inline-block;
  line-height: 1.2em;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
  top: 0.9em;
  z-index: 100;
}

.single-column-wrap-content .stepbar .stepbarwrap .steptxt {
  padding-left: 3.5em;
}

.single-column-wrap-content .stepbar .stepbarwrap .steptxt .txt {
  font-size: 0.9em;
}

.single-column-wrap-content .stepbar .stepbarwrap .stepline {
  width: 1px;
  height: calc(100% + 1em);
  background-color: #82AABA;
  position: absolute;
  top: 1em;
  left: 1.3em;
  z-index: 99;
}

.single-column-wrap-content .stepbar .stepbarwrap .stepline-last {
  display: none;
}

.single-column-wrap-content .waku-double {
  margin: 2em auto;
  padding: 2em;
}

.single-column-wrap-content .waku-double .midashi {
  margin-bottom: 1rem;
}

.single-column-wrap-content .waku-double p.txt {
  margin-bottom: 0;
  font-size: 15px;
}

#single-column {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #single-column {
    padding: 5rem 0 10rem;
  }
}

#single-column .box-category ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  margin-top: 1.5625rem;
}

#single-column .box-category ul li + li {
  margin-left: 0.5rem;
}

#single-column .box-category ul li a {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25;
  color: #26A300;
  padding: 0.5rem 1rem;
  background-color: #F5F5F5;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  #single-column .box-category ul li a {
    font-size: 1rem;
  }
}

#single-column-wrap {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-column-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
  }
}

@media screen and (min-width: 768px) {
  #single-column-wrap02 {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  #single-column-wrap-content {
    width: 62.25%;
  }
}

#single-column-wrap-content .block-taxonomy-column {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  #single-column-wrap-content .block-taxonomy-column {
    margin-bottom: 3.5rem;
  }
}

#single-column-wrap-content .block-taxonomy-column li a {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 1rem;
  display: flex;
}
@media screen and (min-width: 768px) {
  #single-column-wrap-content .block-taxonomy-column li a {
    border-radius: 2rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 1.5rem;
  }
}

#single-column-wrap-content .block-taxonomy-column li + li {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #single-column-wrap-content .block-taxonomy-column li + li {
    margin-top: 1.5rem;
  }
}

#single-column-wrap-content .block-taxonomy-column li .thumb {
  width: 36.8%;
}
@media screen and (min-width: 768px) {
  #single-column-wrap-content .block-taxonomy-column li .thumb {
    max-width: 11.5rem;
    width: 30%;
  }
}

#single-column-wrap-content .block-taxonomy-column li .thumb img {
  height: auto;
  display: block;
  max-width: 100%;
}

#single-column-wrap-content .block-taxonomy-column li .title {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  width: 58.2%;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  #single-column-wrap-content .block-taxonomy-column li .title {
    font-size: 1rem;
    line-height: 1.5;
    width: 70%;
    margin-left: 1rem;
  }
}

#single-column-wrap-content .block-taxonomy-column li .title time {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
  color: #666666;
  display: block;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-column-wrap-content .block-taxonomy-column li .title time {
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

#single-lp {
  border-top: 1px solid #E0E0E0;
}

#single-lp .inner {
  max-width: 960px;
}

#single-lp #single-column-wrap {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  #single-lp #single-column-wrap-content {
    width: 100%;
  }
}

#single-details-special {
  margin: 1.875rem auto 3.125rem;
  width: 80%;
  font-family: "Zen Maru Gothic", serif;
  max-width: 880px;
}

@media only screen and (max-width: 767px) {
  #single-details-special {
    padding: 0 0.9375rem;
    width: 100%;
  }
}
#single-details-special .wrap-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2.5rem 0;
}

@media only screen and (max-width: 767px) {
  #single-details-special .wrap-btn {
    margin: 1.875rem 0;
  }
}
#single-details-special .wrap-btn .btn-cv,
#single-details-special .wrap-btn .text-cv {
  margin: 0;
  width: 48%;
}

@media only screen and (max-width: 767px) {
  #single-details-special .wrap-btn .btn-cv,
  #single-details-special .wrap-btn .text-cv {
    margin-bottom: 1.25rem;
    width: 100%;
  }
}
#single-details-special .wrap-btn .btn-cv a,
#single-details-special .wrap-btn .text-cv a {
  background: url(../../img/icon/icon-arrow-white.png;) no-repeat right center #ffa700;
  background-position: 96%;
  background-size: 25px;
  border-radius: 35px;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 1.25rem 3.125rem 1.25rem 1.25rem;
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #single-details-special .wrap-btn .btn-cv a,
  #single-details-special .wrap-btn .text-cv a {
    padding: 0.9375rem 3.125rem 0.9375rem 1.25rem;
  }
}
#single-details-special .wrap-btn .btn-form {
  width: 48%;
}

@media only screen and (max-width: 767px) {
  #single-details-special .wrap-btn .btn-form {
    font-size: 1.125rem;
    margin: 0 0 1.25rem 0;
    padding: 0;
    width: 100%;
  }
}
#single-details-special .wrap-btn .btn-form button {
  background: url(../../img/icon/icon-arrow-white.png) no-repeat right center #357ac3;
  background-position: 96%;
  background-size: 25px;
  border-radius: 35px;
  color: #FFF !important;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 auto;
  padding: 20px 50px 20px 20px;
  padding: 1.25rem 3.125rem 1.25rem 1.25rem;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #single-details-special .wrap-btn .btn-form button {
    padding: 0.9375rem 3.125rem 0.9375rem 1.25rem;
  }
}
#single-details-special .wrap-btn .btn-form-off {
  background: url(../../img/icon/icon-arrow-white.png) no-repeat right center #357ac3;
  background-position: 96%;
  background-size: 25px;
  border-radius: 35px;
  color: #FFF !important;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 auto;
  padding: 20px 50px 20px 20px;
  padding: 1.25rem 3.125rem 1.25rem 1.25rem;
  text-align: center;
  text-decoration: none !important;
  width: 48%;
}

#single-details-special .text-number {
  color: #b5b5b5;
  text-align: right;
}

#single-details-special .wrap-agency {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3.75rem;
}

#single-details-special .wrap-agency .box-agency {
  font-size: 0.8125rem;
  line-height: 1.8;
  width: 48%;
}

@media only screen and (max-width: 767px) {
  #single-details-special .wrap-agency .box-agency {
    margin-bottom: 1.25rem;
    width: 100%;
  }
}
.unit-link .panel-group .panel.is-show {
  display: block;
}

.unit-link .panel-group .panel {
  display: none;
}

.unit-link .tab-group {
  border: 1px solid #ddd;
  display: flex;
  margin: 2.5rem 0;
}

.unit-link .tab-group li {
  cursor: pointer;
  padding: 0.6rem;
  text-align: center;
}

.unit-link .tab-group li:nth-child(2) {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.unit-link .tab-group li.is-active {
  border-bottom: 3px solid #303192;
  color: #303192;
  font-weight: 700;
}

.unit-link .tab-group li span {
  padding-left: 1.5rem;
  position: relative;
}

.unit-link .tab-group li span::before,
.unit-link .tab-group li span::after {
  background-color: #303192;
  bottom: 0.4rem;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  transform-origin: 50% calc(100% - 1px);
  width: 3px;
}

.unit-link .tab-group li span::before {
  transform: rotate(45deg);
}

.unit-link .tab-group li span::after {
  transform: rotate(-45deg);
}

.unit-link h1 {
  text-align: center;
}

.unit-link h1 img {
  margin: auto;
}

.unit-link h2 {
  font-size: 1.25rem;
  margin: 3.125rem 0 1.875rem 0;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .unit-link h2 {
    margin: 1.875rem 0;
  }
}
.unit-link h3 {
  background: #ef598e;
  color: #fff;
  font-size: 1.125rem;
  margin: 1.25rem 0;
  padding: 0.3125rem 0.9375rem;
}

.unit-link h4 {
  background: #005bab;
  color: #fff;
  font-size: 1.125rem;
  margin: 1.25rem 0 0;
  padding: 0.3125rem 0.9375rem;
}

.unit-link h5 {
  color: #005bab;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 2.5rem 0 0.625rem;
}

.unit-link .box-features {
  align-items: center;
  color: #ef598e;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1.875rem auto 3.125rem;
  width: 85%;
}

@media only screen and (max-width: 767px) {
  .unit-link .box-features {
    align-items: start;
    width: 100%;
  }
}
.unit-link .box-features dt {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  width: 10%;
}

@media only screen and (max-width: 767px) {
  .unit-link .box-features dt {
    width: 15%;
  }
}
.unit-link .box-features dd {
  font-size: 1rem;
  margin-bottom: 1.25rem;
  width: 90%;
}

@media only screen and (max-width: 767px) {
  .unit-link .box-features dd {
    width: 82%;
  }
}
.unit-link .wrap-features02 {
  padding: 1.25rem;
}

@media only screen and (max-width: 767px) {
  .unit-link .wrap-features02 {
    padding: 0;
  }
}
.unit-link .wrap-features02 p {
  font-size: 0.875rem;
  line-height: 1.8;
}

.unit-link .wrap-features02 .box-features02 {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}

@media only screen and (max-width: 767px) {
  .unit-link .wrap-features02 .box-features02 {
    display: inherit;
  }
}
.unit-link .wrap-features02 .box-features02:last-child {
  margin-bottom: 0;
}

.unit-link .wrap-features02 .box-features02 dt {
  background: #ef598e;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.625rem;
  text-align: center;
  width: 8%;
}

@media only screen and (max-width: 767px) {
  .unit-link .wrap-features02 .box-features02 dt {
    margin-bottom: 0.625rem;
    padding: 0.3125rem 0.625rem;
    width: 30%;
  }
}
.unit-link .wrap-features02 .box-features02 dd {
  font-size: 0.875rem;
  width: 88%;
}

@media only screen and (max-width: 767px) {
  .unit-link .wrap-features02 .box-features02 dd {
    width: 100%;
  }
}
.unit-link .wrap-features02 .box-features02 dd .ttl-features {
  color: #005bab;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 0.625rem;
}

.unit-link .wrap-features02 .box-features02 dd p {
  line-height: 1.8;
}

.unit-link .wrap-features02 .box-features02 dd p span {
  color: #ff260d;
}

.unit-link .wrap-features02 .box-features02 dd p .text-blue {
  color: #005bab;
}

.unit-link .wrap-features02 .box-features02 dd p .text-lblue {
  color: #5ea9de;
}

.unit-link .wrap-features02 .box-features02 dd p .text-pink {
  color: #ef598e;
}

.unit-link .wrap-features02 .box-features02 dd ul {
  margin-top: 0.9375rem;
  padding-left: 1.25rem;
}

.unit-link .wrap-features02 .box-features02 dd ul li {
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
}

.unit-link .wrap-features02 .box-features02 dd ul li span {
  color: #ff260d;
}

.unit-link .wrap-features02 .box-features02 dd .list-security {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}

.unit-link .wrap-features02 .box-features02 dd .list-security li {
  background: #0fb3c6;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
  padding: 0.3125rem 0.625rem;
  text-align: center;
}

.unit-link .wrap-features02 .box-features02 dd .list-security li.w30 {
  width: 29%;
}

.unit-link .wrap-features02 .box-features02 dd .list-security li.w70 {
  width: 69%;
}

.unit-link .wrap-features02 .box-features02 dd .list-security li.w100 {
  width: 100%;
}

.unit-link .wrap-features02 .box-features02 dd .list-situation {
  list-style: none;
  margin-bottom: 0.9375rem;
  margin-top: 0;
  padding-left: 0;
}

.unit-link .wrap-features02 .box-features02 dd .list-situation li {
  padding-left: 0.9375rem;
  position: relative;
}

.unit-link .wrap-features02 .box-features02 dd .list-situation li::before {
  background: #0fb3c6;
  border-radius: 50%;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0.375rem;
  width: 5px;
}

.unit-link .wrap-caution {
  border: 1px solid #005bab;
  line-height: 1.8;
  margin-bottom: 3.125rem;
  padding: 1.25rem;
}

.unit-link .wrap-caution .text-caution {
  border: 1px solid #ff260d;
  color: #ff260d;
  font-size: 0.8125rem;
  margin-bottom: 1.875rem;
  padding: 0.625rem;
}

.unit-link .wrap-caution ul {
  padding-left: 1.25rem;
}

.unit-link .wrap-caution ul li {
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
}

.unit-link .wrap-caution ul li span {
  color: #ff260d;
}

.unit-link .wrap-caution ul li:last-child {
  margin-bottom: 0;
}

.unit-link .wrap-caution .box-caution {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}

@media only screen and (max-width: 767px) {
  .unit-link .wrap-caution .box-caution {
    display: inherit;
  }
}
.unit-link .wrap-caution .box-caution:last-child {
  margin-bottom: 0;
}

.unit-link .wrap-caution .box-caution dt {
  background: #005bab;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.625rem;
  text-align: center;
  width: 8%;
}

@media only screen and (max-width: 767px) {
  .unit-link .wrap-caution .box-caution dt {
    margin-bottom: 0.625rem;
    padding: 0.3125rem 0.625rem;
    width: 30%;
  }
}
.unit-link .wrap-caution .box-caution dd {
  font-size: 0.875rem;
  width: 88%;
}

@media only screen and (max-width: 767px) {
  .unit-link .wrap-caution .box-caution dd {
    width: 100%;
  }
}
.unit-link .wrap-caution .box-caution dd .ttl-caution {
  color: #005bab;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.unit-link .wrap-caution .box-caution dd ul {
  margin-top: 0.9375rem;
  padding-left: 1.25rem;
}

.unit-link .wrap-caution .box-caution dd ul li {
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
}

.unit-link .wrap-caution .box-caution dd ul li span {
  color: #ff260d;
}

.unit-link .box-example {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.25rem;
}

@media only screen and (max-width: 767px) {
  .unit-link .box-example {
    display: inherit;
    padding: 0;
  }
}
.unit-link .box-example ul {
  padding-left: 1.25rem;
  width: 48%;
}

@media only screen and (max-width: 767px) {
  .unit-link .box-example ul {
    width: 100%;
  }
}
.unit-link .box-example ul li {
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}

@media only screen and (max-width: 767px) {
  .unit-link .wrap-table-example {
    overflow-x: scroll;
  }
}
.unit-link .table-example {
  border: 1px solid #888;
  font-size: 0.875rem;
  margin: 1.875rem 0 0.625rem;
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .unit-link .table-example {
    white-space: nowrap;
  }
}
.unit-link .table-example caption {
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
  text-align: right;
}

.unit-link .table-example td {
  border-bottom: 1px solid #fff;
  padding: 0.5rem 0.625rem;
}

.unit-link .table-example td.bg-gray {
  background: #dcdcde;
}

.unit-link .table-example td.bg-green {
  background: #c4da60;
}

.unit-link .table-example td.bg-blue {
  background: #5476b3;
  color: #fff;
}

.unit-link .table-example td.bg-pink {
  background: #ef598e;
  color: #fff;
}

.unit-link .table-example td.bg-white {
  border-bottom: 1px solid #888;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}

.unit-link .table-example td.bg-dblue {
  background: #005bab;
  color: #fff;
}

.unit-link .table-example td.bd-none {
  border-bottom: none;
  font-size: 0.8125rem;
  padding: 0.5rem 0 0;
}

.unit-link .table-example td.bb-gray {
  border-bottom: 1px solid #888;
}

.unit-link .text-example {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 1.875rem;
}

.sbi-prism .wrap-mainvisual {
  background: url(../images/lp/bg-sbi-prism.png) repeat-x left top;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.sbi-prism .img-mainvisual {
  margin: auto;
  max-width: 880px;
  width: 80%;
}

.sbi-prism h2 {
  border-bottom: 2px solid #0058A2;
  font-size: 1.6rem;
  text-align: center;
  margin: 1.5rem 0 2rem;
  padding: 0.3rem;
}

.sbi-prism h3 {
  color: #0058A2;
  font-size: 1.4rem;
  margin: 1.5rem 0;
}

.sbi-prism h3 em {
  background: #0058A2;
  border-radius: 0.4rem;
  color: #fff;
  font-style: normal;
  margin-right: 0.5rem;
  padding: 0.1rem 0.4rem 0.4rem;
}

.sbi-prism h4 {
  background: #0058A2;
  border-radius: 2rem;
  color: #fff;
  font-size: 1.5rem;
  margin: 2rem 0;
  padding: 0.3rem 1rem;
}

.sbi-prism h4 small {
  font-size: 0.9rem;
  margin-left: 1rem;
}

.sbi-prism h5 {
  border-bottom: 2px solid #0058A2;
  color: #0058A2;
  font-size: 1.4rem;
  margin: 2rem 0;
  padding: 0.3rem 0.5rem;
}

.sbi-prism .box-btn {
  background: #fff0a0;
  border-bottom: 2px solid #0058A2;
  border-top: 2px solid #0058A2;
  display: flex;
  justify-content: center;
  margin: 3rem calc(50% - 50vw);
  padding: 1rem;
  width: 100vw;
}

.sbi-prism .box-btn .btn-net {
  width: 25rem;
}

.sbi-prism .box-btn .btn-net a {
  background: #E71A2F;
  border-radius: 2rem;
  color: #fff;
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0.5rem;
  padding: 1.1rem 1.5rem;
  text-align: center;
}

.sbi-prism .box-btn .btn-line {
  width: 25rem;
}

.sbi-prism .box-btn .btn-line a {
  background: #00B902;
  border-radius: 2rem;
  color: #fff;
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0.5rem;
  padding: 1.1rem 1.5rem;
  text-align: center;
}

.sbi-prism .box-bnr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem 0 0 0;
}

.sbi-prism .box-bnr .btn-catdog {
  background: url(../images/lp/bg-catdog.png) no-repeat right 20%;
  background-size: 40%;
  border: 2px solid #fb6274;
  border-radius: 8px;
  color: #fb6274;
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 0.5rem;
  width: 32%;
}

.sbi-prism .box-bnr .btn-catdog a {
  display: block;
}

.sbi-prism .box-bnr .btn-catdog .btn {
  background: #fb6274;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  margin-top: 0.3rem;
  padding: 0.2rem 1rem;
}

.sbi-prism .box-bnr .btn-other {
  background: url(../images/lp/bg-other.png) no-repeat right 20%;
  background-size: 40%;
  border: 2px solid #F7A25D;
  border-radius: 8px;
  color: #F7A25D;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 0.5rem;
  width: 32%;
}

.sbi-prism .box-bnr .btn-other a {
  display: block;
}

.sbi-prism .box-bnr .btn-other .btn {
  background: #F7A25D;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  margin-top: 0.3rem;
  padding: 0.2rem 1rem;
}

.sbi-prism .box-bnr .btn-bird {
  background: url(../images/lp/bg-bird.png) no-repeat right center;
  background-size: 38%;
  border: 2px solid #0abf28;
  border-radius: 8px;
  color: #0abf28;
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 0.5rem;
  width: 32%;
}

.sbi-prism .box-bnr .btn-bird a {
  display: block;
}

.sbi-prism .box-bnr .btn-bird .btn {
  background: #0abf28;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  margin-top: 0.3rem;
  padding: 0.2rem 1rem;
}

.sbi-prism .img-top {
  margin: 1.5rem 0 3rem;
}

.sbi-prism .txt-red {
  color: #E71A2F;
  font-weight: 700;
}

.sbi-prism .tab-group {
  border-bottom: 4px solid #F7A25D;
  display: flex;
  justify-content: space-between;
  margin: 2rem 0;
}

.sbi-prism .tab-group li {
  border: 1px solid #F7A25D;
  border-bottom: none;
  color: #F7A25D;
  cursor: pointer;
  font-size: 1.0625rem;
  font-weight: 700;
  padding: 0.5rem;
  text-align: center;
  width: 32.5%;
}

.sbi-prism .tab-group li.is-active {
  background: #F7A25D;
  color: #fff;
}

.sbi-prism .panel-group {
  margin-bottom: 5rem;
}

.sbi-prism .panel-group .panel {
  display: none;
}

.sbi-prism .panel-group .panel.is-show {
  display: block;
}

.sbi-prism .wrap-box-animals {
  display: flex;
  flex-wrap: wrap;
}

.sbi-prism .wrap-box-animals dl {
  width: 60%;
}

.sbi-prism .wrap-box-animals dl dt {
  background: #85bfef;
  border-radius: 0.3rem;
  color: #fff;
  font-weight: 700;
  padding: 0.3rem;
  text-align: center;
}

.sbi-prism .wrap-box-animals dl dd {
  font-size: 1.2rem;
  font-weight: 700;
  padding: 1.5rem 0;
}

.sbi-prism .wrap-box-animals dl dd li {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.sbi-prism .wrap-box-animals dl dd li.symptoms {
  justify-content: flex-start;
}

.sbi-prism .wrap-box-animals dl dd li.bg-red {
  background: #fff0a0;
  padding: 0.3rem;
}

.sbi-prism .wrap-box-animals dl dd li .price {
  font-size: 2rem;
}

.sbi-prism .wrap-box-animals .img-animals {
  padding: 0 2.5rem 0 0;
  width: 40%;
}

.sbi-prism .table-price {
  background: #e2f2ff;
  margin: 1.5rem 0 1rem;
  width: 100%;
}

.sbi-prism .table-price tr:nth-child(odd) {
  background: #bddcf5;
}

.sbi-prism .table-price tr:last-child {
  outline: 3px solid #E71A2F;
}

.sbi-prism .table-price th,
.sbi-prism .table-price td {
  padding: 0.3rem;
}

.sbi-prism .table-price th {
  background: #0058A2;
  color: #fff;
}

.sbi-prism .table-price td {
  text-align: right;
}

.sbi-prism .table-price td.center {
  text-align: center;
}

.sbi-prism .copayment {
  color: #E71A2F;
  font-size: 1.9rem;
  font-weight: 700;
  margin-bottom: 2rem;
  text-align: center;
}

.sbi-prism .copayment strong {
  font-size: 2.5rem;
}

.sbi-prism .copayment span {
  border-bottom: 10px solid #f9adb5;
}

.sbi-prism .text-caution {
  font-size: 0.75rem;
  text-align: right;
}

.sbi-prism .teble-caption {
  display: flex;
  font-size: 0.9rem;
  justify-content: space-between;
  margin-top: 2.5rem;
  width: 100%;
}

.sbi-prism .teble-caption em {
  color: #0058A2;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
}

.sbi-prism .table-premium {
  margin: 0 0 5rem;
  width: 100%;
}

.sbi-prism .table-premium th,
.sbi-prism .table-premium td {
  padding: 0.3rem;
}

.sbi-prism .table-premium th {
  background: #0058A2;
  color: #fff;
}

.sbi-prism .table-premium td {
  border-bottom: 1px solid #0058A2;
  font-weight: 700;
  text-align: center;
}

.sbi-prism .table-premium td .text-blue {
  color: #0058A2;
}

.sbi-prism .table-premium tr td:nth-child(2) {
  border-left: 1px solid #0058A2;
  border-right: 1px solid #0058A2;
}

.sbi-prism .list-point3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2.5rem auto 5rem;
  width: 90%;
}

.sbi-prism .list-point3 li {
  align-items: center;
  border-radius: 0.5rem;
  color: #fff;
  display: flex;
  font-size: 1.3rem;
  font-weight: 700;
  justify-content: center;
  padding: 1rem 0.5rem;
  width: 32%;
}

.sbi-prism .list-point3 li:nth-child(1) {
  background: #0058A2;
}

.sbi-prism .list-point3 li:nth-child(2) {
  background: #06BB08;
}

.sbi-prism .list-point3 li:nth-child(3) {
  background: #EB6CA5;
}

.sbi-prism .list-age {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5rem;
}

.sbi-prism .list-age li {
  background: #fff;
  border-radius: 0.5rem;
  border: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem;
  text-align: center;
  width: 19%;
}

.sbi-prism .list-age li dl {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.sbi-prism .list-age li dl .img-pet {
  flex-grow: 0;
}

.sbi-prism .list-age li dt {
  align-items: center;
  background: #F7A25D;
  border-radius: 0.5rem;
  color: #fff;
  display: flex;
  font-size: 1.0625rem;
  font-weight: 700;
  flex-grow: 1;
  justify-content: center;
  line-height: 1.3;
  margin: 0.8rem 0;
  padding: 0.5rem 0.3rem;
  text-align: center;
}

.sbi-prism .ttl-plan {
  background: #0058A2;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.3rem 0.5rem;
}

.sbi-prism .list-plan {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5rem;
  width: 100%;
}

.sbi-prism .list-plan dt {
  align-items: center;
  background: #e2f2ff;
  border-bottom: 1px dotted #0058A2;
  color: #0058A2;
  display: flex;
  font-weight: 700;
  padding: 1rem;
  width: 30%;
}

.sbi-prism .list-plan dd {
  border-bottom: 1px dotted #0058A2;
  padding: 1rem;
  width: 70%;
}

.sbi-prism .ttl-qa {
  background: #F7A25D;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 3rem 0 1.5rem;
  padding: 0.8rem;
  text-align: center;
}

.sbi-prism .list-qa {
  margin-bottom: 5rem;
}

.sbi-prism .list-qa .accordion-title {
  background: url(../images/lp/icon-plus.png) no-repeat 98% center #ffddc2;
  background-size: 20px;
  cursor: pointer;
  font-weight: 700;
  margin-bottom: 0.5rem;
  padding: 1rem;
  position: relative;
}

.sbi-prism .list-qa .accordion-title::before {
  background: #F7A25D;
  border-radius: 0.5rem;
  color: #fff;
  content: "Q";
  margin-right: 0.5rem;
  padding: 0 0.4rem;
}

.sbi-prism .list-qa .accordion-title.open {
  background: url(../images/lp/icon-minus.png) no-repeat 98% center #ffddc2;
  background-size: 20px;
}

.sbi-prism .list-qa dd {
  display: none;
  padding: 1rem 1rem 1.5rem 3rem;
  position: relative;
}

.sbi-prism .list-qa dd::before {
  background: #F7A25D;
  border-radius: 0.5rem;
  color: #fff;
  content: "A";
  font-weight: 700;
  left: 1rem;
  padding: 0 0.4rem;
  position: absolute;
}

.sbi-prism .list-qa dd p {
  margin-bottom: 1rem;
}

.sbi-prism .list-qa dd p:last-child {
  margin-bottom: 0;
}

.sbi-prism .list-qa dd ol,
.sbi-prism .list-qa dd ul {
  margin-bottom: 1rem;
  padding-left: 1rem;
}

.sbi-prism .list-qa dd ol li {
  list-style: decimal;
}

.sbi-prism .list-qa dd ul li {
  list-style: disc;
}

.sbi-prism .list-qa dd.show {
  display: block;
}

#single-details-special.mikata {
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 0;
}

.mikata .wrap-mainvisual {
  background-image: linear-gradient(180deg, rgb(0, 136, 217), rgb(0, 104, 173));
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.mikata .wrap-mainvisual .img-mainvisual img {
  height: auto;
}

.lp-mikata .text-caution {
  font-size: 0.6875rem;
  padding: 0.9375rem;
}

.lp-mikata .txt-big {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

.lp-mikata .txt-blue {
  color: #007ccf;
}

.lp-mikata .txt-yellow {
  color: #FFF500;
}

.lp-mikata .mb1 {
  margin-bottom: 1rem;
}

.lp-mikata .mb3 {
  margin-bottom: 3rem;
}

.lp-mikata .wrap-btn .txt-btn {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: center;
}

.lp-mikata .wrap-btn .btn-information {
  margin-bottom: 1rem;
  width: 100%;
}

.lp-mikata .wrap-btn .btn-information a {
  background: url(../../img/icon/icon-arrow-white.png;) no-repeat right center #00B902;
  background-position: 96%;
  background-size: 25px;
  border-radius: 50vh;
  color: #fff;
  display: block;
  font-size: 20px;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0.9375rem 3.125rem 0.9375rem 1.25rem;
  text-align: center;
  width: 100%;
}

.lp-mikata .wrap-btn .btn-cv a {
  border-radius: 50vh;
  font-size: 1.5rem !important;
}

.lp-mikata .wrap-point {
  background: #26419D;
  margin: 0 calc(50% - 50vw);
  padding-bottom: 1rem;
  width: 100vw;
}

.lp-mikata .wrap-point .box-point {
  margin: auto;
  max-width: 880px;
}

.lp-mikata .wrap-point h2 {
  color: #fff;
  font-size: 1.625rem;
  padding: 0.9375rem;
  text-align: center;
}

.lp-mikata .wrap-point .text-caution {
  color: #fff;
}

.lp-mikata .wrap-point .wrap-btn {
  margin-bottom: 0 !important;
  padding: 0 0.9375rem;
}

.lp-mikata .box-img {
  margin: 2rem 0;
}

.lp-mikata .img-50 {
  margin: auto;
  width: 80%;
}

.lp-mikata .dl-features {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.lp-mikata .dl-features dt {
  background: #00A0E2;
  color: #fff;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.3;
  padding: 0.9375rem;
  position: relative;
  text-align: center;
}

.lp-mikata .dl-features dt strong {
  color: #FFF500;
  font-size: 3rem;
}

.lp-mikata .dl-features dd {
  background: #0065B1;
  padding: 1.5rem 0.9375rem 0;
}

.lp-mikata .dl-features dd .list-features li {
  margin-bottom: 0.5rem;
}

.lp-mikata .dl-features dd .text-caution {
  color: #fff;
  margin-top: 1rem;
}

.lp-mikata .wrap-3plan {
  background: #E6F2FB;
  margin: 3rem calc(50% - 50vw) 0;
  width: 100vw;
}

.lp-mikata .box-3plan {
  padding: 0.9375rem;
}

.lp-mikata .wrap-family {
  background: #BBE2FF;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.lp-mikata .box-family {
  padding-top: 1rem;
}

.lp-mikata .wrap-5reason {
  background-image: linear-gradient(90deg, rgb(0, 124, 207) 50%, rgb(24, 136, 210) 50%);
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.lp-mikata .box-5reason {
  padding: 0.9375rem;
}

.lp-mikata .box-5reason .ttl-5reason {
  color: #fff;
  font-size: 1.5625rem;
  font-weight: 700;
  margin: 2rem 0 1rem;
}

.lp-mikata .box-5reason .ttl-5reason img {
  margin-bottom: 1rem;
  width: 60%;
}

.lp-mikata .box-5reason .box-detail {
  margin-bottom: 4rem;
}

.lp-mikata .box-5reason .box-detail .box-left,
.lp-mikata .box-5reason .box-detail .box-right {
  color: #fff;
}

.lp-mikata .box-5reason .box-detail .box-right {
  margin-top: 2rem;
}

.lp-mikata .box-5reason .box-detail .box-right p {
  margin-bottom: 1rem;
}

.lp-mikata .wrap-qa {
  background: #E6F2FB;
  margin: 3rem calc(50% - 50vw);
  width: 100vw;
}

.lp-mikata .box-qa {
  padding: 2rem 0.9375rem;
}

.lp-mikata .box-qa .ttl-qa {
  color: #007ccf;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
  text-align: center;
}

.lp-mikata .box-qa dt {
  background: url(../images/lp/mikata/icon-plus.png) no-repeat 98% center #fff;
  background-size: 30px;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  padding: 0.5rem 2.8rem 0.5rem 2.3rem;
  position: relative;
}

.lp-mikata .box-qa dt::before {
  color: #007ccf;
  content: "Q";
  font-size: 1.5rem;
  font-weight: 700;
  left: 0.5rem;
  position: absolute;
  top: 0.3rem;
}

.lp-mikata .box-qa dt.open {
  background: url(../images/lp/mikata/icon-minus.png) no-repeat 98% center #fff;
  background-size: 30px;
}

.lp-mikata .box-qa dd {
  font-size: 1.125rem;
  display: none;
  margin-bottom: 2rem;
  padding-left: 2.3rem;
  position: relative;
}

.lp-mikata .box-qa dd::before {
  color: #007ccf;
  content: "A";
  font-size: 1.5rem;
  font-weight: 700;
  left: 0.5rem;
  position: absolute;
  top: -0.3rem;
}

.lp-mikata .box-qa dd.show {
  display: block;
}

.lp-mikata .box-qa dd ul {
  list-style: disc;
  margin-top: 1.5rem;
  padding-left: 1.5rem;
}

.lp-mikata .box-qa dd table {
  background: #fff;
  border-collapse: collapse;
  border-left: 1px solid #046192;
  border-top: 1px solid #046192;
  margin: 2rem 0;
  width: 100%;
}

.lp-mikata .box-qa dd table th,
.lp-mikata .box-qa dd table td {
  border-bottom: 1px solid #046192;
  border-right: 1px solid #046192;
  font-size: 1rem;
  padding: 0.5rem;
  text-align: center;
}

.lp-mikata .box-qa dd table th {
  background: #046192;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #fff;
}

.lp-mikata .box-qa dd table th.bd {
  border-right: 1px solid #046192;
}

.lp-mikata .box-qa dd table td.bg-blue {
  background: #F2F5F9;
  font-weight: 700;
}

#single-details-special.petfamily {
  margin-top: 0;
}

#single-details-special.petfamily .wrap-mainvisual {
  background: url(../images/lp/petfamily/bg_pc.jpg) repeat-x left top;
  background-size: contain;
  margin: 0 calc(50% - 50vw);
  padding: 1rem 0;
  width: 100vw;
}

#single-details-special.petfamily .wrap-mainvisual .img-mainvisual img {
  height: auto;
  margin: auto;
  width: auto;
}

.lp-petfamily .box-btn {
  background: #efebdd;
  margin: 3rem calc(50% - 50vw);
  padding: 1rem 0;
  width: 100vw;
}

.lp-petfamily .box-btn .btn-cv {
  margin: auto;
  max-width: 880px;
}

.lp-petfamily .box-btn .btn-cv a {
  background: url(../images/lp/petfamily/ico_simulation.png) no-repeat 3rem center #e88502;
  background-size: 40px;
  border-radius: 8px;
  color: #fff;
  display: block;
  font-size: 1.5rem;
  line-height: 1.3;
  margin: auto;
  padding: 0.8rem 0.8rem 0.8rem 3.8rem;
  text-align: center;
  text-decoration: none;
  width: 40%;
}

.lp-petfamily .box-btn .btn-cv a strong {
  font-size: 1.75rem;
}

.lp-petfamily .mt0 {
  margin-top: 0;
}

.lp-petfamily h2 {
  border-left: 5px solid #444;
  margin-bottom: 1.5rem;
  padding: 0 0.5rem;
}

.lp-petfamily .h3-center {
  margin: 3rem 0;
  text-align: center;
}

.lp-petfamily .h3-center span {
  border-bottom: 5px solid #66a417;
  color: #3e7224;
  font-size: 1.875rem;
  padding: 0.5rem 1rem;
}

.lp-petfamily .h3-left {
  border-bottom: 5px solid #66a417;
  font-size: 1.875rem;
  margin: 3rem 0 2rem;
  padding: 0.5rem 1rem;
}

.lp-petfamily .h3-left strong {
  color: #3e7224;
  font-size: 2.1875rem;
}

.lp-petfamily .h3-left strong small {
  font-size: 0.8rem;
}

.lp-petfamily h4 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  text-align: center;
}

.lp-petfamily h5 {
  font-size: 1.5rem;
  text-align: center;
}

.lp-petfamily a:link,
.lp-petfamily a:active,
.lp-petfamily a:visited {
  color: #26a6e5;
  text-decoration: underline;
}

.lp-petfamily a:hover {
  color: #26a6e5;
  text-decoration: none;
}

.lp-petfamily .txt-red {
  color: #dd513d;
}

.lp-petfamily .text-caution {
  font-size: 0.6875rem;
}

.lp-petfamily .list-price {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.lp-petfamily .list-price li {
  background: #efebdd;
  margin-bottom: 3%;
  padding: 2rem 6.5rem 2rem 1.5rem;
  position: relative;
  width: 48.5%;
}

.lp-petfamily .list-price li .img {
  bottom: 1rem;
  position: absolute;
  right: 0;
}

.lp-petfamily .list-price li .img img {
  width: 80%;
}

.lp-petfamily .list-price li dt {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.lp-petfamily .list-price li dt span {
  font-size: 1rem;
  font-weight: normal;
  margin-left: 1rem;
}

.lp-petfamily .list-price li dd {
  color: #66a417;
  font-size: 2.25rem;
  font-weight: bold;
}

.lp-petfamily .list-price li dd small {
  font-size: 1.625rem;
}

.lp-petfamily .list-price li dd span {
  font-size: 1rem;
  margin-left: 1rem;
}

.lp-petfamily table {
  border-collapse: collapse;
  font-size: 1.25rem;
  margin: 3rem 0;
  width: 100%;
}

.lp-petfamily table th {
  background: #efebdd;
  border: 1px solid #d3cfc2;
  padding: 1rem;
  text-align: left;
}

.lp-petfamily table td {
  border: 1px solid #d3cfc2;
  padding: 1rem;
  text-align: center;
  white-space: nowrap;
}

.lp-petfamily table td.bg-plan70 {
  background: #e88502;
  color: #fff;
  font-weight: bold;
}

.lp-petfamily table td.bg-plan50 {
  background: #66a417;
  color: #fff;
  font-weight: bold;
}

.lp-petfamily table td .ico-check {
  background: url(../images/lp/petfamily/ico_check.png) no-repeat left top;
  background-size: contain;
  font-size: 1.75rem;
  font-weight: bold;
  padding-left: 3.5rem;
}

.lp-petfamily .tab-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3rem 0 2rem;
}

.lp-petfamily .tab-group li {
  border-radius: 8px;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 5rem 1rem 1rem 1rem;
  text-align: center;
  width: 18%;
}

.lp-petfamily .tab-group li.is-active {
  color: #fff;
  position: relative;
}

.lp-petfamily .tab-group li.is-active::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 12px solid #66a417;
}

.lp-petfamily .tab-group li:nth-child(1) {
  background: url(../images/lp/petfamily/img-petfamily05.png) no-repeat center 0.3rem #efebdd;
  background-size: 70px;
}

.lp-petfamily .tab-group li:nth-child(1).is-active {
  background: url(../images/lp/petfamily/img-petfamily10.png) no-repeat center 0.3rem #66a417;
  background-size: 70px;
}

.lp-petfamily .tab-group li:nth-child(2) {
  background: url(../images/lp/petfamily/img-petfamily06.png) no-repeat center 0.3rem #efebdd;
  background-size: 70px;
}

.lp-petfamily .tab-group li:nth-child(2).is-active {
  background: url(../images/lp/petfamily/img-petfamily11.png) no-repeat center 0.3rem #66a417;
  background-size: 70px;
}

.lp-petfamily .tab-group li:nth-child(3) {
  background: url(../images/lp/petfamily/img-petfamily07.png) no-repeat center 0.3rem #efebdd;
  background-size: 70px;
}

.lp-petfamily .tab-group li:nth-child(3).is-active {
  background: url(../images/lp/petfamily/img-petfamily12.png) no-repeat center 0.3rem #66a417;
  background-size: 70px;
}

.lp-petfamily .tab-group li:nth-child(4) {
  background: url(../images/lp/petfamily/img-petfamily08.png) no-repeat center 0.3rem #efebdd;
  background-size: 70px;
}

.lp-petfamily .tab-group li:nth-child(4).is-active {
  background: url(../images/lp/petfamily/img-petfamily13.png) no-repeat center 0.3rem #66a417;
  background-size: 70px;
}

.lp-petfamily .tab-group li:nth-child(5) {
  background: url(../images/lp/petfamily/img-petfamily09.png) no-repeat center 0.3rem #efebdd;
  background-size: 70px;
}

.lp-petfamily .tab-group li:nth-child(5).is-active {
  background: url(../images/lp/petfamily/img-petfamily14.png) no-repeat center 0.3rem #66a417;
  background-size: 70px;
}

.lp-petfamily .panel-group {
  border: 2px solid #66a417;
  border-radius: 8px;
  padding: 2rem;
}

.lp-petfamily .panel-group table {
  margin: 1.5rem 0;
}

.lp-petfamily .panel-group table th,
.lp-petfamily .panel-group table td {
  border: 1px solid #fff;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  text-align: center;
}

.lp-petfamily .panel-group table th {
  background: #efefef;
}

.lp-petfamily .panel-group table tr:nth-child(odd) th {
  background: #e9e9e9;
}

.lp-petfamily .panel-group table td {
  background: #e4f0d7;
}

.lp-petfamily .panel-group table tr:nth-child(odd) td {
  background: #d9eac6;
}

.lp-petfamily .panel-group table td.bg-plan70,
.lp-petfamily .panel-group table tr:nth-child(odd) td.bg-plan70 {
  background: #e88502;
}

.lp-petfamily .panel-group table td.bg-plan50,
.lp-petfamily .panel-group table tr:nth-child(odd) td.bg-plan50 {
  background: #66a417;
}

.lp-petfamily .panel-group table td.td-plan70 {
  background: #eeebdc;
}

.lp-petfamily .panel-group table tr:nth-child(odd) td.td-plan70 {
  background: #e7e2cd;
}

.lp-petfamily .panel-group table tr:nth-child(odd) td.bg-white {
  background: #fff;
}

.lp-petfamily .panel-group table th.bg-gray {
  background: #b3b3b3;
  color: #fff;
}

.lp-petfamily .panel-group .panel {
  display: none;
}

.lp-petfamily .panel-group .panel.is-show {
  display: block;
}

.lp-petfamily .list-compensation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3rem 0;
}

.lp-petfamily .list-compensation li {
  width: 31%;
}

.lp-petfamily .list-compensation li .img img {
  margin: auto;
  width: 60%;
}

.lp-petfamily .list-compensation li dl dt {
  color: #3e7224;
  font-size: 1.625rem;
  font-weight: bold;
  margin: 1rem 0;
  text-align: center;
}

.lp-petfamily .wrap-compensation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3rem;
}

.lp-petfamily .wrap-compensation .text {
  width: 68%;
}

.lp-petfamily .wrap-compensation .text .text-caution {
  margin: 1rem 0;
}

.lp-petfamily .wrap-compensation .img {
  width: 30%;
}

.lp-petfamily .wrap-ease {
  background: #6ca400;
  margin: 4rem calc(50% - 50vw) 3rem;
  width: 100vw;
}

.lp-petfamily .wrap-ease .ttl-ease {
  color: #fff;
  font-size: 1.875rem;
  font-weight: bold;
  margin: auto;
  max-width: 880px;
  padding: 1.5rem 0;
  text-align: center;
}

.lp-petfamily .ttl-wrap-caution {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 3rem 0 2rem;
  text-align: center;
}

.lp-petfamily .ttl-caution {
  background: url(../images/lp/petfamily/ico_caution.png) no-repeat left center;
  background-size: 50px;
  display: inline;
  padding: 1rem 0 1rem 4rem;
}

.lp-petfamily .ttl-qa {
  font-size: 1.875rem;
  font-weight: bold;
  margin: 3rem 0;
  text-align: center;
}

.lp-petfamily .box-qa .accordion-title {
  background: url(../images/lp/petfamily/icon-plus.png) no-repeat 98% center;
  background-size: 30px;
  border-top: 1px solid #ddd;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 1rem 2.5rem;
  position: relative;
}

.lp-petfamily .box-qa .accordion-title.open {
  background: url(../images/lp/petfamily/icon-minus.png) no-repeat 98% center;
  background-size: 30px;
}

.lp-petfamily .box-qa .accordion-title:last-of-type {
  border-bottom: 1px solid #ddd;
}

.lp-petfamily .box-qa .accordion-title::before {
  color: #66a417;
  content: "Q";
  font-size: 1.5rem;
  font-weight: 700;
  left: 0.5rem;
  position: absolute;
  top: 0.6rem;
}

.lp-petfamily .box-qa dd {
  display: none;
  padding: 1rem 2.5rem;
  position: relative;
}

.lp-petfamily .box-qa dd::before {
  color: #e88502;
  content: "A";
  font-size: 1.5rem;
  font-weight: 700;
  left: 0.5rem;
  position: absolute;
  top: 0.6rem;
}

.lp-petfamily .box-qa dd.show {
  display: block;
}

.lp-petfamily .box-img {
  margin: 2rem auto;
  width: 60%;
}

.lp-petfamily .mb1 {
  margin-bottom: 1rem;
}

.lp-petfamily .mb2 {
  margin-bottom: 2rem;
}

.lp-petfamily .text-center {
  text-align: center;
}

/* アイペット保険 */
#single-details-special.ipet {
  max-width: 100%;
  width: 100%;
}
#single-details-special.ipet .img-mainvisual {
  margin: auto;
  width: 80%;
}
#single-details-special.ipet .wrap-agency {
  margin: 3rem auto;
  width: 65%;
}
#single-details-special.ipet .text-number {
  margin: auto;
  width: 65%;
}

.lp-ipet p {
  color: #333;
}
.lp-ipet .cta-area a.bnr {
  display: block;
  margin: 0 auto 2rem;
  width: 50%;
}
.lp-ipet .cta-area .cta-block {
  background: #ffec9f;
  padding: 1.5rem 0;
  position: relative;
}
.lp-ipet .cta-area .cta-block .speech-bubble {
  background: #fff;
  border-radius: 20px;
  font-weight: bold;
  margin: auto;
  margin-bottom: -0.3rem;
  text-align: center;
  padding: 0.3rem;
  position: relative;
  width: 250px;
}
.lp-ipet .cta-area .cta-block .speech-bubble::after {
  bottom: -17px;
  border-width: 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
.lp-ipet .cta-area .cta-block .btn-official {
  background: #5AB651;
  border-bottom: solid 7px #265e17;
  border-radius: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  width: 350px;
  margin: 0 auto 1rem;
}
.lp-ipet .cta-area .cta-block .btn-official a {
  display: block;
  padding: 1rem;
  width: 100%;
}
.lp-ipet .cta-area .cta-block .cta-box {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin: auto;
  width: 65%;
}
.lp-ipet .cta-area .cta-block .cta-box .btn-cta01,
.lp-ipet .cta-area .cta-block .cta-box .btn-cta02 {
  color: #fff;
  border-radius: 30px;
  margin: 0;
  text-align: center;
  width: 350px;
}
.lp-ipet .cta-area .cta-block .cta-box .btn-cta01 span,
.lp-ipet .cta-area .cta-block .cta-box .btn-cta02 span {
  display: block;
  font-size: 1rem;
  font-weight: bold;
}
.lp-ipet .cta-area .cta-block .cta-box .btn-cta01 a,
.lp-ipet .cta-area .cta-block .cta-box .btn-cta02 a {
  display: block;
  padding: 1rem;
  width: 100%;
}
.lp-ipet .cta-area .cta-block .cta-box .btn-cta01 .btn-cta_txt,
.lp-ipet .cta-area .cta-block .cta-box .btn-cta02 .btn-cta_txt {
  font-size: 1.2rem;
  margin-top: 0.3rem;
}
.lp-ipet .cta-area .cta-block .cta-box .btn-cta02 {
  background: #DA0814;
  border-bottom: solid 7px #6e001c;
}
.lp-ipet .cta-area .cta-block .cta-box .btn-cta02 a img {
  margin: 0.5rem auto 0;
  width: 70%;
}
.lp-ipet .cta-area .cta-block .cta-box .btn-cta01 {
  background: #2DA7E0;
  border-bottom: solid 7px #055971;
}
.lp-ipet .cta-area .cta-block .cta-box .btn-cta01 a img {
  margin: 0.5rem auto 0;
  width: 46%;
}
.lp-ipet .contents-01 {
  background: #D8D8D8 url(../images/lp/ipet/contents01-bg.png) no-repeat center calc(100% + 90px);
  background-size: 300px;
  padding: 3rem 0;
  z-index: 2;
}
.lp-ipet .contents-01 .inner {
  align-items: center;
  display: flex;
  justify-content: space-around;
  width: 90%;
}
.lp-ipet .contents-01 .inner .box-left,
.lp-ipet .contents-01 .inner .box-right {
  width: 34%;
}
.lp-ipet .contents-01 .inner .box-left li,
.lp-ipet .contents-01 .inner .box-right li {
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-bottom: 1.5rem;
  text-align: center;
  padding: 0.7rem;
  width: 85%;
}
.lp-ipet .contents-01 .inner .box-left li:last-child,
.lp-ipet .contents-01 .inner .box-right li:last-child {
  margin-bottom: 0rem;
}
.lp-ipet .contents-01 .inner .box-left li:nth-of-type(2),
.lp-ipet .contents-01 .inner .box-right li:nth-of-type(2) {
  margin-left: auto;
}
.lp-ipet .contents-01 .inner div {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 2rem;
  text-align: center;
}
.lp-ipet .triangle {
  background: #D8D8D8 url(../images/lp/ipet/contents01-bg.png) no-repeat center calc(100% + 1px);
  background-size: 300px;
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
  height: 88px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.lp-ipet .contents-02 {
  margin: 2rem auto 1.5rem;
  text-align: center;
  width: 65%;
}
.lp-ipet .contents-02 h2 {
  margin: auto;
  width: 50%;
}
.lp-ipet .contents-02 .pc {
  display: block;
}
.lp-ipet .contents-02 .sp {
  display: none;
}
.lp-ipet .contents-03 {
  margin: 2rem auto 1rem;
}
.lp-ipet .contents-03 h2 {
  margin: 0 auto 1rem;
  width: 45%;
}
.lp-ipet .contents-03 div img {
  width: 90%;
}
.lp-ipet .contents-03 .inner {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  width: 65%;
}
.lp-ipet .contents-03 .inner .box-01,
.lp-ipet .contents-03 .inner .box-02,
.lp-ipet .contents-03 .inner .box-03,
.lp-ipet .contents-03 .inner .box-04 {
  border-radius: 20px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  width: 48%;
}
.lp-ipet .contents-03 .inner .box-01 .box-user,
.lp-ipet .contents-03 .inner .box-02 .box-user,
.lp-ipet .contents-03 .inner .box-03 .box-user,
.lp-ipet .contents-03 .inner .box-04 .box-user {
  align-items: center;
  background: #f7f7f7;
  border-radius: 20px 20px 0 0;
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
  position: relative;
}
.lp-ipet .contents-03 .inner .box-01 .box-user::after,
.lp-ipet .contents-03 .inner .box-02 .box-user::after,
.lp-ipet .contents-03 .inner .box-03 .box-user::after,
.lp-ipet .contents-03 .inner .box-04 .box-user::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f7f7f7;
}
.lp-ipet .contents-03 .inner .box-01 .box-user img,
.lp-ipet .contents-03 .inner .box-02 .box-user img,
.lp-ipet .contents-03 .inner .box-03 .box-user img,
.lp-ipet .contents-03 .inner .box-04 .box-user img {
  margin-right: auto;
  width: 25%;
}
.lp-ipet .contents-03 .inner .box-01 .box-user .txt,
.lp-ipet .contents-03 .inner .box-02 .box-user .txt,
.lp-ipet .contents-03 .inner .box-03 .box-user .txt,
.lp-ipet .contents-03 .inner .box-04 .box-user .txt {
  font-size: 1.1rem;
  width: 70%;
}
.lp-ipet .contents-03 .inner .box-01 .box-fp,
.lp-ipet .contents-03 .inner .box-02 .box-fp,
.lp-ipet .contents-03 .inner .box-03 .box-fp,
.lp-ipet .contents-03 .inner .box-04 .box-fp {
  align-items: center;
  background: #FFFDE7;
  border-radius: 0 0 20px 20px;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  padding: 1.5rem;
}
.lp-ipet .contents-03 .inner .box-01 .box-fp img,
.lp-ipet .contents-03 .inner .box-02 .box-fp img,
.lp-ipet .contents-03 .inner .box-03 .box-fp img,
.lp-ipet .contents-03 .inner .box-04 .box-fp img {
  width: 30%;
}
.lp-ipet .contents-03 .inner .box-01 .box-fp .txt,
.lp-ipet .contents-03 .inner .box-02 .box-fp .txt,
.lp-ipet .contents-03 .inner .box-03 .box-fp .txt,
.lp-ipet .contents-03 .inner .box-04 .box-fp .txt {
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  line-height: 1.6;
  width: 70%;
}
.lp-ipet .contents-03 .inner .box-01 .box-fp .txt span,
.lp-ipet .contents-03 .inner .box-02 .box-fp .txt span,
.lp-ipet .contents-03 .inner .box-03 .box-fp .txt span,
.lp-ipet .contents-03 .inner .box-04 .box-fp .txt span {
  font-size: 0.8rem;
}
.lp-ipet .contents-03 .caution {
  width: 65%;
}
.lp-ipet .contents-04 {
  background: #FCF8E8;
  padding: 2rem 0 3rem;
}
.lp-ipet .contents-04 h2 {
  margin: auto;
  width: 48%;
}
.lp-ipet .contents-04 .inner {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
  padding: 0;
  width: 65%;
}
.lp-ipet .contents-04 .inner .box-01,
.lp-ipet .contents-04 .inner .box-02,
.lp-ipet .contents-04 .inner .box-03 {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  padding: 1rem 1.5rem;
  width: 32%;
}
.lp-ipet .contents-04 .inner .box-01 .block,
.lp-ipet .contents-04 .inner .box-02 .block,
.lp-ipet .contents-04 .inner .box-03 .block {
  align-items: center;
  display: flex;
  margin-bottom: 0.5rem;
}
.lp-ipet .contents-04 .inner .box-01 .block .number,
.lp-ipet .contents-04 .inner .box-02 .block .number,
.lp-ipet .contents-04 .inner .box-03 .block .number {
  color: #74abd9;
  font-size: 3rem;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.08rem;
  line-height: 1;
  margin-right: 1rem;
}
.lp-ipet .contents-04 .inner .box-01 .block .ttl,
.lp-ipet .contents-04 .inner .box-02 .block .ttl,
.lp-ipet .contents-04 .inner .box-03 .block .ttl {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.02rem;
  line-height: 1.2;
}
.lp-ipet .contents-04 .inner .box-01 .txt span,
.lp-ipet .contents-04 .inner .box-02 .txt span,
.lp-ipet .contents-04 .inner .box-03 .txt span {
  display: unset;
}
.lp-ipet .contents-04 .inner .box-01 p.last,
.lp-ipet .contents-04 .inner .box-02 p.last,
.lp-ipet .contents-04 .inner .box-03 p.last {
  color: #888;
  display: block;
  font-size: 0.6rem;
  margin-top: auto;
}
.lp-ipet .contents-04 .inner a {
  margin: auto;
}
.lp-ipet .contents-04 .inner a .btn-cta01 {
  margin: auto;
}
.lp-ipet .contents-04 small {
  color: #888;
  display: block;
  font-size: 0.7rem;
}
.lp-ipet .contents-05 {
  background: #ebebe4;
  margin-bottom: 1rem;
  padding: 3rem 0;
}
.lp-ipet .contents-05 h2 {
  margin: auto;
  width: 48%;
}
.lp-ipet .contents-05 dl {
  margin: auto;
  width: 60%;
}
.lp-ipet .contents-05 dl dt {
  align-items: center;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  font-weight: bold;
  font-size: 1.1rem;
  justify-content: space-between;
  letter-spacing: 0.08rem;
  margin-bottom: 1rem;
  padding: 1rem 1rem 1rem 2.5rem;
  position: relative;
}
.lp-ipet .contents-05 dl dt::before {
  color: #2EA7E0;
  content: "Q";
  font-size: 1.5rem;
  font-weight: 700;
  left: 0.8rem;
  position: absolute;
  top: 0.6rem;
}
.lp-ipet .contents-05 dl dt::after {
  content: "\f078";
  /* fa-chevron-down */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1rem;
  color: #2EA7E0;
  margin-left: auto;
  /* 右端に寄せる */
}
.lp-ipet .contents-05 dl dt.open::after {
  content: "\f077";
  /* fa-chevron-up */
}
.lp-ipet .contents-05 dl dd {
  display: none;
  letter-spacing: 0.08rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  padding: 0rem 1rem 1rem 2.5rem;
  position: relative;
}
.lp-ipet .contents-05 dl dd::after {
  color: #333;
  content: "A";
  font-size: 1.5rem;
  font-weight: 700;
  left: 0.9rem;
  position: absolute;
  top: -6px;
}
.lp-ipet .contents-06 {
  margin: 0 auto 2rem;
  width: 50%;
}
.lp-ipet .contents-06 .inner img {
  margin-bottom: 0.5rem;
}
.lp-ipet .contents-06 .txt {
  font-size: 2rem;
  font-weight: bold;
  margin: 1rem auto;
  text-align: center;
}
.lp-ipet .caution {
  color: #888;
  display: block;
  font-size: 0.7rem;
  margin: auto;
  text-align: left;
}

/* CTA用アニメーション　キラン */
@keyframes shine {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@media screen and (max-width: 767px) {
  #single-details-special.ipet {
    margin-top: 0;
    padding: 0;
  }
  #single-details-special.ipet .img-mainvisual {
    width: 100%;
  }
  #single-details-special.ipet .img-mainvisual img {
    height: auto;
  }
  #single-details-special.ipet .wrap-agency {
    margin: 2rem auto 0;
    width: 96%;
  }
  #single-details-special.ipet .text-number {
    width: auto;
  }
  .lp-ipet .cta-area a.bnr {
    margin: 0 auto 1rem;
    width: 90%;
  }
  .lp-ipet .cta-area .cta-block .speech-bubble {
    font-size: 1rem;
    padding: 0.3rem;
    width: 260px;
  }
  .lp-ipet .cta-area .cta-block .btn-official {
    margin: 0 auto 1rem;
    width: 94%;
  }
  .lp-ipet .cta-area .cta-block .cta-box {
    width: 94%;
  }
  .lp-ipet .cta-area .cta-block .cta-box .btn-cta01,
  .lp-ipet .cta-area .cta-block .cta-box .btn-cta02 {
    border-radius: 20px;
  }
  .lp-ipet .cta-area .cta-block .cta-box .btn-cta01 a,
  .lp-ipet .cta-area .cta-block .cta-box .btn-cta02 a {
    padding: 0.7rem;
  }
  .lp-ipet .cta-area .cta-block .cta-box .btn-cta01 span,
  .lp-ipet .cta-area .cta-block .cta-box .btn-cta02 span {
    font-size: 0.6rem;
  }
  .lp-ipet .cta-area .cta-block .cta-box .btn-cta01 .btn-cta_txt,
  .lp-ipet .cta-area .cta-block .cta-box .btn-cta02 .btn-cta_txt {
    font-size: 0.8rem;
  }
  .lp-ipet .cta-area .cta-block .cta-box .btn-cta01 a img {
    width: 75%;
  }
  .lp-ipet .cta-area .cta-block .cta-box .btn-cta02 a img {
    width: 100%;
  }
  .lp-ipet .contents-01 {
    background-size: 230px;
    padding: 1rem 0 10rem;
  }
  .lp-ipet .contents-01 .inner {
    display: block;
    width: 100%;
  }
  .lp-ipet .contents-01 .inner .box-left,
  .lp-ipet .contents-01 .inner .box-right {
    width: 100%;
  }
  .lp-ipet .contents-01 .inner .box-left li,
  .lp-ipet .contents-01 .inner .box-right li {
    margin-bottom: 1rem;
    padding: 0.5rem;
    width: 90%;
  }
  .lp-ipet .contents-01 .inner .box-right {
    display: none;
  }
  .lp-ipet .triangle {
    background: #D8D8D8 url(../images/lp/ipet/contents01-bg.png) no-repeat center calc(100% + 2px);
    background-size: 230px;
  }
  .lp-ipet .contents-02 {
    margin: 1rem auto;
    width: 96%;
  }
  .lp-ipet .contents-02 h2 {
    width: 90%;
  }
  .lp-ipet .contents-02 .sp {
    display: block;
  }
  .lp-ipet .contents-02 .pc {
    display: none;
  }
  .lp-ipet .contents-03 {
    margin: 0 auto 1rem;
    padding: 1rem 0 0.5rem;
  }
  .lp-ipet .contents-03 h2 {
    margin: 0 auto 0.5rem;
    width: 90%;
  }
  .lp-ipet .contents-03 .inner {
    display: block;
    width: 92%;
  }
  .lp-ipet .contents-03 .inner .box-01,
  .lp-ipet .contents-03 .inner .box-02,
  .lp-ipet .contents-03 .inner .box-03,
  .lp-ipet .contents-03 .inner .box-04 {
    margin-bottom: 1.5rem;
    width: 100%;
  }
  .lp-ipet .contents-03 .inner .box-01 .box-user,
  .lp-ipet .contents-03 .inner .box-02 .box-user,
  .lp-ipet .contents-03 .inner .box-03 .box-user,
  .lp-ipet .contents-03 .inner .box-04 .box-user {
    padding: 1rem;
  }
  .lp-ipet .contents-03 .inner .box-01 .box-user .txt,
  .lp-ipet .contents-03 .inner .box-02 .box-user .txt,
  .lp-ipet .contents-03 .inner .box-03 .box-user .txt,
  .lp-ipet .contents-03 .inner .box-04 .box-user .txt {
    font-size: 1rem;
  }
  .lp-ipet .contents-03 .inner .box-01 .box-fp,
  .lp-ipet .contents-03 .inner .box-02 .box-fp,
  .lp-ipet .contents-03 .inner .box-03 .box-fp,
  .lp-ipet .contents-03 .inner .box-04 .box-fp {
    padding: 1rem;
  }
  .lp-ipet .contents-03 .inner .box-01 .box-fp .txt,
  .lp-ipet .contents-03 .inner .box-02 .box-fp .txt,
  .lp-ipet .contents-03 .inner .box-03 .box-fp .txt,
  .lp-ipet .contents-03 .inner .box-04 .box-fp .txt {
    font-size: 1rem;
    line-height: 1.5;
  }
  .lp-ipet .contents-03 .caution {
    width: 94%;
  }
  .lp-ipet .contents-04 {
    padding: 1rem 0;
  }
  .lp-ipet .contents-04 h2 {
    margin: auto;
    width: 98%;
  }
  .lp-ipet .contents-04 .inner {
    display: block;
    width: 94%;
  }
  .lp-ipet .contents-04 .inner .box-01,
  .lp-ipet .contents-04 .inner .box-02,
  .lp-ipet .contents-04 .inner .box-03 {
    margin-bottom: 1rem;
    padding: 1rem;
    width: 100%;
  }
  .lp-ipet .contents-04 .inner .box-01 .block .ttl,
  .lp-ipet .contents-04 .inner .box-02 .block .ttl,
  .lp-ipet .contents-04 .inner .box-03 .block .ttl {
    line-height: 1.2;
    font-size: 1.4rem;
  }
  .lp-ipet .contents-04 .inner .box-01 .block .number,
  .lp-ipet .contents-04 .inner .box-02 .block .number,
  .lp-ipet .contents-04 .inner .box-03 .block .number {
    font-size: 2.5rem;
  }
  .lp-ipet .contents-04 .inner .box-01 img {
    margin: -2rem auto -1rem;
    width: 90%;
  }
  .lp-ipet .contents-04 .inner .box-03 img {
    margin: auto;
    width: 80%;
  }
  .lp-ipet .contents-05 {
    margin-bottom: 1rem;
    padding: 1rem 0;
  }
  .lp-ipet .contents-05 h2 {
    width: 90%;
  }
  .lp-ipet .contents-05 dl {
    width: 94%;
  }
  .lp-ipet .contents-05 dl dt {
    font-size: 1rem;
    line-height: 1.4;
    padding: 0.7rem 1rem 0.7rem 2.5rem;
  }
  .lp-ipet .contents-05 dl dt::after {
    font-size: 0.8rem;
  }
  .lp-ipet .contents-05 dl dt::before {
    font-size: 1.3rem;
    left: 1rem;
    top: 0.5rem;
  }
  .lp-ipet .contents-05 dl dd {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  .lp-ipet .contents-06 {
    width: 95%;
  }
  .lp-ipet .contents-06 .inner {
    margin-bottom: 1rem;
    padding: 0;
    width: 100%;
  }
  .lp-ipet .contents-06 .inner .caution {
    font-size: 0.6rem;
  }
  .lp-ipet .contents-06 .txt {
    font-size: 1.2rem;
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  .mikata .wrap-mainvisual .img-mainvisual {
    margin: auto;
    max-width: 880px;
  }
  .mikata .wrap-mainvisual .img-mainvisual img {
    height: auto;
    width: auto;
    margin: auto;
  }
  .lp-mikata .text-caution {
    padding: 0;
  }
  .lp-mikata .wrap-btn {
    padding: 0;
  }
  .lp-mikata .wrap-btn .btn-information {
    margin-bottom: 0;
    width: 48%;
  }
  .lp-mikata .wrap-btn .btn-information a {
    padding: 1.25rem 3.125rem 1.25rem 1.25rem;
  }
  .lp-mikata .wrap-point h2 {
    color: #fff;
    font-size: 2rem;
    margin: 2rem 0;
    padding: 0;
    text-align: center;
  }
  .lp-mikata .wrap-point .wrap-btn {
    margin: 2.5rem 0 !important;
  }
  .lp-mikata .dl-features {
    margin: 0;
    width: 100%;
  }
  .lp-mikata .dl-features dt {
    font-size: 2.25rem;
    padding: 0.8rem 0;
  }
  .lp-mikata .dl-features dt strong {
    font-size: 3.3125rem;
  }
  .lp-mikata .dl-features dd {
    padding: 4rem 3rem 2rem;
  }
  .lp-mikata .box-3plan {
    margin: auto;
    max-width: 880px;
    padding: 3rem 0;
  }
  .lp-mikata .box-family {
    margin: auto;
    max-width: 880px;
  }
  .lp-mikata .img-50 {
    width: 50%;
  }
  .lp-mikata .box-5reason {
    margin: auto;
    max-width: 880px;
    padding: 2rem 0;
  }
  .lp-mikata .box-5reason .box-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 4rem;
  }
  .lp-mikata .box-5reason .box-detail .box-left,
  .lp-mikata .box-5reason .box-detail .box-right {
    width: 46%;
  }
  .lp-mikata .box-5reason .box-detail .box-right {
    margin-top: 0;
  }
  .lp-mikata .box-5reason .ttl-5reason {
    font-size: 1.875rem;
  }
  .lp-mikata .box-5reason .ttl-5reason img {
    margin-bottom: 0.5rem;
    width: 40%;
  }
  .lp-mikata .box-qa {
    margin: auto;
    max-width: 880px;
    padding: 3rem 0;
  }
  .lp-mikata .box-qa dt {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    padding: 0.8rem 4rem 0.8rem 3rem;
  }
  .lp-mikata .box-qa dt::before {
    font-size: 1.8rem;
    left: 0.8rem;
  }
  .lp-mikata .box-qa dd {
    margin-bottom: 3rem;
    padding-left: 3rem;
  }
  .lp-mikata .box-qa dd::before {
    font-size: 1.8rem;
    left: 0.8rem;
    top: -0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .sbi-prism .img-mainvisual {
    width: 100%;
  }
  .sbi-prism .img-mainvisual img {
    height: auto;
  }
  .sbi-prism .box-bnr .btn-catdog {
    background: url(../images/lp/bg-catdog.png) no-repeat center 85%;
    background-size: 65%;
    font-size: 1rem;
    padding: 0.3rem 0.5rem;
    text-align: center;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    width: 48%;
  }
  .sbi-prism .box-bnr .btn-other {
    margin-bottom: 0.6rem;
    width: 100%;
  }
  .sbi-prism .box-bnr .btn-bird {
    background: url(../images/lp/bg-bird.png) no-repeat center 45%;
    background-size: 55%;
    font-size: 1rem;
    padding: 0.3rem 0.5rem;
    text-align: center;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    width: 48%;
  }
  .sbi-prism .box-bnr .btn-catdog .btn,
  .sbi-prism .box-bnr .btn-bird .btn {
    font-size: 0.75rem;
    margin-top: 2.5rem;
    padding: 0.2rem 0.8rem;
    text-shadow: none;
  }
  .sbi-prism h4 {
    border-radius: 1rem;
  }
  .sbi-prism .wrap-box-animals .img-animals {
    margin-bottom: 1rem;
    padding: 0 3rem;
    width: 100%;
  }
  .sbi-prism .wrap-box-animals dl {
    width: 100%;
  }
  .sbi-prism .list-point3 {
    width: 100%;
  }
  .sbi-prism .list-point3 li {
    margin-bottom: 1rem;
    width: 100%;
  }
  .sbi-prism .list-point3 li:last-child {
    margin-bottom: 0;
  }
  .sbi-prism .list-age li {
    margin-bottom: 1rem;
    width: 48%;
  }
  #single-details-special.petfamily .wrap-mainvisual {
    background: url(../images/lp/petfamily/bg.jpg) repeat-x left top;
    background-size: cover;
    padding: 0;
  }
  .lp-petfamily .list-price li {
    margin-bottom: 1rem;
    padding: 1rem 5rem 1rem 1rem;
  }
  .lp-petfamily .list-price li .img {
    right: 0.5rem;
    width: 55px;
  }
  .lp-petfamily .list-price li .img img {
    width: 100%;
  }
  .lp-petfamily .list-price li dt {
    font-size: 0.875rem;
  }
  .lp-petfamily .list-price li dt span {
    display: block;
    font-size: 0.75rem;
    margin-left: 0;
  }
  .lp-petfamily .list-price li dd {
    font-size: 1.4375rem;
  }
  .lp-petfamily .list-price li dd small {
    font-size: 1rem;
  }
  .lp-petfamily .list-price li dd span {
    display: block;
    font-size: 0.6875rem;
    margin-left: 0;
  }
  .lp-petfamily .h3-center span {
    font-size: 1.25rem;
  }
  .lp-petfamily table th {
    font-size: 0.8125rem;
    padding: 0.5rem;
  }
  .lp-petfamily table td {
    font-size: 1rem;
    padding: 0.5rem;
  }
  .lp-petfamily table td .ico-check {
    font-size: 1rem;
    padding-left: 2rem;
  }
  .lp-petfamily .text-center {
    text-align: left;
  }
  .lp-petfamily .box-btn .btn-cv a {
    background: url(../images/lp/petfamily/ico_simulation.png) no-repeat 3rem center #e88502;
    background-size: 35px;
    font-size: 1.125rem;
    padding: 0.5rem 0.8rem 0.5rem 3.8rem;
    width: 80%;
  }
  .lp-petfamily .box-btn .btn-cv a strong {
    font-size: 1.25rem;
  }
  .lp-petfamily h4 {
    font-size: 1.125rem;
    text-align: left;
  }
  .lp-petfamily .tab-group li {
    font-size: 0.75rem;
    padding: 3.5rem 0.5rem 1rem 0.5rem;
  }
  .lp-petfamily .tab-group li:nth-child(1) {
    background: url(../images/lp/petfamily/img-petfamily05.png) no-repeat center 0.3rem #efebdd;
    background-size: 45px;
  }
  .lp-petfamily .tab-group li:nth-child(1).is-active {
    background: url(../images/lp/petfamily/img-petfamily10.png) no-repeat center 0.3rem #66a417;
    background-size: 45px;
  }
  .lp-petfamily .tab-group li:nth-child(2) {
    background: url(../images/lp/petfamily/img-petfamily06.png) no-repeat center 0.3rem #efebdd;
    background-size: 45px;
  }
  .lp-petfamily .tab-group li:nth-child(2).is-active {
    background: url(../images/lp/petfamily/img-petfamily11.png) no-repeat center 0.3rem #66a417;
    background-size: 45px;
  }
  .lp-petfamily .tab-group li:nth-child(3) {
    background: url(../images/lp/petfamily/img-petfamily07.png) no-repeat center 0.3rem #efebdd;
    background-size: 45px;
  }
  .lp-petfamily .tab-group li:nth-child(3).is-active {
    background: url(../images/lp/petfamily/img-petfamily12.png) no-repeat center 0.3rem #66a417;
    background-size: 45px;
  }
  .lp-petfamily .tab-group li:nth-child(4) {
    background: url(../images/lp/petfamily/img-petfamily08.png) no-repeat center 0.3rem #efebdd;
    background-size: 45px;
  }
  .lp-petfamily .tab-group li:nth-child(4).is-active {
    background: url(../images/lp/petfamily/img-petfamily13.png) no-repeat center 0.3rem #66a417;
    background-size: 45px;
  }
  .lp-petfamily .tab-group li:nth-child(5) {
    background: url(../images/lp/petfamily/img-petfamily09.png) no-repeat center 0.3rem #efebdd;
    background-size: 45px;
  }
  .lp-petfamily .tab-group li:nth-child(5).is-active {
    background: url(../images/lp/petfamily/img-petfamily14.png) no-repeat center 0.3rem #66a417;
    background-size: 45px;
  }
  .lp-petfamily .panel-group {
    padding: 1rem;
  }
  .lp-petfamily .panel-group table th,
  .lp-petfamily .panel-group table td {
    font-size: 0.875rem;
    padding: 0.5rem;
  }
  .lp-petfamily h5 {
    font-size: 1.25rem;
  }
  .lp-petfamily .h3-left small {
    display: block;
    font-size: 1.0625rem;
  }
  .lp-petfamily .h3-left strong {
    font-size: 1.4375rem;
  }
  .lp-petfamily .list-compensation li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2rem;
    width: 100%;
  }
  .lp-petfamily .list-compensation li .img {
    width: 26%;
  }
  .lp-petfamily .list-compensation li .img img {
    width: 100%;
  }
  .lp-petfamily .list-compensation li dl {
    width: 70%;
  }
  .lp-petfamily .list-compensation li dl dt {
    font-size: 1.125rem;
    margin: 0 0 0.5rem 0;
  }
  .lp-petfamily .list-compensation li dl dd {
    font-size: 0.8125rem;
  }
  .lp-petfamily .wrap-compensation .text {
    width: 100%;
  }
  .lp-petfamily .wrap-compensation .img {
    margin: 1rem auto 0;
    width: 80%;
  }
  .lp-petfamily .wrap-ease .ttl-ease {
    font-size: 1.25rem;
    padding: 1.5rem 1rem;
  }
  .lp-petfamily .ttl-wrap-caution {
    font-size: 1.125rem;
  }
  .lp-petfamily .ttl-caution {
    background: url(../images/lp/petfamily/ico_caution.png) no-repeat left center;
    background-size: 35px;
    padding: 1rem 0 1rem 3rem;
  }
  .lp-petfamily .ttl-qa {
    font-size: 1.375rem;
    margin: 3rem 0 2rem;
  }
  .lp-petfamily .box-qa .accordion-title {
    font-size: 1rem;
  }
  .lp-petfamily .box-qa dd {
    font-size: 0.875rem;
    padding: 1rem 0 1rem 2.5rem;
  }
  .lp-petfamily .box-img {
    width: 80%;
  }
}
#single-details .box-content .itemimg,
#single-details .box-content .field,
#single-details .box-content .skuform,
#single-details .box-content .itemsubimg {
  display: none;
}

#single-details .box-content h3 {
  display: none;
}

#single-details-wrap {
  padding: 1.5rem 1rem 1rem;
}
@media screen and (min-width: 768px) {
  #single-details-wrap {
    display: flex;
    justify-content: space-between;
    padding: 3rem 1.5625rem 2rem;
  }
}

@media screen and (min-width: 768px) {
  #single-details {
    width: 62%;
  }
}

#single-details #select-wrap {
  padding: 1rem;
  background-color: #F5F5F5;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media screen and (min-width: 768px) {
  #single-details #select-wrap {
    padding: 1.5rem;
    border-radius: 2rem;
    align-items: center;
  }
}

#single-details #select-wrap p {
  font-size: 0.875rem;
  line-height: 1.4583333333;
  font-weight: 700;
  padding-left: 1.5em;
  position: relative;
}
@media screen and (min-width: 768px) {
  #single-details #select-wrap p {
    font-size: 1.5rem;
  }
}

#single-details #select-wrap p::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url(../images/common/icon-calc.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

#single-details #select-wrap .wrap-form {
  margin-top: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #single-details #select-wrap .wrap-form {
    margin-top: 1.5625rem;
    width: inherit;
  }
}

#single-details #select-wrap .wrap-form .text-form {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.75rem;
}

#single-details #select-wrap .wrap-form .box-form {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #single-details #select-wrap .wrap-form .box-form {
    margin-top: 1rem;
  }
}

#single-details #select-wrap .wrap-form .box-form span {
  display: block;
  width: 28%;
}
@media screen and (min-width: 768px) {
  #single-details #select-wrap .wrap-form .box-form span {
    width: auto;
  }
}

#single-details #select-wrap #select,
#single-details #select-wrap #age,
#single-details #select-wrap #gender {
  background-color: #fff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 400;
  border: 1px solid #CCCCCC;
  position: relative;
}
@media screen and (min-width: 768px) {
  #single-details #select-wrap #select,
  #single-details #select-wrap #age,
  #single-details #select-wrap #gender {
    font-size: 1.25rem;
    padding: 0.8125rem 1.5rem;
    width: 10rem;
  }
}

#single-details #select-wrap #gender {
  margin-left: 0;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  #single-details #select-wrap #gender {
    margin-left: 1rem;
  }
}

#single-details #select-wrap .wrap-form span {
  position: relative;
}

#single-details #select-wrap .wrap-form .box-form span::after {
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  background: url(../images/common/arrow-bottom.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}

#single-details #select-wrap .btn-submit {
  display: block;
  width: 38%;
  font-size: 0.9375rem;
  line-height: 1.45;
  font-weight: 700;
  color: #fff;
  background-color: #26A300;
  border-radius: 0.5rem;
  margin-top: 0;
  padding: 0.5rem 0.75rem;
}
@media screen and (min-width: 768px) {
  #single-details #select-wrap .btn-submit {
    font-size: 1.25rem;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
    margin-left: 1rem;
    padding: 0.8125rem 1.5rem;
  }
}

#single-details-content {
  padding: 1rem;
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  #single-details-content {
    border-radius: 2rem;
    padding: 1rem 2.5rem;
    margin-top: 2.5rem;
  }
}

#single-details-content .box-company {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: #CCCCCC;
}

#single-details-content .box-company .logo {
  width: 8.3%;
  border: 1px solid #E0E0E0;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-company .logo {
    min-width: 3.5rem;
  }
}

#single-details-content .box-company .logo img {
  height: auto;
}

#single-details-content .box-company .title {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
  color: #26A300;
  margin-left: 1rem;
}

#single-details-content .box-head {
  display: flex;
  align-items: center;
}

#single-details-content .box-head .icon-ranking {
  width: 7%;
}

#single-details-content .box-head .banner {
  width: 23.9%;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-head .banner {
    margin-left: 1.5rem;
  }
}

#single-details-content .box-head h1 {
  font-size: 1rem;
  line-height: 1.4375;
  font-weight: 700;
  margin-left: 0.5rem;
  width: 61.6%;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-head h1 {
    margin-left: 1.5rem;
    font-size: 2rem;
  }
}

#single-details-content .box-price {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-price {
    margin-top: 2.125rem;
  }
}

#single-details-content .box-price .price .wrap-price .price-list {
  background-color: #F5F5F5;
  border-radius: 1rem;
  padding: 0.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-details-content .box-price .price .wrap-price .price-list .text-age {
  display: none;
}

#single-details-content .box-price .price .wrap-price .price-list li {
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-price .price .wrap-price .price-list li {
    font-size: 1rem;
  }
}

#single-details-content .box-price .price .wrap-price .price-list li .txt-red {
  font-size: 0.875rem;
  line-height: 1.45;
  font-weight: 700;
  color: #FE6600;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-price .price .wrap-price .price-list li .txt-red {
    font-size: 0.875rem;
  }
}

#single-details-content .box-price .price .wrap-price .price-list li .counterup {
  font-size: 1.375rem;
  line-height: 1.4375;
  font-weight: 700;
  color: #FE6600;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-price .price .wrap-price .price-list li .counterup {
    font-size: 2rem;
  }
}

#single-details-content .box-price .price .wrap-price .price-list .man {
  display: none;
}

#single-details-content .box-price .price .text-date {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 400;
  text-align: right;
  color: #666666;
}

#single-details-content .box-price .text-conditions {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  color: #666666;
}

#single-details-content .wrap-btn,
.side-list-insurance .wrap-btn,
#single-insurance .wrap-btn {
  margin-top: 1.875rem;
  position: relative;
}

#single-details-content .wrap-btn {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2.8125rem;
  }
}

@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn > *:only-child {
    margin-left: auto;
    margin-right: auto;
  }
}

#single-details-content .wrap-btn .modal,
.side-list-insurance .wrap-btn .modal,
#single-insurance .wrap-btn .modal,
#category .box-insurance .list-insurance .modal {
  background: #e9f8f6;
  border: 2px solid #006762;
  border-radius: 1.25rem;
  display: none;
  font-size: 1rem;
  font-weight: 700;
  margin-top: -7rem;
  padding: 1rem 1.25rem 2.5rem;
  position: absolute;
  text-align: center;
  z-index: 100;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .modal,
  .side-list-insurance .wrap-btn .modal,
  #single-insurance .wrap-btn .modal,
  #category .box-insurance .list-insurance .modal {
    width: 60%;
  }
}

.side-list-insurance .wrap-btn .modal,
#single-insurance .wrap-btn .modal,
#category .box-insurance .list-insurance .modal {
  width: 100%;
}

#single-details-content .wrap-btn .modal .modal-content .red,
.side-list-insurance .wrap-btn .modal .modal-content .red,
#single-insurance .wrap-btn .modal .modal-content .red,
#category .wrap-btn .modal .modal-content .red {
  color: #d70707;
}

#single-details-content .wrap-btn .modal .modal-content .tx-20,
.side-list-insurance .wrap-btn .modal .modal-content .tx-20,
#single-insurance .wrap-btn .modal .modal-content .tx-20,
#category .wrap-btn .modal .modal-content .tx-20 {
  font-size: 1.25rem;
}

#single-details-content .wrap-btn .modal .copy-code,
.side-list-insurance .wrap-btn .modal .copy-code,
#single-insurance .wrap-btn .modal .copy-code,
#category .wrap-btn .modal .copy-code {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .modal .copy-code,
  .side-list-insurance .wrap-btn .modal .copy-code,
  #single-insurance .wrap-btn .modal .copy-code,
  #category .wrap-btn .modal .copy-code {
    width: 90%;
  }
}

#single-details-content .wrap-btn .modal .copy-code .code-num,
.side-list-insurance .wrap-btn .modal .copy-code .code-num,
#single-insurance .wrap-btn .modal .copy-code .code-num,
#category .wrap-btn .modal .copy-code .code-num {
  background: #fff;
  border: 1px solid #006762;
  color: #006762;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.625rem;
  width: 45%;
}

#single-details-content .wrap-btn .modal .copy-code .txt-box,
.side-list-insurance .wrap-btn .modal .copy-code .txt-box,
#single-insurance .wrap-btn .modal .copy-code .txt-box,
#category .wrap-btn .modal .copy-code .txt-box {
  background: #006762;
  color: #fff;
  padding: 0.75rem 0.625rem 0.625rem 0.625rem;
  width: 55%;
}

#single-details-content .wrap-btn .modal .copy-code .code-text i,
#single-details-content .wrap-btn .modal .copy-code .copy-feedback i,
.side-list-insurance .wrap-btn .modal .copy-code .code-text i,
.side-list-insurance .wrap-btn .modal .copy-code .copy-feedback i,
#single-insurance .wrap-btn .modal .copy-code .code-text i,
#single-insurance .wrap-btn .modal .copy-code .copy-feedback i,
#category .wrap-btn .modal .copy-code .copy-feedback i {
  padding-right: 0.5rem;
}

#single-details-content .wrap-btn .modal .close-popup,
.side-list-insurance .wrap-btn .modal .close-popup,
#single-insurance .wrap-btn .modal .close-popup,
#category .wrap-btn .modal .close-popup {
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding-right: 1.5rem;
  text-align: right;
  width: 100%;
}

#single-details-content .wrap-btn .modal .close-popup i,
.side-list-insurance .wrap-btn .modal .close-popup i,
#single-insurance .wrap-btn .modal .close-popup i,
#category .wrap-btn .modal .close-popup i {
  padding-left: 0.3rem;
}

@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .btn-cv {
    width: 48.7%;
    margin-bottom: 1rem;
  }
}

#single-details-content .wrap-btn .btn-cv a {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 700;
  color: #fff;
  padding: 0.8125rem;
  background-color: #FF6600;
  border-radius: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .btn-cv a {
    font-size: 1.125rem;
    padding: 1.1875rem;
  }
}

#single-details-content .wrap-btn .btn-cv a span {
  display: block;
  width: 0.75rem;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .btn-cv a span {
    width: 1rem;
  }
}

#single-details-content .wrap-btn .btn-form {
  margin-top: 1.875rem;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .btn-form {
    margin-top: 0;
    width: 48.7%;
  }
}

#single-details-content .wrap-btn .btn-form.form-off {
  margin-top: 0.8125rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .btn-form.form-off {
    margin-top: 0;
  }
}

#single-details-content .wrap-btn .btn-form-off {
  margin-top: 1.25rem;
}

#single-details-content .wrap-btn .btn-form .skuform {
  position: relative;
}

#single-details-content .wrap-btn .btn-form .skuform::before {
  background-color: #fff;
  border-radius: 50vh;
  color: #000;
  content: "メールで資料を受け取れます！";
  display: block;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  font-size: 0.75rem;
  font-weight: 700;
  left: 0;
  line-height: 1.4285714286;
  margin: 0 auto;
  padding: 0.25rem 0.5rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: -1.15rem;
  width: 14.5rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .btn-form .skuform::before {
    font-size: 0.875rem;
    padding: 0.5625rem 1rem;
    top: -1.8rem;
  }
}

#single-details-content .wrap-btn .btn-form .skuform.no-mail::before {
  display: none;
}

#single-details-content .wrap-btn .btn-form .skuform::after {
  background: url(../images/common/bg-arrow-white.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  height: 0.5625rem;
  left: 50%;
  position: absolute;
  top: 0.25rem;
  transform: translateX(-50%);
  width: 0.5625rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .btn-form .skuform::after {
    top: 0.46rem;
  }
}

#single-details-content .wrap-btn .btn-form .skuform.no-mail::after {
  display: none;
}

@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .text-cv {
    width: 48.7%;
  }
}

#single-details-content .wrap-btn .skubutton {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 700;
  color: #fff;
  padding: 0.8125rem;
  background-color: #1976D2;
  border-radius: 50vh;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .skubutton {
    font-size: 1.125rem;
    padding: 1.1875rem;
  }
}

#single-details-content .wrap-btn .form-off {
  align-items: center;
  background-color: #dbdbdb;
  border-radius: 50vh;
  color: #fff;
  display: block;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.4444444444;
  padding: 0.8125rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .form-off {
    font-size: 1.125rem;
    padding: 1.1875rem;
    width: 48.7%;
  }
}

#single-details-content .wrap-btn .text-cv a {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 700;
  color: #fff;
  padding: 0.8125rem;
  background-color: #FF6600;
  border-radius: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .text-cv a {
    font-size: 1.125rem;
    padding: 1.1875rem;
  }
}

@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .btn-line {
    margin: auto;
    width: 48.7%;
  }
}
#single-details-content .wrap-btn .btn-line a {
  align-items: center;
  background-color: #00B902;
  border-radius: 50vh;
  color: #fff;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  padding: 0.8125rem;
  margin-top: 0.8rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .btn-line a {
    font-size: 1.125rem;
    padding: 1.1875rem;
    width: 100%;
  }
}
#single-details-content .wrap-btn .btn-line a span {
  margin-right: 0.5rem;
  width: 7%;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-btn .btn-line a span {
    width: 10%;
  }
}

#single-details-content .box-specialist {
  margin-top: 1.25rem;
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-specialist {
    border-radius: 2rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 1.5rem;
    margin-top: 2.5rem;
  }
}

#single-details-content .ttl-specialist {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .ttl-specialist {
    margin-bottom: 1.5625rem;
  }
}

#single-details-content .content-specialist {
  display: flex;
  justify-content: space-between;
}

#single-details-content .content-specialist .wrap-img-specialist {
  width: 17%;
}

#single-details-content .content-specialist .wrap-img-specialist img {
  height: auto;
  border-radius: 50%;
}

#single-details-content .content-specialist .info-wrap {
  width: 74.2%;
}

#single-details-content .content-specialist .wrap-specialist-info .specialist-name .job {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 0.5625rem;
}

#single-details-content .content-specialist .wrap-specialist-info .specialist-name a {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
  display: flex;
  align-items: center;
}

#single-details-content .content-specialist .wrap-specialist-info .specialist-name a span {
  display: block;
  width: 0.5625rem;
  margin-left: 0.5rem;
}

#single-details-content .content-specialist .wrap-specialist-info .text-specialist-comment .text_limit {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 0.6875rem;
  text-align: justify;
}

#single-details-content .box-specialist .text-more {
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  width: 4.5%;
}

#single-details-content .box-specialist .text-more a {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
  color: #26A300;
  padding: 0.625rem 1rem;
  border: 1px solid #26A300;
  border-radius: 50vh;
  display: inline-block;
}

#single-details-content .box-feature {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-feature {
    display: flex;
    margin-top: 2.5rem;
  }
}

#single-details-content .box-feature dt {
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 700;
  color: #fff;
  background-color: #26A300;
  padding: 0.625rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-feature dt {
    width: 15%;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

#single-details-content .box-feature dd {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 0.875rem 1rem;
  background-color: #F5F5F5;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-feature dd {
    width: 85%;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 0;
  }
}

#single-details-content .box-point {
  margin-top: 1.5rem;
}
#single-details-content .box-point .ttl-point {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.45;
  font-weight: 700;
  color: #26A300;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-point .ttl-point {
    font-size: 1.25rem;
  }
}

#single-details-content .box-point .ttl-point::after {
  content: "";
  flex-grow: 1;
  border-top: 1px solid #26A300;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-point .ttl-point::after {
    margin-left: 1rem;
  }
}

#single-details-content .box-point ol {
  margin-top: 1rem;
}

#single-details-content .box-point ol li {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  padding-left: 1.75em;
  position: relative;
}

#single-details-content .box-point ol li::before {
  content: "";
  display: block;
  width: 1.25em;
  height: 1.25em;
  background: url(../images/common/icon-check.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 13%;
  left: 0;
}

#single-details-content .box-point ol li + li {
  margin-top: 0.5rem;
}

#single-details-content .box-content h4 {
  margin-top: 1.875rem;
  font-size: 1.125rem;
  line-height: 1.4583333333;
  font-weight: 700;
  padding: 0.5em 1.16em;
  background-color: #F5F5F5;
  border-radius: 1rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-content h4 {
    margin-top: 4rem;
    font-size: 1.5rem;
  }
}

#single-details-content .box-content h4::before {
  content: "";
  display: block;
  width: 0.5em;
  height: 64%;
  background-color: #26A300;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

#single-details-content .box-content .text-plan {
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 700;
  color: #26A300;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #26A300;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-content .text-plan {
    margin-top: 2.5rem;
    font-size: 1.25rem;
  }
}

#single-details-content .box-content h5 {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 700;
  padding: 0.5em 1.16em;
  background-color: #26A300;
  color: #fff;
  border-radius: 1rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-content h5 {
    margin-top: 2.5rem;
    font-size: 1.125rem;
    padding: 0.8125rem 1.0625rem 1.0625rem;
  }
}

#single-details-content .box-content .img-plan {
  margin-top: 1.25rem;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-content .img-plan {
    margin-top: 1.5rem;
  }
}

#single-details-content .box-content dl {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-content dl {
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
  }
}

#single-details-content .box-content dl dt {
  background-color: #F5F5F5;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  border-top: 1px solid #CCCCCC;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-content dl dt {
    width: 28%;
  }
}

#single-details-content .box-content dl dd {
  text-align: left;
  padding: 1rem;
  border-top: 1px solid #CCCCCC;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-content dl dd {
    width: 72%;
  }
}

#single-details-content .box-content dl dd .hosoku,
#single-details-content .box-content dl dd .price,
#single-details-content .box-content dl dd .bold {
  font-weight: 700;
  color: #FE6600;
  font-size: 1rem;
  line-height: 1.5;
}

#single-details-content .box-content dl dd .price {
  font-size: 1.5rem;
}

#single-details-content .box-content dl dd .bikou {
  font-size: 0.75rem;
}

#single-details-content .box-content dl dd:last-of-type {
  border-bottom: 1px solid #CCCCCC;
}

@media screen and (min-width: 768px) {
  #single-details-content .box-content dl dt:last-of-type {
    border-bottom: 1px solid #CCCCCC;
  }
}

#single-details-content .bnr-interview {
  margin-top: 2.5rem;
}

#single-details-content .ttl-expert {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 700;
  padding: 0.5em 1.16em;
  background-color: #26A300;
  color: #fff;
  border-radius: 1rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #single-details-content .ttl-expert {
    margin-top: 2.5rem;
    font-size: 1.125rem;
  }
}

#single-details-content .ttl-expert {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .ttl-expert {
    margin-bottom: 1.5625rem;
  }
}

#single-details-content .wrap-expert-info {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-expert-info {
    margin-top: 2.5rem;
  }
}

#single-details-content .expert-info {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #single-details-content .expert-info {
    border-radius: 2rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 1.5rem;
  }
}

#single-details-content .expert-info > dt {
  width: 17%;
}

#single-details-content .expert-info .img-expert img {
  height: auto;
  border-radius: 50%;
}

#single-details-content .expert-info > dd {
  width: 74.2%;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
}

#single-details-content .expert-info dd a {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
}

#single-details-content .expert-info > dd .job {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 0.5625rem;
}

#single-details-content .expert-info > dd .text-expert {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 1rem;
  text-align: justify;
}

#single-details-content .expert-info > dd .license {
  margin-top: 1rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #single-details-content .expert-info > dd .license {
    display: flex;
    align-items: start;
  }
}

#single-details-content .expert-info > dd .license dt {
  font-weight: 700;
  color: #fff;
  background-color: #ADADAD;
  border-radius: 50vh;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 0.125rem 1em 0.3125rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #single-details-content .expert-info > dd .license dt {
    font-size: 0.75rem;
    line-height: 1.4166666667;
    width: 17%;
  }
}

#single-details-content .expert-info dd .license dd {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .expert-info dd .license dd {
    margin-top: 0;
    width: 82%;
    margin-left: 1.5%;
    padding-top: 0.125rem;
  }
}

#single-details-content .expert-info .text-more {
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  width: 4.5%;
}

#single-details-content .content-specialist .wrap-specialist-info .text-specialist-comment .text_limit {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 0.6875rem;
  text-align: justify;
}

#single-details-content .box-point3 {
  padding: 1.6em 1.6em 1.6em 2.5em;
  background-color: #F5F5F5;
  border-radius: 0.5rem;
  margin-top: 1.25rem;
  list-style: auto;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-point3 {
    border-radius: 1rem;
    margin-top: 2.5rem;
  }
}

#single-details-content .box-point3 li {
  font-size: 0.9375rem;
  line-height: 2.1333333333;
  font-weight: 700;
}

#single-details-content .wrap-lic {
  display: flex;
  align-items: center;
  padding: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 1rem;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .wrap-lic {
    padding: 1.5rem;
    border-radius: 2rem;
    margin-top: 2.5rem;
  }
}

#single-details .box-expert .wrap-lic .img-lic {
  width: 23.2%;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  #single-details .box-expert .wrap-lic .img-lic {
    margin-right: 1.5rem;
  }
}

#single-details .box-expert .wrap-lic .box-lic .company {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 700;
  color: #26A300;
}
@media screen and (min-width: 768px) {
  #single-details .box-expert .wrap-lic .box-lic .company {
    font-size: 1rem;
  }
}

#single-details .box-expert .wrap-lic .box-lic dd {
  font-size: 1rem;
  line-height: 1.4583333333;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #single-details .box-expert .wrap-lic .box-lic dd {
    font-size: 1.5rem;
  }
}

#single-details .box-comment {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #single-details .box-comment {
    margin-top: 2.5rem;
  }
}

#single-details .box-comment p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1em;
}

#single-details .box-content-product {
  padding: 1rem;
  background-color: #F5F5F5;
  border-radius: 0.5rem;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-details .box-content-product {
    margin-top: 2.5rem;
    padding: 1.5rem;
    border-radius: 1rem;
  }
}

#single-details .box-content-product table caption {
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 700;
  text-align: left;
  margin-bottom: 1.5rem;
}

#single-details .box-content-product table th {
  padding: 1rem 0;
  border-top: 1px solid #CCCCCC;
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  #single-details .box-content-product table th {
    width: 32%;
    text-align: left;
    display: table-cell;
  }
}

#single-details .box-content-product table td {
  padding: 1rem 0;
  border-top: 1px solid #CCCCCC;
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  #single-details .box-content-product table td {
    width: 68%;
    display: table-cell;
  }
}

#single-details .box-content-product table td a {
  font-weight: 700;
  color: #26A300;
}

#single-details .box-content-product table td .bikou {
  font-size: 0.75rem;
}

#single-details .box-content-product table tr:last-child th,
#single-details .box-content-product table tr:last-child td {
  border-bottom: 1px solid #ccc;
}

#single-details .box-content-product table tr:last-child td {
  border-top: none;
}
@media screen and (min-width: 768px) {
  #single-details .box-content-product table tr:last-child td {
    border-top: 1px solid #ccc;
  }
}

#single-details .text-number {
  margin-top: 2.5rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 400;
  color: #666666;
  text-align: right;
}

@media screen and (min-width: 768px) {
  #sidebar {
    width: 31%;
  }
}

#single-details-wrap #sidebar h3::before {
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  background: url(../images/common/icon-graph.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#single-details-wrap .side-list-insurance {
  margin-top: 1.5rem;
}

#single-details-wrap .side-list-insurance > li {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 2rem;
  padding: 1.5rem;
}

#single-details-wrap .side-list-insurance > li + li {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #single-details-wrap .side-list-insurance > li + li {
    margin-top: 1.5rem;
  }
}

#single-details-wrap .side-list-insurance .box-title {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

#single-details-wrap .side-list-insurance .icon-rank {
  width: 10.3%;
}

#single-details-wrap .side-list-insurance .box-title .thumb {
  width: 30.9%;
}

#single-details-wrap .side-list-insurance .box-title .title {
  width: 53.5%;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #26A300;
}

#single-details-wrap .side-list-insurance .box-title .company {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  color: #000;
}

#single-details-wrap .side-list-insurance .box-title .box-price {
  margin-top: 0.5rem;
}

#single-details-wrap .side-list-insurance .box-price .wrap-price {
  border-radius: 0.5rem;
  background-color: #F5F5F5;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 0.25rem;
  margin-top: 0.5rem;
}

#single-details-wrap .side-list-insurance .box-price .wrap-price .woman,
#single-details-wrap .side-list-insurance .box-price .wrap-price .man {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

#single-details-wrap .side-list-insurance .box-price .wrap-price .man,
#single-details-wrap .side-list-insurance .box-price .wrap-price .mr1 {
  display: none;
}

#single-details-wrap .side-list-insurance .box-price .wrap-price .text-age,
#single-details-wrap .side-list-insurance .box-price .wrap-price .mr1 {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}

#single-details-wrap .side-list-insurance .box-price .wrap-price .text-age {
  display: flex;
  align-items: center;
}

#single-details-wrap .side-list-insurance .box-price .wrap-price small {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 400;
}

#single-details-wrap .side-list-insurance .box-price .wrap-price .txt-red {
  color: #FE6600;
  margin-left: 0.5rem;
}

#single-details-wrap .side-list-insurance .box-price .wrap-price .counterup {
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 700;
  color: #FE6600;
  margin-right: 0.5rem;
}

#single-details-wrap .side-list-insurance .box-price .text-date,
#single-details-wrap .side-list-insurance .box-price .text-conditions {
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 400;
  color: #666666;
}

#single-details-wrap .side-list-insurance .box-price .text-date {
  margin-top: 0.5rem;
  text-align: right;
}

#single-details-wrap .side-list-insurance .box-price .text-conditions {
  margin-top: 0.5rem;
}

#single-details-wrap .side-list-insurance .box-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}

#single-details-wrap .side-list-insurance .box-route > li {
  width: 32.2%;
  text-align: center;
  padding: 0.4375rem 0.3125rem;
  background-color: #F5F5F5;
  color: #26A300;
  border-radius: 50vh;
  line-height: 1;
  cursor: pointer;
}

#single-details-wrap .side-list-insurance .box-route li .option {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}

#single-details-wrap .side-list-insurance .box-route li.on {
  color: #fff;
  background-color: #26A300;
}

#single-details-wrap .side-list-insurance .box-route li.off {
  color: #26A300;
  background-color: #F5F5F5;
}

#single-details-wrap .side-list-insurance .box-route li.off .option {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}

#single-details-wrap .side-list-insurance .box-route li .fa {
  font-size: 1rem;
  margin-right: 0.25rem;
  color: #26A300;
}

#single-details-wrap .side-list-insurance .box-route li.on .fa {
  color: #fff;
}

#single-details-wrap .side-list-insurance .box-route > li .optionBox {
  background: #fff;
  border: 1px solid #26A300;
  border-radius: 8px;
  color: #231815;
  display: none;
  font-size: 0.75rem;
  margin-top: 1.5rem;
  margin-left: 0;
  padding: 1rem;
  position: absolute;
  text-align: left;
  width: 50vw;
  z-index: 1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  #single-details-wrap .side-list-insurance .box-route > li .optionBox {
    width: 15vw;
  }
}

#single-details-wrap .side-list-insurance .box-route li .optionBox::after {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background: url(../images/category/img-triangle.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: -0.9875rem;
  left: 2.625rem;
  z-index: 2;
}

#single-details-wrap .side-list-insurance .box-route .optionBox.left85::after {
  left: 80%;
}

#single-details-wrap .side-list-insurance .box-route .optionBox.left85 {
  margin-left: -8.5rem;
}

#single-details-wrap .side-list-insurance .btn-cv,
#single-details-wrap .side-list-insurance .text-cv {
  margin: 0.5rem auto;
}

#single-details-wrap .side-list-insurance .btn-cv a,
#single-details-wrap .side-list-insurance .text-cv a {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  padding: 0.4375rem;
  background-color: #FF6600;
  border-radius: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-details-wrap .side-list-insurance .btn-cv a span {
  display: block;
  width: 0.75rem;
  margin-left: 0.5rem;
}

#single-details-wrap .side-list-insurance .skubutton {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  padding: 0.4375rem;
  background-color: #1976D2;
  border-radius: 50vh;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-details-wrap .side-list-insurance .form-off {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  padding: 0.4375rem;
  background-color: #dbdbdb;
  border-radius: 50vh;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-details-wrap .side-list-insurance .btn-line a {
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  background-color: #00B902;
  border-radius: 50vh;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4375rem;
  font-size: 1rem;
  margin-top: 0.5rem;
}
#single-details-wrap .side-list-insurance .btn-line a span {
  margin-right: 0.5rem;
  width: 7%;
}
@media screen and (min-width: 768px) {
  #single-details-wrap .side-list-insurance .btn-line a span {
    width: 10%;
  }
}

#single-details-wrap .side-list-insurance .text-number {
  text-align: right;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 400;
  color: #666666;
  margin-top: 0.5rem;
}

#single-details-content .box-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-route {
    max-width: 20.3125rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.125rem;
  }
}

#single-details-content .box-route > li {
  width: 32.2%;
  text-align: center;
  padding: 0.4375rem 0.3125rem;
  background-color: #F5F5F5;
  color: #26A300;
  border-radius: 50vh;
  line-height: 1;
  cursor: pointer;
}
#single-details-content .box-route li .option {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}

#single-details-content .box-route li.on {
  color: #fff;
  background-color: #26A300;
}

#single-details-content .box-route li.off {
  color: #26A300;
  background-color: #F5F5F5;
}

#single-details-content .box-route li.off .option {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}

#single-details-content .box-route li .fa {
  font-size: 1rem;
  margin-right: 0.25rem;
  color: #26A300;
}

#single-details-content .box-route li.on .fa {
  color: #fff;
}

#single-details-content .box-route > li .optionBox {
  background: #fff;
  border: 1px solid #26A300;
  border-radius: 8px;
  color: #231815;
  display: none;
  font-size: 0.75rem;
  margin-top: 1.5rem;
  margin-left: 0;
  padding: 1rem;
  position: absolute;
  text-align: left;
  width: 50vw;
  z-index: 1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  #single-details-content .box-route > li .optionBox {
    font-size: 0.875rem;
    width: 24vw;
    border-radius: 16px;
  }
}

#single-details-content .box-route li .optionBox::after {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background: url(../images/category/img-triangle.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: -0.9875rem;
  left: 2.625rem;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-route li .optionBox::after {
    left: 1.25rem;
  }
}

#single-details-content .box-route .optionBox.left85::after {
  left: 80%;
}
@media screen and (min-width: 768px) {
  #single-details-content .box-route .optionBox.left85::after {
    left: 50%;
  }
}

#single-details-content .box-route .optionBox.left85 {
  margin-left: -8.5rem;
}

#single-details-content span.bikou {
  font-size: 0.75rem;
}

#single-details-content p.text-guidance {
  margin-top: 2.5rem;
  font-size: 0.75rem;
}

#single-details-wrap {
  box-sizing: border-box;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 53.75rem;
  padding: 1.25rem 1rem 2rem;
}

#single-details {
  width: 100%;
}

#single-details #select-wrap {
  align-items: stretch;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

#single-details #select-wrap .wrap-form {
  margin: 0;
  width: 100%;
}

#single-details #select-wrap .wrap-form .box-form {
  align-items: end;
  display: grid;
  gap: 0.625rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: end;
  margin: 0 0 0 auto;
  max-width: 22.5rem;
}

#single-details #select-wrap .wrap-form .box-form label {
  display: block;
  min-width: 0;
  position: relative;
}

#single-details #select-wrap .select-label {
  color: #53615d;
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.25rem;
  width: auto;
}

#single-details #select-wrap .select-label::after {
  content: none;
  display: none;
}

#single-details #select-wrap .wrap-form .box-form label::after {
  background: url(../images/common/arrow-bottom.png) no-repeat center center;
  background-size: contain;
  content: "";
  height: 0.625rem;
  pointer-events: none;
  position: absolute;
  right: 0.875rem;
  top: 2.3125rem;
  width: 0.625rem;
}

#single-details #select-wrap #age,
#single-details #select-wrap #gender {
  background-color: #fff;
  border: 1px solid #cbd5d1;
  border-radius: 0.5rem;
  font-size: 0.9375rem;
  height: 2.75rem;
  line-height: 1.4;
  margin: 0;
  padding: 0.5rem 2.25rem 0.5rem 0.75rem;
  width: 100%;
}

#single-details-content {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-top: 1.25rem;
  padding: 0;
}

#single-details-content .box-company {
  border-bottom: 1px solid #e2e8e5;
  padding-bottom: 0.625rem;
}

#single-details-content .box-company .title {
  color: #34443f;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-left: 0.625rem;
}

#single-details-content .box-company .title a,
#single-details-content .box-head h1 a {
  text-decoration: none;
}

#single-details-content .box-head {
  align-items: center;
  gap: 0.625rem;
  margin-top: 0.875rem;
}

#single-details-content .box-head .banner {
  flex: 0 0 24%;
  margin-left: 0;
  width: 24%;
}

#single-details-content .box-head h1 {
  flex: 1 1 auto;
  font-size: 1.25rem;
  line-height: 1.45;
  margin-left: 0;
  width: auto;
}

#single-details-content .box-price {
  margin-top: 1.125rem;
}

#single-details-content .box-price .price .wrap-price .price-list {
  background-color: #f4f7f5;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
}

#single-details-content .box-price .price .wrap-price .price-list li,
#single-details-content .box-price .text-conditions,
#single-details-content .box-price .price .text-date {
  line-height: 1.6;
}

#single-details-content .box-price .price .wrap-price .price-list li .counterup {
  color: #ef6c23;
  font-size: 1.625rem;
  line-height: 1.3;
}

#single-details-content .box-price .price .wrap-price .price-list li .txt-red {
  color: #ef6c23;
}

#single-details-content .box-route {
  margin-top: 0.875rem;
}

#single-details-content .box-route > li {
  border-radius: 0.375rem;
  font-size: 0.75rem;
  min-height: 2.125rem;
}

#single-details-content .single-product-actions {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 1.75rem;
}

#single-details-content .single-product-actions__campaign {
  grid-column: 1/-1;
}

#single-details-content .single-product-actions__campaign a,
#single-details-content .single-product-actions__campaign img {
  display: block;
  width: 100%;
}

#single-details-content .single-product-actions__campaign a {
  border-radius: 0.5rem;
  overflow: hidden;
}

#single-details-content .single-product-actions__campaign img {
  height: auto;
}

#single-details-content .single-product-actions .btn-consultation {
  grid-column: 1/-1;
  padding-top: 0.75rem;
  position: relative;
}

#single-details-content .single-product-actions .btn-consultation__lead {
  background-color: #fff;
  border: 1px solid #ff8a26;
  border-radius: 50vh;
  color: #f36f21;
  font-size: 0.75rem;
  font-weight: 700;
  left: 50%;
  line-height: 1;
  margin: 0;
  padding: 0.3125rem 1.25rem;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1;
}

#single-details-content .single-product-actions .btn-consultation__lead::before,
#single-details-content .single-product-actions .btn-consultation__lead::after {
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  content: "";
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

#single-details-content .single-product-actions .btn-consultation__lead::before {
  border-top: 0.375rem solid #ff8a26;
  bottom: -0.375rem;
}

#single-details-content .single-product-actions .btn-consultation__lead::after {
  border-top: 0.3125rem solid #fff;
  bottom: -0.25rem;
}

#single-details-content .single-product-actions .btn-consultation a {
  align-items: center;
  background: linear-gradient(90deg, #ff6a22 0%, #ffba4e 100%);
  border-radius: 50vh;
  box-shadow: 0 0.1875rem 0 rgba(180, 78, 8, 0.3);
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  justify-content: center;
  min-height: 3.5rem;
  padding: 0.75rem 0.5rem;
  text-decoration: none;
}

#single-details-content .single-product-actions .btn-form,
#single-details-content .single-product-actions .btn-cv,
#single-details-content .single-product-actions .form-off {
  margin: 0;
  width: 100%;
}

#single-details-content .single-product-actions .btn-form {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

#single-details-content .single-product-actions .btn-form form {
  margin: 0;
  width: 100%;
}

#single-details-content .single-product-actions input.skubutton,
#single-details-content .single-product-actions .btn-form button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #0bb783;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='5' fill='white' stroke='%230bb783' stroke-width='2'/%3E%3C/svg%3E");
  background-position: calc(50% - 5.25rem) center;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  border: 2px solid #0bb783;
  border-radius: 50vh;
  box-shadow: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  min-height: 2.875rem;
  padding: 0.5rem 0.625rem 0.5rem 2.125rem;
  text-decoration: none;
  width: 100%;
}

#single-details-content .single-product-actions .btn-form button {
  font-size: 1rem;
  padding: 0.5rem 0.625rem 0.5rem 2.125rem;
}

#single-details-content .single-product-actions input.skubutton.is-selected,
#single-details-content .single-product-actions .btn-form button[aria-pressed=true] {
  background-color: #f1ffe3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='5' fill='%230bb783' stroke='%230bb783' stroke-width='2'/%3E%3Cpath d='M6.5 12.3l3.3 3.3 7.7-7.7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: calc(50% - 2.75rem) center;
  border-color: #0bb783;
  color: #182f28;
}

#single-details-content .single-product-actions input.skubutton.is-loading {
  background-image: none;
  cursor: wait;
  opacity: 0.65;
}

#single-details-content .single-product-actions .btn-cv a {
  align-items: center;
  background: #fff;
  border: 2px solid #34443f;
  border-radius: 50vh;
  box-shadow: 0 0.125rem 0 rgba(52, 68, 63, 0.18);
  box-sizing: border-box;
  color: #34443f;
  display: flex;
  font-size: 0.8125rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.3;
  min-height: 2.875rem;
  padding: 0.5rem 0.5rem;
  text-align: center;
  text-decoration: none;
}

#single-details-content .single-product-actions .form-off {
  background: #e4e8e6;
  border-radius: 50vh;
  color: #737d79;
  font-size: 0.875rem;
  min-height: 2.875rem;
  padding: 0.625rem;
}

#single-details-content .box-specialist,
#single-details-content .expert-info,
#single-details-content .wrap-lic {
  border: 1px solid #e2e8e5;
  border-radius: 0.625rem;
  box-shadow: none;
}

#single-details-content .box-feature {
  border: 1px solid #dce6e1;
  border-radius: 0.5rem;
  overflow: hidden;
}

#single-details-content .box-feature dt {
  background-color: #edf5f1;
  border-radius: 0;
  color: #2f5d4f;
  font-size: 0.875rem;
}

#single-details-content .box-feature dd {
  background-color: #fff;
  border-radius: 0;
  font-size: 0.9375rem;
  line-height: 1.7;
  text-align: left;
}

#single-details-content .box-point .ttl-point {
  color: #2f5d4f;
  font-size: 1.125rem;
}

#single-details-content .box-point .ttl-point::after {
  border-color: #cbd9d3;
}

#single-details-content .box-point ol li,
#single-details-content .box-content dl dt,
#single-details-content .box-content dl dd,
#single-details .box-comment,
#single-details .box-comment p {
  font-size: 0.9375rem;
  line-height: 1.7;
}

#single-details-content .box-content h4 {
  background: #f3f6f4;
  border-radius: 0.375rem;
  font-size: 1.1875rem;
  line-height: 1.5;
  margin-top: 2.375rem;
  padding: 0.625rem 0.875rem 0.625rem 1.125rem;
}

#single-details-content .box-content h5,
#single-details-content .ttl-expert {
  background: #edf5f1;
  border-radius: 0.375rem;
  color: #2f5d4f;
  font-size: 1.0625rem;
  line-height: 1.5;
}

#single-details .box-content-product {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin-top: 2.25rem;
  padding: 0;
}

#single-details .box-content-product table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

#single-details .box-content-product table caption {
  font-size: 1.1875rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  text-align: left;
}

#single-details .box-content-product table th,
#single-details .box-content-product table td {
  border-top: 1px solid #d7dfdb;
  box-sizing: border-box;
  display: block;
  font-size: 0.875rem;
  line-height: 1.7;
  padding: 0.625rem 0.75rem;
  text-align: left;
  width: 100%;
}

#single-details .box-content-product table th {
  background: #f2f6f4;
  color: #34443f;
}

#single-details .box-content-product table td {
  border-top: 0;
}

#single-details .box-content-product table tr:last-child td {
  border-bottom: 1px solid #d7dfdb;
}

@media screen and (min-width: 768px) {
  #single-details-wrap {
    padding: 2.5rem 1.5rem 3rem;
  }
  #single-details #select-wrap .wrap-form .box-form {
    gap: 0.75rem;
    max-width: 23.75rem;
  }
  #single-details #select-wrap #age,
  #single-details #select-wrap #gender {
    font-size: 1rem;
    height: 2.875rem;
    padding: 0.5rem 2.375rem 0.5rem 0.875rem;
    width: 100%;
  }
  #single-details-content {
    margin-top: 1.5rem;
  }
  #single-details-content .box-head h1 {
    font-size: 1.625rem;
  }
  #single-details-content .box-price .price .wrap-price .price-list li .counterup {
    font-size: 1.875rem;
  }
  #single-details-content .single-product-actions {
    gap: 0.75rem;
    margin-top: 2.125rem;
  }
  #single-details-content .single-product-actions .btn-consultation a {
    font-size: 1.0625rem;
    min-height: 3.75rem;
  }
  #single-details-content .single-product-actions input.skubutton,
  #single-details-content .single-product-actions .btn-cv a,
  #single-details-content .single-product-actions .form-off {
    font-size: 1rem;
    min-height: 3.125rem;
  }
  #single-details-content .box-feature {
    border-radius: 0.5rem;
  }
  #single-details-content .box-feature dt {
    border-radius: 0;
    width: 18%;
  }
  #single-details-content .box-feature dd {
    border-radius: 0;
    width: 82%;
  }
  #single-details-content .box-content h4 {
    font-size: 1.375rem;
    margin-top: 3rem;
  }
  #single-details .box-content-product table th,
  #single-details .box-content-product table td {
    display: table-cell;
    font-size: 0.9375rem;
    padding: 0.8125rem 1rem;
    text-align: left;
  }
  #single-details .box-content-product table th {
    width: 30%;
  }
  #single-details .box-content-product table td {
    border-top: 1px solid #d7dfdb;
    width: 70%;
  }
}
#single-details-wrap {
  max-width: 70rem;
}

#single-details-content .single-first-view {
  border-bottom: 1px solid #dfe6e2;
  display: grid;
  gap: 1.25rem;
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
}

#single-details-content .single-first-view__main {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

#single-details-content .single-first-view .box-company {
  border: 0;
  display: block;
  padding: 0;
}

#single-details-content .single-first-view .box-company .title {
  color: #52605c;
  font-size: 0.8125rem;
  font-weight: 400;
  margin: 0;
}

#single-details-content .single-first-view .box-company a {
  color: inherit;
  text-decoration: none;
}

#single-details-content .single-first-view .box-head {
  align-items: center;
  border-bottom: 0;
  gap: 0.875rem;
  margin: 0;
}

#single-details-content .single-first-view .box-head .banner {
  align-items: center;
  border: 1px solid #d9e1dd;
  border-radius: 0.375rem;
  display: flex;
  flex: 0 0 7.5rem;
  justify-content: center;
  margin: 0;
  min-height: 4.5rem;
  overflow: hidden;
  padding: 0.375rem;
  width: 7.5rem;
}

#single-details-content .single-first-view .box-head .banner img {
  height: auto;
  max-height: 4rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

#single-details-content .single-first-view .box-head h1 {
  color: #1f302b;
  flex: 1 1 auto;
  font-size: 1.3125rem;
  line-height: 1.45;
  margin: 0;
  min-width: 0;
  width: auto;
}

#single-details-content .single-first-view .box-price {
  border: 1px solid #0bb783;
  border-radius: 0.4375rem;
  margin: 0;
  overflow: hidden;
}

#single-details-content .single-first-view__price-label {
  background: #0bb783;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.3;
  padding: 0.3125rem 0.625rem;
  text-align: center;
}

#single-details-content .single-first-view .box-price .price .wrap-price .price-list {
  background: #fff;
  border-radius: 0;
  min-height: 3.4375rem;
  padding: 0.4375rem 0.625rem;
}

#single-details-content .single-first-view .box-price .price .text-date {
  background: #f5f8f6;
  margin: 0;
  padding: 0.25rem 0.5rem;
  text-align: center;
}

#single-details-content .single-first-view #select-wrap {
  align-self: end;
  margin: 0;
}

#single-details-content .single-first-view #select-wrap .wrap-form .box-form {
  gap: 0.5rem;
  margin: 0;
  max-width: none;
}

#single-details-content .single-first-view #select-wrap #age,
#single-details-content .single-first-view #select-wrap #gender {
  height: 3rem;
}

#single-details-content .single-first-view__conditions {
  color: #66716d;
  font-size: 0.6875rem;
  line-height: 1.65;
  margin: 0;
}

#single-details-content .single-first-view > .single-product-actions {
  align-content: start;
  align-self: start;
  background: #fff7e9;
  border-radius: 0.625rem;
  display: grid;
  gap: 0.625rem;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  padding: 1.25rem 0.875rem 0.875rem;
}

#single-details-content .single-first-view > .single-product-actions .btn-consultation {
  grid-column: auto;
}

#single-details-content .single-first-view > .single-product-actions .btn-consultation a {
  font-size: 0.875rem;
  min-height: 3.25rem;
}

#single-details-content .single-first-view > .single-product-actions .btn-form,
#single-details-content .single-first-view > .single-product-actions .btn-cv,
#single-details-content .single-first-view > .single-product-actions .form-off {
  width: 100%;
}

#single-details-content > .box-specialist,
#single-details-content > .wrap-feature,
#single-details-content > .box-point,
#single-details-content > .bnr-interview,
#single-details-content > .box-content,
#single-details-content > .box-expert,
#single-details-content > .box-content-product,
#single-details-content > .single-product-actions--bottom,
#single-details-content > .text-guidance,
#single-details-content > .text-number {
  margin-left: auto;
  margin-right: auto;
  max-width: 53.75rem;
}

@media screen and (min-width: 768px) {
  #single-details-content .single-first-view {
    align-items: start;
    gap: 1.75rem;
    grid-template-columns: minmax(0, 1fr) 18.75rem;
    margin-bottom: 2.5rem;
    padding-bottom: 2.375rem;
  }
  #single-details-content .single-first-view__main {
    -moz-column-gap: 0.875rem;
         column-gap: 0.875rem;
    grid-template-columns: minmax(11.25rem, 0.75fr) minmax(16.25rem, 1.25fr);
    row-gap: 0.75rem;
  }
  #single-details-content .single-first-view .box-company,
  #single-details-content .single-first-view .box-head,
  #single-details-content .single-first-view__conditions {
    grid-column: 1/-1;
  }
  #single-details-content .single-first-view .box-head .banner {
    flex-basis: 9.6875rem;
    min-height: 5.125rem;
    width: 9.6875rem;
  }
  #single-details-content .single-first-view .box-head .banner img {
    max-height: 4.5rem;
  }
  #single-details-content .single-first-view .box-head h1 {
    font-size: 1.625rem;
  }
  #single-details-content .single-first-view .box-price {
    align-self: end;
  }
  #single-details-content .single-first-view > .single-product-actions {
    padding: 1.5rem 1rem 1rem;
  }
}
#single-details-wrap {
  max-width: 41.25rem;
}

#single-details-content .single-first-view {
  display: block;
}

#single-details-content .single-first-view__main {
  display: block;
}

#single-details-content .single-first-view .box-company {
  margin-bottom: 0.3125rem;
}

#single-details-content .single-first-view .box-company .title {
  font-size: 0.8125rem;
}

#single-details-content .single-first-view .box-head {
  display: block;
  margin-bottom: 0.875rem;
}

#single-details-content .single-first-view .box-head h1 {
  font-size: 1.4375rem;
  line-height: 1.4;
  width: 100%;
}

#single-details-content .single-first-view__product-summary {
  align-items: stretch;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(6.875rem, 0.7fr) minmax(0, 1.3fr);
}

#single-details-content .single-first-view__product-summary .banner {
  align-items: center;
  border: 1px solid #d9e1dd;
  border-radius: 0.4375rem;
  display: flex;
  justify-content: center;
  min-height: 5.75rem;
  overflow: hidden;
  padding: 0.5rem;
}

#single-details-content .single-first-view__product-summary .banner img {
  height: auto;
  max-height: 4.75rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

#single-details-content .single-first-view__product-summary .box-price {
  align-self: stretch;
  display: flex;
}

#single-details-content .single-first-view__product-summary .box-price .price {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#single-details-content .single-first-view__product-summary .box-price .wrap-price {
  display: flex;
  flex: 1 1 auto;
}

#single-details-content .single-first-view__product-summary .box-price .price-list {
  flex: 1 1 auto;
}

#single-details-content .single-first-view #select-wrap {
  background: #f4f7f5;
  border-radius: 0.5rem;
  margin-top: 0.875rem;
  padding: 0.75rem;
}

#single-details-content .single-first-view #select-wrap .wrap-form .box-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#single-details-content .single-first-view__conditions {
  margin-top: 0.625rem;
}

#single-details-content .single-first-view > .single-product-actions {
  background: transparent;
  border-radius: 0;
  display: grid;
  gap: 0.625rem;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 1.5rem;
  padding: 0;
}

#single-details-content .single-first-view > .single-product-actions .btn-consultation {
  grid-column: 1/-1;
}

@media screen and (min-width: 768px) {
  #single-details-wrap {
    max-width: 41.25rem;
  }
  #single-details-content .single-first-view {
    display: block;
  }
  #single-details-content .single-first-view__main {
    display: block;
  }
  #single-details-content .single-first-view .box-head h1 {
    font-size: 1.6875rem;
  }
  #single-details-content .single-first-view__product-summary {
    gap: 0.875rem;
    grid-template-columns: 11.25rem minmax(0, 1fr);
  }
  #single-details-content .single-first-view__product-summary .banner {
    min-height: 7rem;
  }
  #single-details-content .single-first-view__product-summary .banner img {
    max-height: 5.875rem;
  }
  #single-details-content .single-first-view #select-wrap {
    margin-top: 1rem;
    padding: 0.875rem;
  }
  #single-details-content .single-first-view > .single-product-actions {
    padding: 0;
  }
}
#single-details-content .single-first-view #select-wrap .box-form label::after {
  top: 50%;
}

#single-details-content .single-first-view__feature {
  margin-top: 1.5rem;
}

#single-details-content .single-first-view__feature .box-feature {
  margin-top: 0;
}

#single-details-content .single-first-view__points {
  margin-top: 1.25rem;
}

#single-details-content .single-first-view__points ol {
  margin-top: 0.75rem;
}

#single-details-content .single-first-view > .box-expert {
  margin-top: 2rem;
}

#single-details-content .single-first-view > .box-expert .expert-info > dd {
  width: 78%;
}

#single-details-content .single-first-view > .single-product-actions {
  margin-top: 1.625rem;
}

@media screen and (min-width: 768px) {
  #single-details-content .single-product-actions,
  #single-details-content .single-first-view > .single-product-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#single-details-content .box-content h4 {
  background: #fff;
  border-bottom: 2px solid #2f5d4f;
  border-radius: 0;
  color: #1f302b;
  font-size: 1.25rem;
  line-height: 1.45;
  margin-top: 2.625rem;
  padding: 0.5rem 0 0.625rem 1rem;
}

#single-details-content .box-content h4::before {
  background-color: #2f5d4f;
  height: 1.5rem;
  width: 0.25rem;
}

#single-details-content .box-content h5 {
  background: #f1f4f2;
  border-left: 3px solid #82958e;
  border-radius: 0.1875rem;
  color: #293934;
  font-size: 1.0625rem;
  line-height: 1.5;
  margin-top: 1.75rem;
  padding: 0.5625rem 0.75rem;
}

#single-details-content .box-content .text-plan {
  border-bottom: 1px solid #c8d3ce;
  color: #34443f;
  font-size: 1.0625rem;
  line-height: 1.55;
  margin-top: 1.5rem;
  padding-bottom: 0.4375rem;
}

#single-details-content .box-content h6 {
  color: #34443f;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
  margin-top: 1.375rem;
}

@media screen and (min-width: 768px) {
  #single-details-content .single-first-view__feature {
    margin-top: 1.75rem;
  }
  #single-details-content .single-first-view__points {
    margin-top: 1.5rem;
  }
  #single-details-content .single-first-view > .box-expert {
    margin-top: 2.5rem;
  }
  #single-details-content .box-content h4 {
    font-size: 1.375rem;
    margin-top: 3.125rem;
  }
  #single-details-content .box-content h5 {
    font-size: 1.125rem;
    margin-top: 2rem;
  }
  #single-details-content .box-content .text-plan {
    font-size: 1.125rem;
    margin-top: 1.75rem;
  }
}
#single-details-content .single-first-view #select-wrap {
  background: transparent;
  border-radius: 0;
  padding: 0;
}

#single-details-content .single-price-conditions {
  margin-top: 0.625rem;
}

#single-details-content .single-price-conditions summary {
  color: #666;
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1.5;
  list-style: none;
  text-align: right;
  text-decoration: underline;
}

#single-details-content .single-price-conditions summary::-webkit-details-marker {
  display: none;
}

#single-details-content .single-price-conditions summary::after {
  content: " +";
}

#single-details-content .single-price-conditions[open] summary::after {
  content: " -";
}

#single-details-content .single-price-conditions .single-first-view__conditions {
  background: #f7f8f7;
  border-radius: 0.4375rem;
  color: #555;
  font-size: 0.75rem;
  line-height: 1.65;
  margin-top: 0.4375rem;
  padding: 0.75rem 0.875rem;
}

@media screen and (min-width: 768px) {
  #single-details-content .single-first-view #select-wrap {
    padding: 0;
  }
  #single-details-content .single-price-conditions summary {
    font-size: 0.8125rem;
  }
  #single-details-content .single-price-conditions .single-first-view__conditions {
    font-size: 0.8125rem;
    padding: 0.875rem 1rem;
  }
}
#single-fp {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #single-fp {
    padding: 5rem 0 10rem;
  }
}

@media screen and (min-width: 768px) {
  .single-fp__inner {
    max-width: 798px;
  }
}

#single-fp-wrap .ttl-fp {
  margin-bottom: 1.25rem;
  text-align: center;
}
#single-fp-wrap .ttl-fp .text-fp {
  border: 1px solid #26A300;
  border-radius: 8px;
  color: #26A300;
  display: inline-block;
  font-size: 1.125rem;
  padding: 0.3125rem 0.625rem;
}
#single-fp-wrap .ttl-fp h4 {
  font-size: 1.875rem;
  margin: 1.25rem 0;
}
#single-fp-wrap .ttl-fp p {
  text-align: left;
}
@media screen and (min-width: 768px) {
  #single-fp-wrap .ttl-fp p {
    text-align: center;
  }
}
#single-fp-wrap .box-fp-profile {
  border-bottom: 2px solid #26A300;
  border-top: 2px solid #26A300;
  margin-bottom: 1.875rem;
  padding: 1.25rem 0;
}
#single-fp-wrap .box-fp-profile .box-fp-profile-wrap {
  display: flex;
  flex-wrap: wrap;
}
#single-fp-wrap .box-fp-profile .img {
  padding-right: 1.25rem;
  width: 30%;
}
#single-fp-wrap .box-fp-profile .img img {
  height: auto;
}
#single-fp-wrap .box-fp-profile .profile-wrap {
  width: 70%;
}
#single-fp-wrap .box-fp-profile .company {
  color: #888;
  font-size: 0.875rem;
}
#single-fp-wrap .box-fp-profile .job {
  color: #26A300;
  font-size: 0.75rem;
}
#single-fp-wrap .box-fp-profile h3 {
  font-size: 1.75rem;
}
#single-fp-wrap .box-fp-profile .kana {
  color: #888;
  font-size: 0.875rem;
}
#single-fp-wrap .box-fp-profile dl {
  margin-top: 1.25rem;
}
#single-fp-wrap .box-fp-profile dl:first-of-type {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  #single-fp-wrap .box-fp-profile dl:first-of-type {
    margin-top: 1.25rem;
  }
}
#single-fp-wrap .box-fp-profile dl dt {
  color: #26A300;
  margin-bottom: 0.3125rem;
}
#single-fp-wrap .box-fp-profile dl li {
  font-size: 0.875rem;
}
#single-fp-wrap .box-fp-profile dl li i {
  color: #26A300;
  margin-right: 0.3125rem;
}
#single-fp-wrap .box-fp-message {
  background-color: #f7f7f7;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin: 1.875rem 0 2.5rem;
  border-radius: 1.25rem;
  padding: 1.25rem;
}
#single-fp-wrap .box-fp-message h5 {
  color: #26A300;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
#single-fp-wrap .box-fp-genre h5 {
  color: #26A300;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
#single-fp-wrap .box-fp-genre ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 4%;
  margin: 1.875rem 0;
}
@media screen and (min-width: 768px) {
  #single-fp-wrap .box-fp-genre ul {
    gap: 2.75%;
  }
}
#single-fp-wrap .box-fp-genre ul li {
  border: 1px solid #26A300;
  border-radius: 0.625rem;
  margin-bottom: 4%;
  padding: 0.9375rem;
  width: 48%;
}
@media screen and (min-width: 768px) {
  #single-fp-wrap .box-fp-genre ul li {
    margin-bottom: 2.75%;
    width: 31.5%;
  }
}
#single-fp-wrap .box-fp-genre dt {
  color: #26A300;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
#single-fp-wrap .box-fp-genre dd {
  display: flex;
  font-size: 0.9375rem;
  flex-wrap: wrap;
}
#single-fp-wrap .box-fp-genre dd .img {
  padding-right: 0.5rem;
  width: 20%;
}
#single-fp-wrap .box-fp-genre dd p {
  font-size: 0.9375rem;
  width: 80%;
}
#single-fp-wrap .box-fp-flow h5 {
  color: #26A300;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
#single-fp-wrap .box-fp-flow li {
  align-items: flex-start;
  border-bottom: 1px dotted #26A300;
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem;
}
#single-fp-wrap .box-fp-flow li .ico-number {
  background: #26A300;
  color: #fff;
  font-size: 1.25rem;
  padding: 0.3125rem 0;
  text-align: center;
  width: 10%;
}
@media screen and (min-width: 768px) {
  #single-fp-wrap .box-fp-flow li .ico-number {
    width: 6%;
  }
}
#single-fp-wrap .box-fp-flow li dl {
  padding-left: 1.25rem;
  width: 90%;
}
@media screen and (min-width: 768px) {
  #single-fp-wrap .box-fp-flow li dl {
    width: 94%;
  }
}
#single-fp-wrap .box-fp-flow li dt {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

#single-insurance {
  padding: 1.25rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance {
    padding: 2.5rem 0 10rem;
  }
}

.single-insurance__inner.inner {
  max-width: 1010px;
}

#single-insurance .box-title {
  display: flex;
  align-items: center;
}

#single-insurance .box-title .thumbnail {
  width: 30%;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-title .thumbnail {
    width: 25%;
  }
}

#single-insurance .box-title .thumbnail img {
  height: auto;
}

#single-insurance .box-title h1 {
  font-size: 1.25rem;
  line-height: 1.4375;
  font-weight: 700;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-title h1 {
    font-size: 2rem;
    margin-left: 1rem;
  }
}

#single-insurance .box-data {
  margin-top: 1rem;
}

#single-insurance .box-data dl {
  align-items: stretch;
  display: flex;
}

#single-insurance .box-data dt {
  align-items: center;
  background: #F5F5F5;
  border-top: 1px solid #CCCCCC;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.4444444444;
  text-align: center;
  width: 60%;
  padding: 1.25rem 0.3125rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-data dt {
    font-size: 1.125rem;
    width: 30%;
    padding: 1.5rem;
  }
}

#single-insurance .box-data dd {
  align-items: center;
  background: #fff;
  border-top: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.4444444444;
  text-align: center;
  width: 40%;
  padding: 1.25rem 0.3125rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-data dd {
    font-size: 1.125rem;
    width: 70%;
    padding: 1.5rem;
    flex-direction: row;
    justify-content: start;
  }
}

#single-insurance .box-data dd small {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.5;
  width: 100%;
  color: #999999;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-data dd small {
    font-size: 1rem;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 1rem;
  }
}

#single-insurance .box-data dl:last-child dt,
#single-insurance .box-data dl:last-child dd {
  border-bottom: 1px solid #CCCCCC;
}

#single-insurance .box-information {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-information {
    margin-top: 3.5rem;
  }
}

#single-insurance .box-information dt {
  align-items: center;
  background: #F5F5F5;
  border-top: 1px solid #CCCCCC;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.4444444444;
  text-align: center;
  width: 30%;
  padding: 1.25rem 0.3125rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-information dt {
    font-size: 1.125rem;
    width: 12.5%;
    padding: 1.5rem;
  }
}

#single-insurance .box-information dd {
  background: #fff;
  border-top: 1px solid #CCCCCC;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4444444444;
  width: 70%;
  padding: 1.25rem 0.3125rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-information dd {
    font-size: 1.125rem;
    width: 87.5%;
    padding: 1.5rem;
  }
}

#single-insurance .box-information dt:last-of-type,
#single-insurance .box-information dd:last-of-type {
  border-bottom: 1px solid #CCCCCC;
}

#single-insurance .box-content {
  margin-top: 1rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4444444444;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-content {
    margin-top: 2rem;
    font-size: 1.125rem;
  }
}

#single-insurance h2 {
  font-size: 1.25rem;
  line-height: 1.4375;
  font-weight: 700;
  padding-bottom: 1.0625rem;
  border-bottom: 1px solid #CCCCCC;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance h2 {
    font-size: 2rem;
    margin-top: 5.1875rem;
  }
}

#single-insurance .wrap-button {
  margin: 0.8125rem auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #single-insurance .wrap-button {
    margin: 1.5625rem auto 0;
  }
}

#single-insurance .text-button {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #single-insurance .text-button {
    font-size: 1rem;
    line-height: 1.5;
  }
}

#single-insurance .list-button {
  margin-top: 0.75rem;
  background-color: #F5F5F5;
  padding: 0.5rem;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  #single-insurance .list-button {
    margin-top: 1rem;
  }
}

#single-insurance .list-button .man,
#single-insurance .list-button .woman {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #26A300;
  background-color: #fff;
  padding: 0.5rem 1.75rem;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  #single-insurance .list-button .man,
  #single-insurance .list-button .woman {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    padding: 0.6875rem 2.625rem;
  }
}

#single-insurance .list-button label {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #26A300;
  background-color: #fff;
  padding: 0.5rem 1.75rem;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  #single-insurance .list-button label {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    padding: 0.6875rem 2.625rem;
  }
}

#single-insurance .list-button .woman {
  margin-left: 0.5rem;
}

#single-insurance .list-button .active {
  color: #fff;
  background-color: #26A300;
}

#single-insurance .box-insurance {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance {
    margin-top: 3rem;
  }
}

#single-insurance .box-category {
  font-size: 1.125rem;
  line-height: 1.4583333333;
  font-weight: 700;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-category {
    font-size: 1.5rem;
    line-height: 1.4583333333;
    margin-bottom: 1.5625rem;
  }
}

#single-insurance .box-category::after {
  content: "";
  flex-grow: 1;
  border-top: 1px solid #CCCCCC;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-category::after {
    margin-left: 1.5rem;
  }
}

#single-insurance .box-insurance .list-insurance > li {
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance > li {
    margin-bottom: 5rem;
  }
}

#single-insurance .box-insurance .list-insurance .box-single-insurance {
  font-size: 1.125rem;
  line-height: 1.4583333333;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-single-insurance {
    font-size: 1.5rem;
    margin-bottom: 1.5625rem;
  }
}

#single-insurance .box-insurance .list-insurance .box-single-insurance::after {
  content: "";
  flex-grow: 1;
  border-top: 1px solid #CCCCCC;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-single-insurance::after {
    margin-left: 1.5rem;
  }
}

#single-insurance .box-insurance .list-insurance > li {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 2rem;
  padding: 1.5rem;
}

#single-insurance .box-insurance .list-insurance > li.company-product-card {
  background-color: #fff;
  border: 1px solid #e3e8e5;
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 0.875rem rgba(35, 56, 49, 0.1);
  overflow: visible;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance > li.company-product-card {
    padding: 1.5rem;
  }
}

#single-insurance .company-product-card .box-title .title.full {
  width: 100%;
}

#single-insurance .company-product-card .box-title .title a {
  color: #26A300;
  font-size: 1.0625rem;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1875rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .company-product-card .box-title .title a {
    font-size: 1.25rem;
  }
}

#single-insurance .company-product-card__summary {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
  margin-top: 0.875rem;
}

#single-insurance .company-product-card__summary .thumb {
  align-items: center;
  display: flex;
}

#single-insurance .company-product-card__summary .thumb img {
  display: block;
  height: auto;
  width: 100%;
}

#single-insurance .company-product-card__summary .box-price {
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0.625rem 0.375rem;
  text-align: center;
}

#single-insurance .company-product-card__price-label {
  color: #66716d;
  font-size: 0.75rem;
  font-weight: 700;
}

#single-insurance .company-product-card__conditions {
  border-bottom: 1px solid #e1e6e3;
  margin-top: 0.625rem;
  padding-bottom: 0.625rem;
}

#single-insurance .company-product-card__conditions summary {
  color: #66716d;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 700;
  text-align: center;
}

#single-insurance .company-product-card__conditions .text-conditions {
  margin-top: 0.5rem;
}

#single-insurance .company-product-card__points {
  margin-top: 1rem;
}

#single-insurance .company-product-card__section-title {
  color: #26352f;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
  text-align: center;
}

#single-insurance .company-product-card .box-point {
  background-color: #f3f8f1;
  border-radius: 0.5rem;
  margin: 0;
  padding: 0.75rem;
}

#single-insurance .company-product-card .box-point li {
  font-size: 0.875rem;
  line-height: 1.65;
  padding-left: 1.375rem;
  position: relative;
}

#single-insurance .company-product-card .box-point li::before {
  color: #26A300;
  content: "✓";
  font-weight: 700;
  left: 0;
  position: absolute;
  top: 0;
}

#single-insurance .company-product-card .box-point li + li {
  margin-top: 0.375rem;
}

#single-insurance .company-product-card__detail {
  color: #2ea7e0;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0.625rem auto 0;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  width: -moz-fit-content;
  width: fit-content;
}

#single-insurance .company-product-card__consultation {
  margin-top: 1.375rem;
  padding-top: 0.75rem;
  position: relative;
}

#single-insurance .company-product-card__consultation .btn-consultation__lead {
  background-color: #fff;
  border: 1px solid #ff8a26;
  border-radius: 50vh;
  color: #f36f21;
  font-size: 0.75rem;
  font-weight: 700;
  left: 50%;
  line-height: 1;
  margin: 0;
  padding: 0.3125rem 0.875rem;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1;
}

#single-insurance .company-product-card__consultation > a {
  align-items: center;
  background: linear-gradient(90deg, #ff6a22 0%, #ffba4e 100%);
  border-radius: 50vh;
  box-shadow: 0 0.1875rem 0 rgba(180, 78, 8, 0.3);
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.4;
  min-height: 3.375rem;
  padding: 0.75rem 0.5rem;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #single-insurance .company-product-card__consultation > a {
    font-size: 1rem;
  }
}

#single-insurance .company-product-card__application {
  margin-top: 0.75rem;
}

#single-insurance .company-product-card--desktop .company-product-card__detail {
  margin-left: 0;
}

#single-insurance .company-product-card--desktop .company-product-card__consultation {
  margin-top: 1.125rem;
}

#single-insurance .box-insurance .list-insurance > li + li {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance > li + li {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance > li .pc-wrap {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance > li .pc-wrap .pc-wrap-left {
    width: 59.6%;
  }
}

@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance > li .pc-wrap .pc-wrap-right {
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance > li .pc-wrap .pc-wrap-right::before {
    background-color: #E0E0E0;
    content: "";
    display: block;
    height: 100%;
    left: -6.2%;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

#single-insurance .box-insurance .list-insurance .box-title {
  display: flex;
  align-items: center;
  justify-content: start;
}
#single-insurance .box-insurance .list-insurance .icon-ranking {
  width: 10.3%;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .icon-ranking {
    width: 8.8%;
  }
}

#single-insurance .box-insurance .list-insurance .box-title .thumb {
  width: 30.9%;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-title .thumb {
    width: 26.4%;
  }
}

#single-insurance .box-insurance .list-insurance .box-title .title {
  width: 53.5%;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #26A300;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-title .title {
    margin-left: 1rem;
    font-size: 1.25rem;
    line-height: 1.45;
  }
}

#single-insurance .box-insurance .list-insurance .box-title .title.full {
  width: 69%;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-title .title.full {
    width: 73%;
  }
}

#single-insurance .box-insurance .list-insurance .box-title .company {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  color: #000;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-title .company {
    font-size: 1rem;
    line-height: 1.5;
  }
}

#single-insurance .box-insurance .list-insurance .box-title .box-price {
  margin-top: 0.5rem;
}

#single-insurance #select-wrap {
  padding: 1rem;
  background-color: #F5F5F5;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance #select-wrap {
    align-items: center;
    padding: 1.5rem;
    border-radius: 2rem;
    margin-top: 3rem;
  }
}

#single-insurance #select-wrap p {
  font-size: 0.875rem;
  line-height: 1.4583333333;
  font-weight: 700;
  padding-left: 1.5em;
  position: relative;
}
@media screen and (min-width: 768px) {
  #single-insurance #select-wrap p {
    font-size: 1.5rem;
  }
}

#single-insurance #select-wrap p::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url(../images/common/icon-calc.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

#single-insurance #select-wrap .wrap-form {
  margin-top: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #single-insurance #select-wrap .wrap-form {
    margin-top: 1.5625rem;
    width: inherit;
  }
}

#single-insurance #select-wrap .wrap-form .text-form {
  text-align: center;
  display: block;
  font-size: 0.75rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #single-insurance #select-wrap .wrap-form .text-form {
    font-size: 1rem;
  }
}

#single-insurance #select-wrap .wrap-form .box-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance #select-wrap .wrap-form .box-form {
    margin-top: 1rem;
  }
}

#single-insurance #select-wrap .wrap-form .box-form span {
  display: block;
  width: 28%;
}
@media screen and (min-width: 768px) {
  #single-insurance #select-wrap .wrap-form .box-form span {
    width: auto;
  }
}

#single-insurance #select-wrap #select,
#single-insurance #select-wrap #age,
#single-insurance #select-wrap #gender {
  background-color: #fff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 400;
  border: 1px solid #CCCCCC;
  position: relative;
}
@media screen and (min-width: 768px) {
  #single-insurance #select-wrap #select,
  #single-insurance #select-wrap #age,
  #single-insurance #select-wrap #gender {
    font-size: 1.25rem;
    padding: 0.8125rem 1.5rem;
    width: 10rem;
  }
}

#single-insurance #select-wrap #gender {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  #single-insurance #select-wrap #gender {
    margin-left: 1rem;
  }
}

#single-insurance #select-wrap .wrap-form span {
  position: relative;
}

#single-insurance #select-wrap .wrap-form .box-form span::after {
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  background: url(../images/common/arrow-bottom.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}

#single-insurance #select-wrap .btn-submit {
  display: block;
  line-height: 1.45;
  font-weight: 700;
  color: #fff;
  background-color: #26A300;
  border-radius: 0.5rem;
  margin-top: 0;
  padding: 0.3125rem;
  width: 38%;
}
@media screen and (min-width: 768px) {
  #single-insurance #select-wrap .btn-submit {
    display: inline-block;
    font-size: 1.25rem;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
    margin-left: 1rem;
    padding: 0.8125rem 1.5rem;
  }
}

#single-insurance .box-insurance .list-insurance .box-price .text-date,
#single-insurance .box-insurance .list-insurance .box-price .text-conditions,
#single-insurance .box-insurance .list-insurance .pc-wrap-left .text-conditions {
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 400;
  color: #666666;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-price .text-date,
  #single-insurance .box-insurance .list-insurance .box-price .text-conditions,
  #single-insurance .box-insurance .list-insurance .pc-wrap-left .text-conditions {
    font-size: 0.75rem;
    line-height: 1.4166666667;
  }
}

@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .pc-wrap-left .text-conditions {
    margin-top: 1rem;
  }
}

#single-insurance .box-insurance .list-insurance .box-price .text-date {
  margin-top: 0.5rem;
  text-align: right;
}

#single-insurance .box-insurance .list-insurance .box-price .text-conditions {
  margin-top: 0.5rem;
}
#single-insurance .box-insurance .list-insurance .box-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-route {
    max-width: 20.3125rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.125rem;
  }
}

#single-insurance .box-insurance .list-insurance .box-route > li {
  width: 32.2%;
  text-align: center;
  padding: 0.4375rem 0.3125rem;
  background-color: #F5F5F5;
  color: #26A300;
  border-radius: 50vh;
  line-height: 1;
}
#single-insurance .box-insurance .list-insurance .box-route li .option {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}
#single-insurance .box-insurance .list-insurance .box-route li.on {
  color: #fff;
  background-color: #26A300;
}

#single-insurance .box-insurance .list-insurance .box-route li.off {
  color: #26A300;
  background-color: #F5F5F5;
}

#single-insurance .box-insurance .list-insurance .box-route li.off .option {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}

#single-insurance .box-insurance .list-insurance .box-route li .fa {
  font-size: 1rem;
  margin-right: 0.25rem;
  color: #26A300;
}

#single-insurance .box-insurance .list-insurance .box-route li.on .fa {
  color: #fff;
}

#single-insurance .box-insurance .list-insurance .box-route > li .optionBox {
  background: #fff;
  border: 1px solid #26A300;
  border-radius: 8px;
  color: #231815;
  display: none;
  font-size: 0.75rem;
  margin-top: 1.5rem;
  margin-left: 0;
  padding: 1rem;
  position: absolute;
  text-align: left;
  width: 50vw;
  z-index: 1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-route > li .optionBox {
    font-size: 0.875rem;
    width: 24vw;
    border-radius: 16px;
  }
}

#single-insurance .box-insurance .list-insurance .box-route li .optionBox::after {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background: url(../images/category/img-triangle.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: -0.9875rem;
  left: 2.625rem;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-route li .optionBox::after {
    left: 1.25rem;
  }
}

#single-insurance .box-insurance .list-insurance .box-route .optionBox.left85::after {
  left: 80%;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-route .optionBox.left85::after {
    left: 50%;
  }
}

#single-insurance .box-insurance .list-insurance .box-route .optionBox.left85 {
  margin-left: -8.5rem;
}

@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .pc-wrap-left .box-point {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .pc-wrap-left .box-point li {
    padding-left: 1.25rem;
    position: relative;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    font-weight: 700;
  }
}

@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .pc-wrap-left .box-point li + li {
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .pc-wrap-left .box-point li::before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../images/category/icon-check.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0.25rem;
    left: 0;
  }
}

#single-insurance .box-insurance .list-insurance .btn-cv,
#single-insurance .box-insurance .list-insurance .text-cv {
  margin: 0.5rem auto;
}

#single-insurance .box-insurance .list-insurance .btn-cv a,
#single-insurance .box-insurance .list-insurance .text-cv a {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 700;
  color: #fff;
  padding: 0.4375rem;
  background-color: #FF6600;
  border-radius: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .btn-cv a,
  #single-insurance .box-insurance .list-insurance .text-cv a {
    font-size: 1.125rem;
    padding: 0.625rem;
  }
}

#single-insurance .box-insurance .list-insurance .btn-cv a span {
  display: block;
  width: 0.75rem;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .btn-cv a span {
    width: 1rem;
  }
}

#single-insurance .box-insurance .list-insurance .skubutton,
#single-insurance .box-insurance .list-insurance .text-form button {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 700;
  color: #fff;
  padding: 0.4375rem;
  background-color: #1976D2;
  border-radius: 50vh;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .skubutton,
  #single-insurance .box-insurance .list-insurance .text-form button {
    font-size: 1.125rem;
    padding: 0.625rem;
  }
}

#single-insurance .box-insurance .list-insurance .wrap-btn .btn-form.form-off {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 700;
  color: #fff;
  padding: 0.4375rem;
  background-color: #dbdbdb;
  border-radius: 50vh;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .wrap-btn .btn-form.form-off {
    font-size: 1.125rem;
    padding: 0.625rem;
  }
}

#single-insurance .box-insurance .list-insurance .wrap-btn .btn-line {
  margin-top: 0.5rem;
  width: 100%;
}
#single-insurance .box-insurance .list-insurance .wrap-btn .btn-line a {
  align-items: center;
  background-color: #00B902;
  border-radius: 50vh;
  color: #fff;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  padding: 0.4375rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .wrap-btn .btn-line a {
    font-size: 1.125rem;
    padding: 0.625rem;
    width: 100%;
  }
}
#single-insurance .box-insurance .list-insurance .wrap-btn .btn-line a span {
  margin-right: 0.5rem;
  width: 7%;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .wrap-btn .btn-line a span {
    width: 10%;
  }
}

#single-insurance .box-insurance .list-insurance .text-number {
  text-align: right;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 400;
  color: #666666;
  margin-top: 0.5rem;
}

#single-insurance .box-insurance .list-insurance .box-price .wrap-price {
  border-radius: 0.5rem;
  background-color: #F5F5F5;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 0.25rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-price .wrap-price {
    padding: 0.625rem;
    margin-top: 0;
  }
}

#single-insurance .box-insurance .list-insurance .box-price .wrap-price .box-agesex {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

#single-insurance .box-insurance .list-insurance .box-price .wrap-price .box-woman,
#single-insurance .box-insurance .list-insurance .box-price .wrap-price .box-man {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

#single-insurance .box-insurance .list-insurance .box-price .wrap-price .box-man {
  display: none;
}

#single-insurance .box-insurance .list-insurance .box-price .wrap-price .text-age,
#single-insurance .box-insurance .list-insurance .box-price .wrap-price .mr1 {
  display: none;
}

#single-insurance .box-insurance .list-insurance .box-price .wrap-price small {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-price .wrap-price small {
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

#single-insurance .box-insurance .list-insurance .box-price .wrap-price .txt-red {
  color: #FE6600;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-price .wrap-price .txt-red {
    font-size: 1.25rem;
    line-height: 1.45;
  }
}

#single-insurance .box-insurance .list-insurance .box-price .wrap-price .counterup {
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 700;
  color: #FE6600;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-insurance .box-insurance .list-insurance .box-price .wrap-price .counterup {
    font-size: 1.75rem;
    line-height: 1.4285714286;
  }
}

#single-insurance .caution-box {
  margin-top: -1.5rem;
  margin-bottom: 0.875rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
}
@media screen and (min-width: 768px) {
  #single-insurance .caution-box {
    margin-top: -3.5rem;
  }
}

#single-insurance .caution-box li {
  margin-bottom: 0.25rem;
}

#single-insurance .caution-box .point-text {
  font-size: 1rem;
  font-weight: bold;
}

#single-interview {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #single-interview {
    padding: 5rem 0 10rem;
  }
}

#single-interview .box-category ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  margin-top: 1.5625rem;
}

#single-interview .box-category ul li + li {
  margin-left: 0.5rem;
}

#single-interview .box-category ul li a {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25;
  color: #26A300;
  padding: 0.5rem 1rem;
  background-color: #F5F5F5;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  #single-interview .box-category ul li a {
    font-size: 1rem;
  }
}

#single-interview-wrap {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-interview-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
  }
}

@media screen and (min-width: 768px) {
  #single-interview-wrap02 {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  #single-interview-wrap-content {
    width: 62.25%;
  }
}

#single-interview-wrap-content .block-taxonomy-column {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  #single-interview-wrap-content .block-taxonomy-column {
    margin-bottom: 3.5rem;
  }
}

#single-interview-wrap-content .block-taxonomy-column li a {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 1rem;
  display: flex;
}
@media screen and (min-width: 768px) {
  #single-interview-wrap-content .block-taxonomy-column li a {
    border-radius: 2rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 1.5rem;
  }
}

#single-interview-wrap-content .block-taxonomy-column li + li {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #single-interview-wrap-content .block-taxonomy-column li + li {
    margin-top: 1.5rem;
  }
}

#single-interview-wrap-content .block-taxonomy-column li .thumb {
  width: 36.8%;
}
@media screen and (min-width: 768px) {
  #single-interview-wrap-content .block-taxonomy-column li .thumb {
    max-width: 11.5rem;
    width: 30%;
  }
}

#single-interview-wrap-content .block-taxonomy-column li .thumb img {
  height: auto;
  display: block;
  max-width: 100%;
}

#single-interview-wrap-content .block-taxonomy-column li .title {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  width: 58.2%;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  #single-interview-wrap-content .block-taxonomy-column li .title {
    font-size: 1rem;
    line-height: 1.5;
    width: 70%;
    margin-left: 1rem;
  }
}

#single-interview-wrap-content .block-taxonomy-column li .title time {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
  color: #666666;
  display: block;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-interview-wrap-content .block-taxonomy-column li .title time {
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

#single-interview-wrap.single-interview-wrap {
  margin-top: 0;
}

#single-interview-wrap-content-box {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-interview-wrap-content-box {
    border-radius: 2rem;
    padding: 2.5rem;
  }
}

#single-interview #single-interview-wrap-content .box-cat {
  display: flex;
  align-items: center;
}

#single-interview #single-interview-wrap-content .box-cat .time {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  color: #666666;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .box-cat .time {
    font-size: 1.125rem;
    line-height: 1.4444444444;
  }
}

#single-interview #single-interview-wrap-content .box-cat .category {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .box-cat .category {
    margin-left: 1rem;
  }
}

#single-interview #single-interview-wrap-content .box-cat .category li {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.6666666667;
  color: #fff;
  background-color: #000;
  border-radius: 50vh;
  padding: 0.5em 1em;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .box-cat .category li {
    font-size: 1rem;
    line-height: 1.5;
  }
}

#single-interview #single-interview-wrap-content h1 {
  margin-top: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.4375;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content h1 {
    font-size: 2rem;
  }
}

#single-interview #single-interview-wrap-content .main-visual {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .main-visual {
    margin-top: 2.625rem;
  }
}

#single-interview #single-interview-wrap-content .main-visual img {
  height: auto;
}

#single-interview #single-interview-wrap-content .text-pr {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .text-pr {
    margin-top: 2.5rem;
  }
}

#single-interview #single-interview-wrap-content .text-pr img {
  width: -moz-fit-content;
  width: fit-content;
}

#single-interview #single-interview-wrap-content img {
  width: -moz-fit-content;
  width: fit-content;
}

#single-interview #single-interview-wrap-content .waku {
  margin: 1.5em 0;
  border: 1px solid #C2C2C2;
  padding: 1.5em;
}

#single-interview #single-interview-wrap-content #toc_container {
  background: #fff;
  border: 1px solid #C2C2C2;
  padding: 1.5rem 1.5rem 2rem;
  margin-bottom: 4rem;
  width: 100%;
  display: table;
  font-size: 1rem;
}

#single-interview #single-interview-wrap-content #toc_container p.toc_title {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
}

#single-interview #single-interview-wrap-content #toc_container .toc_list {
  margin-top: 1.5625rem;
}

#single-interview #single-interview-wrap-content #toc_container .toc_list li {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #26A300;
  text-decoration: underline;
}

#single-interview #single-interview-wrap-content #toc_container .toc_list li + li {
  margin-top: 1rem;
}

#single-interview #single-interview-wrap-content h2 {
  font-size: 1.25rem;
  line-height: 1.4583333333;
  font-weight: 700;
  padding: 0.5em 1.16em;
  border: 1px solid #C2C2C2;
  position: relative;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content h2 {
    font-size: 1.5rem;
  }
}

#single-interview #single-interview-wrap-content h2::before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 2.5625rem;
  background-color: #26A300;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

#single-interview #single-interview-wrap-content .waku-dot {
  background: #f5f5f5;
  border: 3px dotted #CCCCCC;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 2.5rem;
  padding: 1.5em;
}

#single-interview #single-interview-wrap-content .waku-dot-b {
  background: #fff;
  border: 3px dotted #26A300;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 2.5rem;
  padding: 1.5em;
}

#single-interview #single-interview-wrap-content .waku-dot-b span {
  font-weight: 700;
  color: #26A300;
}

#single-interview #single-interview-wrap-content .waku-dot-b a:link {
  color: #26A300;
  text-decoration: underline;
}

#single-interview #single-interview-wrap-content .point {
  border: 1px solid #000;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 2.5rem;
  padding: 2em 1.5em 1.5em;
  position: relative;
  margin: 3.75rem 0;
}

#single-interview #single-interview-wrap-content .point:before {
  background: #000;
  content: "POINT";
  color: #FFF;
  display: inline-block;
  font-size: 1.125rem;
  left: 50%;
  line-height: 1;
  padding: 0.4375rem;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(-50%, -50%);
  width: 10rem;
}

#single-interview #single-interview-wrap-content .txt-red {
  color: #FF3469;
}

#single-interview #single-interview-wrap-content .btn-cv {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .btn-cv {
    width: 30rem;
  }
}

#single-interview #single-interview-wrap-content .btn-cv a {
  border-radius: 50vh;
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
  background-color: #FF6600;
  padding: 1em 4.4em;
  text-align: center;
  text-decoration: none !important;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .btn-cv a {
    font-size: 1.25rem;
  }
}

#single-interview #single-interview-wrap-content .btn-cv a .icon {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4166666667;
  color: #FE6600;
  background-color: #fff;
  border-radius: 50vh;
  padding: 0.25rem 0.5rem;
  margin-right: 0.25rem;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .btn-cv a .icon {
    font-size: 1rem;
    line-height: 1.4545454545;
    padding: 0.4375rem 0.75rem;
    margin-right: 0.5rem;
  }
}

#single-interview #single-interview-wrap-content ol {
  background: #F5F5F5;
  margin-bottom: 2.5rem;
  padding: 1.5em;
  font-size: 1rem;
  font-weight: 700;
  list-style: auto;
}

#single-interview #single-interview-wrap-content ol li {
  font-size: 1rem;
  line-height: 2;
  margin: 0 0 1.5rem 2rem;
}

#single-interview #single-interview-wrap-content ol li b {
  font-size: 1rem;
  line-height: 2;
  color: #26A300;
  text-decoration: underline;
}

#single-interview #single-interview-wrap-content h3 {
  border: 2px solid #ddd;
  border-radius: 5px;
  color: #666;
  font-size: 1rem;
  margin: 2.5rem 0 2.5rem;
  padding: 0.9375rem;
  position: relative;
}

#single-interview #single-interview-wrap-content h3::before {
  background: url(../../img/icon/icon-interview.png;) no-repeat 0.5rem center #fff;
  background-size: 20px;
  content: "グッドカミング編集部";
  color: #888;
  font-size: 0.875rem;
  left: 2rem;
  padding: 0.3125rem 0.625rem 0.3125rem 2.1875rem;
  position: absolute;
  top: -1rem;
}

#single-interview #single-interview-wrap-content blockquote {
  background: #F5F5F5;
  margin: 4rem 0 2.5rem;
  position: relative;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content blockquote {
    padding: 1.5rem;
  }
}

#single-interview #single-interview-wrap-content blockquote::before {
  background: url(../images/common/icon_quote.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  left: 1rem;
  height: 1.25rem;
  top: 1rem;
  width: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content blockquote::before {
    left: 1.5rem;
    height: 2rem;
    top: 1.5rem;
    width: 2rem;
  }
}

#single-interview #single-interview-wrap-content blockquote p {
  font-size: 1rem;
  margin: 0;
  width: 90%;
  margin-left: auto;
}

#single-interview #single-interview-wrap-content blockquote cite {
  display: block;
  text-align: right;
  margin-top: 1rem;
  font-style: normal;
}

#single-interview #single-interview-wrap-content blockquote cite a {
  color: #26A300;
  text-decoration: underline;
}

#single-interview #single-interview-wrap-content .marker-red {
  background-image: linear-gradient(transparent 50%, #facac8 50%);
  font-weight: 700;
}

#single-interview #single-interview-wrap-content .txt-green {
  color: #26A300;
}

#single-interview #single-interview-wrap-content .txt-blue {
  color: #2366D9;
}

#single-interview #single-interview-wrap-content .marker-yellow {
  background-image: linear-gradient(transparent 50%, #efff04 50%);
  font-weight: 700;
}

#single-interview #single-interview-wrap-content .box-ranking {
  background-color: #F5F5F5;
  padding: 1rem;
  margin: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .box-ranking {
    padding: 1.5rem;
  }
}

#single-interview #single-interview-wrap-content .box-ranking .ttl-ranking {
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 700;
}

#single-interview #single-interview-wrap-content .box-ranking .ttl-ranking small {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 400;
  display: block;
  margin-top: 0.5625rem;
}

#single-interview #single-interview-wrap-content .box-ranking ul {
  margin-top: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
}
#single-interview #single-interview-wrap-content .box-ranking ul li {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .box-ranking ul li {
    width: 31.5%;
    margin-left: 2.7%;
  }
}

@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .box-ranking ul li:first-child {
    margin-left: 0;
  }
}

#single-interview #single-interview-wrap-content .box-ranking ul li + li {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .box-ranking ul li + li {
    margin-top: 0;
  }
}

#single-interview #single-interview-wrap-content .box-ranking ul li:nth-child(2n+1) {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .box-ranking ul li:nth-child(2n+1) {
    margin-left: 2.7%;
  }
}

@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .box-ranking ul li:nth-child(3n+1) {
    margin-left: 0;
  }
}

#single-interview #single-interview-wrap-content .box-ranking ul li:nth-child(n+3) {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .box-ranking ul li:nth-child(n+3) {
    margin-top: 0;
  }
}

#single-interview #single-interview-wrap-content .box-ranking ul li .company {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
  color: #26A300;
}

#single-interview #single-interview-wrap-content .box-ranking ul li .icon-rank {
  width: 1.75rem;
  margin-right: 0.5rem;
}

#single-interview #single-interview-wrap-content .box-ranking ul li .thumb {
  margin-top: 0.9375rem;
  min-height: 4.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-interview #single-interview-wrap-content .box-ranking ul li .thumb a {
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-interview #single-interview-wrap-content .box-ranking ul li .thumb img {
  height: auto;
}

#single-interview #single-interview-wrap-content .box-ranking ul li .text-detail a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.9375rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
  color: #26A300;
}

#single-interview #single-interview-wrap-content .box-ranking ul li .text-detail a .icon {
  width: 0.625rem;
  margin-left: 0.5rem;
}

#single-interview #single-interview-wrap-content .box-ranking ul li .btn-cv {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}

#single-interview #single-interview-wrap-content .box-ranking ul li .btn-cv a {
  margin-top: 0.9375rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
  height: initial;
  padding: 0.375rem;
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-interview #single-interview-wrap-content .box-ranking ul li .btn-cv a .link {
  width: 0.75rem;
  margin-left: 0.5rem;
}

#single-interview #single-interview-wrap-content .box-ranking ul li .skubutton {
  border-radius: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
  padding: 0.375rem;
  background-color: #26A300;
  margin-top: 0.5rem;
  width: 100%;
}
#single-interview #single-interview-wrap-content .box-ranking .btn-ranking {
  margin-top: 1.5rem;
  text-align: center;
}

#single-interview #single-interview-wrap-content .box-ranking .btn-ranking a {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #26A300;
  border: 1px solid #26A300;
  border-radius: 50vh;
  padding: 0.75em 1.5em;
  display: inline-block;
}

#single-interview #single-interview-wrap-content .box-ranking .about-ranking {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  color: #999999;
}

#single-interview #single-interview-wrap-content .block-recommend {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-interview #single-interview-wrap-content .block-recommend {
    margin-top: 5rem;
  }
}

#single-interview .img-interviewee {
  float: left;
  margin-right: 2rem;
  width: 5.3125rem;
}

#single-interview .name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

#single-interview p {
  font-size: 1rem;
  line-height: 1.8;
  margin: 0.9375rem 0 2.5rem;
}

#single-interview .txt-marker {
  background-image: linear-gradient(transparent 50%, #efff04 50%);
}

#single-interview .marker-bule {
  background-image: linear-gradient(transparent 50%, #c8f5fa 50%);
  font-weight: 700;
}

#single-interview .box-recommend-lic ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 1rem;
}

#single-interview .box-recommend-lic ul li {
  margin: 0 0 1rem;
  width: 48%;
}

#single-interview .box-recommend-lic ul li img {
  border: 1px solid #ddd;
  border-radius: 5px;
}

#single-interview ul.text-number {
  list-style: none;
  text-align: right;
  display: block;
}

#single-interview ul.text-number li {
  color: #b5b5b5;
  font-size: 0.625rem;
  line-height: 1.8;
  margin-bottom: 0;
  text-align: right;
  width: 100%;
}

#single-news {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #single-news {
    padding: 5rem 0 10rem;
  }
}

@media screen and (min-width: 768px) {
  .single-news__inner {
    max-width: 798px;
  }
}

.single-news__list-ttl {
  margin-top: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.45;
  font-weight: 700;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 1.375rem;
}
@media screen and (min-width: 768px) {
  .single-news__list-ttl {
    font-size: 2.5rem;
    padding-bottom: 2.125rem;
    margin-bottom: 2.25rem;
  }
}

.single-news-content .main-visual {
  margin-bottom: 2rem;
}

.single-news-content .main-visual img {
  height: auto;
}

.single-news__list-content {
  font-size: 1rem;
  line-height: 1.4444444444;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .single-news__list-content {
    font-size: 1.125rem;
  }
}

.single-news__btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.125rem;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .single-news__btn {
    margin-top: 6rem;
    margin-bottom: 5rem;
  }
}

.single-news__btn a {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  color: #26A300;
  border: 1px solid #26A300;
  border-radius: 50vh;
  padding: 0.625rem 1rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .single-news__btn a {
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 1.5rem;
  }
}

#single-supervision {
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  #single-supervision {
    padding: 5rem 0 10rem;
  }
}

@media screen and (min-width: 768px) {
  #single-supervision-wrap {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  #single-supervision-wrap-content {
    width: 62.25%;
  }
}

#single-supervision-wrap-content .box-supervision ul li {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content .box-supervision ul li {
    border-radius: 2rem;
    padding: 1.5rem;
  }
}

#single-supervision-wrap-content .box-supervision ul li .img {
  width: 17%;
}

#single-supervision-wrap-content .box-supervision ul li .img img {
  height: auto;
  border-radius: 50%;
}

#single-supervision-wrap-content .box-supervision ul li .profile {
  width: 79.3%;
}

#single-supervision-wrap-content .box-supervision ul li .profile .name {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
}

#single-supervision-wrap-content .box-supervision ul li .profile .job {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 0.5625rem;
}

#single-supervision-wrap-content .box-supervision ul li .profile .introduction {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 1rem;
  text-align: justify;
}

#single-supervision-wrap-content .box-supervision ul li .profile .introduction .text-link {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  color: #26A6E5;
  margin-top: 1em;
  text-decoration: underline;
}

#single-supervision-wrap-content .box-supervision ul li .profile .license {
  margin-top: 1rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content .box-supervision ul li .profile .license {
    display: flex;
    align-items: start;
  }
}

#single-supervision-wrap-content .box-supervision ul li .profile .license dt {
  font-weight: 700;
  color: #fff;
  background-color: #ADADAD;
  border-radius: 50vh;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 0.125rem 1em 0.3125rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content .box-supervision ul li .profile .license dt {
    font-size: 0.75rem;
    line-height: 1.4166666667;
    width: 16%;
  }
}

#single-supervision-wrap-content .box-supervision ul li .profile .license dd {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content .box-supervision ul li .profile .license dd {
    margin-top: 0;
    width: 82%;
    margin-left: 1.5%;
    padding-top: 0.125rem;
  }
}

#single-supervision-wrap-content h2 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.45;
  display: flex;
  align-items: center;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content h2 {
    font-size: 1.5rem;
    line-height: 1.4583333333;
    margin-top: 5rem;
  }
}

#single-supervision-wrap-content h2::after {
  content: "";
  flex-grow: 1;
  border-top: 1px solid #E0E0E0;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content h2::after {
    margin-left: 1.5rem;
  }
}

#single-supervision-wrap-content .list-articles {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content .list-articles {
    margin-top: 1.5625rem;
  }
}

#single-supervision-wrap-content .list-articles ul li a {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 1rem;
  display: flex;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content .list-articles ul li a {
    border-radius: 2rem;
    padding: 1.5rem;
    display: flex;
  }
}

#single-supervision-wrap-content .list-articles ul li + li {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content .list-articles ul li + li {
    margin-top: 1.5rem;
  }
}

#single-supervision-wrap-content .list-articles ul li .thumb {
  width: 36.8%;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content .list-articles ul li .thumb {
    max-width: 11.5rem;
    width: 30%;
  }
}

#single-supervision-wrap-content .list-articles ul li .thumb img {
  height: auto;
  display: block;
  max-width: 100%;
}

#single-supervision-wrap-content .list-articles ul li .title {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  width: 58.2%;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content .list-articles ul li .title {
    font-size: 1rem;
    line-height: 1.5;
    width: 70%;
    margin-left: 1rem;
  }
}

#single-supervision-wrap-content .list-articles ul li .title time {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
  color: #666666;
  display: block;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #single-supervision-wrap-content .list-articles ul li .title time {
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

.single-supervision__btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .single-supervision__btn {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
  }
}

.single-supervision__btn a {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  color: #26A300;
  border: 1px solid #26A300;
  border-radius: 50vh;
  padding: 0.625rem 1rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .single-supervision__btn a {
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 1.5rem;
  }
}

.sp-btn {
  border-top: 1px solid #E0E0E0;
  padding: 0.5rem 1rem;
}

.sp-btn__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sp-btn__item {
  width: 48.8%;
}

.sp-nav {
  display: block;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  transform: translateX(100%);
  overflow-y: scroll;
  transition: ease 0.5s;
  padding: 6rem 2rem 0;
}

.sp-nav.active {
  display: block;
  visibility: visible;
  opacity: 1;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  transform: translateX(0%);
  visibility: visible;
  z-index: 101;
}

.sp-nav__lists {
  color: #000;
  width: 100%;
  text-align: center;
}

.sp-nav__list,
.sp-nav__list-in li {
  margin-top: 1.0625rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4444444444;
}

.sp-nav__list:first-child {
  margin-top: 0;
}

.sp-nav__list a {
  display: block;
  width: 100%;
}

.header__sp-nav .header__btn--line {
  margin-top: 2.5rem;
}

.header__sp-nav .header__btn {
  height: 3rem;
}

.header__sp-nav .header__btn .header__btn-txt {
  font-size: 1rem;
}

.header__sp-nav .header__btn .small {
  font-size: 0.75rem;
}

.header__sp-nav .header__btn .header__line-icon {
  max-width: 2.3125rem;
}

.header__sp-nav .header__btn--contact {
  margin-top: 0.5rem;
}

.header__sp-nav .header__btn--contact .header__btn-txt {
  font-size: 1.125rem;
}

.header__sp-nav .header__btn-icon {
  font-size: 0.875rem;
  padding: 0.3125rem 0.75rem;
}

.tab {
  width: 100%;
}

.tab-list {
  display: flex;
}

.tab-menu {
  align-items: start;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

.top-bg01 {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.top-bg01::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/top/top-bg01.png) no-repeat left 58%;
  background-size: 140%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
@media screen and (min-width: 768px) {
  .top-bg01::before {
    background: url(../images/top/top-bg01.png) no-repeat center center;
    background-size: 100%;
  }
}

.top-bg02 {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.top-bg02::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/top/top-bg02.png) no-repeat left 95%;
  background-size: 140%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
@media screen and (min-width: 768px) {
  .top-bg02::before {
    background: url(../images/top/top-bg02.png) no-repeat center bottom;
    background-size: 100%;
  }
}

.top-common__ttl {
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .top-common__ttl {
    font-size: 2.5rem;
    line-height: 1.45;
  }
}

.top-common__ttl::before {
  content: attr(data-en);
  display: block;
  font-size: 1.5rem;
  line-height: 1.4583333333;
  color: #26A300;
  margin-bottom: 0.0625rem;
}
@media screen and (min-width: 768px) {
  .top-common__ttl::before {
    font-size: 2rem;
    line-height: 1.4375;
    margin-bottom: 0.5625rem;
  }
}

.top-insurance-products.item-lic {
  margin: 4rem 0;
}
@media screen and (min-width: 768px) {
  .top-insurance-products.item-lic {
    margin: 5rem 0;
  }
}

.item-lic .top-insurance-products__tab {
  margin-top: 2.125rem;
}

.item-lic .content-box-list {
  border: 1px solid #CCC;
  border-radius: 1rem;
}

@media screen and (min-width: 768px) {
  .top-common__txt {
    font-size: 1.125rem;
    line-height: 1.4444444444;
    font-weight: 400;
    text-align: center;
  }
}

.top-insurance-products__tab {
  margin-top: 2.125rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab {
    margin-top: 4.0625rem;
  }
}

.top-insurance-products__tab .tab-menu {
  border-radius: 0.5rem;
  background-color: #26A300;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  padding: 0.875rem 0.25rem;
  width: 23.3%;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab .tab-menu {
    border-radius: 1rem;
    font-size: 1.5rem;
    line-height: 1.4583333333;
    padding: 1.125rem 0.375rem;
  }
}

.top-insurance-products__tab .tab-menu + .tab-menu {
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab .tab-menu + .tab-menu {
    margin-left: 1rem;
  }
}

.top-insurance-products__tab .tab-menu.current {
  background-color: #F5F5F5;
  color: #000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.top-insurance-products__tab .content-box {
  background-color: #F5F5F5;
  display: none;
  width: 100%;
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab .content-box {
    padding: 5rem 0;
  }
}

.top-insurance-products__tab .content-box img {
  display: block;
  height: auto;
  width: 100%;
}

.top-insurance-products__tab .content-box-ttl {
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab .content-box-ttl {
    font-size: 2rem;
    line-height: 1.4375;
  }
}

.top-insurance-products__tab .content-box-ttl:not(.top-insurance-products__tab .content-box-ttl:first-child) {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab .content-box-ttl:not(.top-insurance-products__tab .content-box-ttl:first-child) {
    margin-top: 5rem;
  }
}

.top-insurance-products__tab .content-box-lists {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab .content-box-lists {
    margin-top: 2.5rem;
  }
}

.category__car .top-insurance-products__tab .content-box-lists {
  margin: 1rem 0;
}
@media screen and (min-width: 768px) {
  .category__car .top-insurance-products__tab .content-box-lists {
    margin: 2.5rem 0;
  }
}

.top-insurance-products__tab .content-box-list {
  width: 31.8%;
  background-color: #fff;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2.2%;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab .content-box-list {
    width: 22.5%;
    border-radius: 2rem;
    margin-left: 3.3%;
  }
}

.item-other .top-insurance-products__tab .content-box-list {
  border-radius: 0.8rem;
  padding: 0.3rem;
}
@media screen and (min-width: 768px) {
  .item-other .top-insurance-products__tab .content-box-list {
    border-radius: 1rem;
    padding: 0.5rem;
  }
}

.top-insurance-products__tab .content-box-list:nth-child(3n+1) {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab .content-box-list:nth-child(3n+1) {
    margin-left: 3.3%;
  }
}

@media screen and (min-width: 768px) {
  .top-insurance-products__tab .content-box-list:nth-child(4n+1) {
    margin-left: 0;
  }
}

.top-insurance-products__tab .content-box-list:nth-child(n+4) {
  margin-top: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab .content-box-list:nth-child(n+4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .top-insurance-products__tab .content-box-list:nth-child(n+5) {
    margin-top: 2.5rem;
  }
}

.item-other .top-insurance-products__tab .content-box-list:nth-child(n+5) {
  margin-top: 2rem;
}

.top-insurance-products__tab .content-box-list .thumb img {
  border-radius: 1rem;
  height: 4.25rem;
  width: auto;
}
@media screen and (min-width: 768px) {
  .top-insurance-products__tab .content-box-list .thumb img {
    border-radius: 2rem;
    height: 10rem;
  }
}

.item-other .top-insurance-products__tab .content-box-list .thumb img {
  border-radius: 0;
  height: auto;
}
@media screen and (min-width: 768px) {
  .item-other .top-insurance-products__tab .content-box-list .thumb img {
    border-radius: 0;
  }
}

.content-box-list__btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .content-box-list__btn {
    margin-top: 2.5rem;
  }
}

.content-box-list__btn a {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  color: #26A300;
  border: 1px solid #26A300;
  border-radius: 50vh;
  padding: 0.625rem 1rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .content-box-list__btn a {
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 1.5rem;
  }
}

.item-lic .top-insurance-products__tab .content-box-list {
  border: 1px solid #dfe5dc;
  border-radius: 1rem;
  box-shadow: none;
  padding: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .item-lic .top-insurance-products__tab .content-box-list {
    border-radius: 1rem;
    padding: 0.5rem;
  }
}
.item-lic .top-insurance-products__tab .content-box-list .thumb img {
  border-radius: 0;
}

.top-insurance-ranking {
  padding: 4rem 0;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking {
    padding: 5rem 0;
  }
}

@media screen and (min-width: 768px) {
  .top-insurance-ranking__txt {
    margin-top: 1.0625rem;
  }
}

.top-insurance-ranking__lists {
  margin-top: 2.125rem;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__lists {
    margin-top: 4.125rem;
  }
}

@media screen and (min-width: 768px) {
  .top-insurance-ranking__lists.item-category {
    margin-top: 2.125rem;
  }
}

.top-insurance-ranking__list {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: 47.7%;
  border-radius: 1rem;
  padding: 1rem;
  margin-left: 4.4%;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list {
    width: 31%;
    border-radius: 2rem;
    padding: 1.5rem;
    margin-left: 3.33%;
    min-height: 20.3125rem;
  }
}

.item-category .top-insurance-ranking__list {
  min-height: auto;
}

@media screen and (min-width: 768px) {
  .top-insurance-ranking__list:first-child {
    margin-left: 0;
  }
}

.top-insurance-ranking__list:nth-child(2n+1) {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list:nth-child(2n+1) {
    margin-left: 3.33%;
  }
}

@media screen and (min-width: 768px) {
  .top-insurance-ranking__list:nth-child(3n+1) {
    margin-left: 0;
  }
}

.top-insurance-ranking__list:nth-child(n+3) {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list:nth-child(n+3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .top-insurance-ranking__list:nth-child(n+4) {
    margin-top: 2.5rem;
  }
}

.item-category .top-insurance-ranking__list:nth-child(n+4) {
  margin-top: 2rem;
}

.top-insurance-ranking__list-head {
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head {
    padding-left: 3.5rem;
    margin-bottom: 1.125rem;
  }
}

.item-category .top-insurance-ranking__list-head {
  margin-bottom: 0;
}

.top-insurance-ranking__list-head.icon-pet {
  background: url(../images/common/icon-pet.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-pet {
    background: url(../images/common/icon-pet.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-cancer {
  background: url(../images/common/icon-cancer.png) no-repeat left top;
  background-size: 1.5rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-cancer {
    background: url(../images/common/icon-cancer.png) no-repeat left top;
    background-size: 3rem 3rem;
  }
}

.top-insurance-ranking__list-head.icon-car {
  background: url(../images/common/icon-car.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-car {
    background: url(../images/common/icon-car.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-medical {
  background: url(../images/common/icon-medical.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-medical {
    background: url(../images/common/icon-medical.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-three-major {
  background: url(../images/common/icon-three-major.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-three-major {
    background: url(../images/common/icon-three-major.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-term {
  background: url(../images/common/icon-term.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-term {
    background: url(../images/common/icon-term.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-medical_for_female {
  background: url(../images/common/icon-medical_for_female.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-medical_for_female {
    background: url(../images/common/icon-medical_for_female.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-medical_for_chronic {
  background: url(../images/common/icon-medical_for_chronic.png) no-repeat left top;
  background-size: 1rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-medical_for_chronic {
    background: url(../images/common/icon-medical_for_chronic.png) no-repeat left top;
    background-size: 2rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-disability {
  background: url(../images/common/icon-disability.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-disability {
    background: url(../images/common/icon-disability.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-income_security {
  background: url(../images/common/icon-income_security.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-income_security {
    background: url(../images/common/icon-income_security.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-nursing {
  background: url(../images/common/icon-nursing.png) no-repeat left top;
  background-size: 0.9375rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-nursing {
    background: url(../images/common/icon-nursing.png) no-repeat left top;
    background-size: 1.875rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-whole_life {
  background: url(../images/common/icon-whole_life.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-whole_life {
    background: url(../images/common/icon-whole_life.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-death_for_chronic {
  background: url(../images/common/icon-death_for_chronic.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-death_for_chronic {
    background: url(../images/common/icon-death_for_chronic.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list-head.icon-educational {
  background: url(../images/common/icon-educational.png) no-repeat left top;
  background-size: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head.icon-educational {
    background: url(../images/common/icon-educational.png) no-repeat left top;
    background-size: 2.5rem 2.5rem;
  }
}

.top-insurance-ranking__list h3 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  padding-left: 1.75rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list h3 {
    font-size: 1.25rem;
    line-height: 1.45;
    padding-left: 0;
  }
}

.top-insurance-ranking__list h3 span {
  display: block;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list h3 span {
    display: inline-block;
  }
}

.top-insurance-ranking__list-head .desc {
  font-size: 0.75rem;
  font-weight: 400;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-head .desc {
    font-size: 0.875rem;
    line-height: 1.7142857143;
  }
}

.top-insurance-ranking__list-in li {
  padding: 0.5rem 0;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-in li {
    display: flex;
    align-items: center;
    padding: 0.25rem 0 0.25rem 2.5rem;
  }
}

.top-insurance-ranking__list-in.list-car .rank-01,
.top-insurance-ranking__list-in.list-car .rank-01 .thumb,
.top-insurance-ranking__list-in.list-car .rank-02,
.top-insurance-ranking__list-in.list-car .rank-02 .thumb,
.top-insurance-ranking__list-in.list-car .rank-03,
.top-insurance-ranking__list-in.list-car .rank-03 .thumb {
  background: none;
  padding-left: 0rem;
}

.top-insurance-ranking__list-in .rank-01 .thumb {
  background: url(../images/top/icon-cup01.png) no-repeat left center;
  background-size: 1.5rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-in .rank-01 .thumb {
    background: none;
  }
}

@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-in .rank-01 {
    background: url(../images/top/icon-cup01.png) no-repeat left center;
    background-size: 2rem 2rem;
  }
}

.top-insurance-ranking__list-in .rank-02 .thumb {
  background: url(../images/top/icon-cup02.png) no-repeat left center;
  background-size: 1.5rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-in .rank-02 .thumb {
    background: none;
  }
}

@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-in .rank-02 {
    background: url(../images/top/icon-cup02.png) no-repeat left center;
    background-size: 2rem 2rem;
  }
}

.top-insurance-ranking__list-in .rank-03 .thumb {
  background: url(../images/top/icon-cup03.png) no-repeat left center;
  background-size: 1.5rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-in .rank-03 .thumb {
    background: none;
  }
}

@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-in .rank-03 {
    background: url(../images/top/icon-cup03.png) no-repeat left center;
    background-size: 2rem 2rem;
  }
}

.top-insurance-ranking__list-in .thumb {
  width: 86.3%;
  display: block;
  height: auto;
  padding-left: 2rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-in .thumb {
    width: 30%;
    max-width: 100%;
    padding-left: 0;
  }
}

.top-insurance-ranking__list-in .title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
  color: #26A300;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list-in .title {
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 0.5rem;
    width: 70%;
  }
}

.top-insurance-ranking__list-in .title > a {
  text-decoration: underline;
}

.top-insurance-ranking__list-in .title .company {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 400;
  color: #666666;
  margin-bottom: 0.0625rem;
}
.top-insurance-ranking__list .btn-more {
  margin-top: 1rem;
  max-width: 8rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  padding-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list .btn-more {
    max-width: 9rem;
    padding-top: 1rem;
  }
}

.top-insurance-ranking__list .btn-more a {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  color: #fff;
  background-color: #26A300;
  border-radius: 50vh;
  padding: 0.4375rem 1rem;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking__list .btn-more a {
    font-size: 0.875rem;
    line-height: 1.4285714286;
    padding: 0.625rem 1rem;
  }
}

.top-insurance-ranking--category-links {
  padding: 3rem 0;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking--category-links {
    padding: 4rem 0;
  }
}
.top-insurance-ranking--category-links h2 {
  color: #1f3025;
  font-size: 1.375rem;
  line-height: 1.45;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking--category-links h2 {
    font-size: 1.75rem;
  }
}
.top-insurance-ranking--category-links .top-insurance-ranking__lists.item-category {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: repeat(auto-fit, minmax(7.375rem, 1fr));
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking--category-links .top-insurance-ranking__lists.item-category {
    gap: 0.75rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 2rem;
  }
}
.top-insurance-ranking--category-links .item-category .top-insurance-ranking__list {
  background-color: #fff;
  border: 1px solid #dfe5dc;
  border-radius: 1rem;
  box-shadow: none;
  margin: 0;
  min-height: 7rem;
  padding: 0.75rem;
  position: relative;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking--category-links .item-category .top-insurance-ranking__list {
    min-height: 8.25rem;
    padding: 0.875rem;
  }
  .top-insurance-ranking--category-links .item-category .top-insurance-ranking__list:hover {
    background-color: #f4faf2;
  }
}
.top-insurance-ranking--category-links .item-category .top-insurance-ranking__list:nth-child(n) {
  margin: 0;
}
.top-insurance-ranking--category-links .item-category .top-insurance-ranking__list-head {
  align-items: center;
  background-position: center top;
  background-size: auto 2.125rem;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  margin: 0;
  padding: 2.75rem 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking--category-links .item-category .top-insurance-ranking__list-head {
    background-size: auto 2.5rem;
    padding: 3.25rem 0 0;
  }
}
.top-insurance-ranking--category-links .item-category .top-insurance-ranking__list h3 {
  align-items: center;
  display: flex;
  font-size: 0.9375rem;
  justify-content: center;
  line-height: 1.45;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking--category-links .item-category .top-insurance-ranking__list h3 {
    font-size: 1rem;
  }
}
.top-insurance-ranking--category-links .item-category .top-insurance-ranking__list h3 a {
  color: #1f3025;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.top-insurance-ranking--category-links .item-category .top-insurance-ranking__list h3 a::after {
  content: "";
  inset: 0;
  position: absolute;
}
.top-insurance-ranking--category-links .item-category .top-insurance-ranking__list-head .desc {
  display: none;
}

.top-insurance-ranking-pr-lists {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking-pr-lists {
    margin-top: 3.125rem;
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .top-insurance-ranking-pr-list {
    width: 48.3%;
  }
}

.top-insurance-ranking-pr-list + .top-insurance-ranking-pr-list {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .top-insurance-ranking-pr-list + .top-insurance-ranking-pr-list {
    margin-top: 0;
  }
}

.top-learn {
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .top-learn {
    padding: 5rem 0;
  }
}

@media screen and (min-width: 768px) {
  .top-learn__txt {
    margin-top: 1.0625rem;
  }
}

.top-learn__content {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .top-learn__content {
    margin-top: 4.0625rem;
  }
}

.top-learn__content.item-media {
  margin-top: 4rem;
}

.top-learn__content .box-media + .box-media {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .top-learn__content .box-media + .box-media {
    margin-top: 2.5rem;
  }
}

.top-learn__content .box-media h3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.45;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .top-learn__content .box-media h3 {
    font-size: 1.5rem;
    line-height: 1.4583333333;
  }
}

.top-learn__content .box-media h3::after {
  content: "";
  flex-grow: 1;
  border-top: 1px solid #E0E0E0;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  .top-learn__content .box-media h3::after {
    margin-left: 1.5rem;
  }
}

.top-learn__content-lists {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .top-learn__content-lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.5625rem;
  }
}

.top-learn__content-list {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .top-learn__content-list {
    width: 48.3%;
  }
}

.top-learn__content-list a {
  border-radius: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 1rem;
  display: flex;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .top-learn__content-list a {
    border-radius: 2rem;
    padding: 1.5rem;
  }
}

.top-learn__content-list + .top-learn__content-list {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .top-learn__content-list + .top-learn__content-list {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .top-learn__content-list:nth-child(n+3) {
    margin-top: 1.5rem;
  }
}

.top-learn__content-list .thumb {
  width: 36.8%;
}
@media screen and (min-width: 768px) {
  .top-learn__content-list .thumb {
    max-width: 11.5rem;
    width: 30%;
  }
}

.top-learn__content-list .thumb img {
  height: auto;
  display: block;
  max-width: 100%;
}
.top-learn__content-list .title {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  width: 58.2%;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  .top-learn__content-list .title {
    font-size: 1rem;
    line-height: 1.5;
    width: 70%;
    margin-left: 1rem;
  }
}

.top-learn__content-list .title time {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
  color: #666666;
  display: block;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .top-learn__content-list .title time {
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

.top-learn__content-list .title .more {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-top: 5px;
  margin-top: 0.3125rem;
  text-align: right;
}

.top-learn__content-list .title .more span {
  background: #ff6600;
  border-radius: 5px;
  color: #FFF;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 1rem auto 0;
  padding: 0.3rem;
  position: relative;
  text-align: center;
  width: 10rem;
}

.box-media .btn-more {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .box-media .btn-more {
    margin-top: 2.5rem;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

.box-media .btn-more a {
  background: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  color: #26A300;
  border: 1px solid #26A300;
  border-radius: 50vh;
  padding: 0.625rem 1rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .box-media .btn-more a {
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 1.5rem;
  }
}

.top-money-professional__list {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 1rem;
  padding: 1rem 1rem 0.8125rem;
  height: auto;
  max-height: 26.375rem;
}
@media screen and (min-width: 768px) {
  .top-money-professional__list {
    border-radius: 2rem;
    padding: 1.5rem 1.5rem 1rem;
    max-height: 27.5rem;
  }
}

.top-money-professional__list-content {
  height: 22.75rem;
  position: relative;
  overflow: hidden;
}

.top-money-professional__list-content::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  bottom: 0;
  content: "";
  height: 60px;
  /* グラデーションで隠す高さ */
  position: absolute;
  width: 100%;
}

.top-money-professional__list .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.top-money-professional__list .thumb {
  display: flex;
  align-items: center;
  width: 38.4%;
}
@media screen and (min-width: 768px) {
  .top-money-professional__list .thumb {
    width: 29.5%;
    border-radius: 50%;
    margin-right: 1rem;
  }
}

.top-money-professional__list .thumb img {
  border-radius: 50vh;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-money-professional__list .name {
  width: 57.8%;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.4444444444;
}
@media screen and (min-width: 768px) {
  .top-money-professional__list .name {
    font-size: 1.25rem;
    line-height: 1.45;
    width: 69.5%;
  }
}

.top-money-professional__list .job {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  margin-top: 0.0625rem;
  font-weight: 400;
  color: #666666;
}
@media screen and (min-width: 768px) {
  .top-money-professional__list .job {
    font-size: 0.875rem;
    line-height: 1.4285714286;
    margin-top: 0.25rem;
  }
}

.top-money-professional__list .introduction {
  font-weight: 400;
  margin-top: 1rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
}
@media screen and (min-width: 768px) {
  .top-money-professional__list .introduction {
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

.top-money-professional__list .text-link {
  margin-top: 1.375rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.4166666667;
}
@media screen and (min-width: 768px) {
  .top-money-professional__list .text-link {
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

.top-money-professional__list .license {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-top: 1.0625rem;
  margin-bottom: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .top-money-professional__list .license {
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
  }
}

.top-money-professional__list .license dt {
  width: 30.7%;
  font-weight: 700;
  color: #fff;
  background-color: #ADADAD;
  border-radius: 50vh;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 0.125rem 1em 0.3125rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .top-money-professional__list .license dt {
    font-size: clamp(0.375rem, 0.029rem + 0.721vw, 0.75rem);
    line-height: 1.4166666667;
    padding: 0.125rem 1em 0.3125rem;
    width: 22.5%;
  }
}

.top-money-professional__list .license dd {
  width: 65.5%;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4285714286;
}
@media screen and (min-width: 768px) {
  .top-money-professional__list .license dd {
    width: 75.3%;
    font-size: 0.875rem;
  }
}

.top-money-professional__list .btn {
  margin-top: auto;
  width: 100%;
}
.top-money-professional__list .btn a {
  display: block;
  width: 100%;
  height: 100%;
  border-top: 1px solid #E0E0E0;
  display: flex;
  justify-content: end;
  align-items: center;
  font-weight: 700;
  color: #26A300;
  padding-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
}
@media screen and (min-width: 768px) {
  .top-money-professional__list .btn a {
    padding-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

.top-money-professional__list .btn a .more {
  margin-left: 0.5rem;
}

.top-money-professional-swiper-container {
  overflow: hidden;
}

.top-money-professional-swiper-container-inner {
  padding: 0 3.125rem;
}
@media screen and (min-width: 768px) {
  .top-money-professional-swiper-container-inner {
    max-width: 1440px;
    padding: 0 7.5rem;
    margin: 0 auto;
  }
}

.top-money-professional-swiper-container .swiper {
  overflow: visible;
  padding: 6px 0;
}

.top-money-professional-swiper {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .top-money-professional-swiper {
    margin-top: 3.125rem;
  }
}

.top-money-professional-swiper .swiper-wrapper {
  height: auto;
  width: 100%;
}

.top-money-professional-swiper .swiper-slide {
  height: auto;
  max-height: 26.375rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .top-money-professional-swiper .swiper-slide {
    max-height: 27.5rem;
  }
}

/* 前へ次への矢印カスタマイズ */
.top-money-professional-swiper .swiper-button-prev,
.top-money-professional-swiper .swiper-button-next {
  height: 3rem;
  width: 3rem;
}
@media screen and (min-width: 768px) {
  .top-money-professional-swiper .swiper-button-prev,
  .top-money-professional-swiper .swiper-button-next {
    height: 4rem;
    width: 4rem;
  }
}

/* 前へ次への矢印カスタマイズ */
.top-money-professional-swiper .swiper-button-prev:after,
.top-money-professional-swiper .swiper-button-next:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 3rem;
  margin: auto;
  width: 3rem;
}
@media screen and (min-width: 768px) {
  .top-money-professional-swiper .swiper-button-prev:after,
  .top-money-professional-swiper .swiper-button-next:after {
    height: 4rem;
    width: 4rem;
  }
}

/* 前への矢印カスタマイズ */
.top-money-professional-swiper .swiper-button-prev:after {
  background-image: url(../images/top/slide-arrow-left.png);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}

/* 次への矢印カスタマイズ */
.top-money-professional-swiper .swiper-button-next:after {
  background-image: url(../images/top/slide-arrow-right.png);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}

/* 画像サイズ調整 */
.top-money-professional-swiper .swiper-slide img {
  height: auto;
  width: 100%;
}

.top-money-professional-swiper .swiper-button-prev {
  left: initial;
  right: calc(100% - 0.5rem);
  top: 70%;
}
@media screen and (min-width: 768px) {
  .top-money-professional-swiper .swiper-button-prev {
    right: calc(100% - 1.2rem);
    top: 50%;
  }
}

.top-money-professional-swiper .swiper-button-next {
  left: calc(100% - 0.5rem);
  top: 70%;
}
@media screen and (min-width: 768px) {
  .top-money-professional-swiper .swiper-button-next {
    left: calc(100% - 1.2rem);
    top: 50%;
  }
}

.top-money-professional {
  padding: 1.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .top-money-professional {
    padding: 5rem 0;
  }
}

@media screen and (min-width: 768px) {
  .top-money-professional__txt {
    margin-top: 1.0625rem;
  }
}

.top-mv {
  height: 17.5rem;
  background: #F5F5F5 url(../images/top/bg-mv-img.png) no-repeat 56.4vw center;
  background-size: 11.875rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .top-mv {
    height: 35rem;
    background: #F5F5F5 url(../images/top/bg-mv-img.png) no-repeat 52.5vw center;
    background-size: 28.5rem;
  }
}

.top-mv__txt {
  max-width: 15rem;
}
@media screen and (min-width: 768px) {
  .top-mv__txt {
    max-width: 35.75rem;
  }
}

.top-news {
  padding: 4rem 0;
}
@media screen and (min-width: 768px) {
  .top-news {
    padding: 5rem 0;
  }
}

@media screen and (min-width: 768px) {
  .top-news__inner {
    max-width: 930px;
  }
}

.top-news__lists {
  margin-top: 2.125rem;
  border-top: 1px solid #E0E0E0;
}
.top-news__list {
  border-bottom: 1px solid #E0E0E0;
}
.top-news__list a {
  padding: 1rem 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .top-news__list a {
    padding: 2rem 0;
    display: flex;
  }
}

.top-news-cat-wrap {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .top-news-cat-wrap {
    align-items: start;
    width: 30%;
  }
}

.top-news__list-date {
  font-size: 0.875rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.4285714286;
}
@media screen and (min-width: 768px) {
  .top-news__list-date {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.top-news__list-cat {
  padding: 0.25rem 0 0.3125rem;
  border: 1px solid #26A300;
  border-radius: 50vh;
  font-size: 0.625rem;
  font-weight: 700;
  color: #26A300;
  line-height: 1.5;
  margin-left: 0.5rem;
  display: inline-block;
  width: 5.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .top-news__list-cat {
    font-size: 0.75rem;
    line-height: 1.4166666667;
    margin-left: 1rem;
    width: 7.1875rem;
    padding: 0.4375rem 0 0.5rem;
  }
}

.top-news__list-ttl {
  margin-top: 0.875rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
}
@media screen and (min-width: 768px) {
  .top-news__list-ttl {
    margin-left: 1rem;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0;
    width: 68%;
  }
}

.top-news__btn {
  margin-top: 1.5rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .top-news__btn {
    margin-top: 2.5rem;
    max-width: 12.1875rem;
  }
}

.top-news__btn a {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  color: #26A300;
  border: 1px solid #26A300;
  border-radius: 50vh;
  padding: 0.625rem 1rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .top-news__btn a {
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 1.5rem;
  }
}

.top-online {
  background-color: #F5F5F5;
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .top-online {
    padding: 5rem 0;
  }
}

.top-online__txt {
  margin-top: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .top-online__txt {
    margin-top: 1.0625rem;
  }
}

.item-consultation .top-online__content {
  margin-top: 2.125rem;
}

.top-online__content {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-top: 2rem;
  border-radius: 1rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .top-online__content {
    margin-top: 4.0625rem;
    display: flex;
    border-radius: 2rem;
  }
}

.cat-car .top-online__content {
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .cat-car .top-online__content {
    margin: 5rem 0;
  }
}

@media screen and (min-width: 768px) {
  .top-online__content-img {
    width: 33.33%;
  }
}

.item-consultation .top-online__content-img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .item-consultation .top-online__content-img {
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .top-online__content-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.cat-car .top-online__content-img img {
  border-radius: 2rem 0 0 2rem;
}
@media screen and (min-width: 768px) {
  .cat-car .top-online__content-img img {
    border-radius: 2rem 0 0 2rem;
  }
}

.top-online__content-info {
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .top-online__content-info {
    width: 66.6%;
    padding: 4.3125rem 5%;
  }
}

.cat-car .top-online__content-info {
  text-align: center;
}

.cat-car .top-online__content-info .top-online__btn-txt {
  text-align: left;
}

.item-consultation .top-online__content-info {
  padding: 1rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .item-consultation .top-online__content-info {
    padding: 4.3125rem 3%;
    width: 75%;
  }
}

.cat-car .top-online__content-info h3 {
  font-size: 1.5rem;
}

.cat-car .top-online__content-info-link {
  justify-content: center;
}

.cat-car .top-online__btn {
  max-width: 30rem;
  margin: auto;
  width: 80%;
}

.top-online__content-info-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .top-online__content-info-text {
    font-size: 1.125rem;
    line-height: 1.4444444444;
  }
}

@media screen and (min-width: 768px) {
  .top-online__content-info-text .small {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #666666;
    display: block;
  }
}

.top-online__content-info-link {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .top-online__content-info-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.625rem;
  }
}

.top-online__tel {
  font-weight: 400;
  font-size: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .top-online__tel {
    font-size: 0.75rem;
    text-align: left;
  }
}

.top-online__tel .big {
  font-size: 2rem;
  font-weight: 700;
  color: #26A300;
  display: block;
  margin-top: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .top-online__tel .big {
    font-size: clamp(1rem, 0.077rem + 1.923vw, 2rem);
    margin-top: 0;
  }
}

.top-online__btn {
  border-radius: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  width: 100%;
  height: 3rem;
}
@media screen and (min-width: 768px) {
  .top-online__btn {
    width: 33.3%;
    max-width: 15rem;
    height: 4rem;
    font-size: 1.125rem;
  }
}

.top-online__btn--line {
  background-color: #00B902;
  margin-top: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .top-online__btn--line {
    margin-top: 0;
    font-size: 1.0625rem;
  }
}

.top-online__line-icon {
  display: inline-block;
  max-width: 2.3125rem;
  margin-right: 0.5125rem;
}
@media screen and (min-width: 768px) {
  .top-online__line-icon {
    max-width: 2.5rem;
    margin-right: 0.5625rem;
  }
}

.top-online__btn-txt .small {
  font-size: 0.75rem;
  display: block;
  line-height: 1.4166666667;
}
.top-online__btn--contact {
  font-size: 1.125rem;
  background-color: #FF6600;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .top-online__btn--contact {
    margin-top: 0;
    font-size: clamp(0.625rem, 0.163rem + 0.962vw, 1.125rem);
  }
}

.top-online__btn-icon {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  color: #FE6600;
  background-color: #fff;
  border-radius: 50vh;
  padding: 0.625rem 0.75rem;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  .top-online__btn-icon {
    font-size: 0.875rem;
    line-height: 1.1428571429;
  }
}

.item-consultation .top-online__content-info-text,
.item-consultation .top-online__tel {
  font-weight: 400;
}
.item-consultation .top-online__btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .item-consultation .top-online__btn {
    font-size: 1.0625rem;
  }
}
.item-consultation .top-online__btn-txt {
  font-size: inherit;
  font-weight: 700;
  line-height: 1.3;
}
.item-consultation .top-online__btn-txt .small {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.35;
  margin-bottom: 0.0625rem;
}

.top-online__content {
  border-radius: 1rem;
  box-shadow: 0 0.25rem 1rem rgba(35, 56, 49, 0.12);
}

.top-product-developer {
  padding: 4rem 0;
}
@media screen and (min-width: 768px) {
  .top-product-developer {
    padding: 5rem 0 5rem;
  }
}

@media screen and (min-width: 768px) {
  .top-product-developer__txt {
    margin-top: 1.0625rem;
  }
}

.top-product-developer__lists {
  margin-top: 2.125rem;
}
@media screen and (min-width: 768px) {
  .top-product-developer__lists {
    display: flex;
    justify-content: space-between;
    margin-top: 4.125rem;
  }
}

@media screen and (min-width: 768px) {
  .top-product-developer__list {
    width: 48.33%;
  }
}

.top-product-developer__list + .top-product-developer__list {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .top-product-developer__list + .top-product-developer__list {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .top-product-developer__list a {
    display: block;
    width: 100%;
    height: 100%;
  }
}

.top-service {
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .top-service {
    padding: 5rem 0;
  }
}

.top-service__ttl {
  color: #26A300;
  font-size: 1.5rem;
  line-height: 1.4583333333;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .top-service__ttl {
    font-size: 2rem;
    line-height: 1.4375;
  }
}

@media screen and (min-width: 768px) {
  .top-service__txt {
    margin-top: 1.125rem;
  }
}

.top-service__lists {
  margin-top: 1.0625rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .top-service__lists {
    margin-top: 2.5625rem;
    justify-content: space-between;
  }
}

.top-service__list {
  width: 47.7%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  border-radius: 1rem;
}
@media screen and (min-width: 768px) {
  .top-service__list {
    width: 22.5%;
    border-radius: 2rem;
  }
}

.top-service__list:nth-child(n+3) {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .top-service__list:nth-child(n+3) {
    margin-top: 0;
  }
}

.top-service__list a {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem 1rem 1rem;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .top-service__list a {
    padding: 2.1875rem 1.25rem 1.5rem;
  }
}

.top-service__list-img {
  width: 8.6875rem;
  min-height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .top-service__list-img {
    width: 13.625rem;
    min-height: 12.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.top-service__list:nth-child(2) .top-service__list-img {
  width: 8rem;
}
@media screen and (min-width: 768px) {
  .top-service__list:nth-child(2) .top-service__list-img {
    width: 13.625rem;
  }
}

.top-service__list:nth-child(3) .top-service__list-img {
  width: 5.875rem;
}
@media screen and (min-width: 768px) {
  .top-service__list:nth-child(3) .top-service__list-img {
    width: 11rem;
  }
}

.top-service__list:nth-child(4) .top-service__list-img {
  width: 7.3125rem;
}
@media screen and (min-width: 768px) {
  .top-service__list:nth-child(4) .top-service__list-img {
    width: 11.6875rem;
  }
}

.top-service__list-ttl {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 700;
  margin-top: 0.875rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .top-service__list-ttl {
    font-size: 1.25rem;
    line-height: 1.45;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    height: 3.625rem;
    align-content: space-around;
  }
}

.top-service__list-ttl span {
  display: inline-block;
}

.top-service__list-btn {
  margin-top: auto;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  color: #fff;
  padding: 0.4375rem 0.875rem;
  background-color: #26A300;
  border-radius: 50vh;
}
@media screen and (min-width: 768px) {
  .top-service__list-btn {
    font-size: 0.875rem;
    line-height: 1.4285714286;
    padding: 0.625rem 1rem;
  }
}

.top-university-professor {
  padding: 4rem 0 0;
}
@media screen and (min-width: 768px) {
  .top-university-professor {
    padding: 5rem 0;
  }
}

@media screen and (min-width: 768px) {
  .top-university-professor__txt {
    margin-top: 1.0625rem;
  }
}

.top-university-professor__lists {
  margin-top: 2.125rem;
}
@media screen and (min-width: 768px) {
  .top-university-professor__lists {
    display: flex;
    justify-content: space-between;
    margin-top: 4.125rem;
  }
}

@media screen and (min-width: 768px) {
  .top-university-professor__list {
    width: 48.33%;
  }
}

.top-university-professor__list + .top-university-professor__list {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .top-university-professor__list + .top-university-professor__list {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .top-university-professor__list a {
    display: block;
    width: 100%;
    height: 100%;
  }
}

#single-column .wp-pagenavi,
#archive-news .wp-pagenavi,
#archive-articles .wp-pagenavi {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-column .wp-pagenavi a,
#single-column .wp-pagenavi span,
#archive-news .wp-pagenavi a,
#archive-news .wp-pagenavi span,
#archive-articles .wp-pagenavi a,
#archive-articles .wp-pagenavi span {
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 700;
  color: #26A300;
  display: inline-block;
  border: none;
  background-color: #F5F5F5;
  border-radius: 50%;
  width: 2.4em;
  height: 2.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.25rem;
}
@media screen and (min-width: 768px) {
  #single-column .wp-pagenavi a,
  #single-column .wp-pagenavi span,
  #archive-news .wp-pagenavi a,
  #archive-news .wp-pagenavi span,
  #archive-articles .wp-pagenavi a,
  #archive-articles .wp-pagenavi span {
    font-size: 1.25rem;
    margin: 0 0.375rem;
  }
}

#single-column .wp-pagenavi a.nextpostslink,
#single-column .wp-pagenavi a.previouspostslink,
#archive-news .wp-pagenavi a.nextpostslink,
#archive-news .wp-pagenavi a.previouspostslink,
#archive-articles .wp-pagenavi a.nextpostslink,
#archive-articles .wp-pagenavi a.previouspostslink {
  position: relative;
}

#single-column .wp-pagenavi a.nextpostslink::before,
#archive-news .wp-pagenavi a.nextpostslink::before,
#archive-articles .wp-pagenavi a.nextpostslink::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url(../images/common/arrow-right.png) no-repeat center center;
  background-size: contain;
}

#single-column .wp-pagenavi a.previouspostslink::before,
#archive-news .wp-pagenavi a.previouspostslink::before,
#archive-articles .wp-pagenavi a.previouspostslink::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url(../images/common/arrow-left.png) no-repeat center center;
  background-size: contain;
}

#single-column .wp-pagenavi span.current,
#archive-news .wp-pagenavi span.current,
#archive-articles .wp-pagenavi span.current {
  color: #fff;
  background-color: #26A300;
}/*# sourceMappingURL=styles.css.map */