@charset "UTF-8";

/* ---------------------------------------------
  reset
--------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* overflow-x: hidden; */
}
.wrapper div, .wrapper span, .wrapper iframe, .wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6, .wrapper p, .wrapper address, .wrapper img, .wrapper small, .wrapper strong, .wrapper sub, .wrapper sup, .wrapper dl,
.wrapper dt, .wrapper dd, .wrapper ol, .wrapper ul, .wrapper form, .wrapper label, .wrapper table, .wrapper caption, .wrapper tbody, .wrapper tfoot, .wrapper thead, .wrapper tr, .wrapper th, .wrapper td, .wrapper article,
.wrapper aside, .wrapper footer, .wrapper header, .wrapper menu, .wrapper nav, .wrapper section, .wrapper button, .wrapper video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 0;
  line-height: 0;
  vertical-align: baseline;
  background: transparent;
}
.wrapper article, .wrapper aside, .wrapper details, .wrapper figcaption, .wrapper figure, .wrapper footer, .wrapper header, .wrapper menu, .wrapper nav, .wrapper section {
  display: block;
}
.wrapper ol, .wrapper ul {
  list-style: none;
}
.wrapper :focus {
  outline: 0;
}
.wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}
.wrapper *, .wrapper *::before, .wrapper *::after {
  box-sizing: border-box;
  position: relative;
}
.wrapper img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
}
.wrapper svg, .wrapper video {
  width: 100%;
  height: auto;
}
/*============================
base
============================*/
.wrapper a {
  text-decoration: none;
  transition: opacity 0.3s;
}
.wrapper a:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}
.wrapper {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  color: #fff;
  background-color: #CE2222;
}
.wrapper .pc_only {
  display: block;
}
.wrapper .sp_only {
  display: none !important;
}
@media (max-width: 768px) {
  .wrapper .pc_only {
    display: none !important;
  }
  .wrapper .sp_only {
    display: block !important;
  }
}
.container {
  overflow-x: hidden;
}
/*============================
header
============================*/
.wrapper .header {
  padding-top: calc(32 / 1360 * 100vw);
}
.wrapper .header_inner {
  padding: 0 calc(32 / 1360 * 100vw);
}
.wrapper .header_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper .header_logo {
  font-size: calc(30 / 1360 * 100vw);
  line-height: 1;
  font-weight: 700;
}
.wrapper .header_image {
  width: calc(542 / 1360 * 100vw);
}

