@charset "UTF-8";
/* ------------------------------------------------- *
 *   ＠基本変数定義　　　　　　　　　　　　　　
 * ------------------------------------------------ */
/* ------------------------------------------------- *
 *   ＠ブレイクポイント管理＋レスポンシブmixin　　　　　　　　　　　　　　　
 * ------------------------------------------------ */
/* -------------------------------------------------
   ＠ブラウザ差異を最小化するための初期化
------------------------------------------------- */
/* box-sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* margin / padding reset */
body,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.4;
}

/* list */
ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* image */
img {
  max-width: 100%;
  height: auto;
  border: 0;
}

/* link */
a {
  text-decoration: none;
  color: inherit;
}

/* form */
input,
button,
textarea,
select {
  font: inherit;
}

/* button reset */
button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

textarea {
  resize: vertical;
}

/* ------------------------------------------------- *
 *        ＠ベース　　　　　　　　　　　　　　　
 * ------------------------------------------------ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  word-break: break-all;
}

html.is-article {
  font-size: 100%;
}
html.is-article body {
  font-size: 1rem;
}
html.is-article .search {
  font-size: 62.5%;
}

body {
  margin: 0;
  padding: 0;
  min-width: 320px;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.4rem;
  color: #333;
  letter-spacing: 0.03rem;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

h1, h2, h3 {
  font-weight: bold;
}

a {
  color: #337ab7;
  text-decoration: none;
  transition: opacity 0.3s;
}

a:hover {
  opacity: 0.8;
}

table {
  background: #FFF;
  border-collapse: separate;
  border-spacing: 0px;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
  width: 100%;
}
table th, table td {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 8px;
}

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

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

/* ------------------------------------------------- *
 *        ＠テキスト装飾　　　　　　　　　　　　　　　
 * ------------------------------------------------ */
.txt-bold {
  font-weight: 700;
}

.txt-red {
  color: #e60000;
}

.txt-underline {
  text-decoration: underline;
}

