@charset "UTF-8";
/**
* ヘッダーフッターフォントスタイル
*/
@font-face {
  font-family: "Roboto-Light";
  src: url(/ja/product/canter/wp-content/themes/fuso-theme/fonts/roboto/Roboto-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url(/ja/product/canter/wp-content/themes/fuso-theme/fonts/roboto/Roboto-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url(/ja/product/canter/wp-content/themes/fuso-theme/fonts/roboto/Roboto-Medium.ttf) format("truetype");
  font-weight: bold;
  font-style: bold;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url(/ja/product/canter/wp-content/themes/fuso-theme/fonts/roboto/Roboto-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: bold;
  font-display: swap;
}
/**
 * キャンターアコーディオンのスタイル
 */
header .para, header p, header *,
footer .para,
footer p,
footer * {
  font-family: "Roboto-Medium, Roboto", "Noto Sans JP", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}

main .para, main p, main * {
  font-family: "Roboto", "Noto Sans JP", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif !important;
}
main button {
  font-size: unset;
  background: unset;
  border: unset;
  color: unset;
  font-family: unset;
  cursor: pointer;
  display: unset;
  height: unset;
  letter-spacing: unset;
  text-align: unset;
  width: unset;
  padding: unset;
  margin: unset;
  line-height: unset;
  transition: unset;
}

/**
 * テキスト
 */
.canter_txt {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 4%;
}
@media screen and (max-width: 768px) {
  .canter_txt {
    font-size: 1.4rem;
  }
}

.canter_txt.large {
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.12rem;
}

/**
 * セクション
 */
.canter_sec {
  width: 100%;
  min-width: 1240px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .canter_sec {
    min-width: auto;
  }
}
.canter_sec-inner {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .canter_sec-inner {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.canter_sec-inner_large_w {
  width: 1240px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .canter_sec-inner_large_w {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.canter_sec-inner_huge_w {
  width: 1440px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .canter_sec-inner_huge_w {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.canter_sec-inner_small_w {
  width: 780px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .canter_sec-inner_small_w {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
}

/**
 * 見出し
 */
.canter_2c_border_ttl {
  display: block;
  color: #262626;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 20px */
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 768px) {
  .canter_2c_border_ttl {
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
@media screen and (min-width: 769px) {
  .canter_2c_border_ttl.center_pc {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .canter_2c_border_ttl.center_sp {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.canter_2c_border_ttl::after {
  --w: 120px;
  --h: 5px;
  content: "";
  display: block;
  margin-top: 21px;
  width: var(--w);
  height: var(--h);
  background: linear-gradient(90deg, #E10202 0%, #E10202 50%, #fff 50%, #fff 100%);
  border-radius: 100vw;
}
@media screen and (max-width: 768px) {
  .canter_2c_border_ttl::after {
    --w: 64px;
    --h: 4px;
    margin-top: 16px;
  }
}
.canter_2c_border_ttl.base_gray::after {
  background: linear-gradient(90deg, #E10202 0%, #E10202 50%, #E7E9F0 50%, #E7E9F0 100%);
}

.canter_say_ttl {
  --icon-s: 18px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 calc(var(--icon-s) + 4px);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: 0.096rem;
}
.canter_say_ttl::before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: var(--icon-s);
  height: var(--icon-s);
  background: url(/ja/product/canter/common/images/ico_slash_b.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.canter_say_ttl::after {
  --s: 18px;
  content: "";
  position: absolute;
  right: 0;
  display: block;
  width: var(--icon-s);
  height: var(--icon-s);
  background: url(/ja/product/canter/common/images/ico_slash_b.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}

/**
 * メインタイトル
 */
.canter_main_ttl {
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 60px */
  letter-spacing: 0.16rem;
}
@media screen and (max-width: 768px) {
  .canter_main_ttl {
    font-size: min(3rem, 8vw);
    letter-spacing: 0.13rem;
  }
}

.canter_sub_ttl {
  margin-bottom: 0;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  letter-spacing: 0.128rem;
}
@media screen and (max-width: 768px) {
  .canter_sub_ttl {
    font-size: min(2.2rem, 5.866666vw);
  }
}

.canter_section {
  padding: 28px 0;
}

/**
 * 画像
 */
.canter_w100_img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .canter_w100_img {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}
.canter_w100_img img {
  width: 100%;
}

.canter_flexible_img {
  width: clamp(1240px, 100vw, 2400px);
  margin-left: calc(50% - clamp(1240px, 100vw, 2400px) / 2);
}
@media screen and (max-width: 768px) {
  .canter_flexible_img {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}
.canter_flexible_img img {
  width: 100%;
}

.canter_w100p_img {
  width: 100%;
}
.canter_w100p_img img {
  width: 100%;
}

/**
 * アンカーナビゲーション
 */
.canter_anc_nav {
  --r-g: 4px;
  --c-g: 47px;
  display: flex;
  row-gap: var(--r-g);
  -moz-column-gap: var(--c-g);
       column-gap: var(--c-g);
  flex-wrap: wrap;
  width: 868px;
  list-style: none;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .canter_anc_nav {
    --r-g: 0px;
    flex-wrap: unset;
    flex-direction: column;
  }
}
.canter_anc_nav-item {
  padding: 6px 6px;
}
.canter_anc_nav-item a {
  text-align: right;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 30.6px */
  letter-spacing: 0.072rem;
}
@media screen and (max-width: 768px) {
  .canter_anc_nav-item a {
    font-size: 1.4rem;
  }
}
.canter_anc_nav-item a::after {
  --w: 12px;
  --h: 12px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-left: 6px;
  background: url(/ja/product/canter/common/images/ico_arrow_r.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/**
 * アコーディオン
 */
.canter_accordion.is-animating .canter_accordion-body {
  padding: 0 50px 20px 36px;
  will-change: max-height;
}
.canter_accordion-head button {
  width: 100%;
  height: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  padding-left: 34px;
  padding-right: 50px;
  font-size: inherit;
  color: inherit;
  outline: none;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
  letter-spacing: 0.072rem;
}
@media screen and (max-width: 768px) {
  .canter_accordion-head button {
    font-size: 1.4rem;
  }
}
.canter_accordion-head button:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.canter_accordion-head button::before {
  --s: 25px;
  content: "";
  position: absolute;
  top: calc(50% - var(--s) / 2);
  left: 0;
  width: var(--s);
  height: var(--s);
  background: url(/ja/product/canter/common/images/ico_circle_q_b.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .canter_accordion-head button::before {
    --s: 18px;
  }
}
.canter_accordion-head button::after {
  --s: 12px;
  content: "";
  position: absolute;
  right: 12px;
  top: calc(50% - var(--s) / 2);
  transform: translateY(-50%) rotate(0deg);
  width: var(--s);
  height: var(--s);
  border-bottom: 1px solid currentColor;
  border-right: 1px solid currentColor;
  box-sizing: border-box;
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .canter_accordion-head button::after {
    --s: 12px;
  }
}
.canter_accordion-head button.is-active::after {
  transform: translateY(50%) rotate(225deg);
}
.canter_accordion-body {
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}
.canter_accordion-body_inner {
  --p-t: 16px;
  width: 100%;
  padding-top: var(--p-t);
  padding-left: 34px;
  padding-right: 50px;
  padding-bottom: 5px;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 27.2px */
  letter-spacing: 0.064rem;
}
@media screen and (max-width: 768px) {
  .canter_accordion-body_inner {
    font-size: 1.4rem;
  }
}
.canter_accordion-body_inner::before {
  --s: 25px;
  content: "";
  position: absolute;
  top: var(--p-t);
  left: 0;
  width: var(--s);
  height: var(--s);
  background: url(/ja/product/canter/common/images/ico_circle_a_r.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .canter_accordion-body_inner::before {
    --s: 18px;
  }
}

/**
 * バレットリスト
 */
.canter_bullet_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.canter_bullet_list-item {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 27.2px */
  letter-spacing: 0.064rem;
}
@media screen and (max-width: 768px) {
  .canter_bullet_list-item {
    font-size: 1.4rem;
  }
}
.canter_bullet_list-item::before {
  content: "・";
  display: inline-block;
  width: 1em;
  text-indent: 0;
}

/**
 * 注記リスト（数字無し）
 */
.canter_notice_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.canter_notice_list-item {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
  font-size: min(1.6rem, 1em);
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 27.2px */
  letter-spacing: min(0.064rem, 0.4em);
}
@media screen and (max-width: 768px) {
  .canter_notice_list-item {
    font-size: min(1.4rem, 1em);
  }
}
.canter_notice_list-item::before {
  content: "＊";
  display: inline-block;
  width: 1em;
  text-indent: 0;
}

/**
 * 1カラムリスト
 */
.canter_col1_list-item {
  padding: 12px 20px 19px 30px;
  border-bottom: 1px solid #96A0A7;
}
@media screen and (max-width: 768px) {
  .canter_col1_list-item {
    padding: 10px 0;
  }
}

/**
 *　1カラムリスト（背景白）
 */
.canter_col1_list_bg_white {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.canter_col1_list_bg_white-item {
  padding: 21px;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .canter_col1_list_bg_white-item {
    padding: 10px;
  }
}

/**
 * スライダー
 */
.canter_nomal_slider {
  width: 100%;
  margin-bottom: 40px;
}
.canter_nomal_slider .splide__arrow {
  --s: 40px;
  --radius: 10px;
  width: var(--s);
  height: var(--s);
  background: #191919;
  border-radius: 0;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .canter_nomal_slider .splide__arrow {
    --s: 36px;
  }
}
.canter_nomal_slider .splide__arrow.splide__arrow--prev {
  left: 0;
  border-radius: 0 var(--radius) var(--radius) 0;
}
.canter_nomal_slider .splide__arrow.splide__arrow--prev svg {
  transform: scale(1.5) translate(-13px, 13px) scaleX(-1);
}
@media screen and (max-width: 768px) {
  .canter_nomal_slider .splide__arrow.splide__arrow--prev svg {
    transform: scale(0.95) translate(-13px, 13px) scaleX(-1);
  }
}
.canter_nomal_slider .splide__arrow.splide__arrow--next {
  right: 0;
  border-radius: var(--radius) 0 0 var(--radius);
}
.canter_nomal_slider .splide__arrow svg {
  width: unset;
  height: unset;
  fill: #fff;
  transform: scale(1.5) translate(13px, 13px);
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .canter_nomal_slider .splide__arrow svg {
    transform: scale(0.95) translate(13px, 13px);
  }
}
.canter_nomal_slider .splide__list img {
  width: 100%;
}
.canter_nomal_slider .splide__pagination {
  bottom: -23px;
}
@media screen and (max-width: 768px) {
  .canter_nomal_slider .splide__pagination {
    bottom: -21px;
  }
}
.canter_nomal_slider .splide__pagination__page {
  --s: 6px;
  width: var(--s);
  height: var(--s);
  background: #CECECB;
  transition: 0.2s all;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .canter_nomal_slider .splide__pagination__page {
    --s: 4px;
  }
}
.canter_nomal_slider .splide__pagination__page.is-active {
  transform: unset;
  width: 20px;
  background: #262626;
  border-radius: 100vw;
}
@media screen and (max-width: 768px) {
  .canter_nomal_slider .splide__pagination__page.is-active {
    width: 15px;
  }
}

.canter_over_x_sp {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .canter_over_x_sp {
    width: calc(100% + 25px);
    margin-right: calc(50% - 50vw);
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.canter_over_x_sp-inner {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
.canter_over_x_sp-inner img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .canter_over_x_sp .simplebar-wrapper {
    width: 100%;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .canter_over_x_sp .simplebar-track.simplebar-horizontal {
    height: 9px;
  }
}
@media screen and (max-width: 768px) {
  .canter_over_x_sp .simplebar-track {
    width: calc(100vw - 50px);
    background: #d9d9d9;
    border-radius: 100vw;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .canter_over_x_sp .simplebar-scrollbar:before {
    background: #262626;
    opacity: 1 !important;
  }
}

/**
 * チェッカーボード背景
 */
.bg-chackerboard {
  position: relative;
}
.bg-chackerboard > * {
  position: relative;
}
.bg-chackerboard::before {
  --main-color: #f9f9f9;
  --color: #e3e3e3;
  --margin: 28px;
  --height: calc(var(--margin) * 2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--main-color);
  background-image: repeating-linear-gradient(90deg, var(--color), var(--color) 1px, transparent 1px, transparent calc(var(--margin) + 1px)), repeating-linear-gradient(0deg, var(--color), var(--color) 1px, transparent 1px, transparent calc(var(--margin) + 1px));
  background-size: 100% var(--height);
  background-position: center center;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}

/**
 * キャンターフッター
 */
.canter_footer {
  width: 100%;
  min-width: 1240px;
  display: flex;
  flex-direction: column;
  background: url(/ja/product/canter/common/images/bg_canter_footer_pc.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .canter_footer {
    min-width: unset;
    background: url(/ja/product/canter/common/images/bg_canter_footer_sp.png);
  }
}
.canter_footer-contact {
  --g: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .canter_footer-contact {
    width: 100%;
    padding: 40px 24px;
  }
}
.canter_footer-contact-engagement {
  width: 400px;
  padding-top: 23px;
}
.canter_footer-contact-engagement-ttl {
  padding-left: 20px;
  border-left: 5px solid #fff;
  color: #fff;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: 0.096rem;
}
@media screen and (max-width: 768px) {
  .canter_footer-contact-engagement-ttl {
    font-size: min(2.2rem, 5.866666vw);
  }
}
.canter_footer-contact-engagement-btns {
  --g: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
  margin-top: 24px;
  width: 100%;
}
.canter_footer-contact-engagement-btns-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 13px;
  background-color: #fff;
  border-radius: 6px;
  color: #262626;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.064rem;
  transition: 0.2s all;
}
.canter_footer-contact-engagement-btns-btn:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
@media screen and (min-width: 769px) {
  .canter_footer-contact-engagement-btns-btn:hover {
    color: #E10202;
  }
  .canter_footer-contact-engagement-btns-btn:hover.download::before {
    background: url(/ja/product/canter/common/images/ico_download_r.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .canter_footer-contact-engagement-btns-btn:hover.receive::before {
    background: url(/ja/product/canter/common/images/ico_book_r.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .canter_footer-contact-engagement-btns-btn:hover.search::before {
    background: url(/ja/product/canter/common/images/ico_pin_r.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .canter_footer-contact-engagement-btns-btn:hover {
    color: #262626;
  }
}
@media screen and (min-width: 769px) {
  .canter_footer-contact-engagement-btns-btn[href^="#"]:hover {
    color: #E10202;
  }
}
@media screen and (max-width: 768px) {
  .canter_footer-contact-engagement-btns-btn[href^="#"]:hover {
    color: #262626;
  }
}
.canter_footer-contact-engagement-btns-btn.download::before {
  --w: 16px;
  --h: 16px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-right: 8px;
  background: url(/ja/product/canter/common/images/ico_download_b.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.canter_footer-contact-engagement-btns-btn.receive::before {
  --w: 20px;
  --h: 15px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-right: 8px;
  background: url(/ja/product/canter/common/images/ico_book_b.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.canter_footer-contact-engagement-btns-btn.search::before {
  --w: 15px;
  --h: 18px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-right: 8px;
  background: url(/ja/product/canter/common/images/ico_pin_b.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.canter_footer-contact-cv {
  --g: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
  width: 560px;
}
@media screen and (max-width: 768px) {
  .canter_footer-contact-cv {
    width: 100%;
  }
}
.canter_footer-contact-cv-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: calc((100% - var(--g)) / 2);
  background-color: #E10202;
  border-radius: 6px;
  border: 2px solid #E10202;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
  letter-spacing: 0.072rem;
  transition: 0.2s all;
}
.canter_footer-contact-cv-btn:focus {
  color: #fff;
}
.canter_footer-contact-cv-btn:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
@media screen and (max-width: 768px) {
  .canter_footer-contact-cv-btn {
    height: auto;
    padding: 10px;
  }
}
@media screen and (min-width: 769px) {
  .canter_footer-contact-cv-btn:hover {
    color: #E10202;
    background-color: #fff;
  }
  .canter_footer-contact-cv-btn:hover.mail:before {
    background: url(/ja/product/canter/common/images/ico_mail_r.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .canter_footer-contact-cv-btn:hover.tel:before {
    background: url(/ja/product/canter/common/images/ico_tel_r.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .canter_footer-contact-cv-btn:hover {
    color: #fff;
  }
}
.canter_footer-contact-cv-btn[href^="#"] {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .canter_footer-contact-cv-btn[href^="#"]:hover {
    color: #E10202;
  }
}
@media screen and (max-width: 768px) {
  .canter_footer-contact-cv-btn[href^="#"]:hover {
    color: #fff;
  }
}
.canter_footer-contact-cv-btn span {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.064rem;
}
.canter_footer-contact-cv-btn.mail::before {
  --w: 31px;
  --h: 22px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-bottom: 10px;
  background: url(/ja/product/canter/common/images/ico_mail_w.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.canter_footer-contact-cv-btn.tel::before {
  --w: 22px;
  --h: 32px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-bottom: 10px;
  background: url(/ja/product/canter/common/images/ico_tel_w.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.canter_footer-nav {
  --content-w: 578px;
  width: 100%;
  background-color: #fff;
}
.canter_footer-nav-inner {
  position: relative;
  display: flex;
  justify-content: end;
  width: 1000px;
  margin: 0 auto;
  padding: 26px 22px 52px 0;
}
@media screen and (max-width: 768px) {
  .canter_footer-nav-inner {
    --logo-area: 70px;
    flex-direction: column;
    width: 100%;
    padding: var(--logo-area) 24px 30px;
  }
}
.canter_footer-nav-inner-logo {
  --img-w: 298px;
  --img-h: 30px;
  position: relative;
  width: calc(100% - var(--content-w));
}
@media screen and (max-width: 768px) {
  .canter_footer-nav-inner-logo {
    width: 100%;
  }
}
.canter_footer-nav-inner-logo > a {
  display: block;
  position: absolute;
  top: 26px;
  left: calc(50% - 179px);
  width: var(--img-w);
  height: var(--img-h);
  transition: 0.2s all;
}
@media screen and (min-width: 769px) {
  .canter_footer-nav-inner-logo > a:hover {
    opacity: 0.8;
  }
  .canter_footer-nav-inner-logo > a:focus, .canter_footer-nav-inner-logo > a:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
}
@media screen and (max-width: 768px) {
  .canter_footer-nav-inner-logo > a {
    --img-w: 45vw;
    --img-h: calc(var(--img-w) * 0.1027397260273973);
    top: -10vw;
    left: -3px;
  }
}
.canter_footer-nav-inner-logo > a img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .canter_footer-nav-inner-logo {
    width: var(--logo-area);
  }
}
.canter_footer-nav-inner-list {
  --w: 578px;
  --r-g: 23px;
  --c-g: 47px;
  display: flex;
  -moz-column-gap: var(--c-g);
  column-gap: var(--c-g);
  row-gap: var(--r-g);
  width: var(--content-w);
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .canter_footer-nav-inner-list {
    --c-g: 28px;
    --r-g: 15px;
    width: 100%;
  }
}
.canter_footer-nav-inner-list-item {
  width: calc((100% - var(--c-g) * 2) / 3);
  border-bottom: 1px solid #262626;
}
@media screen and (max-width: 768px) {
  .canter_footer-nav-inner-list-item {
    width: calc((100% - var(--c-g) * 1) / 2);
  }
}
.canter_footer-nav-inner-list-item a {
  color: #262626;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 23.8px */
  transition: 0.2s all;
}
.canter_footer-nav-inner-list-item a:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
@media screen and (min-width: 768px) {
  .canter_footer-nav-inner-list-item a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 768px) {
  .canter_footer-nav-inner-list-item a {
    font-size: 1.3rem;
  }
}

/**
 * ボタン
 */
.canter_nomal_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  padding: 17px 10px;
  background-color: #262626;
  border-radius: 100vw;
  color: #fff;
  border: 2px solid #262626;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
  letter-spacing: 0.064rem;
  transition: 0.2s all;
}
@media screen and (max-width: 768px) {
  .canter_nomal_btn {
    max-width: 286px;
    font-size: 1.4rem;
    padding: 20px 10px;
  }
}
.canter_nomal_btn::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 14px;
  height: 14px;
  background: url(/ja/product/canter/common/images/ico_arrow_w.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .canter_nomal_btn:hover {
    color: #262626;
    background-color: #fff;
  }
  .canter_nomal_btn:hover::after {
    background: url(/ja/product/canter/common/images/ico_arrow_b.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .canter_nomal_btn:hover {
    color: #fff;
  }
}
.canter_nomal_btn[href^="#"] {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .canter_nomal_btn[href^="#"]:hover {
    color: #262626;
  }
}
@media screen and (max-width: 768px) {
  .canter_nomal_btn[href^="#"]:hover {
    color: #fff;
  }
}
.canter_nomal_btn:focus {
  color: #fff;
}
.canter_nomal_btn:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.canter_nomal_btn.large_width {
  width: 410px;
}
@media screen and (max-width: 768px) {
  .canter_nomal_btn.large_width {
    width: 100%;
  }
}

.canter_square_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(600px, 100%);
  height: auto;
  padding: 15px 10px;
  border-radius: 8px;
  border: 1px solid #262626;
  background: #FFF;
  color: #262626;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 27.2px */
  letter-spacing: 0.064rem;
  transition: 0.2s all;
}
@media screen and (max-width: 768px) {
  .canter_square_btn {
    min-height: 46px;
    padding: 8px 10px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 769px) {
  .canter_square_btn:hover {
    background: #fff;
    color: #E10202;
    border: 1px solid #E10202;
  }
}
@media screen and (max-width: 768px) {
  .canter_square_btn:hover {
    background: #FFF;
    color: #262626;
    border: 1px solid #262626;
  }
}
@media screen and (max-width: 768px) {
  .canter_square_btn:focus {
    background: #FFF;
    color: #262626;
    border: 1px solid #262626;
  }
}
@media screen and (min-width: 769px) {
  .canter_square_btn:hover.ico_mail::before {
    background: url(/ja/product/canter/common/images/ico_mail_r.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.canter_square_btn:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.canter_square_btn.red {
  color: #fff;
  border: 2px solid #E10202;
  background: #E10202;
}
@media screen and (min-width: 769px) {
  .canter_square_btn.red:hover {
    background: #fff;
    color: #E10202;
    border: 2px solid #E10202;
  }
}
@media screen and (max-width: 768px) {
  .canter_square_btn.red:hover {
    color: #fff;
  }
}
.canter_square_btn.ico_mail::before {
  --w: 22px;
  --h: 32px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-right: 8px;
  background: url(/ja/product/canter/common/images/ico_mail_w.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .canter_square_btn.ico_mail::before {
    --w: 1em;
    --h: 1em;
  }
}
.canter_square_btn.ico_tel::before {
  --w: 15px;
  --h: 22px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-right: 8px;
  background: url(/ja/product/canter/common/images/ico_tel_w.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .canter_square_btn.ico_tel::before {
    --w: 1em;
    --h: 1em;
  }
}

.canter_long_side_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 600px;
  padding: 28px 20px;
  background-color: #262626;
  border-radius: 100vw;
  color: #fff;
  border: 2px solid #262626;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
  letter-spacing: 16.05%;
  transition: 0.2s all;
}
@media screen and (max-width: 768px) {
  .canter_long_side_btn {
    max-width: none;
    width: 100%;
    padding: 12px 30px;
    font-size: 1.4rem;
  }
}
.canter_long_side_btn::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 14px;
  height: 14px;
  background: url(/ja/product/canter/common/images/ico_arrow_w.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .canter_long_side_btn:hover {
    color: #262626;
    background-color: #fff;
  }
  .canter_long_side_btn:hover::after {
    background: url(/ja/product/canter/common/images/ico_arrow_b.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .canter_long_side_btn:hover {
    color: #fff;
  }
}
.canter_long_side_btn[href^="#"] {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .canter_long_side_btn[href^="#"]:hover {
    color: #262626;
  }
}
@media screen and (max-width: 768px) {
  .canter_long_side_btn[href^="#"]:hover {
    color: #fff;
  }
}
.canter_long_side_btn:focus, .canter_long_side_btn:focus-visible {
  color: #fff;
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.canter_long_side_btn.icon_dl::after {
  width: 20px;
  height: 20px;
  background: url(/ja/product/canter/common/images/ico_download_w.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-2px);
}
.canter_long_side_btn.icon_dl:hover::after {
  background: url(/ja/product/canter/common/images/ico_download_b.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/**
 * フロートスロット
 */
.canter_float_slot {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 10px;
  flex-direction: column;
  z-index: 100;
  width: 100%;
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .canter_float_slot {
    padding-right: unset;
  }
}
.canter_float_slot-item {
  display: flex;
  width: 100%;
}
.canter_float_slot-item.p_left {
  justify-content: flex-start;
}
.canter_float_slot-item.p_right {
  justify-content: flex-end;
}
.canter_float_slot-item.p_center {
  justify-content: center;
}
.canter_float_slot-item:has(.canter_top_remove) {
  position: absolute;
  top: -58px;
  right: 10px;
  width: auto;
}

/**
 * トップへ戻る
 */
.canter_top_remove {
  --s: 50px;
  position: relative;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--s);
  height: var(--s);
  padding: unset;
  border-radius: 100vw;
  background-color: #272727;
  border: unset;
  opacity: 1;
  transition: 0.2s all;
}
.canter_top_remove:hover, .canter_top_remove:focus {
  background: #272727 !important;
  border-color: #272727 !important;
}
.canter_top_remove:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.canter_top_remove::before {
  --s: 9px;
  content: "";
  position: relative;
  top: calc(var(--s) * 0.25);
  display: block;
  width: var(--s);
  height: var(--s);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(225deg);
}
.canter_top_remove.on-kv {
  opacity: 0;
}

.wcc-revisit-bottom-left {
  opacity: 1;
  transition: 0.2s all;
}

body.on-kv .canter_top_remove {
  opacity: 0;
}
body.on-kv .wcc-revisit-bottom-left {
  opacity: 0;
}

/**
 * モーダル関連スタイル
 */
.canter_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}
.canter_modal.is-active {
  display: block;
}

.canter_modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  cursor: pointer;
  animation: fadeIn 0.3s ease;
}

.canter_modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  transform: translate(-50%, -50%);
  z-index: 10001;
  width: 490px;
  max-width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  animation: modalSlideIn 0.3s ease;
}
@media screen and (min-width: 769px) {
  .canter_modal-content {
    max-width: 600px;
  }
}
.canter_modal-content:focus {
  outline: none;
}
.canter_modal-content::-webkit-scrollbar {
  width: 8px;
}
.canter_modal-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.canter_modal-content::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
@media screen and (min-width: 769px) {
  .canter_modal-content::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}

.canter_modal-close {
  --s: 14px;
  display: inline-block;
  width: var(--s);
  height: var(--s);
  background-color: transparent;
  border: none;
  margin-right: 17px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s all;
}
@media screen and (max-width: 768px) {
  .canter_modal-close {
    --s: 1em;
  }
}
@media screen and (min-width: 769px) {
  .canter_modal-close:hover {
    opacity: 0.7;
  }
}
.canter_modal-close:focus {
  outline: 2px solid #E10202;
  outline-offset: 2px;
}
.canter_modal-close::before, .canter_modal-close::after {
  content: "";
  position: absolute;
  width: var(--s);
  height: 2px;
  background-color: #262626;
}
.canter_modal-close::before {
  transform: rotate(45deg);
}
.canter_modal-close::after {
  transform: rotate(-45deg);
}

@media screen and (min-width: 769px) {
  *:hover > .canter_modal-close::before, *:hover > .canter_modal-close::after {
    background-color: #E10202;
  }
}

.canter_modal-inner {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  padding: 60px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
  .canter_modal-inner {
    padding: 50px 24px 32px;
    border-radius: 4px;
  }
}

.canter_modal-inner-ttl {
  color: #262626;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.096rem;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .canter_modal-inner-ttl {
    font-size: 1.8rem;
    letter-spacing: 0.072rem;
    margin-bottom: 20px;
  }
}

.canter_modal-inner-txt {
  color: #262626;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .canter_modal-inner-txt {
    font-size: 1.4rem;
    margin-bottom: 16px;
  }
}
.canter_modal-inner-txt:last-child {
  margin-bottom: 0;
}

.canter_modal-inner-phone-number {
  color: #E10202;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.128rem;
  margin: 32px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .canter_modal-inner-phone-number {
    font-size: 2.4rem;
    letter-spacing: 0.096rem;
    margin: 24px 0;
  }
}
.canter_modal-inner-phone-number a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 769px) {
  .canter_modal-inner-phone-number a:hover {
    opacity: 0.8;
  }
}
.canter_modal-inner-phone-number a:focus {
  outline: 2px solid #E10202;
  outline-offset: 4px;
}

.canter_modal-inner-note {
  color: #666;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e5e5e5;
}
@media screen and (max-width: 768px) {
  .canter_modal-inner-note {
    font-size: 1.2rem;
    margin-top: 20px;
    padding-top: 20px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
/**
 * お問い合わせアコーディオン
 */
.canter_contact_accordion {
  border: 2px solid #E10202;
  border-radius: 8px;
}
.canter_contact_accordion-head {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(600px, 100%);
  height: auto;
  padding: 15px 10px;
  border-radius: 6px;
  background: #E10202;
  border: 2px solid #E10202;
  color: #fff;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: 0.064rem;
}
.canter_contact_accordion-head:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
@media screen and (max-width: 768px) {
  .canter_contact_accordion-head {
    min-height: 46px;
    padding: 8px 10px;
    font-size: 1.4rem;
  }
}
.canter_contact_accordion-head.is-active {
  border-radius: 6px 6px 0 0;
}
.canter_contact_accordion-head:focus {
  color: #fff;
  background: #E10202;
  border: none;
}
@media screen and (min-width: 769px) {
  .canter_contact_accordion-head:hover {
    color: #E10202;
    background: #fff;
  }
  .canter_contact_accordion-head:hover::before {
    background: url(/ja/product/canter/common/images/ico_tel_r.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .canter_contact_accordion-head:hover {
    color: #fff;
  }
}
.canter_contact_accordion-head::before {
  --w: 15px;
  --h: 22px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-right: 8px;
  background: url(/ja/product/canter/common/images/ico_tel_w.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .canter_contact_accordion-head::before {
    --w: 1em;
    --h: 1em;
  }
}
.canter_contact_accordion-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 278px;
}
.canter_contact_accordion-content img {
  width: 138px;
}

/**
 * Tabセクションのスタイル
 */
.canter_tab_sec {
  width: 100%;
}
.canter_tab_sec-tab_area {
  width: min(1000px, 100%);
  margin: 0 auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .canter_tab_sec-tab_area {
    padding: 0 25px 0 25px;
  }
}
.canter_tab_sec-tab_area.top {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .canter_tab_sec-tab_area.top {
    margin-bottom: 19px;
  }
}
.canter_tab_sec-tab_area.bottom {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .canter_tab_sec-tab_area.bottom {
    margin-top: 19px;
  }
}
.canter_tab_sec-tab_area.bottom .canter_tab_sec-tab_area-list-item button::after {
  bottom: unset;
  top: calc(var(--w) * -1);
  transform: rotate(180deg);
}
.canter_tab_sec-tab_area-list {
  --g-c: 32px;
  width: 100%;
  display: flex;
  gap: var(--g-c);
  list-style: none;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .canter_tab_sec-tab_area-list {
    --g-c: 10px;
  }
}
.canter_tab_sec-tab_area-list-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - var(--g-c) * 2) / 3);
}
.canter_tab_sec-tab_area-list-item button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 33px 10px;
  background: none;
  border: none;
  border-radius: 10px;
  color: #fff;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 24px */
  letter-spacing: 0.096rem;
  transition: 0.2s all;
}
@media screen and (max-width: 768px) {
  .canter_tab_sec-tab_area-list-item button {
    padding: 17px 10px;
    font-size: 1.5rem;
    line-height: 120%;
    border-radius: 8px;
  }
}
.canter_tab_sec-tab_area-list-item button::after {
  --w: 15px;
  --h: 14px;
  position: absolute;
  bottom: calc(var(--w) * -1);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: var(--h) solid transparent;
  border-left: var(--h) solid transparent;
  border-top: var(--w) solid #4AB8DC;
  border-bottom: 0;
}
@media screen and (max-width: 768px) {
  .canter_tab_sec-tab_area-list-item button::after {
    --w: 10px;
    --h: 9px;
  }
}
.canter_tab_sec-tab_area-list-item button:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.canter_tab_sec-tab_area-list-item button.blue {
  background: #4AB8DC;
}
.canter_tab_sec-tab_area-list-item button.blue::after {
  border-top-color: #4AB8DC;
}
.canter_tab_sec-tab_area-list-item button.orange {
  background: #FB872D;
}
.canter_tab_sec-tab_area-list-item button.orange::after {
  border-top-color: #FB872D;
}
.canter_tab_sec-tab_area-list-item button.green {
  background: #39B793;
}
.canter_tab_sec-tab_area-list-item button.green::after {
  border-top-color: #39B793;
}
@media screen and (min-width: 769px) {
  .canter_tab_sec-tab_area-list-item button:hover {
    color: #fff;
    opacity: 0.8;
  }
}
@media screen and (max-width: 768px) {
  .canter_tab_sec-tab_area-list-item button:hover {
    color: #fff;
  }
}
.canter_tab_sec-content_area {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.canter_tab_sec-content_area-inner {
  position: relative;
  display: flex;
  width: 300%;
  transition: 0.4s all;
}
.canter_tab_sec-content_area-inner:has(.canter_tab_sec-content_area-inner-content:nth-child(1).is-active) {
  left: 0;
}
.canter_tab_sec-content_area-inner:has(.canter_tab_sec-content_area-inner-content:nth-child(2).is-active) {
  left: -100%;
}
.canter_tab_sec-content_area-inner:has(.canter_tab_sec-content_area-inner-content:nth-child(3).is-active) {
  left: -200%;
}
.canter_tab_sec-content_area-inner:has(.canter_tab_sec-content_area-inner-content:nth-child(4).is-active) {
  left: -300%;
}
.canter_tab_sec-content_area-inner:has(.canter_tab_sec-content_area-inner-content:nth-child(5).is-active) {
  left: -400%;
}
.canter_tab_sec-content_area-inner-content {
  position: relative;
  top: 0;
  width: 33.33333%;
  height: 0;
  opacity: 1;
  transition: 0.2s all;
  font-size: 3rem;
  color: #fff;
  opacity: 0;
}
.canter_tab_sec-content_area-inner-content:nth-child(1) {
  border-top: 10px solid #4AB8DC;
  border-bottom: 10px solid #4AB8DC;
}
@media screen and (max-width: 768px) {
  .canter_tab_sec-content_area-inner-content:nth-child(1) {
    border-top: 6px solid #4AB8DC;
    border-bottom: 6px solid #4AB8DC;
  }
}
.canter_tab_sec-content_area-inner-content:nth-child(2) {
  border-top: 10px solid #FB872D;
  border-bottom: 10px solid #FB872D;
}
@media screen and (max-width: 768px) {
  .canter_tab_sec-content_area-inner-content:nth-child(2) {
    border-top: 6px solid #FB872D;
    border-bottom: 6px solid #FB872D;
  }
}
.canter_tab_sec-content_area-inner-content:nth-child(3) {
  border-top: 10px solid #39B793;
  border-bottom: 10px solid #39B793;
}
@media screen and (max-width: 768px) {
  .canter_tab_sec-content_area-inner-content:nth-child(3) {
    border-top: 6px solid #39B793;
    border-bottom: 6px solid #39B793;
  }
}
.canter_tab_sec-content_area-inner-content.is-active {
  height: auto;
  opacity: 1;
}

html:has(.canter_tab_sec-tab_area-list-item:nth-child(1) button.is-active) .canter_tab_sec-tab_area-list-item:nth-child(1) button::after {
  content: "";
}
html:has(.canter_tab_sec-tab_area-list-item:nth-child(2) button.is-active) .canter_tab_sec-tab_area-list-item:nth-child(2) button::after {
  content: "";
}
html:has(.canter_tab_sec-tab_area-list-item:nth-child(3) button.is-active) .canter_tab_sec-tab_area-list-item:nth-child(3) button::after {
  content: "";
}

.canter_tab_sec-tab_area-list-item button {
  color: #262626;
}
.canter_tab_sec-tab_area-list-item button:hover {
  color: #262626;
}
.canter_tab_sec-tab_area-list-item button.is-active {
  color: #fff;
}
.canter_tab_sec-tab_area-list-item button.blue {
  border: 4px solid #06c2ff;
  background: #fff;
}
.canter_tab_sec-tab_area-list-item button.blue::after {
  border-top-color: #06c2ff;
}
.canter_tab_sec-tab_area-list-item button.blue.is-active {
  background: #06c2ff;
}
.canter_tab_sec-tab_area-list-item button.orange {
  border: 4px solid #ff7206;
  background: #fff;
}
.canter_tab_sec-tab_area-list-item button.orange::after {
  border-top-color: #ff7206;
}
.canter_tab_sec-tab_area-list-item button.orange.is-active {
  background: #ff7206;
}
.canter_tab_sec-tab_area-list-item button.green {
  border: 4px solid #12bc8b;
  background: #fff;
}
.canter_tab_sec-tab_area-list-item button.green::after {
  border-top-color: #12bc8b;
}
.canter_tab_sec-tab_area-list-item button.green.is-active {
  background: #12bc8b;
}

html:has(.canter_tab_sec-tab_area-list-item:nth-child(1) button.is-active) .canter_tab_sec-tab_area-list-item:nth-child(1) button.blue {
  background: #06c2ff;
  color: #fff;
}

html:has(.canter_tab_sec-tab_area-list-item:nth-child(2) button.is-active) .canter_tab_sec-tab_area-list-item:nth-child(2) button.orange {
  background: #ff7206;
  color: #fff;
}

html:has(.canter_tab_sec-tab_area-list-item:nth-child(3) button.is-active) .canter_tab_sec-tab_area-list-item:nth-child(3) button.green {
  background: #12bc8b;
  color: #fff;
}

/**
 * フロートCVエリア
 */
.canter_float_cv_area {
  --gap: 20px;
  --padding: 20px;
  position: relative;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gap);
  width: 100%;
  padding: var(--padding);
  background: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area {
    --gap: 12px;
    padding: 12px;
  }
}
.canter_float_cv_area-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 70px;
  padding: 20px 18px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: #000;
  border-radius: 8px;
  box-shadow: 0 -4px 0 0 #000 inset;
  transition: 0.2s all;
}
.canter_float_cv_area-btn[href^="#"] {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .canter_float_cv_area-btn[href^="#"]:hover {
    color: #E10202;
  }
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area-btn[href^="#"]:hover {
    color: #fff;
  }
}
.canter_float_cv_area-btn:focus, .canter_float_cv_area-btn:focus-visible {
  color: #fff;
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area-btn {
    flex-direction: column;
    width: calc((100% - var(--gap) * 2 + var(--padding) * 2) / 3);
    height: auto;
    font-size: 1.3rem;
    flex-shrink: unset;
    flex-grow: 1;
    height: 100%;
    padding: 6px 6px;
  }
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area-btn span {
    font-size: 0.8rem;
  }
}
.canter_float_cv_area-btn.red {
  background-color: #E10202;
  box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.25) inset;
}
.canter_float_cv_area-btn.icon-catalog::before {
  --w: 20px;
  --h: 15px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-right: 8px;
  background: url(/ja/product/canter/common/images/ico_book_w.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area-btn.icon-catalog::before {
    content: none;
  }
}
.canter_float_cv_area-btn.icon-shop::before {
  --w: 15px;
  --h: 18px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-right: 8px;
  background: url(/ja/product/canter/common/images/ico_pin_w.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area-btn.icon-shop::before {
    content: none;
  }
}
.canter_float_cv_area-btn.icon-contact::before {
  --w: 24px;
  --h: 18px;
  content: "";
  display: inline-block;
  width: var(--w);
  height: var(--h);
  margin-right: 8px;
  background: url(/ja/product/canter/common/images/ico_mail_w.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area-btn.icon-contact::before {
    content: none;
  }
}
@media screen and (min-width: 769px) {
  .canter_float_cv_area-btn:hover {
    color: #E10202;
    background-color: #fff;
    box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.25) inset;
  }
  .canter_float_cv_area-btn:hover.icon-catalog::before {
    background: url(/ja/product/canter/common/images/ico_book_r.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .canter_float_cv_area-btn:hover.icon-shop::before {
    background: url(/ja/product/canter/common/images/ico_pin_r.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .canter_float_cv_area-btn:hover.icon-contact::before {
    background: url(/ja/product/canter/common/images/ico_mail_r.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area-btn:hover {
    color: #fff;
  }
}
.canter_float_cv_area-open {
  --w: 240px;
  --h: 36px;
  position: absolute;
  top: calc(var(--h) * -1);
  left: calc(50% - var(--w) / 2);
  display: none;
  justify-content: center;
  align-items: center;
  width: min(var(--w), 30%);
  height: var(--h);
  padding: unset;
  border: unset;
  border-radius: 12px 12px 0 0;
  background-color: #E10202;
  transition: 0.2s all;
}
.canter_float_cv_area-open:focus-visible, .canter_float_cv_area-open:focus {
  background-color: #E10202;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area-open {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .canter_float_cv_area-open:hover, .canter_float_cv_area-open:focus-visible {
    background-color: #E10202;
    opacity: 0.8;
  }
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area-open:hover, .canter_float_cv_area-open:focus-visible {
    color: #fff;
  }
}
.canter_float_cv_area-open:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.canter_float_cv_area-open::before {
  --s: 12px;
  content: "";
  position: relative;
  top: 11%;
  transform: rotate(-135deg);
  width: var(--s);
  height: var(--s);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.canter_float_cv_area-close {
  --s: 32px;
  position: relative;
  width: var(--s);
  height: var(--s);
  position: absolute;
  top: calc(50% - var(--s) / 2);
  left: calc(50% - var(--s) / 2 + 536px);
  padding: unset;
  border: unset;
  border-radius: 100vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .canter_float_cv_area-close {
    display: none;
  }
}
.canter_float_cv_area-close::before, .canter_float_cv_area-close::after {
  --icon-s: calc( var(--s) * 0.5 );
  content: "";
  position: absolute;
  left: calc(50% - var(--icon-s) / 2);
  width: var(--icon-s);
  height: 2px;
  background-color: #262626;
}
.canter_float_cv_area-close::before {
  transform: rotate(45deg);
}
.canter_float_cv_area-close::after {
  transform: rotate(-45deg);
}
.canter_float_cv_area-close:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.is-not-expand .canter_float_cv_area-open {
  display: flex;
}

.canter_float_slot:has(.canter_float_cv_area) {
  transform: translateY(var(--canter-float-cv-height));
  transition: 0.2s all;
}
.canter_float_slot:has(.canter_float_cv_area).is-show {
  transform: translateY(0);
}

.canter_float_slot.is-show.is-not-expand:has(.canter_float_cv_area) {
  transform: translateY(var(--canter-float-cv-height));
}
@media screen and (max-width: 768px) {
  .canter_float_slot.is-show.is-not-expand:has(.canter_float_cv_area) {
    transform: translateY(0);
  }
}

.white_background .canter_accordion-head button {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}
@media screen and (max-width: 768px) {
  .white_background .canter_accordion-head button {
    font-size: 1.3rem;
  }
}
.white_background .canter_accordion-body_inner {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
@media screen and (max-width: 768px) {
  .white_background .canter_accordion-body_inner {
    padding-right: 10px;
    font-size: 1.3rem;
  }
}
.white_background .canter_accordion-head button::after {
  --s: 8px;
  right: 0;
  top: calc(50% - var(--s) / 2 - 6px);
}
@media screen and (max-width: 768px) {
  .white_background .canter_accordion-head button::before {
    --s: 20px;
    top: 4px;
  }
}

.js-hamb__btn {
  cursor: pointer;
}

/**
 * over write
 */
.header {
  min-width: 1240px;
  z-index: 1000;
}
@media screen and (max-width: 768px) {
  .header {
    min-width: none;
  }
}

.footer {
  background: #191919;
  padding-bottom: var(--canter-float-cv-height);
}

.fa-chevron-down.rotate-180 {
  transform: rotate(180deg);
}

.footer__bottom__archion {
  background: #fff;
}

html body .wcc-modal,
html body .wcc-btn-revisit-wrapper,
html body .wcc-overlay,
html body .wcc-consent-container {
  opacity: 0;
  left: -100vw;
}

.wcc-btn-revisit-wrapper {
  z-index: 1000 !important;
}

@media screen and (max-width: 768px) {
  .wcc-modal-open {
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .wcc-preference-center {
    width: 100% !important;
  }
}

.wcc-shrink {
  display: none;
}

html:has(.header__search.visible) .header {
  min-width: auto;
  left: 0 !important;
}

html .wcc-revisit-bottom-left {
  bottom: 10px !important;
  transition: 0.2s all;
}
html:has(.canter_float_slot.is-show) .wcc-revisit-bottom-left {
  bottom: calc(var(--canter-float-cv-height) + 10px) !important;
}/*# sourceMappingURL=canter-common.css.map */