/*============================
#fv（PCのみ：769px以上）
============================*/
@media (min-width: 769px) {
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3% 0;
  width: 92%;
  margin: 0 auto;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-wrapper::before {
  content: '';
  display: block;
  width: calc(170/1360*100vw);
  padding-top: calc(74/1360*100vw);
  background-image: url(../img/fv-fukidasi.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 2%;
  right: 1%;
  z-index: 1;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-wrapper .swiper-slide {
  width: 24%!important;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-wrapper .swiper-slide:nth-child(2n)  {
  margin-top: 5%;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-pagination {
  display: none;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-button-prev {
  display: none;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-button-next {
  display: none;
}
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-wrapper .swiper-slide {
  --fv-rotate: 0deg;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-wrapper .swiper-slide img {
  filter: drop-shadow(0 min(calc(15/1360*100vw),15px) min(calc(15/1360*100vw),15px) rgba(0, 0, 0, 0.25));
  transform: rotate(var(--fv-rotate));
  transition: transform 0.2s ease-out;
}
.wrapper .container .main #fv .fv-logo {
  width: calc(1320/1360*100vw);
  margin: 0 auto;
  opacity: 0;
  transform: translateY(48px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
.wrapper .container .main #fv .fv-logo.is-inview {
  opacity: 1;
  transform: translateY(0);
}
.wrapper .container .main #fv .fv-logo .logo-baloon {
  position: absolute;
  top: 20%;
  right: 0;
  width: calc(216/1360*100vw);
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.25s;
}
.wrapper .container .main #fv .fv-logo.is-baloon-inview .logo-baloon {
  transform: scale(1);
}
.wrapper .container .main #fv .fv-text {
  width: calc(464/1360*100vw);
  margin: 1% auto 10%;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.wrapper .container .main #fv .fv-text.is-fvtext-inview {
  opacity: 1;
  transform: translateY(0);
}

/*============================
#strength
============================*/
.wrapper .container .main #strength {
  margin-top: 10%;
}
.wrapper .container .main #strength .strength-inner .strength-item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10%;
}
.wrapper .container .main #strength .strength-inner .strength-item:nth-child(2n) .strength-textWrap {
  order: 2;
  margin-left: 8%;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap {
  width: calc(600/1360*100vw);
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-head {
  display: flex;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-head .strength-num {
  width: calc(20/1360*100vw);
  margin-right: 2%;
  margin-top: -1%;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-head .strength-title {
  font-size: calc(38/1360*100vw);
  font-weight: 700;
  line-height: calc(55/38);
  color: #FFF;
  margin-bottom: 0.5em;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-text {
  padding-right: 10%;
  padding-left: 5.2%;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-text p {
  font-size: calc(16/1360*100vw);
  line-height: calc(32/16);
  color: #FFF;
  text-align: justify;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-image {
  width: calc(560/1360*100vw);
}

.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-head .strength-title .sub-title {
  position: absolute;
}
.wrapper .container .main #strength .strength-inner .strength-item.item02 .strength-textWrap .strength-head .strength-title .sub-title {
  width: calc(224/1360*100vw);
  right: -8%;
  top: -90%;
}

.wrapper .container .main #strength .strength-inner .strength-item.item05 .strength-textWrap .strength-head .strength-title .sub-title {
  width: calc(205/1360*100vw);
  right: -7%;
  top: -43%;
}

/*============================
.slide-area
============================*/
/* .sticky-area 内 section：GSAP でスタック制御。CSS sticky は使わない */

.wrapper .container .main .sticky-area #influencers.slider-area,
.wrapper .container .main .sticky-area #reviews.slider-area,
.wrapper .container .main .sticky-area #case.slider-area {
  background-color: #CE2222;
}
.wrapper .container .main .sticky-area #influencers.slider-area { z-index: 1; }
.wrapper .container .main .sticky-area #reviews.slider-area { 
  z-index: 2;
 }
.wrapper .container .main .sticky-area #case.slider-area { z-index: 3;
 }

 .wrapper .container .main .sticky-area #reviews h2 {
  width: calc(664/2720*100vw);
 }
 .wrapper .container .main .sticky-area #case h2 {
  width: calc(868/2720*100vw);
 }

.wrapper .container .main .slider-area {
  padding: calc(150/1360*100vw) 0 calc(30/1360*100vw) ;
  margin-bottom: 10%;
}
.wrapper .container .main .slider-area:before {
  content: '';
  display: block;
  border: calc(8/1360*100vw) solid #FFF;
  width: 98%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 1%;
  border-radius: calc(20/1360*100vw);
}
.wrapper .container .main .slider-area h2 {
  width: calc(496/1360*100vw);
  margin: 0 auto 1%;
}
.wrapper .container .main .slider-area p {
  font-size: calc(20/1360*100vw);
  line-height: 1;
  text-align: center;
  margin-bottom: 3%;
}
.wrapper .container .main .slider-area .caution {
  font-size: calc(10/1360*100vw);
  line-height: 1;
  text-align: right;
  margin-bottom: 3%;
  margin-right: 6%;
  margin-top: 4%;
}
.wrapper .container .main .slider-area .slider-wrap {
  overflow: visible;
  padding: 0 ;
  width: 100%;
  margin: 0 auto;
}
.wrapper .container .main .slider-area .slider-wrap .swiper {
  overflow: hidden;
  padding-bottom: 6%;
  box-sizing: border-box;
}
/* 1枚目: 左余白 / 2枚目: 右余白（influencer / reviews 共通・PCのみ） */
.wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper.is-first-slide,
.wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper.is-first-slide {
  padding-left: 7%;
}
.wrapper .container .main .slider-area .slider-wrap:has(.influencer-swiper.is-second-slide),
.wrapper .container .main #reviews .slider-wrap:has(.reviews-swiper.is-second-slide) {
  padding-right: 7%;
}

.wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 calc(15/1360*100vw) calc(15/1360*100vw) rgba(0,0,0,0.25));
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-pagination {
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: 30px;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #A41B1B;
  opacity: 1;
  position: relative;
  z-index: 10;
  width: 30px;
  height: 30px;
  margin: 0 0.3%;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  background-color: #FFF;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 12px;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-prev,
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-next {
  color: #fff;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-prev::after,
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-next::after {
  font-size: 24px;
}

/* influencer / reviews / case: PCではprev/next非表示 */
@media (min-width: 769px) {
  .wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper .swiper-button-prev,
  .wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper .swiper-button-next,
  .wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper .swiper-button-prev,
  .wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper .swiper-button-next,
  .wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-button-prev,
  .wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-button-next {
    display: none;
  }
}
/* influencer / reviews / case: SP＝1枚カルーセル・左右チラ見え（padding）・ページネーション非表示・prev/next表示 */
@media (max-width: 768px) {
  .wrapper .container .main #influencers .slider-wrap,
  .wrapper .container .main #reviews .slider-wrap,
  .wrapper .container .main #case .slider-wrap {
    padding: 0 10%;
    overflow: visible;
  }
  .wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper,
  .wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper,
  .wrapper .container .main #case .slider-wrap .swiper.case-swiper {
    overflow: visible;
  }
  .wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper .swiper-pagination,
  .wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper .swiper-pagination,
  .wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-pagination {
    display: none;
  }
  .wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper .swiper-button-prev,
  .wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper .swiper-button-next,
  .wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper .swiper-button-prev,
  .wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper .swiper-button-next,
  .wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-button-prev,
  .wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-button-next {
    display: flex;
  }
}

/*============================
#case
============================*/
.wrapper .container .main #case {
  padding-bottom: 7%;
  margin-bottom: 7%;
}
.wrapper .container .main #case .slider-wrap {
  overflow: hidden;
  padding: 0;
  width: 100%;
  margin: 0 auto;
}
/* 1セット目〜3セット目余白（PCのみ） */
@media (min-width: 769px) {
.wrapper .container .main #case .slider-wrap .swiper.case-swiper.is-first-slide {
  padding-left: 7%;
}
.wrapper .container .main #case .slider-wrap .swiper.case-swiper.is-second-slide {
  padding-left: 6%;
  padding-right: 1%;
}
.wrapper .container .main #case .slider-wrap:has(.case-swiper.is-last-slide) {
  padding-right: 7%;
}
}

.wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-wrapper .swiper-slide {
  height: auto;
  box-sizing: border-box;
}
.wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}
.wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-pagination {
  z-index: 10;
}
.wrapper .container .main .ticker-area {
  overflow-x: hidden;
  padding: calc(30/1360*100vw) 0;
}