.txt-marker {
  background-image: linear-gradient(transparent 40%, #ffe76b 30%);
  font-weight: bold;
}

.txt-pastelmarker {
  background-image: linear-gradient(transparent 40%, #ffeeb3 30%);
  font-weight: bold;
}

/* ------------------------------------------------- *
 *        ＠全LP共通
 * ------------------------------------------------ */
header .pr-head {
  color: #808080;
  max-width: 800px;
  margin: auto;
}

.newstyle .l-container {
  max-width: 800px;
  margin: auto;
}
.newstyle .mainvisual img {
  width: 100%;
}
.newstyle .c-button {
  border-radius: 25px;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: auto;
  overflow: hidden;
  position: relative;
  padding: 1.5rem 0.4rem;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .newstyle .c-button {
    padding: 1rem 0.4rem;
  }
}
.newstyle .c-button--primary {
  animation-name: c-button-push;
  animation-delay: 0s;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-color: #bf004c;
  box-shadow: 0 8px 0 #5e0025;
  --button-shadow-color: #5e0025;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .newstyle .c-button--primary {
    font-size: 1.8rem;
  }
}
.newstyle .c-button--primary:before {
  position: absolute;
  content: "";
  display: inline-block;
  pointer-events: none;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: c-button-shiny 3s ease-in-out infinite;
}
@keyframes c-button-shiny {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.newstyle {
  animation-iteration-count: infinite; /* アニメーションを繰り返す */
}
@keyframes c-button-push {
  0% {
    box-shadow: 0 8px 0 var(--button-shadow-color);
    transform: translateY(0);
  }
  40% {
    box-shadow: 0 8px 0 var(--button-shadow-color);
    transform: translateY(0);
  }
  50% {
    box-shadow: 0 0 0 var(--button-shadow-color);
    transform: translateY(8px);
  }
  60% {
    box-shadow: 0 8px 0 var(--button-shadow-color);
    transform: translateY(0);
  }
  100% {
    box-shadow: 0 8px 0 var(--button-shadow-color);
    transform: translateY(0);
  }
}
.newstyle .c-cvcopy {
  text-align: center;
  font-weight: bold;
}
.newstyle .c-caution {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .c-caution {
    font-size: 0.9rem;
    margin: 0.5rem;
  }
}
.newstyle .survey {
  border: 2px solid #fff;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .survey {
    padding: 1rem;
  }
}
.newstyle .survey .survey__ttl {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.newstyle .survey .survey__item {
  display: flex;
  gap: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .survey .survey__item {
    font-size: 1.2rem;
    gap: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .newstyle .survey .survey__item dt {
    width: 25%;
  }
}
.newstyle .pr-ctalabel {
  font-size: 1rem;
  color: #7f7f7f;
  margin: 0.2rem 0 1.5rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .newstyle .pr-ctalabel {
    line-height: 1.2;
    margin: 0.4rem 0 1rem;
  }
}
.newstyle .contents--problem .c-caution {
  text-align: right;
}
.newstyle .contents--guide-point {
  max-width: 700px;
  margin: 0 auto 2rem;
}
.newstyle .contents--guide-point h2.contents__ttl {
  margin-bottom: 1rem;
}
.newstyle .contents--guide-point .contents__list .contents__item {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .contents--guide-point .contents__list .contents__item {
    margin-bottom: 1rem;
  }
}
.newstyle .contents--guide-point .contents__list .contents__item .contents__head .contents__inner {
  position: relative;
}
.newstyle .contents--guide-point .contents__list .contents__item .contents__head .contents__inner .contents__num {
  height: auto;
  left: -1rem;
  position: absolute;
  top: -1rem;
}
.newstyle .contents--guide-point .contents__list .contents__item .contents__head .contents__inner h3.contents__ttl {
  font-size: 1.8rem;
  padding: 0.5rem 1rem 0.5rem 10rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .contents--guide-point .contents__list .contents__item .contents__head .contents__inner h3.contents__ttl {
    font-size: 1.4rem;
    padding: 0.5rem 1rem 0.5rem 7rem;
  }
}
.newstyle .contents--guide-point .contents__list .contents__item .contents__head .contents__inner h3.contents__ttl .big {
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .contents--guide-point .contents__list .contents__item .contents__head .contents__inner h3.contents__ttl .big {
    font-size: 1.7rem;
  }
}
.newstyle .contents--guide-point .contents__list .contents__item .contents__txt {
  border-radius: 0 0 20px 20px;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .contents--guide-point .contents__list .contents__item .contents__txt {
    font-size: 1.2rem;
  }
}
.newstyle .contents--guide-accordion {
  margin: 2rem auto;
}
.newstyle .contents--guide-accordion .contents__ttl {
  margin-bottom: 1rem;
}
.newstyle .contents--guide-accordion .contents__list .contents__box {
  margin-bottom: 1.5rem;
}
.newstyle .contents--guide-accordion .contents__list .contents__box .contents__head {
  background-color: #d4d7de;
  font-size: 1.6rem;
  padding: 1.5rem 2rem;
}
.newstyle .contents--guide-accordion .contents__list .contents__box .contents__icon.plus {
  position: relative;
  width: 23px;
  height: 23px;
  display: block;
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
  will-change: transform;
}
.newstyle .contents--guide-accordion .contents__list .contents__box .contents__icon.plus::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: 3px;
  border-radius: 10px;
  background: #fff;
  display: block;
}
.newstyle .contents--guide-accordion .contents__list .contents__box .contents__icon.plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  height: 75%;
  border-radius: 10px;
  background: #fff;
  display: block;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  will-change: transform;
}
.newstyle .contents--guide-accordion .contents__list .contents__box .contents__detail .contents__inner {
  align-items: center;
  background: #fff;
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding: 1.5rem;
  width: 100%;
}
.newstyle .contents--guide-accordion .contents__list .contents__box .contents__detail .contents__inner .contents__img {
  width: 20%;
}
.newstyle .contents--guide-accordion .contents__list .contents__box .contents__detail .contents__inner .contents__txt {
  width: 80%;
}
.newstyle .contents--guide-accordion .contents__list .contents__box.is-open .contents__icon.plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.newstyle .contents--guide-slider {
  margin: 2rem auto;
}
.newstyle .contents--guide-slider .contents__ttl {
  margin-bottom: 1rem;
}
.newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper {
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper {
    margin-bottom: 2.5rem;
  }
}
.newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper .contents__slide {
  border: solid 2px #f0e86f;
  border-radius: 2rem;
}
.newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper .contents__slide h3 {
  background: #f0e86f;
  border-radius: 1.5rem 1.5rem 0 0;
  font-size: 1.6rem;
  padding: 1rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper .contents__slide h3 {
    padding: 0.5rem;
  }
}
.newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper .contents__slide h3 .contents__slide-ttl-txt--big {
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper .contents__slide h3 .contents__slide-ttl-txt--big {
    font-size: 1.8rem;
  }
}
.newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper .contents__slide .contents__slide-content {
  display: flex;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper .contents__slide .contents__slide-content {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper .contents__slide .contents__slide-content .contents__img {
    margin: 0 auto 1rem;
    width: 40%;
  }
}
.newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper .contents__slide .contents__slide-content .contents__txt {
  font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .contents--guide-slider .contents__slider .contents__slider-wrapper .contents__slide .contents__slide-content .contents__txt {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
.newstyle .l-type {
  margin: 2rem auto;
}
@media only screen and (max-width: 767px) {
  .newstyle .l-type {
    margin: 1rem auto;
    width: 96%;
  }
}
.newstyle .l-type .type__ttl {
  margin-bottom: 1rem;
  text-align: center;
}
.newstyle .type-list {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin: 1rem auto;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list {
    display: block;
  }
}
.newstyle .type-list .type-card {
  position: relative;
  width: calc(33% - 0.5rem);
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list .type-card {
    margin-bottom: 1rem;
    width: 100%;
  }
}
.newstyle .type-list .type-card h3.type-card__ttl {
  padding: 1.5rem 0.5rem;
  text-align: center;
  font-weight: bold;
  border-radius: 20px 20px 0 0;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list .type-card h3.type-card__ttl {
    font-size: 1.6rem;
    padding: 1.5rem 0.5rem;
  }
}
.newstyle .type-list .type-card h3.type-card__ttl.type-card__ttl--1 {
  background: #fff099;
}
.newstyle .type-list .type-card h3.type-card__ttl.type-card__ttl--2 {
  background: #c99f77;
}
.newstyle .type-list .type-card h3.type-card__ttl.type-card__ttl--3 {
  background: #d4d7de;
}
.newstyle .type-list .type-card h3.type-card__ttl.type-card__ttl--4 {
  background: #697591;
  color: #fff;
}
.newstyle .type-list .type-card .type-card__content {
  align-items: center;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  min-height: 14rem;
  padding: 1rem;
  text-align: center;
}
.newstyle .type-list .type-card .type-card__content .type-card__logo img {
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list .type-card .type-card__content .type-card__logo img {
    width: 65%;
  }
}
.newstyle .type-list .type-card .type-card__content .type-card__lead {
  margin: 1rem auto;
}
.newstyle .type-list .type-card .type-card__content .type-card__copy {
  font-size: 1.3rem;
  font-weight: bold;
}
.newstyle .type-list .type-card .type-card__content .type-card__btn {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.newstyle .type-list .type-card .type-card__content .type-card__btn .c-button--secondary {
  animation: none;
  font-weight: bold;
  width: 30%;
}
.newstyle .type-list .type-card .type-card__content .type-card__btn .c-button--primary {
  width: 65%;
}
.newstyle .type-list--ichioshi, .newstyle .type-list--icorank {
  margin: 3rem auto;
}
.newstyle .type-list--ichioshi .type-card, .newstyle .type-list--icorank .type-card {
  margin-bottom: 3rem;
}
.newstyle .type-list--ichioshi .type-card h3.type-card__ttl .type-card__badge, .newstyle .type-list--icorank .type-card h3.type-card__ttl .type-card__badge {
  position: absolute;
  left: 0;
  margin: auto;
  top: -2rem;
  right: 0;
  width: 56%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--ichioshi .type-card h3.type-card__ttl .type-card__badge, .newstyle .type-list--icorank .type-card h3.type-card__ttl .type-card__badge {
    top: -2.5rem;
    width: 50%;
  }
}
.newstyle .type-list--ichioshi .type-card h3.type-card__ttl .type-card__badge.type-card__badge--icon, .newstyle .type-list--icorank .type-card h3.type-card__ttl .type-card__badge.type-card__badge--icon {
  top: -2rem;
  width: 16%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--ichioshi .type-card h3.type-card__ttl .type-card__badge.type-card__badge--icon, .newstyle .type-list--icorank .type-card h3.type-card__ttl .type-card__badge.type-card__badge--icon {
    top: -2.5rem;
    width: 13%;
  }
}
.newstyle .type-list--ichioshi .type-card .type-card__content--1, .newstyle .type-list--icorank .type-card .type-card__content--1 {
  background: #fffde8;
  border: solid 2px #fff099;
}
.newstyle .type-list--onetop {
  display: block;
  margin: 2rem auto;
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop {
    width: 100%;
  }
}
.newstyle .type-list--onetop .type-list__lead {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop .type-list__lead {
    font-size: 1.5rem;
  }
}
.newstyle .type-list--onetop .type-card {
  margin: 0 auto 1rem;
  width: 100%;
}
.newstyle .type-list--onetop .type-card h3.type-card__ttl {
  font-size: 2.4rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop .type-card h3.type-card__ttl {
    font-size: 1.8rem;
    padding: 0.8rem 0.5rem;
  }
}
.newstyle .type-list--onetop .type-card h3.type-card__ttl .type-card__badge img {
  width: 7%;
}
.newstyle .type-list--onetop .type-card .type-card__content, .newstyle .type-list--onetop .type-card .type-card__sub-content {
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop .type-card .type-card__content, .newstyle .type-list--onetop .type-card .type-card__sub-content {
    padding: 0.8rem;
  }
}
.newstyle .type-list--onetop .type-card .type-card__content .type-card__block, .newstyle .type-list--onetop .type-card .type-card__sub-content .type-card__block {
  display: flex;
  justify-content: space-between;
  margin: 1rem auto;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop .type-card .type-card__content .type-card__block, .newstyle .type-list--onetop .type-card .type-card__sub-content .type-card__block {
    margin: 0 auto 1rem;
  }
}
.newstyle .type-list--onetop .type-card .type-card__content .type-card__block .type-card__bnr, .newstyle .type-list--onetop .type-card .type-card__sub-content .type-card__block .type-card__bnr {
  width: 30%;
}
.newstyle .type-list--onetop .type-card .type-card__content .type-card__block .type-card__list, .newstyle .type-list--onetop .type-card .type-card__sub-content .type-card__block .type-card__list {
  text-align: left;
  width: 67%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop .type-card .type-card__content .type-card__block .type-card__list, .newstyle .type-list--onetop .type-card .type-card__sub-content .type-card__block .type-card__list {
    font-size: 1.2rem;
  }
}
.newstyle .type-list--onetop .type-card .type-card__content .type-card__btn, .newstyle .type-list--onetop .type-card .type-card__sub-content .type-card__btn {
  display: block;
  width: 70%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop .type-card .type-card__content .type-card__btn, .newstyle .type-list--onetop .type-card .type-card__sub-content .type-card__btn {
    margin-bottom: 0.8rem;
  }
}
.newstyle .type-list--onetop .type-card .type-card__content .type-card__btn .c-button--primary, .newstyle .type-list--onetop .type-card .type-card__sub-content .type-card__btn .c-button--primary {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop .type-card .type-card__content .type-card__btn .c-button--primary, .newstyle .type-list--onetop .type-card .type-card__sub-content .type-card__btn .c-button--primary {
    font-size: 1.4rem;
  }
}
.newstyle .type-list--onetop .type-card.type-card__ichioshi {
  margin-top: 2.5rem;
}
.newstyle .type-list--onetop .type-card.type-card__ichioshi .type-card__badge--ichioshi {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -2rem;
  width: 32%;
}
.newstyle .type-list--onetop .type-card--sub {
  background: #fff;
  border-radius: 20px;
}
.newstyle .type-list--onetop .type-card--sub .type-card__sub-content {
  align-items: center;
  border-radius: 10px;
  display: flex;
  padding: 1rem;
}
.newstyle .type-list--onetop .type-card--sub .type-card__sub-content .type-card__inner {
  width: 25%;
}
.newstyle .type-list--onetop .type-card--sub .type-card__sub-content .type-card__inner .type-card__badge {
  display: block;
  text-align: center;
  margin: auto;
}
.newstyle .type-list--onetop .type-card--sub .type-card__sub-content .type-card__inner .type-card__badge img {
  text-align: center;
  margin: 0.5rem auto;
  width: 25%;
}
.newstyle .type-list--onetop .type-card--sub .type-card__sub-content .type-card__txt {
  width: 55%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop .type-card--sub .type-card__sub-content .type-card__txt {
    font-size: 1.2rem;
  }
}
.newstyle .type-list--onetop .type-card--sub .type-card__sub-content .c-button--primary {
  font-size: 1.4rem;
  padding: 1rem 0.6rem;
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop .type-card--sub .type-card__sub-content .c-button--primary {
    font-size: 1.2rem;
    line-height: 1.3;
    width: 23%;
  }
}
.newstyle .type-list--onetop .type-card__balloon {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.newstyle .type-list--onetop .type-card__balloon .type-card__balloon-img {
  width: 17%;
}
.newstyle .type-list--onetop .type-card__balloon .type-card__balloon-txt {
  background: #fff;
  border-radius: 10px;
  padding: 1.5rem 0.5rem;
  position: relative;
  text-align: center;
  width: 77%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--onetop .type-card__balloon .type-card__balloon-txt {
    font-size: 1.3rem;
    padding: 0.8rem;
  }
}
.newstyle .type-list--onetop .type-card__balloon .type-card__balloon-txt::before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #fff;
  content: "";
  height: 0;
  left: -11px;
  position: absolute;
  width: 0;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--swiper {
    display: flex;
  }
  .newstyle .type-list--swiper .type-card {
    margin-bottom: 2rem;
  }
}
.newstyle .type-list--mini {
  display: block;
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--mini {
    width: 100%;
  }
}
.newstyle .type-list--mini .type-card {
  margin: 0 auto 1rem;
  width: 100%;
}
.newstyle .type-list--mini .type-card.type-card__mini--1.type-card--ichioshi .type-card__badge--ichioshi {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -2rem;
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--mini .type-card.type-card__mini--1.type-card--ichioshi .type-card__badge--ichioshi {
    width: 45%;
  }
}
.newstyle .type-list--mini .type-card.type-card__mini--1.type-card--ichioshi .type-card__inner {
  border: solid 1px #fff475;
  padding: 2.5rem 2rem 1rem;
}
.newstyle .type-list--mini .type-card.type-card__mini--1 .type-card__inner {
  background-color: #fffde8;
}
.newstyle .type-list--mini .type-card.type-card__mini--1 .type-card__inner .type-card__content {
  background-color: #fffde8;
}
.newstyle .type-list--mini .type-card .type-card__inner {
  align-items: center;
  background: #fff;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  padding: 1rem 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--mini .type-card .type-card__inner {
    padding: 1rem;
  }
}
.newstyle .type-list--mini .type-card .type-card__inner .type-card__bnr {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--mini .type-card .type-card__inner .type-card__bnr {
    width: 25%;
  }
}
.newstyle .type-list--mini .type-card .type-card__inner .type-card__content {
  background: #fff;
  display: block;
  padding: 0;
  text-align: left;
  width: 67%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--mini .type-card .type-card__inner .type-card__content {
    width: 70%;
  }
}
.newstyle .type-list--mini .type-card .type-card__inner .type-card__content .type-card__ttl {
  font-size: 1.5rem;
  padding: 0;
  text-align: left;
}
.newstyle .type-list--mini .type-card .type-card__inner .type-card__content .type-card__ttl .type-card__badge {
  position: static;
}
.newstyle .type-list--mini .type-card .type-card__inner .type-card__content .type-card__ttl .type-card__badge img {
  margin-bottom: 0.5rem;
  width: 10%;
}
.newstyle .type-list--mini .type-card .type-card__inner .type-card__content .type-card__name {
  font-weight: bold;
  text-decoration: underline;
}
.newstyle .type-list--mini .type-card .type-card__inner .type-card__content .type-card__copy {
  font-weight: bold;
  margin: 0.5rem auto;
}
.newstyle .type-list--mini .type-card .type-card__inner .type-card__content .type-card__txt {
  font-size: 1.2rem;
  margin: 0.5rem auto;
}
.newstyle .type-list--mini .type-card .type-card__inner .type-card__content .type-card__btn .c-button--primary {
  font-size: 1.4rem;
  padding: 1rem;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .newstyle .type-list--mini .type-card .type-card__inner .type-card__content .type-card__btn .c-button--primary {
    font-size: 1.2rem;
  }
}
.newstyle .pickup {
  margin-bottom: 3rem;
}
.newstyle .pickup .pickup__img {
  text-align: center;
}
.newstyle .pickup .pickup__body {
  text-align: center;
}
.newstyle .pickup .pickup__body .pickup__name {
  font-weight: bold;
}
.newstyle .pickup .pickup__body .pickup__btn {
  margin: auto;
  width: 90%;
}
.newstyle .comparison-vertical {
  margin: 3rem auto;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-vertical {
    margin: 2rem auto;
  }
}
.newstyle .comparison-vertical .comparison-vertical__ttl {
  margin-bottom: 1rem;
}
.newstyle .comparison-vertical .comparison-vertical__ttl img {
  width: 100%;
}
.newstyle .comparison-vertical .comparison-vertical__container {
  margin-bottom: 1rem;
}
.newstyle .comparison-vertical .comparison-vertical__list--head {
  position: sticky;
  top: 5px;
  z-index: 1;
}
.newstyle .comparison-vertical .comparison-vertical__list--head .comparison-vertical__item--rank-1 {
  border-top: 5px solid #e9e293;
  border-bottom: 2px solid #e9e293;
}
.newstyle .comparison-vertical .comparison-vertical__list--head .comparison-vertical__item--rank-2 {
  border-top: 5px solid #828282;
  border-bottom: 2px solid #828282;
}
.newstyle .comparison-vertical .comparison-vertical__list--head .comparison-vertical__item--rank-3,
.newstyle .comparison-vertical .comparison-vertical__list--head .comparison-vertical__item--rank-4 {
  border-top: 5px solid #50443e;
  border-bottom: 2px solid #50443e;
}
.newstyle .comparison-vertical .comparison-vertical__list {
  display: flex;
}
.newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item {
  background: #fff;
  border-right: 2px dotted #ccc;
  padding: 1.5rem;
  text-align: center;
  width: 33.3%;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item {
    padding: 1rem 0.8rem;
  }
}
.newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item.comparison-vertical__item--rank-1 {
  background: #fBf9e4;
  border-right: 2px dotted #e9e293;
  border-left: 2px dotted #e9e293;
}
.newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__icon,
.newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__eval {
  margin: 0 auto 0.5rem;
  width: 40px;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__icon,
  .newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__eval {
    width: 35px;
  }
}
.newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__star img {
  margin: 0 auto 0.5rem;
  width: 60%;
}
.newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__star .comparison-vertical__star-text {
  font-size: 1.6rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__txt {
    font-size: 1.1rem;
  }
}
.newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__bnr {
  margin: 0 auto 0.5rem;
  width: 65%;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__bnr {
    width: 90%;
  }
}
.newstyle .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__name {
  font-weight: bold;
}
.newstyle .comparison-vertical .comparison-vertical__spec .comparison-vertical__label {
  background: #515151;
  color: #fff;
  font-weight: bold;
  padding: 0.5rem;
  text-align: center;
}
.newstyle .comparison-vertical .comparison-vertical__spec .comparison-vertical__copy {
  font-size: 1.2rem;
  font-weight: bold;
}
.newstyle .comparison-vertical .comparison-vertical__spec .comparison-vertical__detail-btn {
  color: #777;
  font-size: 1.3rem;
  text-decoration: underline;
  margin: 1rem auto;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-vertical .c-button--primary {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-vertical .pr-ctalabel {
    margin: 0.3rem 0 1rem;
    line-height: 1.2;
  }
}
.newstyle .comparison-simple .comparison-simple__ttl {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-simple .comparison-simple__inner {
    overflow-x: auto;
  }
}
.newstyle .comparison-simple .comparison-simple__table {
  border-collapse: separate;
  border-spacing: 10px 0;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  margin-bottom: 2rem;
  table-layout: auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-simple .comparison-simple__table {
    width: 650px;
  }
}
.newstyle .comparison-simple .comparison-simple__table .comparison-simple__head th {
  padding: 2rem;
  background: #9c9c9c;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 2rem 2rem 0 0;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-simple .comparison-simple__table .comparison-simple__head th {
    padding: 1rem;
  }
}
.newstyle .comparison-simple .comparison-simple__table .comparison-simple__head th:first-child {
  background: #fff;
  border: none;
  padding: 0;
  width: 10%;
}
.newstyle .comparison-simple .comparison-simple__table .comparison-simple__head th:nth-child(2) {
  background: #f0e86f;
  border: 15px solid #f0e86f;
  color: #333;
  font-size: 2.4rem;
  width: 30%;
}
.newstyle .comparison-simple .comparison-simple__table .comparison-simple__list .comparison-simple__item th {
  background-color: #9c9c9c;
  border-bottom: 4px solid #f3f3f3;
  border-right: 4px solid #f3f3f3;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.6rem;
  font-weight: normal;
  left: 0;
  position: sticky;
  width: 50px;
  z-index: 1;
}
.newstyle .comparison-simple .comparison-simple__table .comparison-simple__list .comparison-simple__item th::after {
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-style: solid;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 16px solid #9c9c9c;
  border-right: 0;
}
.newstyle .comparison-simple .comparison-simple__table .comparison-simple__list .comparison-simple__item td {
  border: 2px solid #9c9c9c;
  border-bottom: 4px solid #f3f3f3;
  border-top: none;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-simple .comparison-simple__table .comparison-simple__list .comparison-simple__item td {
    font-size: 1.2rem;
  }
}
.newstyle .comparison-simple .comparison-simple__table .comparison-simple__list .comparison-simple__item td.comparison-simple__spec-value--primary {
  border-right: 10px solid #f0e86f;
  border-left: 10px solid #f0e86f;
}
.newstyle .comparison-simple .comparison-simple__table .comparison-simple__list .comparison-simple__item td .comparison-simple__icon {
  margin: auto;
  margin-bottom: 0.5rem;
  width: 40px;
}
.newstyle .comparison-simple .comparison-simple__table .comparison-simple__list .comparison-simple__item td .comparison-simple__txt span {
  color: #ea435e;
  font-size: 2rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .newstyle .comparison-simple .comparison-simple__table .comparison-simple__list .comparison-simple__item td .comparison-simple__txt span {
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list {
    margin: auto;
    width: 96%;
  }
}
.newstyle .ranking .ranking__list .ranking__item {
  background-color: #f2f2f2;
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  border-top: 0.5rem solid #1d215c;
  margin: 5rem auto 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item {
    margin: 3.5rem auto 2rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item.ranking__item-1 {
  border-top: 0.5rem solid #ffe33a;
}
.newstyle .ranking .ranking__list .ranking__item.ranking__item-2 {
  border-top: 0.5rem solid #bdb6c1;
}
.newstyle .ranking .ranking__list .ranking__item.ranking__item-3 {
  border-top: 0.5rem solid #9b7846;
}
.newstyle .ranking .ranking__list .ranking__item h2.ranking__name {
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  padding: 2rem 1rem 0.5rem;
  position: relative;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item h2.ranking__name {
    padding: 1.5rem 1rem 0.5rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item h2.ranking__name .ranking__icon {
  margin: 0 auto 0.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: -2.5rem;
  width: 50px;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item h2.ranking__name .ranking__icon {
    top: -2rem;
    width: 40px;
  }
}
.newstyle .ranking .ranking__list .ranking__item h2.ranking__name a.ranking__link {
  font-size: 2.5rem;
}
.newstyle .ranking .ranking__list .ranking__item h3 {
  background-color: #ccc;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0.5rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item h3 {
    font-size: 1.6rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner {
  padding: 3rem 5rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner {
    padding: 1rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__point {
  margin: 2rem auto 1rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__point .ranking__point-list {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__point .ranking__point-list {
    padding: 1rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__point .ranking__point-list li {
  background: url(../img/feature/common/check2.png) left 2px no-repeat;
  background-size: 16px;
  padding-left: 2.5rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__point--bottom {
  border: solid 2px #bdac25;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__point--bottom h3 {
  background: #bdac25;
  color: #333;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__point--bottom .ranking__txt {
  background: #fff;
  font-size: 1.3rem;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__point--bottom .ranking__txt {
    padding: 1.5rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__campaign {
  margin: 1.5rem auto 1rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__campaign .ranking__txt {
  background-color: #fff;
  padding: 1.5rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec th {
  background-color: #d4d7de;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec th {
    font-size: 1.2rem;
    padding: 0.5rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec td {
    font-size: 1.2rem;
    padding: 0.5rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl {
  margin: 1.5rem auto 1rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list {
  background: #fff;
  margin-bottom: 2rem;
  padding: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list {
    padding: 1rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item {
  margin-bottom: 2rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head {
  align-items: stretch;
  display: flex;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head {
    margin-bottom: 1rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-point {
  background: #bdac25;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  margin: auto;
  padding: 1rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-point {
    font-size: 1.4rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-point::after {
  background: #bdac25;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  content: "";
  height: 100%;
  position: absolute;
  right: -19px;
  top: 0;
  width: 20px;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-ttl {
  background: #f3f3f3;
  font-size: 1.8rem;
  font-weight: bold;
  flex: 1;
  padding: 1rem 1rem 1rem 4rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-ttl {
    font-size: 1.4rem;
    padding: 0.5rem 0.1rem 0.3rem 3rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 0 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block {
    padding: 0 1rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .ranking__apearl-img {
  width: 20%;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .ranking__txt {
  width: 78%;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .ranking__txt {
    font-size: 1.2rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .note {
  margin: 1rem auto;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .note p {
  color: #7f7f7f;
  font-size: 1rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__detail {
  padding: 0 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__detail {
    font-size: 1.2rem;
    padding: 0;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__txtarea {
  background-color: #fff;
  font-size: 1.3rem;
  line-height: 1.6;
  padding: 1rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__checkpoint {
  border: 2px solid #000;
  margin: 1rem auto;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__checkpoint h4 {
  background: url(../img/feature/sim/caution.png) 40% 8px no-repeat #000;
  background-size: 16px;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  padding: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__checkpoint h4 {
    background: url(../img/feature/sim/caution.png) 31% 6px no-repeat #000;
    background-size: 16px;
    font-size: 1.4rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__checkpoint ul {
  background: #fff;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__checkpoint ul {
    font-size: 1.3rem;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list {
  margin: 1.5rem auto;
  width: 75%;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list {
    width: 90%;
  }
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list .ranking__ttl {
  background-color: #ccc;
  cursor: pointer;
  padding: 0.5rem;
  position: relative;
  text-align: center;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list .ranking__ttl::before, .newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list .ranking__ttl::after {
  border-style: solid;
  border-width: 10px 7.5px 0 7.5px;
  border-color: #333 transparent transparent transparent;
  content: "";
  display: inline-block;
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list .ranking__ttl::before {
  left: 10%;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list .ranking__ttl::after {
  right: 10%;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list .ranking__inner {
  background-color: #fff;
  display: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 1.5rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list .ranking__inner dl .ranking__block {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list .ranking__inner dl .ranking__block dt {
  align-items: center;
  background-color: #c7c7c7;
  display: flex;
  font-size: 1.2rem;
  font-weight: bold;
  justify-content: center;
  padding: 0.5rem;
  text-align: center;
  width: 20%;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__location-list .ranking__inner dl .ranking__block dd {
  background-color: #f3f3f3;
  font-size: 1.2rem;
  padding: 0.8rem;
  width: 80%;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__btn .ranking__lead {
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-align: center;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__btn .ranking__lead::before {
  content: "＼";
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__btn .ranking__lead::after {
  content: "／";
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__btn .ranking__btn-block {
  margin-bottom: 2rem;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__btn .ranking__btn-block .c-button__text {
  display: block;
}
.newstyle .ranking .ranking__list .ranking__item .ranking__inner .ranking__btn .ranking__btn-block .c-button__lead {
  font-size: 2.5rem;
}
.newstyle .ranking__review .ranking__review-list {
  margin: 1rem auto;
}
.newstyle .ranking__review .ranking__review-list .ranking__review-item {
  align-items: center;
  background: #fff;
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 1rem;
  padding: 1rem 0;
}
.newstyle .ranking__review .ranking__review-list .ranking__review-item .ranking__review-img {
  width: 20%;
}
.newstyle .ranking__review .ranking__review-list .ranking__review-item .ranking__review-comment {
  width: 70%;
}
.newstyle .ranking__review--filter .ranking__review-txt {
  line-height: 1.7;
  max-height: 9rem;
  overflow: hidden;
  transition: max-height 0.3s ease;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking__review--filter .ranking__review-txt {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking__review--filter .ranking__review-txt p {
    font-size: 1.2rem;
  }
}
.newstyle .ranking__review--filter .ranking__review-txt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3rem;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
.newstyle .ranking__review--filter .ranking__review-item.is-open .ranking__review-txt {
  max-height: 500px;
}
.newstyle .ranking__review--filter .ranking__review-item.is-open .ranking__review-txt::after {
  display: none;
}
.newstyle .ranking__review--filter .ranking__review-item.is-open .ranking__review-more {
  display: none;
}
.newstyle .ranking__review--filter .ranking__review-more {
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 10px;
  padding: 0.7rem 1rem;
  font-size: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.3rem;
  width: 20%;
  margin: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking__review--filter .ranking__review-more {
    font-size: 1.2rem;
    padding: 0.5rem;
    width: 40%;
  }
}
.newstyle .ranking__review--filter .ranking__review-more.is-active {
  opacity: 0.6;
}
@media only screen and (max-width: 767px) {
  .newstyle .ranking__review.js-review .ranking__review-list .ranking__review-comment .ranking__review-txt p {
    font-size: 1.2rem;
  }
}
.newstyle .ranking__review.js-review .ranking__review-more {
  background-color: #919191;
  border-bottom: 0.2rem solid #626262;
  border-radius: 5px;
  margin: auto;
  margin-bottom: 1.5rem;
  text-align: center;
  padding: 0.3rem;
  width: 200px;
}
.newstyle .ranking__review.js-review .ranking__review-more p {
  color: #fff;
}
.newstyle .search {
  background: #f3f3f3;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .search {
    padding: 0.8rem 0.5rem;
  }
}
.newstyle .search .search__block {
  align-items: center;
  display: flex;
  gap: 0.8rem;
}
.newstyle .search .search__block .search__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  width: 78%;
}
.newstyle .search .search__block .search__list .search__item {
  background: #fff;
  border-radius: 2rem;
  border: 2px solid #fff;
  color: #c7c7c7;
  font-size: 12px;
  font-weight: bold;
  padding: 0.5rem;
  width: 32%;
}
@media only screen and (max-width: 767px) {
  .newstyle .search .search__block .search__list .search__item {
    width: 48%;
  }
}
.newstyle .search .search__block .search__list .search__item .search__select {
  border: none;
  color: #c7c7c7;
}
@media only screen and (max-width: 767px) {
  .newstyle .search .search__block .search__list .search__item .search__select option {
    font-size: 12px;
  }
}
.newstyle .search .search__block .search__btn {
  margin: auto;
  position: relative;
  text-align: center;
  width: 20%;
}
.newstyle .search .search__block .search__btn .search__txt {
  text-align: center;
  line-height: 1.2;
  color: #c7c7c7;
}
.newstyle .search .search__block .search__btn .search__txt::before, .newstyle .search .search__block .search__btn .search__txt::after {
  background-color: #c7c7c7;
  content: "";
  display: inline-block;
  height: 3rem;
  position: absolute;
  top: 0;
  width: 1px;
}
@media only screen and (max-width: 767px) {
  .newstyle .search .search__block .search__btn .search__txt::before, .newstyle .search .search__block .search__btn .search__txt::after {
    display: none;
  }
}
.newstyle .search .search__block .search__btn .search__txt::before {
  left: 0;
  transform: rotate(-20deg);
}
.newstyle .search .search__block .search__btn .search__txt::after {
  right: 0;
  transform: rotate(20deg);
}
.newstyle .search .search__block .search__btn .search__submit {
  background: #c7c7c7;
  color: white;
  border: 1px solid #f2f2f2;
  border-radius: 2rem;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  margin: 0.5rem auto 0;
  padding: 0.5rem 1rem;
  transition: 0.2s;
  width: 90%;
}
@media only screen and (max-width: 767px) {
  .newstyle .search .search__block .search__btn .search__submit {
    padding: 2rem 1rem;
    width: 100%;
  }
}
.newstyle .search-results {
  font-size: 1.3rem;
  margin: auto;
  max-width: 1020px;
}
.newstyle .search-results .search-results__head {
  margin-bottom: 1.5rem;
  text-align: center;
}
.newstyle .search-results .search-results__head h2 .search-results__tag {
  font-size: 2rem;
}
.newstyle .search-results .search-results__sort {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin: 0 auto 1rem;
  max-width: 600px;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__sort {
    display: block;
    margin: 0 auto 2rem;
    width: 92%;
  }
}
.newstyle .search-results .search-results__sort dl {
  align-items: center;
  display: flex;
  margin: 0;
  width: 55%;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__sort dl {
    margin-bottom: 0.5rem;
    width: 100%;
  }
}
.newstyle .search-results .search-results__sort dl dt {
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  padding: 0.5rem;
  text-align: center;
  width: 20%;
}
.newstyle .search-results .search-results__sort dl dd {
  border: 1px solid #f3f3f3;
  border-left: none;
  padding: 0.5rem;
  width: 80%;
}
.newstyle .search-results .search-results__sort .search-results__sort-form {
  width: 49%;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__sort .search-results__sort-form {
    width: 100%;
  }
}
.newstyle .search-results .search-results__sort .search-results__sort-form .search-results__sort-select {
  background-color: #f3f3f3;
  padding: 0.5rem;
  border: none;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__list {
    margin: auto;
    width: 96%;
  }
}
.newstyle .search-results .search-results__list .search-results__item {
  align-items: center;
  border-bottom: 1px solid #eee;
  display: flex;
  gap: 1rem;
  overflow: hidden;
  padding: 0.6rem 0;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__list .search-results__item {
    display: block;
    padding: 1rem 0;
  }
}
.newstyle .search-results .search-results__list .search-results__item .search-results__logo {
  width: 10%;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__list .search-results__item .search-results__logo {
    margin: auto;
    width: 50%;
  }
}
.newstyle .search-results .search-results__list .search-results__item .search-results__logo a {
  display: block;
}
.newstyle .search-results .search-results__list .search-results__item .search-results__block {
  width: 88%;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__list .search-results__item .search-results__block {
    width: 100%;
  }
}
.newstyle .search-results .search-results__list .search-results__item .search-results__block h3.search-results__name {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}
.newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner {
    display: block;
    margin-bottom: 1.5rem;
  }
}
.newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner dl {
  display: flex;
  gap: 0.2rem;
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 1rem;
    width: 100%;
  }
}
.newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner dl .search-results__spec-item {
  width: calc((100% + 13rem) / 6);
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner dl .search-results__spec-item {
    width: 49%;
  }
}
.newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner dl .search-results__spec-item dt, .newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner dl .search-results__spec-item dd {
  padding: 0.5rem 1rem;
}
.newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner dl .search-results__spec-item dt {
  background-color: #f3f3f3;
  white-space: nowrap;
}
.newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner .search-results__btn {
  width: 18%;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner .search-results__btn {
    margin: auto;
    width: 90%;
  }
}
.newstyle .search-results .search-results__list .search-results__item .search-results__block .search-results__inner .search-results__btn a {
  font-size: 1.4rem;
  padding: 1rem;
}
.newstyle .search-results .search-results__caution .search-results__txt {
  text-align: center;
}
.newstyle .search-results .search-results__caution .search-results__btn {
  background-color: #808080;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
  margin: 2rem auto;
  width: 16%;
}
.newstyle .search-results .search-results__caution .search-results__btn a {
  color: #fff;
}
.newstyle .search-results__list.search-results__list--table .search-results__item {
  display: block;
}
.newstyle .search-results__list.search-results__list--table .search-results__item h3 {
  border-left: 5px solid #da2b3c;
  font-size: 2.2rem;
  font-weight: bold;
  margin: 2rem 0 1rem;
  padding-left: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results__list.search-results__list--table .search-results__item h3 {
    font-size: 1.8rem;
  }
}
.newstyle .search-results__list.search-results__list--table .search-results__item .search-results__inner {
  display: flex;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results__list.search-results__list--table .search-results__item .search-results__inner {
    display: block;
  }
}
.newstyle .search-results__list.search-results__list--table .search-results__item .search-results__inner .search-results__img {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results__list.search-results__list--table .search-results__item .search-results__inner .search-results__img {
    display: block;
    margin: 0 auto 0.5rem;
    width: 40%;
  }
}
.newstyle .search-results__list.search-results__list--table .search-results__item .search-results__inner .search-results__spec {
  width: 75%;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results__list.search-results__list--table .search-results__item .search-results__inner .search-results__spec {
    width: 100%;
  }
}
.newstyle .search-results__list.search-results__list--table .search-results__item .search-results__inner .search-results__spec .search-results__spec-name th {
  background: #f3f3f3;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results__list.search-results__list--table .search-results__item .search-results__inner .search-results__spec .search-results__spec-name th {
    font-size: 1.2rem;
    padding: 0.3rem;
  }
}
.newstyle .search-results__list.search-results__list--table .search-results__item .search-results__inner .search-results__spec .search-results__spec-value td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .newstyle .search-results__list.search-results__list--table .search-results__item .search-results__inner .search-results__spec .search-results__spec-value td {
    font-size: 1.2rem;
    padding: 0.3rem;
  }
}
.newstyle .js-tab .js-tab-list {
  align-items: end;
  display: flex;
  gap: 0.5rem;
  height: 4rem;
  justify-content: space-between;
}
.newstyle .js-tab .js-tab-list li {
  align-items: center;
  border-radius: 20px 20px 0 0;
  font-weight: bold;
  display: flex;
  height: 3rem;
  justify-content: center;
  line-height: 1.3;
  transition: 0.1s;
  text-align: center;
  width: calc(33.3% - 0.5rem);
}
@media only screen and (max-width: 767px) {
  .newstyle .js-tab .js-tab-list li {
    border-radius: 10px 10px 0 0;
  }
}
.newstyle .js-tab .js-tab-list li.is-active {
  height: 4rem;
}
.newstyle .js-tab .js-tab-content {
  height: 0px;
  overflow-y: hidden;
}
.newstyle .js-tab .js-tab-content.is-active {
  height: auto;
  overflow-y: unset;
}
.newstyle .popup-select {
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.newstyle .popup-select .popup-select__inner {
  background: #fff;
  border-radius: 20px;
  margin: 8rem auto 0;
  max-width: 800px;
  padding: 3rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .popup-select .popup-select__inner {
    margin: 3rem auto 0;
    padding: 2rem;
    width: 90%;
  }
}
.newstyle .popup-select .popup-select__inner .popup-select__ttl {
  color: #333;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .newstyle .popup-select .popup-select__inner .popup-select__ttl {
    font-size: 1.8rem;
  }
}
.newstyle .popup-select .popup-select__inner .popup-select__sub {
  font-size: 1.4rem;
  margin-top: 0.2rem;
  text-align: center;
}
.newstyle .popup-select .popup-select__inner .popup-select__select {
  margin-top: 1.5rem;
  display: flex;
  gap: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle .popup-select .popup-select__inner .popup-select__select {
    flex-direction: column-reverse;
  }
}
.newstyle .popup-exit {
  display: none;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
  z-index: 1000;
}
.newstyle .popup-exit .popup-exit__inner {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.4);
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  padding: 15px 15px 8px;
  position: fixed;
  top: 50%;
  width: 350px;
  z-index: 9999;
}
.newstyle .popup-exit .popup-exit__inner img {
  border: solid 1px #888;
}
.newstyle .popup-exit .popup-exit__inner .popup-exit__body {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.newstyle .popup-exit .popup-exit__inner .popup-exit__body .popup-exit__copy {
  font-weight: bold;
  font-size: 1.4rem;
  text-align: left;
  margin: 1rem auto;
  width: 82%;
}
.newstyle .popup-exit .popup-exit__inner .popup-exit__body .popup-exit__arrow {
  background: #efefef;
  border: solid 1px #888;
  border-radius: 25px;
  float: right;
  height: 40px;
  margin: 0px;
  text-align: center;
  position: relative;
  width: 40px;
}
.newstyle .popup-exit .popup-exit__inner .popup-exit__body .popup-exit__arrow::before {
  content: "";
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: solid 3px #888;
  border-right: solid 3px #888;
  position: absolute;
  bottom: 1.4rem;
  right: 1.5rem;
  transform: rotate(-45deg);
}
.newstyle .popup-exit .popup-exit__close {
  background: #333;
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  height: 30px;
  position: absolute;
  top: -250px;
  right: 3px;
  width: 30px;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article {
    padding: 0 1rem;
  }
}
.newstyle.lp-article article .head {
  margin: 2rem auto;
}
.newstyle.lp-article article .head .head__img {
  text-align: center;
}
.newstyle.lp-article article .head .head__arrow {
  height: 3rem;
  margin: auto;
  position: relative;
  width: 2rem;
}
.newstyle.lp-article article .head .head__arrow .head__arrow-item {
  animation: move 3s ease-out 1s infinite;
  height: 8px;
  top: -1.8rem;
  position: absolute;
  width: 28px;
}
.newstyle.lp-article article .contents p {
  letter-spacing: 0.1rem;
  line-height: 1.8;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article .contents p {
    font-size: 0.9rem;
  }
}
.newstyle.lp-article article .contents a {
  text-decoration: underline;
  font-weight: bold;
}
.newstyle.lp-article article .contents img {
  margin: 2rem auto;
}
.newstyle.lp-article article .contents h2 {
  border-bottom: 2px dashed #222;
  font-size: 1.6rem;
  margin: 1.5rem 0 1rem 0;
  padding: 0 0 0.5rem 0;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article .contents h2 {
    font-size: 1.4rem;
  }
}
.newstyle.lp-article article .contents h3 {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  font-size: 1.4rem;
  margin: 1.5rem 0 1rem 0;
  padding: 1rem 0.5rem;
}
.newstyle.lp-article article .contents h4 {
  border-left: 8px solid #aaa;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 1rem 0;
  padding: 0 0 0 0.6rem;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article .contents h4 {
    font-size: 1.2rem;
  }
}
.newstyle.lp-article article .contents table {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin: 1rem 0;
}
.newstyle.lp-article article .contents table th {
  background: #f2f2f2;
  border: 1px solid #fff;
  height: 5rem;
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article .contents table th {
    height: 3rem;
  }
}
.newstyle.lp-article article .contents table td {
  background: #fcf9f6;
  border: 1px solid #fff;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article .contents table td {
    height: 3rem;
  }
}
.newstyle.lp-article article .contents .waku {
  background: #f3f3f3;
  font-size: 1.1rem;
  margin-bottom: 2rem;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article .contents .waku {
    font-size: 0.9rem;
    padding: 1rem;
  }
}
.newstyle.lp-article article .contents .waku-kuro {
  background: #fff;
  border: 1px solid #000;
}
.newstyle.lp-article article .contents .waku-kuro ul.disc {
  padding-left: 1.5rem;
}
.newstyle.lp-article article .contents .waku-kuro ul.disc li {
  list-style: disc;
  margin-bottom: 0;
}
.newstyle.lp-article article .contents .waku-kuro ul.tj-margintop {
  margin-top: -1rem;
}
.newstyle.lp-article article .contents .txt-waku {
  border: 7px solid rgb(83, 180, 197);
  margin-bottom: 2rem;
  padding: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article .contents .txt-waku {
    padding: 1rem;
  }
}
.newstyle.lp-article article .contents .txt-waku p {
  margin-bottom: 0rem;
}
.newstyle.lp-article article .contents .txt-waku ul.disc {
  padding-left: 1.5rem;
}
.newstyle.lp-article article .contents .txt-waku ul.disc li {
  list-style: disc;
}
.newstyle.lp-article article .contents .txt-waku dl dt {
  font-weight: 700;
}
.newstyle.lp-article article .contents .txt-waku dl dd {
  margin-bottom: 1rem;
}
.newstyle.lp-article article .contents .pointlist {
  margin-bottom: 1rem;
}
.newstyle.lp-article article .contents .pointlist .pointlist-ttl .pointlist-ttl-inner {
  display: inline-block;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article .contents .pointlist .pointlist-ttl .pointlist-ttl-inner {
    padding: 0.5rem 1rem;
  }
}
.newstyle.lp-article article .contents .pointlist .pointlist-wrap {
  border: 1px solid #e2e2e2;
  margin: 0;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article .contents .pointlist .pointlist-wrap {
    padding: 1rem;
  }
}
.newstyle.lp-article article .contents .pointlist .pointlist-wrap .pointlist-wrap-item {
  border-bottom: 1px dotted #e2e2e2;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0;
}
@media only screen and (max-width: 767px) {
  .newstyle.lp-article article .contents .pointlist .pointlist-wrap .pointlist-wrap-item {
    font-size: 0.9rem;
  }
}
.newstyle.lp-article article .contents .interactive_item {
  align-items: center;
  display: flex;
  margin-bottom: 2rem;
}
.newstyle.lp-article article .contents .interactive_item .img {
  width: 12%;
}
.newstyle.lp-article article .contents .interactive_item .img img {
  border: 2px solid #ddd;
  border-radius: 50%;
  margin: 0;
}
.newstyle.lp-article article .contents .interactive_item .text-left, .newstyle.lp-article article .contents .interactive_item .text-right {
  background: #f1f1f1;
  border-radius: 6px;
  padding: 1.5rem;
  position: relative;
}
.newstyle.lp-article article .contents .interactive_item .text-left::before, .newstyle.lp-article article .contents .interactive_item .text-right::before {
  border: 10px solid transparent;
  content: "";
  margin-top: -10px;
  position: absolute;
  top: 2rem;
}
.newstyle.lp-article article .contents .interactive_item .text-left {
  margin-left: 20px;
}
.newstyle.lp-article article .contents .interactive_item .text-left::before {
  border-right: 10px solid #f1f1f1;
  left: -20px;
}
.newstyle.lp-article article .contents .interactive_item .text-right {
  margin-right: 20px;
}
.newstyle.lp-article article .contents .interactive_item .text-right::before {
  border-left: 10px solid #f1f1f1;
  right: -20px;
}
.newstyle.lp-article article .contents .btn-cv {
  overflow: hidden;
  position: relative;
  text-align: center;
}
.newstyle.lp-article article .contents .btn-cv a {
  display: block;
  width: 75%;
  margin: 1.5rem auto 2rem auto;
  line-height: 1.3;
  padding: 1.5rem 1rem;
  border: 4px solid #fff;
  border-radius: 20px;
  background: linear-gradient(#7dc96e, #6fb648);
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgb(255, 0, 217);
  text-decoration: none;
}

.popup-exit__overlay {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

/* ------------------------------------------------- *
 *        ＠各LP用　留学・エージェントLP
 * ------------------------------------------------ */
.lp-agent {
  background-color: #f2f2f2;
  color: #394e63;
  padding-bottom: 2rem;
}
.lp-agent .agent-red {
  color: #9c203c;
  font-weight: bold;
}
.lp-agent .search .search__block .search__btn .search__txt {
  color: #394e63;
}
.lp-agent .search .search__block .search__btn .search__txt::before, .lp-agent .search .search__block .search__btn .search__txt::after {
  background: #394e63;
}
.lp-agent .type-list .type-card .type-card__content .type-card__btn .c-button--secondary {
  background-color: #fff;
  box-shadow: 0 3px 0 #0b131d;
  color: #394e63;
}
.lp-agent .type-list--onetop .type-card .type-card__ttl {
  background: #fffde8;
}
.lp-agent .contents--problem {
  background-color: #d4d7de;
  padding: 4rem;
}
@media only screen and (max-width: 767px) {
  .lp-agent .contents--problem {
    padding: 1rem;
  }
}
.lp-agent .contents--problem .contents__inner .contents__img {
  margin: 1rem auto;
}
.lp-agent .contents--problem .contents__inner .contents__txt {
  color: #333;
  font-size: 1.6rem;
  margin: 1rem auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lp-agent .contents--problem .contents__inner .contents__txt {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .lp-agent .comparison-vertical .comparison-vertical__list .comparison-vertical__item.comparison-vertical__item--rank-1 {
    width: 45%;
  }
}
.lp-agent .comparison-vertical .comparison-vertical__spec .comparison-vertical__txt li {
  text-align: left;
  padding-left: 2rem;
  font-weight: bold;
  position: relative;
  margin: 0.5rem 0;
}
.lp-agent .comparison-vertical .comparison-vertical__spec .comparison-vertical__txt li::before {
  background: url(../img/feature/agent/agent_check.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  height: 1.6rem;
  left: 0;
  transform: translateY(-50%);
  width: 1.6rem;
}
@media only screen and (max-width: 767px) {
  .lp-agent .comparison-vertical .comparison-vertical__spec .comparison-vertical__detail .c-button.c-button--primary {
    padding: 0.8rem;
  }
}
.lp-agent .comparison-vertical .comparison-vertical__spec .comparison-vertical__detail .c-button.c-button--secondary {
  animation-name: c-button-push;
  animation-delay: 0s;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-color: #ffe33a;
  --button-shadow-color: #8d7d1f;
  color: #394e63;
}
.lp-agent .contents--guide-accordion {
  margin: 2rem auto 4rem;
}
.lp-agent .contents--guide-accordion .contents__list .contents__box .contents__head {
  align-items: center;
  display: flex;
  gap: 3rem;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .lp-agent .contents--guide-accordion .contents__list .contents__box .contents__head {
    gap: 1rem;
    padding: 1rem;
  }
}
.lp-agent .contents--guide-accordion .contents__list .contents__box .contents__head img {
  width: 8%;
}
@media only screen and (max-width: 767px) {
  .lp-agent .contents--guide-accordion .contents__list .contents__box .contents__head img {
    width: 10%;
  }
}
.lp-agent .contents--guide-accordion .contents__list .contents__box .contents__head .contents__subttl {
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .lp-agent .contents--guide-accordion .contents__list .contents__box .contents__head .contents__subttl {
    font-size: 1.3rem;
  }
}
.lp-agent .contents--guide-accordion .contents__list .contents__box .contents__head .contents__subttl span {
  font-size: 2.6rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .lp-agent .contents--guide-accordion .contents__list .contents__box .contents__head .contents__subttl span {
    font-size: 2rem;
  }
}
.lp-agent .ranking .ranking__main-ttl {
  background-color: #d4d7de;
  padding: 1rem;
  position: relative;
}
.lp-agent .ranking .ranking__main-ttl::after {
  position: absolute;
  left: 50%;
  top: 98%;
  transform: translatex(-50%);
  border-top: 20px solid #d4d7de;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  content: "";
  height: 0;
  width: 0;
}
.lp-agent .ranking .ranking__list .ranking__item .ranking__point h3, .lp-agent .ranking .ranking__list .ranking__item .ranking__campaign h3 {
  background-color: #ffe33a;
}
.lp-agent .search {
  background: #d4d7de;
}
.lp-agent .search .search__btn .search__submit {
  background: #f2f2f2;
}
.lp-agent .search .search__btn .search__submit input {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #394e63;
}
.lp-agent .search-results__list--table .search-results__cv .c-button--primary {
  background: #e92457;
  --button-shadow-color: #a51238;
  border-radius: 2rem;
  padding: 2rem;
}

/* ------------------------------------------------- *
 *        ＠各LP用　ワキガLP
 * ------------------------------------------------ */
.lp-armpit {
  padding-bottom: 2rem;
}
.lp-armpit .c-button--primary {
  background-color: #e92457;
  --button-shadow-color: #a51238;
}
.lp-armpit .comparison-vertical .comparison-vertical__list .comparison-vertical__item .comparison-vertical__txt li {
  background: url(../img/feature/armpit/check.png) left 3px no-repeat;
  background-size: 14px;
  text-align: left;
  font-size: 1.4rem;
  padding-left: 2rem;
}
.lp-armpit .ranking .ranking__list .ranking__item .ranking__inner .ranking__point {
  border: solid 2px #e393a0;
}
.lp-armpit .ranking .ranking__list .ranking__item .ranking__inner .ranking__point h3 {
  background: #e393a0;
  color: #fff;
}
.lp-armpit .ranking .ranking__list .ranking__item .ranking__inner .ranking__point .ranking__point-list li {
  background: url(../img/feature/armpit/check.png) left 5px no-repeat;
  background-size: 16px;
}
.lp-armpit .ranking .ranking__list .ranking__item .ranking__inner .ranking__inner table.ranking__spec th {
  background: #8d8d8d;
  color: #fff;
}
.lp-armpit .ranking .ranking__list .ranking__item .ranking__inner .ranking__point--bottom {
  border: solid 2px #7e8dd4;
}
.lp-armpit .ranking .ranking__list .ranking__item .ranking__inner .ranking__point--bottom h3 {
  background: #7e8dd4;
}
.lp-armpit .ranking .ranking__list .ranking__item .ranking__inner .c-button {
  padding: 3rem;
}
@media only screen and (max-width: 767px) {
  .lp-armpit .ranking .ranking__list .ranking__item .ranking__inner .c-button {
    padding: 2rem;
  }
}
.lp-armpit .search {
  background: #fff;
}
.lp-armpit .search .search__block {
  gap: 0.5rem;
}
.lp-armpit .search .search__block .search__list {
  width: 90%;
}
.lp-armpit .search .search__block .search__list .search__item {
  border: 1px solid #9f9f9f;
  border-radius: 0;
  color: #333;
  padding: 0.5rem 0.2rem;
  width: 16%;
}
@media only screen and (max-width: 767px) {
  .lp-armpit .search .search__block .search__list .search__item {
    padding: 0.2rem;
    width: 31%;
  }
}
.lp-armpit .search .search__block .search__list .search__item .search__box {
  font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .lp-armpit .search .search__block .search__list .search__item .search__box {
    font-size: 1.1rem;
  }
}
.lp-armpit .search .search__block .search__list .search__item .search__select {
  color: #9f9f9f;
}
.lp-armpit .search .search__block .search__btn {
  width: 14%;
}
@media only screen and (max-width: 767px) {
  .lp-armpit .search .search__block .search__btn {
    width: 17%;
  }
}
.lp-armpit .search .search__block .search__btn .search__txt::before, .lp-armpit .search .search__block .search__btn .search__txt::after {
  display: none;
}
.lp-armpit .search .search__block .search__btn .search__submit {
  background: #9f9f9f;
  border-radius: 0;
  color: #fff;
  margin: auto;
  padding: 0.5rem 1rem;
}
@media only screen and (max-width: 767px) {
  .lp-armpit .search .search__block .search__btn .search__submit {
    padding: 1.6rem 1rem;
  }
}
.lp-armpit .survey {
  border: 1px solid #ddd;
}

/* ------------------------------------------------- *
 *        ＠各LP用 美容診療LP
 * ------------------------------------------------ */
.lp-beautyclinic {
  padding-bottom: 2rem;
}
.lp-beautyclinic .c-button--primary {
  background-color: #e92457;
  --button-shadow-color: #a51238;
}
.lp-beautyclinic .contents--problem img {
  width: 100%;
}
.lp-beautyclinic .contents--problem .contents__table {
  margin-bottom: 2rem;
}
.lp-beautyclinic .contents--problem .contents__table th {
  background: #f3f3f3;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .contents--problem .contents__table th {
    font-size: 1.2rem;
    padding: 0.5rem;
  }
}
.lp-beautyclinic .contents--problem .contents__table th:first-child {
  width: 12%;
}
.lp-beautyclinic .contents--problem .contents__table th.contents__table--laser {
  background: #EEF1F4;
}
.lp-beautyclinic .contents--problem .contents__table th.contents__table--ipl {
  background: #EAF2F7;
}
.lp-beautyclinic .contents--problem .contents__table th.contents__table--photorf {
  background: #F1EFEA;
}
.lp-beautyclinic .contents--problem .contents__table th.contents__table--pico {
  background: #DDEAF1;
}
.lp-beautyclinic .contents--problem .contents__table td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .contents--problem .contents__table td {
    font-size: 1.1rem;
  }
}
.lp-beautyclinic .contents--problem .contents__table td .contents__table--good,
.lp-beautyclinic .contents--problem .contents__table td .contents__table--nogood,
.lp-beautyclinic .contents--problem .contents__table td .contents__table--fine {
  display: block;
  font-size: 3.5rem;
  line-height: 1.2;
}
.lp-beautyclinic .contents--problem .contents__table td .contents__table--good {
  color: #C9A304;
}
.lp-beautyclinic .contents--problem .contents__table td .contents__table--nogood {
  color: #959494;
}
.lp-beautyclinic .contents--problem .contents__table td .contents__table--fine {
  color: #D6B98C;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .contents--case .contents__slider {
    padding: 0 2rem;
  }
}
.lp-beautyclinic .contents--case .contents__slider .contents__slide {
  margin-bottom: 2rem;
}
.lp-beautyclinic .contents--case .contents__slider .contents__slide-detail {
  font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .contents--case .contents__slider .contents__slide-detail .contents__slide-text {
    font-size: 1rem;
  }
}
.lp-beautyclinic .contents--case .contents__slider .contents__slide-detail .contents__slide-text span {
  font-weight: bold;
}
.lp-beautyclinic .contents--guide {
  margin: 2rem auto 0.5rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .comparison-vertical {
    margin: 2rem auto;
  }
}
.lp-beautyclinic .comparison-vertical .comparison-vertical__container {
  position: relative;
}
.lp-beautyclinic .comparison-vertical .comparison-vertical__head {
  background: #fff;
  overflow: hidden;
  position: sticky;
  top: 0;
  z-index: 20;
}
.lp-beautyclinic .comparison-vertical .comparison-vertical__head .comparison-vertical__item {
  flex: 0 0 24rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .comparison-vertical .comparison-vertical__head .comparison-vertical__item {
    flex: 0 0 12rem;
  }
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .comparison-vertical .comparison-vertical__head .comparison-vertical__item .comparison-vertical__name {
    font-size: 1rem;
  }
}
.lp-beautyclinic .comparison-vertical .comparison-vertical__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.lp-beautyclinic .comparison-vertical .comparison-vertical__scroll .comparison-vertical__list {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
.lp-beautyclinic .comparison-vertical .comparison-vertical__scroll .comparison-vertical__item {
  flex: 0 0 24rem;
  min-width: 11rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .comparison-vertical .comparison-vertical__scroll .comparison-vertical__item {
    flex: 0 0 12rem;
  }
}
.lp-beautyclinic .comparison-vertical .comparison-vertical__scroll .comparison-vertical__spec .comparison-vertical__label {
  padding: 0.5rem 16rem 0.5rem 1rem;
  width: 960px;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .comparison-vertical .comparison-vertical__scroll .comparison-vertical__spec .comparison-vertical__label {
    padding: 0.5rem 9rem 0.5rem 1rem;
    width: 480px;
  }
}
.lp-beautyclinic .comparison-vertical .c-button--primary {
  font-size: 1.3rem;
}
.lp-beautyclinic .ranking .ranking__main-ttl img {
  width: 100%;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item.ranking__item-1 {
  border-top: 0.5rem solid #bda844;
  margin-top: 1rem;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item h2.ranking__name {
  padding: 1.5rem 1rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .ranking .ranking__list .ranking__item h2.ranking__name {
    padding: 1rem 0.5rem;
  }
}
.lp-beautyclinic .ranking .ranking__list .ranking__item h2.ranking__name .ranking__link {
  font-size: 3rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .ranking .ranking__list .ranking__item h2.ranking__name .ranking__link {
    font-size: 2rem;
  }
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__point {
  border: solid 1px #001E5A;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__point h3 {
  background: #001E5A;
  color: #fff;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__point .ranking__point-list {
  font-weight: bold;
  padding: 1.5rem;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__pricemenu {
  margin-bottom: 2rem;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__pricemenu h3 {
  background: #4f4f4f;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 0.5rem;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__pricemenu .price-table td.menu {
  background: #DDEAF1;
  text-align: left;
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__pricemenu .price-table td.menu {
    font-size: 1.2rem;
    width: 26%;
  }
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__pricemenu .price-table td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__pricemenu .price-table td {
    font-size: 1.2rem;
  }
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec {
    margin-bottom: 1rem;
  }
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec th {
  background: #4f4f4f;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec th {
    padding: 0.4rem;
  }
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl h3 {
  background: #001E5A;
  color: #fff;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-point {
  background: #997e14;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-point::after {
  background: #997e14;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block {
  display: block;
  margin: auto;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .ranking__apearl-img {
  margin: 0 auto 1.5rem;
  width: 100%;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .ranking__apearl-img img {
  width: 100%;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .ranking__txt {
  width: 100%;
}
.lp-beautyclinic .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .ranking__txt img {
  width: 100%;
}
.lp-beautyclinic .ranking .c-button--primary {
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .ranking .c-button--primary {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search {
    padding: 0.5rem;
  }
}
.lp-beautyclinic .search .search__block .search__list .search__item {
  font-weight: bold;
  font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search .search__block .search__list .search__item {
    font-size: 1rem;
    padding: 0.2rem;
    width: 31%;
  }
}
.lp-beautyclinic .search .search__block .search__btn .search__txt::before, .lp-beautyclinic .search .search__block .search__btn .search__txt::after {
  display: none;
}
.lp-beautyclinic .search .search__block .search__btn .search__submit {
  font-size: 1.4rem;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search .search__block .search__btn .search__submit {
    padding: 1.5rem 1rem;
    border-radius: 0.5rem;
    margin: auto;
    font-size: 1.2rem;
  }
}
.lp-beautyclinic .search-results .search-results__list .search-results__item {
  border-radius: 10px;
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
  border: none;
  margin-bottom: 4rem;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search-results .search-results__list .search-results__item {
    margin-bottom: 3rem;
    padding: 1rem;
  }
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__catch {
  font-size: 1.4rem;
  text-align: center;
}
.lp-beautyclinic .search-results .search-results__list .search-results__item h3 {
  border: none;
  margin: auto;
  margin-bottom: 1rem;
  text-align: center;
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__img img {
  margin: auto;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__btn--small .c-button--primary {
    font-size: 1.6rem;
    padding: 0.8rem;
  }
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__price {
  border-top: 1px solid #DDD;
  display: flex;
  flex-wrap: wrap;
  margin: 2rem auto;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__price {
    margin: 1rem auto;
  }
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__price dt {
  background: #DDEAF1;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__price dt {
    font-size: 1.2rem;
    width: 40%;
  }
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__price dd {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  font-size: 1.3rem;
  padding: 0.5rem 1rem;
  width: 70%;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__price dd {
    font-size: 1.2rem;
    width: 60%;
  }
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__spec th {
  background: #f3f3f3;
  font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__spec th {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0.5rem;
  }
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__spec td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__spec td {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0.5rem;
  }
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__recommend {
  background: #fff;
  margin: 2rem auto;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__recommend {
    margin: 1rem auto;
  }
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__recommend h4 {
  background: #001E5A;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  padding: 0.5rem;
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__recommend ul {
  border: 2px solid #001E5A;
  border-radius: 0 0 5px 5px;
  padding: 1rem;
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__recommend ul li {
  background: url(../img/feature/beautyclinic/check.png) left 2px no-repeat;
  background-size: 16px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__recommend ul li {
    margin-bottom: 0.5rem;
  }
}
.lp-beautyclinic .search-results .search-results__list .search-results__item .search-results__btn .c-button--primary {
  background: #e92457;
  --button-shadow-color: #a51238;
  font-size: 1.6rem;
  padding: 1rem;
  line-height: 1.2;
}
.lp-beautyclinic .survey {
  border: 1px solid #ddd;
}

/* ------------------------------------------------- *
 *        ＠各LP用　ブランド買取LP
 * ------------------------------------------------ */
.lp-brand {
  padding-bottom: 2rem;
}
.lp-brand .comparison-vertical .comparison-vertical__rating .comparison-vertical__rating-star {
  display: inline-block;
  font-size: 18px;
  position: relative;
}
.lp-brand .comparison-vertical .comparison-vertical__rating .comparison-vertical__rating-star::before {
  content: "★★★★★";
  color: #ddd;
}
.lp-brand .comparison-vertical .comparison-vertical__rating .comparison-vertical__rating-star span {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.lp-brand .comparison-vertical .comparison-vertical__rating .comparison-vertical__rating-star span::before {
  content: "★★★★★";
  color: #f5b301;
  white-space: nowrap;
}
.lp-brand .comparison-vertical .comparison-vertical__rating .comparison-vertical__rating-score {
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.lp-brand .ranking .ranking__list .ranking__item h3 {
  background: #2D2A2B;
  color: #fff;
}
.lp-brand .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec th {
  border: 1px solid #f3f3f3;
  background-color: #a2a2a2;
  color: #fff;
}
.lp-brand .ranking .ranking__point h3.ranking__ttl {
  background: #700000;
  border-radius: 20px 20px 0 0;
  color: #fff;
  font-size: 1.8rem;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .lp-brand .ranking .ranking__point h3.ranking__ttl {
    font-size: 1.6rem;
    padding: 0.6rem;
  }
}
.lp-brand .ranking .ranking__point .ranking__point-box {
  background: #fff;
  padding: 1rem 1.5rem 1rem;
}
@media only screen and (max-width: 767px) {
  .lp-brand .ranking .ranking__point .ranking__point-box {
    padding: 0.7rem;
  }
}
.lp-brand .ranking .ranking__point .ranking__point-box h3 {
  background: #453630;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 0.8rem;
  text-align: center;
  padding: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .lp-brand .ranking .ranking__point .ranking__point-box h3 {
    font-size: 1.4rem;
  }
}
.lp-brand .ranking .ranking__point .ranking__point-box img {
  margin: auto;
}
.lp-brand .ranking .ranking__point .ranking__point-box .ranking__point-item--flex {
  display: flex;
  gap: 15px;
  margin-bottom: 1rem;
}
.lp-brand .ranking .ranking__point .ranking__point-box .ranking__point-item--flex img {
  width: 25%;
}
.lp-brand .ranking .ranking__point .ranking__point-box .ranking__point-item--flex div h4 {
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .lp-brand .ranking .ranking__point .ranking__point-box .ranking__point-item--flex div h4 {
    font-size: 1.3rem;
  }
}
.lp-brand .ranking .ranking__point .ranking__point-box .ranking__point-item--flex div h4::before {
  content: "";
  background: url(../img/feature/brand/check.png) center top 6px no-repeat;
  background-size: contain;
  display: inline-block;
  height: 2rem;
  margin-right: 0.3rem;
  width: 2rem;
}
.lp-brand .ranking .ranking__point .ranking__point-box .ranking__point-item--flex div p {
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .lp-brand .ranking .ranking__point .ranking__point-box .ranking__point-item--flex div p {
    font-size: 1.2rem;
  }
}
.lp-brand .ranking .ranking__achievement-tab {
  padding: 1rem 2rem 0;
}
@media only screen and (max-width: 767px) {
  .lp-brand .ranking .ranking__achievement-tab {
    padding: 1rem;
  }
}
.lp-brand .ranking .ranking__achievement-tab h3.ranking__achievement-ttl {
  background: #fff;
  margin: 1rem auto;
  position: relative;
}
.lp-brand .ranking .ranking__achievement-tab h3.ranking__achievement-ttl::before, .lp-brand .ranking .ranking__achievement-tab h3.ranking__achievement-ttl::after {
  background-color: #2c2c2c;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.lp-brand .ranking .ranking__achievement-tab h3.ranking__achievement-ttl::before {
  top: 0;
}
.lp-brand .ranking .ranking__achievement-tab h3.ranking__achievement-ttl::after {
  bottom: 0;
}
.lp-brand .ranking .ranking__achievement-tab .ranking__tab-list li {
  background-color: #08085e;
  color: #fff;
}
.lp-brand .ranking .ranking__achievement-tab .ranking__tab-list li.is-active {
  background-color: #453630;
}
.lp-brand .ranking .ranking__achievement-tab .ranking__tab-content .ranking__tab-content-list {
  background: #fff;
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding: 1rem;
}
.lp-brand .ranking .ranking__category h4.ranking__category-ttl {
  background: #2D2A2B;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .lp-brand .ranking .ranking__category h4.ranking__category-ttl {
    font-size: 1.3rem;
    padding: 0.6rem;
  }
}
.lp-brand .ranking .ranking__category ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin-bottom: 20px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .lp-brand .ranking .ranking__category ul {
    gap: 7px;
  }
}
.lp-brand .ranking .ranking__category ul li {
  background: #E3E3E3;
  border-radius: 1rem;
  color: #2D2A2B;
  font-size: 1.3rem;
  padding: 0.8rem;
}
@media only screen and (max-width: 767px) {
  .lp-brand .ranking .ranking__category ul li {
    border-radius: 0.5rem;
    font-size: 1rem;
    padding: 0.5rem;
  }
}
.lp-brand .ranking .ranking__category ul small {
  font-size: 1.3rem;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .lp-brand .ranking .ranking__category ul small {
    font-size: 1rem;
    margin-top: 0.5rem;
  }
}
.lp-brand .search-results .search-results__list .search-results__item .search-results__block .search-results__inner dl .search-results__spec-item {
  width: calc((100% + 13rem) / 4);
}
@media only screen and (max-width: 767px) {
  .lp-brand .search-results .search-results__list .search-results__item .search-results__block .search-results__inner dl .search-results__spec-item {
    width: 49%;
  }
}

/* ------------------------------------------------- *
 *        ＠各LP用　請求書・カード払いLP
 * ------------------------------------------------ */
.lp-cardpay {
  padding-bottom: 2rem;
}
.lp-cardpay .type-list .type-card h3.type-card__ttl.type-card__ttl--1 {
  background: #ffdf70;
}
.lp-cardpay .type-list .type-card h3.type-card__ttl.type-card__ttl--2 {
  background: #0265cb;
  color: #fff;
}
.lp-cardpay .type-list .type-card h3.type-card__ttl.type-card__ttl--3 {
  background: #1c1c1c;
  color: #fff;
}
.lp-cardpay .type-list .type-card .type-card__content {
  background: #f3f3f3;
}
.lp-cardpay .type-list .type-card .type-card__content .type-card__btn .c-button--secondary {
  background: #fff;
  box-shadow: 0 3px 0 #0b131d;
}
.lp-cardpay .contents--problem {
  background: url(../img/feature/cardpay/sq.jpg) repeat;
  padding: 3rem;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .contents--problem {
    padding: 1.5rem;
  }
}
.lp-cardpay .contents--problem .contents__table {
  background: none;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .contents--problem .contents__table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.lp-cardpay .contents--problem .contents__table table {
  border-collapse: collapse;
  margin: 2rem auto;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .contents--problem .contents__table table {
    min-width: 500px;
    width: auto;
  }
}
.lp-cardpay .contents--problem .contents__table .contents__table-th {
  background: #0265cb;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding: 0.8rem;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .contents--problem .contents__table .contents__table-th {
    font-size: 1.1rem;
    left: 0;
    position: sticky;
    padding: 0.5rem;
    z-index: 2;
  }
}
.lp-cardpay .contents--problem .contents__table .contents__table-value {
  background: #f3f3f3;
  border: 1px solid #e0e0e0;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.8rem;
  vertical-align: middle;
}
.lp-cardpay .contents--problem .contents__table .contents__table-value.contents__table-name {
  background: #fffde7;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .contents--problem .contents__table .contents__table-value.contents__table-name {
    width: 30%;
  }
}
.lp-cardpay .contents--problem .contents__table .contents__table-value img {
  margin: auto;
}
.lp-cardpay .contents--problem .contents__table .contents__table-value--highlight {
  background: #fffde7;
  font-weight: bold;
  color: #3a7bd5;
}
.lp-cardpay .contents--problem .contents__table .contents__table-caution {
  display: block;
  font-size: 0.8rem;
  color: #888;
  margin-top: 4px;
}
.lp-cardpay .comparison-vertical .comparison-vertical__spec .comparison-vertical__label {
  background: #0265cb;
}
.lp-cardpay .comparison-vertical .c-button--secondary {
  animation-name: c-button-push;
  animation-delay: 0s;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background: #f4cb3b;
  --button-shadow-color: #8b7213;
  color: #1c1c1c;
}
.lp-cardpay .contents--guide {
  background-color: #f3f3f3;
  padding: 3rem;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .contents--guide {
    padding: 1.5rem;
  }
}
.lp-cardpay .contents--guide .contents__txt {
  line-height: 1.4;
  margin: 0.5rem auto;
}
.lp-cardpay .contents--guide .contents__list {
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  margin: 1rem auto;
  padding: 1rem;
}
.lp-cardpay .contents--guide .contents__list li span.contents__txt {
  background: url(../img/feature/cardpay/cardpay_check.png) no-repeat;
  background-size: contain;
  padding-left: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .contents--guide .contents__list li span.contents__txt {
    font-size: 1.2rem;
  }
}
.lp-cardpay .contents--guide-accordion .contents__block {
  margin: 1rem auto;
}
.lp-cardpay .contents--guide-accordion .contents__block dl.contents__list .contents__box {
  margin-bottom: 1rem;
}
.lp-cardpay .contents--guide-accordion .contents__block dl.contents__list .contents__box.is-open dt .contents__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.lp-cardpay .contents--guide-accordion .contents__block dl.contents__list .contents__box .contents__head {
  align-items: center;
  background: #0265cb;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.lp-cardpay .contents--guide-accordion .contents__block dl.contents__list .contents__box .contents__head .contents__img {
  width: 8%;
}
.lp-cardpay .contents--guide-accordion .contents__block dl.contents__list .contents__box .contents__head h3 {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .contents--guide-accordion .contents__block dl.contents__list .contents__box .contents__head h3 {
    font-size: 1.8rem;
  }
}
.lp-cardpay .contents--guide-accordion .contents__block dl.contents__list .contents__box .contents__detail .contents__inner {
  background: #f3f3f3;
}
.lp-cardpay .ranking .ranking__main-ttl {
  background-color: #0265cb;
  padding: 2rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .ranking .ranking__main-ttl {
    padding: 1rem;
  }
}
.lp-cardpay .ranking .ranking__main-ttl::after {
  border-top: 20px solid #0265cb;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 98%;
  transform: translatex(-50%);
  width: 0;
}
.lp-cardpay .ranking .ranking__list .ranking__item h2.ranking__name a.ranking__link {
  color: #333;
  font-size: 3rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .ranking .ranking__list .ranking__item h2.ranking__name a.ranking__link {
    font-size: 2rem;
  }
}
.lp-cardpay .ranking .ranking__list .ranking__item h3 {
  background: #f4cb3b;
  color: #1c1c1c;
}
.lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .ranking__point .ranking__point-list li {
  background: url(../img/feature/cardpay/cardpay_check.png) left 2px no-repeat;
  background-size: 16px;
}
.lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec {
  margin: 2.5rem auto 1rem;
}
.lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec th {
  background: #0265cb;
  border: 1px solid #f3f3f3;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec th {
    font-size: 1.2rem;
    padding: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec td {
    font-size: 1rem;
    padding: 0.5rem;
  }
}
.lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl {
  margin: 2.5rem auto 1rem;
}
.lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl h3 {
  background: #0265cb;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__txtarea {
    font-size: 1.2rem;
  }
}
.lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .ranking__review {
  margin: 2.5rem auto 1rem;
}
.lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .ranking__review h3 {
  background: #0265cb;
  color: #fff;
}
.lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .c-button--primary {
  align-items: center;
  display: flex;
  font-size: 2rem;
  gap: 0.5rem;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .c-button--primary {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}
.lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .c-button--primary .c-button__circle {
  align-items: center;
  background: #fff;
  border-radius: 100%;
  color: #cc0131;
  display: flex;
  font-size: 1.8rem;
  height: 6.5rem;
  justify-content: center;
  line-height: 1.2;
  width: 6.5rem;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .c-button--primary .c-button__circle {
    font-size: 1.6rem;
  }
}
.lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .c-button--primary .c-button__txt--big {
  font-size: 3rem;
}
@media only screen and (max-width: 767px) {
  .lp-cardpay .ranking .ranking__list .ranking__item .ranking__inner .c-button--primary .c-button__txt--big {
    font-size: 2.4rem;
  }
}

/* ------------------------------------------------- *
 *        ＠各LP用　車買取LP
 * ------------------------------------------------ */
.lp-carsales {
  padding-bottom: 2rem;
}
.lp-carsales .c-button--primary {
  background: #FF7E06;
  --button-shadow-color: #784210;
  width: 100%;
}
.lp-carsales .type-list .type-card {
  border: 1px solid #878787;
  border-radius: 20px 20px 10px 10px;
}
.lp-carsales .type-list .type-card h3.type-card__ttl.type-card__ttl--1 {
  background: #005AB9;
  color: #fff;
}
.lp-carsales .type-list .type-card h3.type-card__ttl.type-card__ttl--2 {
  background: #828282;
  color: #fff;
}
.lp-carsales .type-list .type-card h3.type-card__ttl.type-card__ttl--3 {
  background: #50443e;
  color: #fff;
}
.lp-carsales .type-list .type-card .type-card__content .type-card__inner .type-card__name {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.lp-carsales .type-list .type-card .type-card__content .type-card__inner .type-card__name img {
  width: 12%;
  margin: 0 0.5rem 0 0;
}
.lp-carsales .type-list .type-card .type-card__content .type-card__inner .type-card__name .type-card__title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0;
}
.lp-carsales .type-list .type-card .type-card__content .type-card__inner .type-card__logo {
  width: 90%;
  margin: 0 auto 1rem;
}
.lp-carsales .type-list .type-card .type-card__content .type-card__inner .type-card__lead {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .type-list .type-card .c-button--primary .fa-chevron-circle-right {
    padding-left: 1rem;
  }
}
.lp-carsales .comparison-vertical .comparison-vertical__spec .comparison-vertical__label {
  background: #123D6E;
}
.lp-carsales .comparison-vertical .comparison-vertical__spec .comparison-vertical__detail-btn a {
  color: #777;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .comparison-vertical .comparison-vertical__spec .comparison-vertical__detail-btn a {
    font-size: 0.9rem;
  }
}
.lp-carsales .comparison-vertical .c-cvcopy {
  font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .comparison-vertical .c-cvcopy {
    font-size: 1rem;
  }
}
.lp-carsales .contents--reason {
  background: #F0F9FF;
  margin: 0 auto 5rem;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--reason {
    margin: 0 auto 3rem;
    padding: 1rem 0.5rem;
  }
}
.lp-carsales .contents--reason .contents__intro p {
  font-size: 1.5rem;
  margin: 1rem auto 2rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--reason .contents__intro p {
    font-size: 1.3rem;
  }
}
.lp-carsales .contents--reason .contents__intro p span {
  font-weight: bold;
}
.lp-carsales .contents--reason .contents__intro img {
  display: block;
  margin: 0 auto 1.5rem;
}
.lp-carsales .contents--reason .reason-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 1rem auto 2rem;
}
.lp-carsales .contents--reason .reason-list .reason-list__ttl {
  background: #005AB9;
  border-radius: 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  padding: 1rem 1.5rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--reason .reason-list .reason-list__ttl {
    font-size: 1.6rem;
    padding: 1rem;
  }
}
.lp-carsales .contents--reason .reason-list .reason-list__ttl .reason-list__number {
  background: #123D6E;
  border-radius: 5px;
  color: #fff;
  font-size: 1.3rem;
  padding: 0.5rem 1rem;
}
.lp-carsales .contents--reason .reason-list .reason-list__body {
  align-items: center;
  background: #fff;
  border: 2px solid #005AB9;
  border-radius: 0;
  display: flex;
  gap: 4rem;
  justify-content: start;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--reason .reason-list .reason-list__body {
    display: block;
  }
}
.lp-carsales .contents--reason .reason-list .reason-list__body .reason-list__img {
  width: 43%;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--reason .reason-list .reason-list__body .reason-list__img {
    width: 100%;
  }
}
.lp-carsales .contents--reason .reason-list .reason-list__body p {
  font-size: 1.8rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--reason .reason-list .reason-list__body p {
    font-size: 1.4rem;
    text-align: center;
  }
}
.lp-carsales .contents--flow h2.contents__ttl span {
  font-size: 2.6rem;
  margin-bottom: 4rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--flow h2.contents__ttl span {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
.lp-carsales .contents--flow .contents__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 3rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--flow .contents__inner {
    gap: 0rem 1rem;
    margin: auto;
    padding: 0 1rem;
  }
}
.lp-carsales .contents--flow .contents__inner .flow-list__item {
  background: #fcfcfc;
  border: solid 1px #123D6E;
  border-radius: 5px;
  margin-bottom: 0;
  padding: 3.5rem 1.5rem 2rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--flow .contents__inner .flow-list__item {
    margin-bottom: 2.5rem;
    padding: 2.5rem 1rem 2rem;
  }
}
.lp-carsales .contents--flow .contents__inner .flow-list__item .flow-list__num {
  background: #123D6E;
  border-radius: 1.5rem;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  left: 0;
  margin: auto;
  position: absolute;
  padding: 0.5rem 1rem;
  right: 0;
  top: -1.6rem;
  text-align: center;
  width: 135px;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--flow .contents__inner .flow-list__item .flow-list__num {
    font-size: 1.4rem;
    width: 105px;
  }
}
.lp-carsales .contents--flow .contents__inner .flow-list__item .flow-list__num span {
  font-size: 2.6rem;
  padding-left: 0.3rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--flow .contents__inner .flow-list__item .flow-list__num span {
    font-size: 2rem;
  }
}
.lp-carsales .contents--flow .contents__inner .flow-list__item .flow-list__ttl {
  color: #123D6E;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--flow .contents__inner .flow-list__item .flow-list__ttl {
    font-size: 1.6rem;
  }
}
.lp-carsales .contents--flow .contents__inner .flow-list__item .flow-list__block img {
  display: block;
  margin: 0 auto 1.5rem;
}
.lp-carsales .contents--flow .contents__inner .flow-list__item .flow-list__block .flow-list__txt {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--flow .contents__inner .flow-list__item .flow-list__block .flow-list__txt {
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
    line-height: 1.4;
  }
}
.lp-carsales .contents--guide {
  background: #F0F9FF;
  margin: 5rem auto 1rem;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .contents--guide {
    margin: 2rem auto 1rem;
    padding: 0.5rem;
  }
}
.lp-carsales .ranking .ranking__list .ranking__item {
  margin: 2rem auto;
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl h3 {
  background: #123D6E;
  color: #fff;
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-point {
  background: #005AB9;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-point {
    padding: 1.6rem 1rem;
  }
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-point::after {
  background: #005AB9;
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-ttl {
  background: #F0F9FF;
  border: solid 2px #005AB9;
  padding: 0.5rem 1rem 0.5rem 3rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-ttl {
    line-height: 1.2;
  }
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-ttl .big {
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-head .ranking__apearl-ttl .big {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block {
    display: block;
  }
  .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .ranking__apearl-img, .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl .ranking__apearl-list .ranking__apearl-item .ranking__apearl-block .ranking__txt {
    width: 100%;
  }
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__review h3 {
  background-color: #878787;
  color: #fff;
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__review .ranking__review-list .ranking__review-item {
  flex-direction: column;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__review .ranking__review-list .ranking__review-item {
    padding: 1rem;
  }
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__review .ranking__review-list .ranking__review-item .ranking__review-img, .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__review .ranking__review-list .ranking__review-item .ranking__review-comment {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__review .ranking__review-list .ranking__review-item .ranking__review-img, .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__review .ranking__review-list .ranking__review-item .ranking__review-comment {
    font-size: 1.2rem;
  }
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__review .ranking__review-list .ranking__review-item .ranking__review-img img, .lp-carsales .ranking .ranking__list .ranking__item .ranking__inner .ranking__review .ranking__review-list .ranking__review-item .ranking__review-comment img {
  margin: auto;
  width: 100%;
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec {
  margin-bottom: 1rem;
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec th {
  background: #8d8d8d;
  color: #fff;
  padding: 0.5rem;
}
.lp-carsales .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec td img {
  display: block;
  margin-bottom: 1rem;
  margin: 0 auto 0.5rem;
  width: 13%;
}

/* ------------------------------------------------- *
 *        ＠各LP用　都市ガスLP
 * ------------------------------------------------ */
.lp-citygas {
  padding-bottom: 2rem;
}
.lp-citygas .electric-red {
  color: #ff4d3b;
  font-weight: bold;
}
.lp-citygas .type-list--mini {
  margin: 1rem auto;
}
.lp-citygas .type-list--mini .type-card.type-card__mini--1 .type-card__inner {
  border: 2px solid #ffe33a;
}
.lp-citygas .type-list--mini .type-card .type-card__inner {
  background: #f3f3f3;
}
.lp-citygas .type-list--mini .type-card .type-card__inner .type-card__content {
  background: #f3f3f3;
}
.lp-citygas .type-list--mini .type-card .type-card__inner .type-card__content ul li {
  line-height: 1.3;
  margin-bottom: 0.5rem;
  padding-left: 1.8rem;
  position: relative;
}
.lp-citygas .type-list--mini .type-card .type-card__inner .type-card__content ul li:before {
  background: url(../img/feature/citygas/citygas_check.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1.5rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
}
.lp-citygas .contents--problem {
  background: #ABC1FF;
  margin-bottom: 4rem;
  padding: 3rem;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .contents--problem {
    padding: 1rem;
  }
}
.lp-citygas .contents--problem::after {
  border-style: solid;
  border-left: 60px solid transparent;
  border-bottom: 0;
  border-right: 60px solid transparent;
  border-top: 40px solid #abc1ff;
  bottom: -2.5rem;
  content: "";
  display: inline-block;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 0;
  z-index: -1;
}
.lp-citygas .contents--data {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .contents--data {
    margin-bottom: 1rem;
  }
}
.lp-citygas .contents--data .contents__table table {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.lp-citygas .contents--data .contents__table table tr:nth-child(2) td {
  background: #fefbea;
}
.lp-citygas .contents--data .contents__table table th, .lp-citygas .contents--data .contents__table table td {
  background: #f3f3f3;
}
.lp-citygas .contents--data .contents__table table th {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .contents--data .contents__table table th {
    font-size: 1.2rem;
    padding: 0.5rem;
  }
}
.lp-citygas .contents--data .contents__table table td {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .contents--data .contents__table table td {
    font-size: 1.2rem;
    padding: 0.5rem;
  }
}
.lp-citygas .contents--data .contents__note {
  background: #f3f3f3;
  padding: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .contents--data .contents__note {
    padding: 1rem;
  }
}
.lp-citygas .contents--data .contents__note dt {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .contents--data .contents__note dt {
    font-size: 1.2rem;
  }
}
.lp-citygas .contents--data .contents__note dd {
  font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .contents--data .contents__note dd {
    font-size: 1rem;
  }
}
.lp-citygas .comparison-vertical .comparison-vertical__spec .comparison-vertical__label {
  background-color: #0030b9;
}
.lp-citygas .comparison-vertical .comparison-vertical__spec ul.comparison-vertical__txt {
  text-align: left;
}
.lp-citygas .comparison-vertical .comparison-vertical__spec ul.comparison-vertical__txt li {
  line-height: 1.4;
  margin-bottom: 0.7rem;
  padding-left: 2.2rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .comparison-vertical .comparison-vertical__spec ul.comparison-vertical__txt li {
    padding-left: 1.8rem;
  }
}
.lp-citygas .comparison-vertical .comparison-vertical__spec ul.comparison-vertical__txt li::before {
  background: url(../img/feature/citygas/check.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1.8rem;
  left: 0;
  top: 46%;
  transform: translateY(-50%);
  position: absolute;
  width: 1.8rem;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .comparison-vertical .comparison-vertical__spec ul.comparison-vertical__txt li::before {
    height: 1.4rem;
    width: 1.4rem;
  }
}
.lp-citygas .comparison-vertical .comparison-vertical__spec .c-button--secondary {
  background-color: #f6d14c;
  box-shadow: 0 8px 0 #866d12;
  color: #222222;
}
.lp-citygas .contents--guide-point {
  margin: 0 auto 4rem;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .contents--guide-point {
    margin: 0 auto 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .lp-citygas .contents--guide-point .contents__list {
    margin: auto;
    width: 96%;
  }
}
.lp-citygas .contents--guide-point .contents__list .contents__item .contents__head {
  background-color: #abc1ff;
  border-radius: 20px 20px 0 0;
}
.lp-citygas .contents--guide-point .contents__list .contents__item .contents__head .contents__inner .contents__num img {
  width: 80px;
}
.lp-citygas .contents--guide-point .contents__list .contents__item .contents__txt {
  border: 2px solid #abc1ff;
  border-radius: 0 0 20px 20px;
}
.lp-citygas .pickup .pickup__img {
  text-align: center;
}
.lp-citygas .pickup .pickup__body {
  text-align: center;
}
.lp-citygas .pickup .pickup__body .pickup__name {
  font-size: 3rem;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .lp-citygas .pickup .pickup__body .pickup__name {
    font-size: 2rem;
  }
}
.lp-citygas .ranking .ranking__main-ttl {
  background: #002797;
  padding: 2rem;
  position: relative;
}
.lp-citygas .ranking .ranking__main-ttl::after {
  position: absolute;
  left: 50%;
  top: 98%;
  transform: translatex(-50%);
  border-top: 20px solid #002797;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  content: "";
  height: 0;
  width: 0;
}
.lp-citygas .ranking .ranking__list .ranking__item h2.ranking__name a.ranking__link {
  color: #050a3b;
  font-size: 3rem;
}
.lp-citygas .ranking .ranking__list .ranking__item .ranking__inner .ranking__point h3 {
  background: #ffe33a;
  color: #172a55;
}
.lp-citygas .ranking .ranking__list .ranking__item .ranking__inner .ranking__point .ranking__point-list li {
  background: url(../img/feature/citygas/citygas_check.png) no-repeat;
  background-size: 16px;
}
.lp-citygas .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec th {
  background: #abc1ff;
  color: #050a3b;
}
.lp-citygas .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec td ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: left;
}
.lp-citygas .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec td ul li {
  line-height: 1.3;
  padding-left: 1.2rem;
  position: relative;
}
.lp-citygas .ranking .ranking__list .ranking__item .ranking__inner table.ranking__spec td ul li::before {
  background: url(../img/feature/citygas/check.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 0.9rem;
  left: 0;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 0.9rem;
}
.lp-citygas .ranking .ranking__list .ranking__item .ranking__inner .ranking__apearl h3 {
  background-color: #abc1ff;
  color: #050a3b;
}
.lp-citygas .ranking .ranking__btn {
  margin-bottom: 2rem;
}
.lp-citygas .c-caution--block {
  background-color: #f3f3f3;
  font-size: 1.2rem;
  padding: 1rem;
}
.lp-citygas .c-caution--block dl .c-caution__item {
  margin-bottom: 0.5rem;
}
.lp-citygas .c-caution--block dl .c-caution__item dt {
  font-size: 1.4rem;
  font-weight: bold;
}
.lp-citygas .c-caution--block dl .c-caution__item dd ul {
  padding-left: 1.5rem;
}
.lp-citygas .c-caution--block dl .c-caution__item dd ul li {
  list-style: disc;
  margin-bottom: 0.7rem;
}
.lp-citygas .survey {
  border: 2px solid #f2f2f2;
  margin: 2rem auto;
}/*# sourceMappingURL=newstyle.css.map */