.wrapper .container .main .ticker-area .ticker-carousel.fv-ticker-swiper .ticker-track {
  display: flex;
  width: max-content;
  animation: fv-ticker-flow 40s linear infinite;
}
.wrapper .container .main .ticker-area .ticker-carousel.fv-ticker-swiper .ticker-track-inner {
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-shrink: 0;
  width: max-content;
  padding: 0 6px;
}
.wrapper .container .main .ticker-area .ticker-carousel.fv-ticker-swiper .ticker-track-inner img {
  display: block;
  height: calc(300/1360*100vw);
  width: auto;
  min-width: 0;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 calc(10/1360*100vw) 8px rgba(0,0,0,0.18));
  transition: transform 0.2s ease-out;
}
.wrapper .container .main .ticker-area .ticker-carousel.fv-ticker-swiper .ticker-track-inner img:nth-of-type(2n-1) {
  margin-top: 3%;
}

@keyframes fv-ticker-flow {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/*============================
#compare
============================*/
.wrapper .container .main #compare {
  margin-top: 10%;
  text-align: center;
  margin-bottom: 10%;
}

.wrapper .container .main #compare h2 {
  font-size: calc(38/1360*100vw);
  line-height: 1;
  font-weight: 800;
  text-align: center;
  margin-bottom: 3%;
  display: inline-block;
}
.wrapper .container .main #compare h2:before,
.wrapper .container .main #compare h2:after {
  content: '';
  display: block;
  width: calc(24/1360*100vw);
  height: calc(24/1360*100vw);
  background-image: url("../img/compare-icon.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: absolute;
  top: 25%;
}
.wrapper .container .main #compare h2:before {
  left: -10%;
}
.wrapper .container .main #compare h2:after {
  right: -10%;
}
.wrapper .container .main #compare .compare-tableWrap {
  margin: 0 auto;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table {
  width: calc(2384/2720*100vw);
  padding-bottom: 10%;
  margin: 0 auto;
  border: none;
  border-collapse: collapse;
  table-layout: fixed;
  background-image: url("../img/compare-bg.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table td,
.wrapper .container .main #compare .compare-tableWrap .compare-table th {
  box-sizing: border-box;
  overflow: hidden;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th {
  vertical-align: middle;
  text-align: center;
  height: calc(130/1360*100vw);
  padding: 0.2em 0.5em;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:first-child {
  width: calc(408/2384*100%);
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) {
  width: calc(1193/2384*100%);
  vertical-align: middle;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(3) {
  font-size: calc(22/1360*100vw);
  line-height: 1;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding-top: 3%;
}
/* CHINA BUZZヘッダー画像 */
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) .compare-cbIcon {
  position: absolute;
  width: calc(150/1360*100vw);
  z-index: 2;
  right: 2%;
  top: 0;
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.25s;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) .compare-cbIcon.is-icon-inview {
  transform: scale(1);
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) .compare-cbLogo {
  display: block;
  text-align: center;
  width: calc(401/1360*100vw);
  margin: 5% auto 0;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) .compare-cbIcon img {
  display: inline-block;
  vertical-align: middle;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) .compare-cbLogo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
/* 中央列の赤強調 */
.wrapper .container .main #compare .compare-tableWrap .compare-table .compare-highlight {
  color: #c00;
  font-weight: bold;
}

/* データ行：行の高さは「その行のいずれかセルのheight」で決まる。全tdに同じ高さを渡すと確実 */
.wrapper .container .main #compare .compare-tableWrap .compare-table tr:nth-child(n+1) td {
  height: calc(56/1360*100vw);
  vertical-align: middle;
}

.wrapper .container .main #compare .compare-tableWrap .compare-table td {
  font-size: calc(16/1360*100vw);
  line-height: 1.4;
  padding: 0.4em 0.6em;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table tbody {
  padding-bottom: 10%;
}

.wrapper .container .main #compare .compare-tableWrap .compare-table tr td:first-child {
  padding-left: 3%;
  text-align: left;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table tr td:nth-child(2) {
  font-size: calc(20/1360*100vw);
  text-align: center;
  font-weight: 600;
  color: #000;
  line-height: 1;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table tr td:nth-child(2) span {
  color: #CE2222;
  font-size: calc(20/1360*100vw);
  line-height: 1;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table tr td:nth-child(3) {
  text-align: center;
}

.wrapper .container .main #compare .compare-scroll {
  display: none;
}

/*============================
#service
============================*/
.wrapper .container .main #service {
  margin-bottom: 6%;
}
.wrapper .container .main #service h2 {
  font-size: calc(38/1360*100vw);
  line-height: 1;
  font-weight: 800;
  text-align: center;
  margin-bottom: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper .container .main #service h2 .service-head_txt {
  display: inline;
  font-size: calc(38/1360*100vw);
}
.wrapper .container .main #service h2 .service-head_num {
  display: flex;
  align-items: center;
  font-size: calc(38/1360*100vw);
}


.wrapper .container .main #service h2 span img {
  display: inline;
  width: calc(88/1360*100vw);
}

.wrapper .container .main #service h2::before,
.wrapper .container .main #service h2::after {
  content: '';
  display: block;
  width: calc(24/1360*100vw);
  height: calc(24/1360*100vw);
  background-image: url("../img/service-icon.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: absolute;
  top: 40%;
}
.wrapper .container .main #service h2::before {
  left: 26%;
}
.wrapper .container .main #service h2::after {
  right: 26%;
}
.wrapper .container .main #service .service-step {
  width: calc(2384/2720*100vw);
  height: calc(660/2720*100vw);
  background-image: url("../img/step-bg_pc.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wrapper .container .main #service .service-step .step-item.step1 {
  width: 30%;
  margin-right: 5%;
}
.wrapper .container .main #service .service-step .step-item h3 {
  width: calc(340/2760*100vw);
  margin: 0 auto;
  position: absolute;
  top: -7%;
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.wrapper .container .main #service .service-step .step-item h3.is-step-inview {
  transform: scale(1);
}
.wrapper .container .main #service .service-step .step-item h3 img {
  width: 100%;
}
.wrapper .container .main #service .service-step .step-item.step1 h3 {
  left: 6%;
}
.wrapper .container .main #service .service-step .step-item .step-imageWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 15%;
}
.wrapper .container .main #service .service-step .step-item h4 {
  font-size: calc(20/1360*100vw);
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}
.wrapper .container .main #service .service-step .step-item img {
  width: calc(220/2720*100vw);
}
.wrapper .container .main #service .service-step .step-item p {
  font-size: calc(16/1360*100vw);
  line-height: calc(28/15);
  color: #000;
  width: 70%;
  margin: 3% auto 2%;
}

.wrapper .container .main #service .service-step .step-item.step1 .btn-form {
  width: 65%;
  background-color: #000;
  border-radius: 50px;
  color: #FFF;
  text-align: center;

}
.wrapper .container .main #service .service-step .step-item.step1 .btn-form:hover a:after {
  right:14%;
}
.wrapper .container .main #service .service-step .step-item.step1 .btn-form a {
  color: #FFF;
  width: 100%;
  height: 100%;
  display: block;
  padding: 3% 0;
  font-size: calc(16/1360*100vw);
  font-weight: 700;
}
.wrapper .container .main #service .service-step .step-item.step1 .btn-form a:after {
  content: '';
  display: block;
  background-image: url(../img/form-arrow.png);
  width: calc(10/1360*100vw);
  padding-top: calc(10/1360*100vw);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 17%;
  top: 41%;
  transition: all ease 0.2s;
}
.wrapper .container .main #service .service-step .step-item.step2 {
  width: 30%;
}
.wrapper .container .main #service .service-step .step-item.step2 h3 {
  left: -18%;
}
.wrapper .container .main #service .service-step .step-item.step2 h4 {
  font-size: calc(18/1360*100vw);
}

.wrapper .container .main #service .service-step .step-item.step2 p {
  width: 79%;
}

.wrapper .container .main #service .service-step .step-item.step3 {
  width: 30%;
  margin-left: 2%;
}
.wrapper .container .main #service .service-step .step-item.step3 h3 {
  left: -18%;
}
.wrapper .container .main #service .service-step .step-item.step3 .step-imageWrap {
  padding-top: 9%;
}
.wrapper .container .main #service .service-step .step-item.step3 .step-imageWrap h4 {
  padding-top: 9%;
}
.wrapper .container .main #service .service-step .step-item.step3 .step-imageWrap img {
  margin-left: 6%;
}
.wrapper .container .main #service .service-step .step-item.step3  p {
  width: 72%;
}

/*============================
#faq
============================*/
.wrapper .container .main #faq .faq-inner {
  width: calc(1200/1360*100%);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wrapper .container .main #faq .faq-head img {
  width: calc(133/1360*100vw);
}
.wrapper .container .main #faq .faq-head p {
  font-size: calc(20/1360*100vw);
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-top: 1em;
}
.wrapper .container .main #faq .faq-list {
  width: calc(890/1360*100vw);
  margin: 0 auto;
}
.wrapper .container .main #faq .faq-list .faq-item dt {
  display: flex;
  align-items: center;
  font-size: calc(22/1360*100vw);
  font-weight: 700;
  margin-bottom: 3%;
}
.wrapper .container .main #faq .faq-list .faq-item dt img {
  width: calc(40/1360*100vw);
  margin-right: 1%;
}
.wrapper .container .main #faq .faq-list .faq-item dd {
  display: flex;
  align-items: flex-start;
  font-size: calc(16/1360*100vw);
  line-height: calc(28/16);
  padding-bottom: 6%;
  margin-bottom: 6%;
  border-bottom: 1px solid #D94A4A;
}

.wrapper .container .main #faq .faq-list .faq-item:last-of-type dd {
  border-bottom: none;
}
.wrapper .container .main #faq .faq-list .faq-item dd img {
  width: calc(36/1360*100vw);
  margin-right: 1.8%;
}
/*============================
#offer
============================*/
.wrapper .container .main #offer {
  overflow: hidden;
}
.wrapper .container .main #offer .offer-inner {
  width: calc(1320/1360*100%);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  border-radius: calc(20/1360*100vw);
  text-align: center;
  padding: calc(85/1360*100vw) 0 calc(90/1360*100vw);
}
.wrapper .container .main #offer h2 {
  font-size: calc(40/1360*100vw);
  line-height: calc(74/40);
  text-align: center;
  color: #CE2222;
  font-weight: 700;
  margin-bottom: 2%;
}
.wrapper .container .main #offer h2 span {
  font-size: calc(54/1360*100vw);
}
.wrapper .container .main #offer .btn-form {
  width: calc(340/1360*100vw);
  background-color: #000;
  border-radius: 100px;
  text-align: center;
}
.wrapper .container .main #offer .btn-form a {
  color: #FFF;
  font-size: calc(16/1360*100vw);
  font-weight: 700;
  display: block;
  padding: calc(30/1360*100vw) 0;
}
.wrapper .container .main #offer .btn-form a:after {
  content: '';
  display: block;
  background-image: url(../img/form-arrow.png);
  width: calc(14/1360*100vw);
  padding-top: calc(14/1360*100vw);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 17%;
  top: 41%;
  transition: all ease 0.2s;
}
.wrapper .container .main #offer .btn-form a:hover:after {
  right:14%;
}
.wrapper .container .main #offer .offer-img {
  width: calc(476/2720*100vw);
  position: absolute;
  top: 25%;
  transition: transform 0.2s ease-out;
}
.wrapper .container .main #offer .offer-img.item01 {
  left: 1%;
}
.wrapper .container .main #offer .offer-img.item02 {
  left: 15%;
}
.wrapper .container .main #offer .offer-img.item03 {
  left: 67%;
}
.wrapper .container .main #offer .offer-img.item04 {
  left: 81%;
}



/* ============================================
   ここからスマホ（768px以下）
   ============================================ */
@media (max-width: 768px) {
/*============================
header
============================*/
.wrapper .header {
  padding-top: calc(60 / 750 * 100vw);
}
.wrapper .header_inner {
  padding: 0 calc(32 / 1360 * 100vw);
}
.wrapper .header_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.wrapper .header_logo {
  font-size: calc(20 / 375 * 100vw);
  line-height: 1;
  font-weight: 700;
  margin-bottom: 3%;
}
.wrapper .header_image {
  width: calc(670 / 750 * 100vw);
}

/*============================
#fv
============================*/

.wrapper .container .main #fv .fv-slideWrap {
  overflow: visible;
  padding: 0 10%;
  margin-bottom: 6%;
}


.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper {
  overflow: visible;
  width: 80%;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-wrapper {
  padding: 3% 0;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-wrapper::before {
  content: none;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-wrapper .swiper-slide {
  margin-top: 0 !important;
  box-sizing: border-box;
}
.wrapper .container .main #fv .fv-slideWrap .swiper.fv-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 min(calc(30/750*100vw),30px) min(calc(30/750*100vw),30px) rgba(0, 0, 0, 0.25));
  transform: rotate(var(--fv-rotate, 0deg));
  transition: transform 0.2s ease-out;
}

.wrapper .container .main #fv .fv-logo {
  width: calc(670/750*100vw);
  margin: 0 auto;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
.wrapper .container .main #fv .fv-logo.is-inview {
  opacity: 1;
  transform: translateY(0);
}
.wrapper .container .main #fv .fv-logo .logo-baloon {
  position: absolute;
  top: 60%;
  right: -5%;
  width: calc(228/750*100vw);
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.25s;
}
.wrapper .container .main #fv .fv-logo.is-baloon-inview .logo-baloon {
  transform: scale(1);
}
.wrapper .container .main #fv .fv-text {
  width: calc(450/750*100vw);
  margin: 6% auto 15%;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.wrapper .container .main #fv .fv-text.is-fvtext-inview {
  opacity: 1;
  transform: translateY(0);
}

/*============================
#strength
============================*/
.wrapper .container .main #strength {
  margin-top: 30%;
}
.wrapper .container .main #strength .strength-inner .strength-item {
  display: block;
  margin:0 auto 20%;
  width: calc(670/750*100%);
}
.wrapper .container .main #strength .strength-inner .strength-item:nth-child(2n) .strength-textWrap {

  margin-left: 0;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap {
  width: 100%;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-head {
  display: flex;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-head .strength-num {
  width: calc(48/750*100vw);
  margin-right: 3%;
  margin-top: -7%;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-head .strength-title {
  font-size: calc(52/750*100vw);
  font-weight: 700;
  line-height: calc(55/38);
  color: #FFF;
  margin-bottom: 1em;
}
.wrapper .container .main #strength .strength-inner .strength-item.item03 .strength-textWrap .strength-head .strength-title {
  font-size: calc(46/750*100vw);

} 
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-text {
  padding-right: 0;
  padding-left:0;
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-text p {
  font-size: calc(32/750*100vw);
  line-height: calc(32/16);
  color: #FFF;
  text-align: justify;
  margin-bottom: 8%
}
.wrapper .container .main #strength .strength-inner .strength-item .strength-image {
  width: 100%;
}

.wrapper .container .main #strength .strength-inner .strength-item .strength-textWrap .strength-head .strength-title .sub-title {
  position: absolute;
}
.wrapper .container .main #strength .strength-inner .strength-item.item02 .strength-textWrap .strength-head .strength-title .sub-title {
  width: calc(302/750*100vw);
  right: -5%;
  top: -92%;
}

.wrapper .container .main #strength .strength-inner .strength-item.item05 .strength-textWrap .strength-head .strength-title .sub-title {
  width: calc(272/750*100vw);
  right: -6%;
  top: -46%;
}

/*============================
.slide-area
============================*/
.wrapper .container .main .slider-area {
  width: calc(670/750*100vw);
  margin: 0 auto;
  padding: calc(100/750*100vw) 0 calc(30/1360*100vw) ;
  margin-bottom: 10%;
  border-radius: 5vw;
  border: calc(15/750*100vw) solid #FFF;
  overflow: hidden;
}
.wrapper .container .main .slider-area:before {
  content: none;
  display: block;
}
.wrapper .container .main .slider-area h2 {
  width: calc(488/750*100vw);
  margin: 0 auto 2%;
}

.wrapper .container .main .sticky-area #case h2 {
  width: calc(428/750*100vw);
}
.wrapper .container .main #reviews.slider-area h2 {
  width: calc(324/750*100vw);
}
.wrapper .container .main #reviews.slider-area p {
  margin-bottom: 6%;
}
.wrapper .container .main .slider-area p {
  font-size: calc(24/750*100vw);
  line-height: 1;
  text-align: center;
  margin-bottom: 3vw;
}
.wrapper .container .main .slider-area .caution {
  font-size: calc(20/750*100vw);
  line-height: 1;
  text-align: right;
  margin-bottom: 3%;
  margin-right: 6%;
  margin-top: 8%;
}
.wrapper .container .main .slider-area .slider-wrap {
  overflow: visible;
  padding: 0 ;
  width: 100%;
  margin: 0 auto;
}
.wrapper .container .main .slider-area .slider-wrap .swiper {
  overflow: hidden;
  padding-bottom: 0;
  box-sizing: border-box;
}
/* 1枚目: 左余白 / 2枚目: 右余白（influencer / reviews 共通） */
.wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper.is-first-slide,
.wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper.is-first-slide {
  padding-left: 0;
}
/* 2枚目: Swiper の padding-right は効かないため、親の slider-wrap で右余白を確保 */
.wrapper .container .main .slider-area .slider-wrap:has(.influencer-swiper.is-second-slide),
.wrapper .container .main #reviews .slider-wrap:has(.reviews-swiper.is-second-slide) {
  padding-right: 0;
}
.wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 calc(15/1360*100vw) calc(15/1360*100vw) rgba(0,0,0,0.25));
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-pagination {
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: 30px;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #A41B1B;
  opacity: 1;
  position: relative;
  z-index: 10;
  width: 30px;
  height: 30px;
  margin: 0 0.3%;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  background-color: #FFF;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 12px;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.wrapper .container .main .slider-area .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10%;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-prev {
  margin-right: 20%;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-prev::after,
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-next::after {
  position: absolute;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-prev::after,
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-next::after {
  font-size: 0;
  width: calc(54/750*100vw);
  padding-top: calc(54/750*100vw);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-prev::after {
  background-image: url(../img/slide-prev.png);
}
.wrapper .container .main .slider-area .slider-wrap .swiper .swiper-button-next::after {
  background-image: url(../img/slide-next.png);
}


/* influencer / reviews / case: SP＝1枚カルーセル・左右チラ見え（padding）・ページネーション非表示・prev/next表示 */

  .wrapper .container .main #influencers .slider-wrap,
  .wrapper .container .main #reviews .slider-wrap,
  .wrapper .container .main #case .slider-wrap {
    padding: 0 8%;
    overflow: visible;
  }
  .wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper,
  .wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper,
  .wrapper .container .main #case .slider-wrap .swiper.case-swiper {
    overflow: visible;
  }
  .wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper .swiper-pagination,
  .wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper .swiper-pagination,
  .wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-pagination {
    display: none;
  }
  .wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper .swiper-button-prev,
  .wrapper .container .main .slider-area .slider-wrap .swiper.influencer-swiper .swiper-button-next,
  .wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper .swiper-button-prev,
  .wrapper .container .main #reviews .slider-wrap .swiper.reviews-swiper .swiper-button-next,
  .wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-button-prev,
  .wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-button-next {
    display: flex;
  }


/*============================
#case
============================*/
.wrapper .container .main #case {
  padding-bottom: 10%;
}
.wrapper .container .main #case .slider-wrap {
  overflow: hidden;
  padding: 0 8%;
  width: 100%;
  margin: 0 auto;
}

.wrapper .container .main #case .slider-wrap .swiper.case-swiper.is-first-slide {
  padding-left: 7%;
}
.wrapper .container .main #case .slider-wrap .swiper.case-swiper.is-second-slide {
  padding-left: 6%;
  padding-right: 1%;
}
.wrapper .container .main #case .slider-wrap:has(.case-swiper.is-last-slide) {
  padding-right: 7%;
}


.wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-wrapper .swiper-slide {
  height: auto;
  box-sizing: border-box;
}
.wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}
.wrapper .container .main #case .slider-wrap .swiper.case-swiper .swiper-pagination {
  z-index: 10;
}
.wrapper .container .main .ticker-area {
  overflow-x: hidden;
  padding: 1rem 0;
}
.wrapper .container .main .ticker-area .ticker-carousel.fv-ticker-swiper {
  overflow: hidden;
}
.wrapper .container .main .ticker-area .ticker-carousel.fv-ticker-swiper .ticker-track {
  display: flex;
  width: max-content;
  animation: fv-ticker-flow 40s linear infinite;
}
.wrapper .container .main .ticker-area .ticker-carousel.fv-ticker-swiper .ticker-track-inner {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  width: max-content;
  padding: 0 6px;
}
.wrapper .container .main .ticker-area .ticker-carousel.fv-ticker-swiper .ticker-track-inner img {
  display: block;
  height: calc(300/750*100vw);
  width: auto;
  min-width: 0;
  object-fit: contain;
  flex-shrink: 0;
  transition: transform 0.2s ease-out;
}
@keyframes fv-ticker-flow {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/*============================
#compare
============================*/
.wrapper .container .main #compare {
  margin-top: 20%;
  text-align: center;
  margin-bottom: 20%;
  padding-left: 3%;
}

.wrapper .container .main #compare h2 {
  font-size: calc(56/750*100vw);
  margin-bottom:7%;
}
.wrapper .container .main #compare h2:before,
.wrapper .container .main #compare h2:after {
  content: '';
  display: block;
  width: calc(32/750*100vw);
  height: calc(32/750*100vw);
  background-image: url("../img/compare-icon.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: absolute;
  top: 25%;
}
.wrapper .container .main #compare h2:before {
  left: -10%;
}
.wrapper .container .main #compare h2:after {
  right: -10%;
}
.wrapper .container .main #compare .compare-tableWrap {
  margin: 0 auto ;
  overflow-x: scroll;
  overflow-y: visible;
  padding: 0 3% 3%;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table {
  width: 600px;
  height: 350px;
  padding-top:30px;
  padding-bottom: 60px;
  margin: 0 auto 0 0;
  border: none;
  border-collapse: collapse;
  table-layout: fixed;
  background-image: url("../img/compare-bg_sp.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  background-position: center bottom;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table td,
.wrapper .container .main #compare .compare-tableWrap .compare-table th {
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-break: break-word;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th {
  vertical-align: middle;
  text-align: center;
  height: 65px;
  padding: 0.25em 0.4em;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:first-child {
  width: 11%;
  font-size: 9px;
  line-height: 1.3;
  padding: 0.3em 0.4em;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) {
  width: 41%;
  vertical-align: middle;
  position: relative;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(3) {
  width: 34%;
  font-size: 11px;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding-top: 18px;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
/* CHINA BUZZヘッダー画像 */
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) .compare-cbIcon {
  position: absolute;
  width: 90px;
  z-index: 2;
  right: 14px;
  top: 0px;
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.25s;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) .compare-cbIcon.is-icon-inview {
  transform: scale(1);
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) .compare-cbLogo {
  display: block;
  text-align: center;
  width: 200px;
  max-width: 200px;
  margin: 24px auto 0;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) .compare-cbIcon img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table th:nth-child(2) .compare-cbLogo img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
/* 中央列の赤強調 */
.wrapper .container .main #compare .compare-tableWrap .compare-table .compare-highlight {
  color: #c00;
  font-weight: bold;
}


.wrapper .container .main #compare .compare-tableWrap .compare-table tr:nth-child(n+1) td {
  min-height: 32px;
  height: auto;
  vertical-align: middle;
}

.wrapper .container .main #compare .compare-tableWrap .compare-table td {
  font-size: 10px;
  line-height: 1.35;
  padding: 6px 8px;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table tbody {
  padding-bottom: 60px;
}

.wrapper .container .main #compare .compare-tableWrap .compare-table tr td:first-child {
  width: 18%;
  padding: 6px 8px;
  text-align: center;
  font-size: 9px;
  height: 39px;
  line-height: 1.3;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table tr td:nth-child(2) {
  width: 50%;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  color: #000;
  line-height: 1.35;
  padding: 6px 8px;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table tr td:nth-child(2) span {
  color: #CE2222;
  font-size: 14px;
  line-height: 1.35;
}
.wrapper .container .main #compare .compare-tableWrap .compare-table tr td:nth-child(3) {
  width: 32%;
  font-size: 14px;
  line-height: 1.35;
  text-align: center;
  padding: 6px 8px;
  color: #fff;
}

.wrapper .container .main #compare .compare-tableWrap .compare-table tr:last-child {
  /* display: none; */
}

.wrapper .container .main #compare .compare-scroll {
  display: block;
  width: calc(183/750*100vw);
  margin: 3% 3% 0 auto;
}

/*============================
#service
============================*/
.wrapper .container .main #service {
  margin-bottom: 6%;
}
.wrapper .container .main #service h2 {
  font-size: calc(56/750*100vw);
  line-height: 1;
  font-weight: 800;
  text-align: center;
  margin-bottom:6%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.wrapper .container .main #service h2 .service-head_txt {
  flex-basis: 100%;
  text-align: center;
  font-size: calc(56/750*100vw);
}
.wrapper .container .main #service h2 .service-head_num {
  text-align: center;
  font-size: calc(56/750*100vw);
  margin-top: 6%;
}

.wrapper .container .main #service h2 span img {
  display: inline;
  width: calc(138/750*100vw);
}

.wrapper .container .main #service h2::before,
.wrapper .container .main #service h2::after {
  content: '';
  display: block;
  width: calc(32/750*100vw);
  height: calc(32/750*100vw);
  background-image: url("../img/service-icon.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: absolute;
  top: -7%;
}
.wrapper .container .main #service h2::before {
  left: 9%;
}
.wrapper .container .main #service h2::after {
  right: 9%;
}
.wrapper .container .main #service .service-step {
  width: calc(670/750*100%);
  height: calc(1710/670*100vw);
  background-image: url("../img/step-bg_sp.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
  display: block;
}
.wrapper .container .main #service .service-step .step-item {
  width: 100%;
  margin-right: 0;
  padding:0 calc(40/750*100vw) 36%;
}
.wrapper .container .main #service .service-step .step-item.step1 {
  width: 100%;
  padding:0 calc(35/670*100%) 36%;
}
.wrapper .container .main #service .service-step .step-item h3 {
  width: calc(262/750*100vw);
  margin: 0 auto;
  position: absolute;
  top: -6%;
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.wrapper .container .main #service .service-step .step-item h3.is-step-inview {
  transform: scale(1);
}
.wrapper .container .main #service .service-step .step-item h3 img {
  width: 100%;
}
.wrapper .container .main #service .service-step .step-item.step1 h3 {
  left: -3%;
}
.wrapper .container .main #service .service-step .step-item .step-imageWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: calc(90/750*100vw);
}
.wrapper .container .main #service .service-step .step-item h4 {
  font-size: calc(40/750*100vw);
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}
.wrapper .container .main #service .service-step .step-item img {
  width: calc(160/750*100vw);
  position: absolute;
}
.wrapper .container .main #service .service-step .step-item.step1 img {
  top:-37%;
  right:-2%;
}
.wrapper .container .main #service .service-step .step-item.step2 .step-imageWrap img {
  top: -28%;
  right: 2%;
}

.wrapper .container .main #service .service-step .step-item p {
  font-size: calc(32/750*100vw);
  line-height: calc(28/15);
  color: #000;
  width: 100%;
  margin: calc(30/750*100vw) auto calc(10/750*100vw);
  text-align: justify;
}

.wrapper .container .main #service .service-step .step-item.step1 .btn-form {
  width: 70%;
  background-color: #000;
  border-radius: 50px;
  color: #FFF;
  text-align: center;
  margin-top: 3%;
}
.wrapper .container .main #service .service-step .step-item.step1 .btn-form a:after {
  width: calc(20/750*100vw);
  padding-top: calc(20/750*100vw);
  right: 17%;
  top: 41%;
}

.wrapper .container .main #service .service-step .step-item.step1 .btn-form a {
  color: #FFF;
  width: 100%;
  height: 100%;
  display: block;
  padding: 3% 0;
  font-size: calc(32/750*100vw);
  font-weight: 700;
}
.wrapper .container .main #service .service-step .step-item.step2 {
  width: 100%;
  padding-bottom: 30%;
}
.wrapper .container .main #service .service-step .step-item.step2 h3 {
  top:-6%;
  left: -3%;
}
.wrapper .container .main #service .service-step .step-item.step2 h4 {
  font-size: calc(36/750*100vw);
  text-align: center;
  line-height: calc(30/18);
}

.wrapper .container .main #service .service-step .step-item.step2 p {
  width: 100%;
}

.wrapper .container .main #service .service-step .step-item.step3 {
  width: 100%;
  margin-left: 0;
  padding-bottom: 0;
}
.wrapper .container .main #service .service-step .step-item.step3 h3 {
  left: -3%;
}
.wrapper .container .main #service .service-step .step-item.step3 .step-imageWrap {
  padding-top: 9%;
}
.wrapper .container .main #service .service-step .step-item.step3 .step-imageWrap h4 {
  padding-top: 9%;
}
.wrapper .container .main #service .service-step .step-item.step3 .step-imageWrap img {
  width: calc(140 / 750 * 100vw);
  margin-left: 0%;
  right: -1%;
  top: -27%;
}
.wrapper .container .main #service .service-step .step-item.step3  p {
  width: 100%;
}

/*============================
#faq
============================*/

.wrapper .container .main #faq {
  margin-top: 15%;
}
.wrapper .container .main #faq .faq-inner {
  width: calc(1200/1360*100%);
  margin: 0 auto;
  display: block;
}

.wrapper .container .main #faq .faq-head {
  width: calc(150/750*100vw);
  margin: 0 auto 10%;
}

.wrapper .container .main #faq .faq-head img {
  width: 100%;
}
.wrapper .container .main #faq .faq-head p {
  font-size: calc(24/750*100vw);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  margin-top: 0.5em;
}
.wrapper .container .main #faq .faq-list {
  width: 100%;
  margin: 0 auto;
}
.wrapper .container .main #faq .faq-list .faq-item dt {
  display: flex;
  align-items: center;
  font-size: calc(40/750*100vw);
  line-height: calc(58/40);
  font-weight: 700;
  margin-bottom: 3%;
}
.wrapper .container .main #faq .faq-list .faq-item dt:nth-of-type(2n+1),
.wrapper .container .main #faq .faq-list .faq-item dt:nth-of-type(2n) {
  align-items: flex-start;
}

.wrapper .container .main #faq .faq-list .faq-item dt img {
  width: calc(64/750*100vw);
  margin-right: 2%;
}
.wrapper .container .main #faq .faq-list .faq-item dd {
  display: flex;
  align-items: flex-start;
  text-align: justify;
  font-size: calc(31/750*100vw);
  line-height: calc(56/32);
  padding-bottom: 10%;
  margin-bottom: 10%;
  border-bottom: 1px solid #D94A4A;
}

.wrapper .container .main #faq .faq-list .faq-item:last-of-type dd {
  border-bottom: none;
}
.wrapper .container .main #faq .faq-list .faq-item dd img {
  width: calc(60/750*100vw);
  margin-right: 3.8%;
}
/*============================
#offer
============================*/
.wrapper .container .main #offer {
  margin-bottom: calc(140/750*100vw);
  overflow: visible;
}

.wrapper .container .main #offer .offer-inner {
  width: calc(670/750*100%);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  /* overflow: hidden; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  border-radius: calc(20/750*100vw);
  text-align: center;
  padding: calc(80/750*100vw) 0 calc(150/750*100vw);

}
.wrapper .container .main #offer h2 {
  font-size: calc(44/750*100vw);
  line-height: calc(74/40);
  text-align: center;
  color: #CE2222;
  font-weight: 700;
  margin-bottom: 8%;
}
.wrapper .container .main #offer h2 span {
  font-size: calc(100/750*100vw);
  display: inline-block;
  margin-top: 4%;
  line-height: 1;
}
.wrapper .container .main #offer .btn-form {
  width: calc(572/750*100vw);
  background-color: #000;
  text-align: center;
}
.wrapper .container .main #offer .btn-form a {
  color: #FFF;
  font-size: calc(32/750*100vw);
  font-weight: 700;
  display: block;
  padding: calc(50/750*100vw) 0;
}
.wrapper .container .main #offer .btn-form a:after {
  content: '';
  display: block;
  background-image: url(../img/form-arrow.png);
  width: calc(26/750*100vw);
  padding-top: calc(26/750*100vw);
  right: 13%;
  top: 39%;
}
.wrapper .container .main #offer .btn-form:hover a:after {
  right: 10%;
}
.wrapper .container .main #offer .offer-img {
  width: calc(200/750*100vw);
  position: absolute;
  top: 77%;
  transition: transform 0.2s ease-out;
}
.wrapper .container .main #offer .offer-img.item01 {
  left: -1%;
}
.wrapper .container .main #offer .offer-img.item02 {
  left: 22%;
}
.wrapper .container .main #offer .offer-img.item03 {
  left: 47%;
}
.wrapper .container .main #offer .offer-img.item04 {
  left: 70%;
}
}