@charset "UTF-8";
@import 'https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@700&family=Noto+Serif+JP:wght@500;600&display=swap';
header,
header *,
header *::before,
header *::after,
main,
main *,
main *::before,
main *::after {
  box-sizing: border-box;
}
main {
  color: #231815;
}
@media screen and (width <= 1024px) {
  main {
    padding-top: 62px;
  }
}
@media screen and (width < 390px) {
  main {
    padding-top: 56px;
  }
}
@media screen and (width > 1024px) {
  main {
    padding-top: 68px;
  }
}
header a,
main a {
  color: #231815;
}
header img,
main img {
  height: auto;
  vertical-align: bottom;
}
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 1000;
}
.l-header-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (width <= 1024px) {
  .l-header-inner {
    height: 61px;
    padding: 0 18px;
  }
}
@media screen and (width < 390px) {
  .l-header-inner {
    height: 55px;
    padding: 0 16px;
  }
}
@media screen and (width > 1024px) {
  .l-header-inner {
    max-width: 1280px;
    height: 67px;
    padding: 0 0 0 24px;
    margin: 0 auto;
  }
}
.l-header-logo {
  display: block;
  line-height: 1;
}
@media screen and (width <= 1024px) {
  .l-header-logo {
    width: 79px;
  }
}
@media screen and (width < 390px) {
  .l-header-logo {
    width: 71px;
  }
}
@media screen and (width > 1024px) {
  .l-header-logo {
    width: 89px;
  }
}
.l-header-logo img {
  width: 100%;
}
@media screen and (width <= 1024px) {
  .l-header-menu-trigger {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }
  .l-header-menu-trigger::before, .l-header-menu-trigger::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 32px;
    height: 1px;
    background: #444;
    transition: 0.3s;
  }
  .l-header-menu-trigger::before {
    top: 14px;
  }
  .l-header-menu-trigger::after {
    top: 25px;
  }
  .l-header-menu-trigger.is-open::before {
    top: 50%;
    transform: translateX(-50%) rotate(135deg);
  }
  .l-header-menu-trigger.is-open::after {
    top: 50%;
    transform: translateX(-50%) rotate(-135deg);
  }
}
@media screen and (width < 390px) {
  .l-header-menu-trigger {
    width: 36px;
    height: 36px;
  }
  .l-header-menu-trigger::before, .l-header-menu-trigger::after {
    width: 29px;
  }
  .l-header-menu-trigger::before {
    top: 13px;
  }
  .l-header-menu-trigger::after {
    top: 23px;
  }
}
@media screen and (width > 1024px) {
  .l-header-menu-trigger {
    display: none;
  }
}
@media screen and (width <= 1024px) {
  .l-header-nav {
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .l-header-nav::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 62px);
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: -2;
  }
  .l-header-nav.is-open {
    opacity: 1;
    visibility: visible;
  }
  .l-header-nav.is-open::before {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (width < 390px) {
  .l-header-nav {
    top: 56px;
  }
  .l-header-nav::before {
    height: calc(100vh - 56px);
  }
}
@media screen and (width <= 1024px) {
  .l-header-nav-list {
    display: block;
  }
}
@media screen and (width > 1024px) {
  .l-header-nav-list {
    display: flex;
  }
}
.l-header-nav-item {
  display: block;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 1;
}
@media screen and (width <= 1024px) {
  .l-header-nav-item {
    font-size: 18px;
    background: #fff;
    border-bottom: 1px solid #ccc;
  }
}
@media screen and (width < 390px) {
  .l-header-nav-item {
    font-size: 16px;
  }
}
@media screen and (width > 1024px) {
  .l-header-nav-item {
    font-size: 14px;
  }
}
.l-header-nav-item a {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: 0.3s;
}
@media screen and (width <= 1024px) {
  .l-header-nav-item a {
    height: 73px;
    padding: 0 20px;
  }
  .l-header-nav-item a[target=_blank]::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/canaeru/assets/img/elm_link_blank_black.svg) no-repeat right center/17px 17px;
    margin: 3px 0 0 10px;
  }
  .l-header-nav-item a[target=_blank]:hover::after {
    background: url(/canaeru/assets/img/elm_link_blank_white.svg) no-repeat right center/17px 17px;
  }
}
@media screen and (width < 390px) {
  .l-header-nav-item a {
    height: 66px;
    padding: 0 18px;
  }
  .l-header-nav-item a[target=_blank]::after {
    width: 15px;
    height: 15px;
    background: url(/canaeru/assets/img/elm_link_blank_black.svg) no-repeat right center/15px 15px;
    margin: 3px 0 0 9px;
  }
  .l-header-nav-item a[target=_blank]:hover::after {
    background: url(/canaeru/assets/img/elm_link_blank_white.svg) no-repeat right center/15px 15px;
  }
}
@media screen and (width > 1024px) {
  .l-header-nav-item a {
    height: 67px;
    padding: 0 16px;
  }
  .l-header-nav-item a[target=_blank] {
    padding-right: 32px;
    background: url(/canaeru/assets/img/elm_link_blank_black.svg) no-repeat right 12px center/17px 17px;
  }
  .l-header-nav-item a[target=_blank]:hover {
    background: #231815 url(/canaeru/assets/img/elm_link_blank_white.svg) no-repeat right 12px center/17px 17px;
  }
}
.l-header-nav-item a:hover {
  color: #fff;
  background: #231815;
}
.l-container {
  width: 100%;
}
@media screen and (width >= 768px) {
  .l-container {
    max-width: 1280px;
    margin: 0 auto;
  }
}
.l-container-2 {
  max-width: 1080px;
  margin-inline: 20px;
}
@media screen and (width >= 768px) {
  .l-container-2 {
    margin-inline: auto;
  }
}
@media screen and (width <= 1279px) {
  .l-container-2 {
    width: calc(100% - 9.376vw);
  }
}
.c-button-2, .c-button-1 {
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 4.103cqi;
  line-height: 1.4;
  border-bottom: 1px solid #231815;
  margin-left: auto;
  margin-right: auto;
  transition: 0.3s;
}
@media screen and (width >= 768px) {
  .c-button-2, .c-button-1 {
    font-size: min(1.25cqi, 16px);
  }
}
@media screen and (width >= 768px) {
  .c-button-2:hover, .c-button-1:hover {
    background: rgba(68, 68, 68, 0.08);
  }
}
.c-button-1 {
  width: 100%;
  height: 13.846cqi;
  padding: 0 14.359cqi 0 4.103cqi;
}
@media screen and (width >= 768px) {
  .c-button-1 {
    width: min(26.563cqi, 340px);
    height: min(4.219cqi, 54px);
    padding: 0 min(4.218cqi, 54px) 0 min(1.25cqi, 16px);
  }
}
.c-button-1::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 4.103cqi;
  transform: translateY(-50%);
  background: #231815;
  border-radius: 2.564cqi;
  width: 9.231cqi;
  height: 5.128cqi;
}
@media screen and (width >= 768px) {
  .c-button-1::before {
    right: min(1.25cqi, 16px);
    width: min(2.813cqi, 36px);
    height: min(1.563cqi, 20px);
  }
}
.c-button-1::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4.103cqi;
  transform: translateY(-50%);
  background: url(/canaeru/assets/img/elm_arrow_1.svg) repeat-x;
  background-size: 9.231cqi 5.128cqi;
  width: 9.231cqi;
  height: 5.128cqi;
}
@media screen and (width >= 768px) {
  .c-button-1::after {
    right: min(1.25cqi, 16px);
    width: min(2.813cqi, 36px);
    height: min(1.563cqi, 20px);
    background-size: min(2.813cqi, 36px) min(1.563cqi, 20px);
    transition: 0.3s;
  }
}
@media screen and (width >= 768px) {
  .c-button-1:hover::after {
    background-position-x: min(2.813cqi, 36px);
  }
}
.c-button-2 {
  width: 76.923cqi;
  height: 17.436cqi;
  padding: 0 14.359cqi 0 6.154cqi;
}
@media screen and (width >= 768px) {
  .c-button-2 {
    width: min(23.438cqi, 300px);
    height: min(5.313cqi, 68px);
    padding: 0 min(4.218cqi, 54px) 0 min(1.875cqi, 24px);
  }
}
.c-button-2::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 4.103cqi;
  transform: translateY(-50%);
  background: #231815;
  border-radius: 2.564cqi;
  width: 9.231cqi;
  height: 5.128cqi;
}
@media screen and (width >= 768px) {
  .c-button-2::before {
    right: min(1.25cqi, 16px);
    width: min(2.813cqi, 36px);
    height: min(1.563cqi, 20px);
  }
}
.c-button-2::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4.103cqi;
  transform: translateY(-50%);
  background: url(/canaeru/assets/img/elm_arrow_2.svg) repeat-y;
  background-size: 9.231cqi 5.128cqi;
  width: 9.231cqi;
  height: 5.128cqi;
}
@media screen and (width >= 768px) {
  .c-button-2::after {
    right: min(1.25cqi, 16px);
    width: min(2.813cqi, 36px);
    height: min(1.563cqi, 20px);
    background-size: min(2.813cqi, 36px) min(1.563cqi, 20px);
    transition: 0.3s;
  }
}
@media screen and (width >= 768px) {
  .c-button-2:hover::after {
    background-position-y: min(1.563cqi, 20px);
  }
}
.c-button-coming-soon {
  position: relative;
  display: block;
  padding-top: 9.231cqi;
}
@media screen and (width >= 768px) {
  .c-button-coming-soon {
    padding-top: min(2.813cqi, 36px);
  }
}
.c-button-coming-soon .c-button-coming-soon-text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Noto Sans JP", sans-serif;
  color: #f00;
  font-weight: normal;
  font-size: 4.103cqi;
  line-height: 1.5;
  white-space: nowrap;
}
@media screen and (width >= 768px) {
  .c-button-coming-soon .c-button-coming-soon-text {
    font-size: min(1.25cqi, 16px);
  }
}
.c-button-coming-soon .c-button-coming-soon-text::before, .c-button-coming-soon .c-button-coming-soon-text::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url(/canaeru/assets/img/elm_oblique_1.svg) no-repeat center center/contain;
  width: 3.333cqi;
  height: 4.872cqi;
}
@media screen and (width >= 768px) {
  .c-button-coming-soon .c-button-coming-soon-text::before, .c-button-coming-soon .c-button-coming-soon-text::after {
    width: min(1.016cqi, 13px);
    height: min(1.484cqi, 19px);
  }
}
.c-button-coming-soon .c-button-coming-soon-text::before {
  left: -5.897cqi;
}
@media screen and (width >= 768px) {
  .c-button-coming-soon .c-button-coming-soon-text::before {
    left: min(-1.797cqi, -23px);
  }
}
.c-button-coming-soon .c-button-coming-soon-text::after {
  right: -5.897cqi;
  transform: translateY(-50%) scaleX(-1);
}
@media screen and (width >= 768px) {
  .c-button-coming-soon .c-button-coming-soon-text::after {
    right: min(-1.797cqi, -23px);
  }
}
.c-button-coming-soon .c-button-1 {
  background: #e6e4e0 !important;
  color: #999;
  border-bottom: 1px solid rgba(35, 24, 21, 0.5);
  pointer-events: none;
}
.c-button-coming-soon .c-button-1::before {
  background: #bebebe;
}
.c-button-coming-soon .c-button-1::after {
  background-position-x: 0 !important;
}
.c-heading-2, .c-heading-1 {
  position: relative;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
.c-heading-1 {
  font-size: 9.744cqi;
}
@media screen and (width >= 768px) {
  .c-heading-1 {
    font-size: min(3.75cqi, 48px);
  }
}
.c-heading-2 {
  font-size: 9.744cqi;
}
@media screen and (width >= 768px) {
  .c-heading-2 {
    font-size: min(4.375cqi, 56px);
  }
}
.c-heading-sub {
  position: relative;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 4.103cqi;
  line-height: 2;
  text-align: center;
  padding-top: 4.615cqi;
}
@media screen and (width >= 768px) {
  .c-heading-sub {
    font-size: min(1.25cqi, 16px);
    padding-top: min(1.407cqi, 18px);
  }
}
.c-heading-sub::before {
  content: "";
  position: absolute;
  top: 2.051cqi;
  left: 50%;
  transform: translateX(-50%);
  width: 11.795cqi;
  height: 0.513cqi;
  background-color: #3f939f;
}
@media screen and (width >= 768px) {
  .c-heading-sub::before {
    top: min(0.625cqi, 8px);
    width: min(3.594cqi, 46px);
    height: min(0.157cqi, 2px);
  }
}
.c-heading-sub--serif {
  font-family: "Noto Serif JP", serif;
}
@keyframes carousel-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.c-carousel {
  width: 100%;
  overflow: hidden;
}
.c-carousel .swiper-wrapper {
  display: flex;
  align-items: stretch;
  width: -moz-fit-content;
  width: fit-content;
}
@media (width >= 1920px) {
  .c-carousel--static .swiper-wrapper {
    width: 100%;
    justify-content: space-between;
  }
  .c-carousel--static .c-carousel__item {
    width: auto;
    flex: 1;
    max-width: none;
  }
  .c-carousel--static .c-carousel__item img {
    width: 100%;
  }
}
.c-carousel__item {
  width: 30.769cqi;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.c-carousel__item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media screen and (width >= 768px) {
  .c-carousel__item {
    width: min(18.75cqi, 240px);
  }
}
.c-lead {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 3.59cqi;
  line-height: 2;
  text-align: center;
}
@media screen and (width >= 768px) {
  .c-lead {
    font-size: min(1.25cqi, 16px);
  }
}
/* topページの背景用 */
.p-top-bg {
  background: url(/canaeru/assets/img/elm_bg_1.webp) no-repeat -24cqi -17.5cqi/50.256cqi 46.154cqi, url(/canaeru/assets/img/elm_bg_2.webp) no-repeat 81cqi 131cqi/28.974cqi 24.359cqi, url(/canaeru/assets/img/elm_bg_1.webp) no-repeat -27cqi 353cqi/50.256cqi 46.154cqi, url(/canaeru/assets/img/elm_bg_2.webp) no-repeat 89cqi 355cqi/28.974cqi 24.615cqi;
  padding-top: 25.642cqi;
}
@media screen and (width >= 768px) {
  .p-top-bg {
    background: url(/canaeru/assets/img/elm_bg_3.webp) no-repeat calc(50% - min(44.922cqi, 575px)) max(-17.188cqi, -220px)/min(34.653cqi, 443.538px) min(35.093cqi, 449.19px), url(/canaeru/assets/img/elm_bg_2.webp) no-repeat calc(50% + min(45.313cqi, 580px)) min(35.938cqi, 460px)/min(25.235cqi, 323px) min(21.329cqi, 273px), url(/canaeru/assets/img/elm_bg_2.webp) no-repeat calc(50% + min(48.829cqi, 625px)) min(106.719cqi, 1366px)/min(24.61cqi, 315px) min(20.959cqi, 268.271px), url(/canaeru/assets/img/elm_bg_1.webp) no-repeat calc(50% - min(45.782cqi, 586px)) min(150.391cqi, 1925px)/min(124.61cqi, 392px) min(120.959cqi, 359px);
    padding-top: min(7.813cqi, 100px);
  }
}
/* SPコンテナ 100%
 pcコンテナ 1280px */
.p-about-catchcopy--small, .p-about-catchcopy {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
@media screen and (width >= 768px) {
  .p-about-catchcopy--small, .p-about-catchcopy {
    line-height: 1.8;
  }
}
.p-about-catchcopy--small span, .p-about-catchcopy span {
  position: relative;
  display: inline-block;
}
.p-about-catchcopy--small span::before, .p-about-catchcopy span::before, .p-about-catchcopy--small span::after, .p-about-catchcopy span::after {
  content: "";
  position: absolute;
  display: block;
  width: 9.744cqi;
  height: 9.744cqi;
  background: url(/canaeru/assets/img/elm_paren1.svg) no-repeat center center/contain;
}
@media screen and (width >= 768px) {
  .p-about-catchcopy--small span::before, .p-about-catchcopy span::before, .p-about-catchcopy--small span::after, .p-about-catchcopy span::after {
    width: min(2.969cqi, 38px);
    height: min(2.969cqi, 38px);
  }
}
.p-about-catchcopy--small span::after, .p-about-catchcopy span::after {
  transform: rotate(180deg);
}
.p-about-catchcopy {
  font-size: 6.667cqi;
  padding: 4.616cqi 0;
}
@media screen and (width >= 768px) {
  .p-about-catchcopy {
    font-size: min(2.5cqi, 32px);
    padding: min(2.188cqi, 28px) 0;
  }
}
.p-about-catchcopy span::before {
  top: -4.616cqi;
  left: -13.077cqi;
}
@media screen and (width >= 768px) {
  .p-about-catchcopy span::before {
    top: max(-2.188cqi, -28px);
    left: max(-4.844cqi, -62px);
  }
}
.p-about-catchcopy span::after {
  bottom: -4.616cqi;
  right: -13.077cqi;
}
@media screen and (width >= 768px) {
  .p-about-catchcopy span::after {
    bottom: max(-2.188cqi, -28px);
    right: max(-4.844cqi, -62px);
  }
}
.p-about-catchcopy--small {
  font-size: 5.642cqi;
  padding: 5.642cqi 0;
  margin-top: 16.41cqi;
}
@media screen and (width >= 768px) {
  .p-about-catchcopy--small {
    font-size: min(1.875cqi, 24px);
    padding: min(2.11cqi, 27px) 0;
    margin-top: min(6.25cqi, 80px);
  }
}
.p-about-catchcopy--small span::before {
  top: -5.642cqi;
  left: -16.667cqi;
}
@media screen and (width >= 768px) {
  .p-about-catchcopy--small span::before {
    top: max(-2.11cqi, -27px);
    left: max(-6.875cqi, -88px);
  }
}
.p-about-catchcopy--small span::after {
  bottom: -5.642cqi;
  right: -16.667cqi;
}
@media screen and (width >= 768px) {
  .p-about-catchcopy--small span::after {
    bottom: max(-2.11cqi, -27px);
    right: max(-6.875cqi, -88px);
  }
}
.p-about-lead--small, .p-about-lead {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  text-align: center;
}
.p-about-lead {
  font-size: 4.103cqi;
  line-height: 2.1;
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-about-lead {
    font-size: min(1.563cqi, 20px);
    line-height: 2;
    margin-top: min(5.313cqi, 68px);
  }
}
.p-about-lead--small {
  font-size: 4.103cqi;
  line-height: 1.9;
  margin-top: 8.205cqi;
}
@media screen and (width >= 768px) {
  .p-about-lead--small {
    font-size: min(1.407cqi, 18px);
    line-height: 2;
    margin-top: min(3.125cqi, 40px);
  }
}
.p-about-movie {
  position: relative;
  aspect-ratio: 560/315;
  width: 89.744cqi;
  margin: 25.642cqi auto 0;
}
@media screen and (width >= 768px) {
  .p-about-movie {
    width: min(54.688cqi, 700px);
    margin: min(7.813cqi, 100px) auto 0;
  }
}
.p-about-movie iframe {
  width: 100%;
  height: 100%;
  border: none;
  vertical-align: bottom;
}
.p-kv {
  position: relative;
}
@media screen and (width < 768px) {
  .p-kv {
    width: 100%;
    height: calc(100dvh - 61px);
    background: url(/canaeru/assets/img/img_kv_1_sp.webp) no-repeat center bottom/cover;
  }
}
@media screen and (width < 390px) {
  .p-kv {
    width: 100%;
    height: calc(100dvh - 55px);
    background: url(/canaeru/assets/img/img_kv_1_sp.webp) no-repeat center bottom 20%/cover;
  }
}
@media screen and (width >= 768px) {
  .p-kv {
    aspect-ratio: 2560/1440;
    background: url(/canaeru/assets/img/img_kv_1_pc.webp) no-repeat center center/cover;
  }
}
@media screen and (width < 768px) {
  .p-kv-inner {
    padding: 22.308cqi 15.256cqi 0;
  }
}
@media screen and (width >= 768px) {
  .p-kv-inner {
    container-type: inline-size;
    position: absolute;
    top: 48.5%;
    left: 28%;
    transform: translate(-50%, -50%);
    width: min(28.985cqi, 450px);
  }
}
/* 以下p-kv-inner内の要素
SPコンテナ 100%
pcコンテナ 450px */
.p-kv-logo img {
  width: 100%;
}
.p-kv-catchcopy {
  text-align: center;
  margin-top: 4.336cqi;
}
@media screen and (width >= 768px) {
  .p-kv-catchcopy {
    margin-top: min(6.469cqi, 29px);
  }
}
.p-kv-catchcopy img {
  width: 91.112%;
}
.p-kv-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 11.776cqi;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 4.211cqi;
  font-weight: 500;
  line-height: 1;
  background: #413434;
  border-bottom: 1px solid #fff;
  transition: 0.3s;
  margin-top: 6.274cqi;
}
@media screen and (width >= 768px) {
  .p-kv-btn {
    height: min(15.634cqi, 58px);
    font-size: min(4.852cqi, 21.833px);
    margin-top: min(10.782cqi, 50px);
  }
  .p-kv-btn:hover {
    background: rgba(35, 24, 21, 0.7);
    border-bottom-color: rgba(255, 255, 255, 0.7);
  }
  .p-kv-btn:hover::after {
    background-position-y: min(5.391cqi, 20px);
  }
}
.p-kv-btn::after {
  content: "";
  width: 9.024cqi;
  height: 6.016cqi;
  background: #fff url(/canaeru/assets/img/elm_arrow_3.svg) repeat-y center center/contain;
  border-radius: 10cqi;
  transition: 0.3s;
}
@media screen and (width >= 768px) {
  .p-kv-btn::after {
    border-radius: min(3.047cqi, 39px);
    width: min(9.704cqi, 36px);
    height: min(5.391cqi, 20px);
    margin-left: min(4.313cqi, 16px);
  }
}
.p-feature-deck {
  background: #fff;
  margin-top: 10.256cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck {
    margin-top: min(6.25cqi, 80px);
  }
}
.p-feature-deck-nav {
  position: relative;
}
@media screen and (width < 768px) {
  .p-feature-deck-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 13.59cqi;
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-nav {
    display: flex;
    padding-bottom: min(4.141cqi, 53px);
  }
}
.p-feature-deck-nav::after {
  content: "";
  position: absolute;
  background: url(/canaeru/assets/img/elm_grid.svg) repeat-x center center/contain;
  width: 100%;
  height: 13.59cqi;
  bottom: 0;
  left: 0;
}
@media screen and (width >= 768px) {
  .p-feature-deck-nav::after {
    height: min(4.141cqi, 53px);
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-nav-item {
    width: 25%;
  }
}
.p-feature-deck-nav-item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-family: "BIZ UDPGothic", sans-serif;
  color: #3f939f;
  font-weight: bold;
  font-size: 3.59cqi;
  line-height: 1.5;
  text-align: center;
  padding: 25.179cqi 0 12.308cqi;
  transition: 0.3s;
}
@media screen and (width >= 768px) {
  .p-feature-deck-nav-item a {
    font-size: min(1.406cqi, 18px);
    padding: min(9.063cqi, 116px) 0 min(3.75cqi, 48px);
  }
}
.p-feature-deck-nav-item a::before {
  content: "";
  position: absolute;
  width: 11.795cqi;
  height: 17.949cqi;
  top: 5.128cqi;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (width >= 768px) {
  .p-feature-deck-nav-item a::before {
    width: min(4.531cqi, 58px);
    height: min(6.875cqi, 88px);
    top: min(1.25cqi, 16px);
  }
}
.p-feature-deck-nav-item a .p-feature-deck-arrow {
  position: relative;
  display: contents;
  width: 9.231cqi;
  height: 5.128cqi;
  bottom: 5.128cqi;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (width >= 768px) {
  .p-feature-deck-nav-item a .p-feature-deck-arrow {
    width: min(2.813cqi, 36px);
    height: min(1.563cqi, 20px);
    bottom: min(1.25cqi, 16px);
  }
}
.p-feature-deck-nav-item a .p-feature-deck-arrow::before {
  content: "";
  position: absolute;
  background: #444;
  width: 9.231cqi;
  height: 5.128cqi;
  border-radius: 10cqi;
  bottom: 5.128cqi;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (width >= 768px) {
  .p-feature-deck-nav-item a .p-feature-deck-arrow::before {
    width: min(2.813cqi, 36px);
    height: min(1.563cqi, 20px);
    bottom: min(1.25cqi, 16px);
  }
}
.p-feature-deck-nav-item a .p-feature-deck-arrow::after {
  content: "";
  position: absolute;
  background: url(/canaeru/assets/img/elm_arrow_2.svg) no-repeat center center/contain;
  width: 9.231cqi;
  height: 5.128cqi;
  bottom: 5.128cqi;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
@media screen and (width >= 768px) {
  .p-feature-deck-nav-item a .p-feature-deck-arrow::after {
    background-repeat: repeat-y;
    width: min(2.813cqi, 36px);
    height: min(1.563cqi, 20px);
    bottom: min(1.25cqi, 16px);
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-nav-item a:hover {
    background-color: #f1f8f7;
  }
  .p-feature-deck-nav-item a:hover .p-feature-deck-arrow::after {
    background-position-y: min(1.563cqi, 20px);
  }
}
.p-feature-deck-nav-item:nth-of-type(1) a::before {
  background: url(/canaeru/assets/img/elm_point_1.svg) no-repeat center center/contain;
}
.p-feature-deck-nav-item:nth-of-type(2) a::before {
  background: url(/canaeru/assets/img/elm_point_2.svg) no-repeat center center/contain;
}
.p-feature-deck-nav-item:nth-of-type(3) a::before {
  background: url(/canaeru/assets/img/elm_point_3.svg) no-repeat center center/contain;
}
.p-feature-deck-nav-item:nth-of-type(4) a::before {
  background: url(/canaeru/assets/img/elm_point_4.svg) no-repeat center center/contain;
}
@media screen and (width < 768px) {
  .p-feature-deck-nav-item--small a {
    font-size: 3.333cqi;
  }
}
.p-feature-deck-border {
  display: inline;
  padding: 0 1.154cqi 0.769cqi;
  background: linear-gradient(to bottom, transparent calc(100% - 2.051cqi), #f6f399 calc(100% - 2.051cqi)) center bottom/100% 2.051cqi no-repeat;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
@media screen and (width >= 768px) {
  .p-feature-deck-border {
    padding: 0 min(0.469cqi, 6px) min(0.313cqi, 4px);
    background: linear-gradient(to bottom, transparent calc(100% - min(0.938cqi, 12px)), #f6f399 calc(100% - min(0.938cqi, 12px))) center bottom/100% min(0.938cqi, 12px) no-repeat;
  }
}
.p-feature-deck-section {
  position: relative;
  padding: 7.179cqi 5.128cqi 21.795cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-section {
    padding: min(5.234cqi, 67px) min(3.125cqi, 40px) min(7.266cqi, 93px) min(14.219cqi, 182px);
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-section.section-type1 {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: min(3.125cqi, 40px);
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-section.section-type2 {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: min(3.125cqi, 40px);
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-section.section-type2 .p-feature-deck-1col {
    grid-column: 1/-1;
  }
}
.p-feature-deck-section:last-of-type {
  padding-bottom: 8.205cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-section:last-of-type {
    padding-bottom: min(3.125cqi, 40px);
  }
}
.p-feature-deck-section:not(:last-of-type)::after {
  content: "";
  position: absolute;
  background: url(/canaeru/assets/img/elm_grid.svg) repeat-x center center/contain;
  width: 100%;
  height: 13.59cqi;
  bottom: 0;
  left: 0;
}
@media screen and (width >= 768px) {
  .p-feature-deck-section:not(:last-of-type)::after {
    height: min(4.141cqi, 53px);
  }
}
.p-feature-deck-num {
  width: 17.179cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-num {
    position: absolute;
    top: min(9.375cqi, 120px);
    left: min(3.125cqi, 40px);
    width: min(7.969cqi, 102px);
  }
}
.p-feature-deck-num img {
  width: 100%;
}
.p-feature-deck-head {
  font-family: "BIZ UDPGothic", sans-serif;
  color: #3f939f;
  font-weight: bold;
  font-size: 6.154cqi;
  line-height: 1.5;
}
@media screen and (width < 768px) {
  .p-feature-deck-head {
    margin-top: 6.154cqi;
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-head {
    font-size: min(1.875cqi, 24px);
  }
}
.p-feature-deck-head--small {
  font-size: 5.897cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-head--small {
    font-size: min(1.797cqi, 23px);
  }
}
@media screen and (width < 768px) {
  .p-feature-deck-head .p-feature-deck-border {
    padding-left: 0;
    padding-right: 0;
  }
}
.p-feature-deck-txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 4.103cqi;
  line-height: 1.5;
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-txt {
    font-size: min(1.25cqi, 16px);
    margin-top: min(1.875cqi, 24px);
  }
}
.p-feature-deck-txt-box {
  border: 0.256cqi solid #3f939f;
  padding: 2.051cqi 4.103cqi;
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-txt-box {
    border: min(0.078cqi, 1px) solid #3f939f;
    padding: min(0.625cqi, 8px) min(1.25cqi, 16px);
    margin-top: min(1.875cqi, 24px);
  }
}
.p-feature-deck-txt-box p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-feature-deck-txt-box p {
    font-size: min(0.938cqi, 12px);
  }
}
.p-feature-deck-txt-box p:first-of-type {
  color: #3f939f;
  font-weight: bold;
}
@media screen and (width < 768px) {
  .p-feature-deck-pict {
    margin-top: 6.154cqi;
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-pict--1 {
    width: min(37.969cqi, 486px);
  }
}
.p-feature-deck-pict img {
  width: 100%;
}
.p-feature-deck-pict-wrap {
  overflow: hidden;
}
.p-feature-deck-design-wrap {
  display: grid;
  margin-top: 6.154cqi;
}
@media screen and (width < 768px) {
  .p-feature-deck-design-wrap {
    gap: 1.023cqi;
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap {
    display: flex;
    align-items: center;
    margin-top: min(3.125cqi, 40px);
  }
}
.p-feature-deck-design-wrap > p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap > p {
    font-size: min(0.938cqi, 12px);
    margin-left: auto;
  }
}
.p-feature-deck-design-wrap > p:first-of-type {
  color: #3f939f;
  font-weight: bold;
  font-size: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap > p:first-of-type {
    font-size: min(1.25cqi, 16px);
    margin-left: min(0.781cqi, 10px);
  }
}
.p-feature-deck-design-wrap-1 {
  display: flex;
  gap: 6.154cqi;
}
@media screen and (width < 768px) {
  .p-feature-deck-design-wrap-1 {
    flex-direction: column;
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap-1 {
    align-items: center;
    gap: min(1.875cqi, 24px);
  }
}
.p-feature-deck-design-wrap-1 + .p-feature-deck-design-wrap-1 {
  margin-top: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap-1 + .p-feature-deck-design-wrap-1 {
    margin-top: min(1.25cqi, 16px);
  }
}
.p-feature-deck-design-wrap-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap-2 {
    gap: min(1.25cqi, 16px);
  }
}
.p-feature-deck-design-wrap-3 {
  display: flex;
  align-items: center;
  gap: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap-3 {
    gap: min(1.25cqi, 16px);
  }
}
.p-feature-deck-design-wrap-3 > div {
  width: 27.692cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap-3 > div {
    width: min(8.438cqi, 108px);
  }
}
.p-feature-deck-design-wrap-3 > div img {
  width: 100%;
}
.p-feature-deck-design-wrap-3 > p {
  font-family: "Noto Sans JP", sans-serif;
  color: #3f939f;
  font-weight: bold;
  font-size: 4.103cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap-3 > p {
    font-size: min(1.25cqi, 16px);
  }
}
.p-feature-deck-design-wrap-4 {
  display: flex;
  align-items: center;
}
.p-feature-deck-design-wrap-4 .p-feature-deck-design-logo {
  height: 8.205cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap-4 .p-feature-deck-design-logo {
    height: min(2.5cqi, 32px);
  }
}
.p-feature-deck-design-wrap-4 .p-feature-deck-design-logo img {
  display: block;
  width: auto;
  height: 100%;
}
.p-feature-deck-design-wrap-4 span {
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 4.103cqi;
  line-height: 1.5;
  margin-inline: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-design-wrap-4 span {
    font-size: min(1.25cqi, 16px);
    margin-inline: min(0.781cqi, 10px);
  }
}
.p-feature-deck-design {
  height: 8.974cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-design {
    height: min(2.734cqi, 35px);
  }
}
.p-feature-deck-design img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-feature-deck-color-1 {
  display: flex;
  gap: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-1 {
    gap: min(1.25cqi, 16px);
  }
}
.p-feature-deck-color-1 .p-feature-deck-color-var {
  width: 23.077cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-1 .p-feature-deck-color-var {
    width: min(7.031cqi, 90px);
  }
}
.p-feature-deck-color-1 .p-feature-deck-color-var span {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
  margin-top: 2.051cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-1 .p-feature-deck-color-var span {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.938cqi, 12px);
  }
}
.p-feature-deck-color-2 {
  display: flex;
  justify-content: center;
  gap: 8.205cqi;
}
@media screen and (width < 768px) {
  .p-feature-deck-color-2 {
    flex-wrap: wrap;
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-2 {
    gap: min(2.5cqi, 32px);
  }
}
.p-feature-deck-color-2 .p-feature-deck-color-var {
  width: 33.333cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-2 .p-feature-deck-color-var {
    width: min(10.156cqi, 130px);
  }
}
.p-feature-deck-color-2 .p-feature-deck-color-var span {
  display: block;
  white-space: nowrap;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
  text-align: center;
  margin-top: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-2 .p-feature-deck-color-var span {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.977cqi, 10px);
  }
}
.p-feature-deck-color-3 {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  gap: 3.462cqi 4.103cqi;
  margin-top: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-3 {
    grid-template-columns: auto auto auto;
    gap: min(1.25cqi, 16px);
    margin-top: min(3.22cqi, 42px);
  }
}
.p-feature-deck-color-3 .p-feature-deck-color-var {
  width: 33.333cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-3 .p-feature-deck-color-var {
    width: min(10.157cqi, 130px);
  }
}
.p-feature-deck-color-3 .p-feature-deck-color-var img {
  width: 100%;
}
.p-feature-deck-color-3 .p-feature-deck-color-var span {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
  margin-top: 2.564cqi;
  white-space: nowrap;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-3 .p-feature-deck-color-var span {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.938cqi, 12px);
  }
}
.p-feature-deck-color-3 .p-feature-deck-color-var span.small {
  font-size: 2.821cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-3 .p-feature-deck-color-var span.small {
    font-size: min(0.859cqi, 11px);
  }
}
.p-feature-deck-color-3 + .p-feature-deck-color-annotation {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
  margin-top: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-3 + .p-feature-deck-color-annotation {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.938cqi, 12px);
  }
}
.p-feature-deck-color-4 {
  display: grid;
  grid-template-columns: 33.333cqi 33.333cqi;
  justify-content: start;
  gap: 3.462cqi 4.103cqi;
  margin-top: 2.564cqi;
}
@media screen and (width < 768px) {
  .p-feature-deck-color-4 {
    align-items: start;
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-4 {
    grid-template-columns: min(10.156cqi, 130px) min(10.156cqi, 130px);
    align-items: start;
    gap: min(1.25cqi, 16px);
    margin-top: min(0.781cqi, 10px);
  }
}
.p-feature-deck-color-4 .p-feature-deck-color-cat {
  display: grid;
  gap: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-4 .p-feature-deck-color-cat {
    gap: min(1.094cqi, 14px);
  }
}
.p-feature-deck-color-4 .p-feature-deck-color-cat > p {
  font-family: "Noto Sans JP", sans-serif;
  color: #3f939f;
  font-weight: bold;
  font-size: 3.077cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-4 .p-feature-deck-color-cat > p {
    font-size: min(0.938cqi, 12px);
  }
}
.p-feature-deck-color-4 .p-feature-deck-color-var {
  width: 33.333cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-4 .p-feature-deck-color-var {
    width: min(10.157cqi, 130px);
  }
}
.p-feature-deck-color-4 .p-feature-deck-color-var img {
  width: 100%;
}
.p-feature-deck-color-4 .p-feature-deck-color-var span {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
  margin-top: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-4 .p-feature-deck-color-var span {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.938cqi, 12px);
  }
}
.p-feature-deck-color-4 .p-feature-deck-color-annotation {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-4 .p-feature-deck-color-annotation {
    font-size: min(0.938cqi, 12px);
  }
}
.p-feature-deck-color-4 .p-feature-deck-color-annotation:not(:first-of-type) {
  margin-top: 2.051cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-4 .p-feature-deck-color-annotation:not(:first-of-type) {
    margin-top: min(0.625cqi, 8px);
  }
}
.p-feature-deck-card-wrap {
  display: grid;
  gap: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-card-wrap {
    grid-template-columns: auto auto;
    gap: min(1.25cqi, 16px);
  }
}
.p-feature-deck-card {
  display: grid;
  gap: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-card {
    grid-template-columns: auto auto;
    gap: min(1.25cqi, 16px);
  }
}
@media screen and (width >= 768px) {
  .p-feature-deck-card-img {
    width: min(13.281cqi, 170px);
  }
}
.p-feature-deck-card-img img {
  width: 100%;
}
.p-feature-deck-card-txt p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.56cqi;
  line-height: 1.5;
  margin-top: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-card-txt p {
    font-size: min(1.094cqi, 14px);
    margin-top: min(0.781cqi, 10px);
  }
}
.p-feature-deck-card-txt p:first-of-type {
  font-weight: bold;
  font-size: 4.103cqi;
  margin-top: 0;
}
@media screen and (width >= 768px) {
  .p-feature-deck-card-txt p:first-of-type {
    font-size: min(1.25cqi, 16px);
  }
}
.p-feature-deck-annotation {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-annotation {
    text-align: right;
    font-size: min(0.938cqi, 12px);
    margin-top: min(3.125cqi, 40px);
  }
}
.p-feature-deck-gallery-head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 4.103cqi;
  line-height: 1.5;
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-gallery-head {
    font-size: min(1.25cqi, 16px);
    margin-top: min(3.125cqi, 40px);
  }
}
.p-feature-deck-gallery {
  display: grid;
  gap: 4.138cqi;
  margin-top: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-gallery {
    grid-template-columns: auto auto;
    gap: min(1.25cqi, 16px);
    margin-top: min(0.781cqi, 10px);
  }
}
.p-feature-deck-gallery-img {
  position: relative;
}
@media screen and (width < 768px) {
  .p-feature-deck-gallery-img:has(.p-feature-deck-gallery-balloon) {
    padding-top: 8.538cqi;
  }
}
.p-feature-deck-gallery-img img {
  width: 100%;
}
.p-feature-deck-gallery-balloon {
  position: absolute;
  top: 0;
  right: 0;
  width: 32.308cqi;
  height: 17.949cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-gallery-balloon {
    top: min(-2.656cqi, -34px);
    width: min(12.656cqi, 162px);
    height: min(7.031cqi, 90px);
  }
}
.p-feature-deck-gallery-txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
  margin-top: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-gallery-txt {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.781cqi, 10px);
  }
}
.p-feature-deck-color-wrap {
  display: grid;
  gap: 6.154cqi;
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-color-wrap {
    grid-template-columns: auto auto;
    justify-content: start;
    gap: min(7.031cqi, 90px);
    margin-top: min(3.125cqi, 40px);
  }
}
.p-feature-deck-model {
  display: flex;
  flex-wrap: wrap;
  gap: 4.103cqi 2.051cqi;
  margin-top: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-model {
    gap: min(1.25cqi, 16px) min(0.625cqi, 8px);
    margin-top: min(1.25cqi, 16px);
  }
}
.p-feature-deck-model-img {
  height: 43.59cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-model-img {
    height: min(13.281cqi, 170px);
  }
}
.p-feature-deck-model-img img {
  display: block;
  width: auto;
  height: 100%;
}
.p-feature-deck-model-name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
  text-align: center;
  margin-top: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-model-name {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.781cqi, 10px);
  }
}
.p-feature-deck-model-annotation {
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-left: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-model-annotation {
    margin-left: min(1.25cqi, 16px);
  }
}
.p-feature-deck-model-annotation p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-feature-deck-model-annotation p {
    font-size: min(0.938cqi, 12px);
  }
}
.p-feature-deck-model-annotation p + p {
  margin-top: 1.026cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-model-annotation p + p {
    margin-top: min(0.313cqi, 4px);
  }
}
.p-feature-deck-btn {
  display: flex;
  justify-content: center;
  margin-top: 10.256cqi;
}
@media screen and (width >= 768px) {
  .p-feature-deck-btn {
    margin-top: min(6.25cqi, 80px);
  }
}
/* SPコンテナ 100%
pcコンテナ 1280px */
@media screen and (width >= 768px) {
  .lineup-scroll-indicator {
    animation: bounce 2s infinite;
    font-size: 1.2rem;
  }
  @keyframes bounce {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(10px);
    }
  }
}
@media screen and (width >= 768px) {
  .lineup-scroll-stage {
    height: 500vh;
    position: relative;
    z-index: 20;
  }
}
@media screen and (width >= 768px) {
  .lineup-sticky-wrapper {
    position: sticky;
    top: 68px;
    width: 100%;
    height: calc(100vh - 68px);
    overflow: hidden;
  }
}
@media screen and (width <= 1024px) {
  .lineup-sticky-wrapper {
    top: 62px;
    height: calc(100vh - 62px);
  }
}
@media screen and (width < 768px) {
  .lineup-sticky-wrapper {
    top: unset;
    height: 100%;
  }
}
@media screen and (width >= 768px) {
  .lineup-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
}
@media screen and (width >= 768px) {
  .lineup-panel__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
  }
}
.lineup-panel__content {
  padding: 10.256cqi 5.128cqi;
}
@media screen and (width >= 768px) {
  .lineup-panel__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 min(4.375cqi, 56px) 0 min(62.5% + 4.375cqi, 62.5% + 56px);
    z-index: 2;
  }
}
.lineup-panel__content--universal {
  position: relative;
  width: 94.818cqi;
  background: #edb8ae;
  padding: 10.256cqi 5.128cqi;
  margin: -10.257cqi 0 0 5.182cqi;
  z-index: 1;
}
@media screen and (width >= 768px) {
  .lineup-panel__content--universal {
    position: absolute;
    top: 33.8%;
    left: 50%;
    transform: translateX(min(1.563cqi, 20px));
    width: min(40.625cqi, 520px);
    height: auto;
    padding: min(3.829cqi, 49px) min(5.313cqi, 68px);
    margin: 0;
  }
}
.lineup-panel__content--universal .p-lineup-catchcopy {
  font-family: "Noto Serif JP", serif;
  font-size: 4.103cqi;
}
@media screen and (width >= 768px) {
  .lineup-panel__content--universal .p-lineup-catchcopy {
    font-size: min(1.563cqi, 20px);
  }
}
.lineup-panel__content--universal .p-lineup-logo {
  width: 34.103cqi;
  margin-top: 4.103cqi;
}
@media screen and (width >= 768px) {
  .lineup-panel__content--universal .p-lineup-logo {
    width: min(13.438cqi, 172px);
    margin-top: min(1.875cqi, 24px);
  }
}
.lineup-panel__content--universal .p-lineup-logo .img {
  width: 100%;
}
.lineup-panel__content--universal .p-lineup-title {
  margin-top: 4.103cqi;
}
@media screen and (width >= 768px) {
  .lineup-panel__content--universal .p-lineup-title {
    margin-top: min(1.875cqi, 24px);
  }
}
.lineup-panel__content--universal .p-lineup-title .logo {
  width: 78.462cqi;
}
@media screen and (width >= 768px) {
  .lineup-panel__content--universal .p-lineup-title .logo {
    width: min(30cqi, 384px);
  }
}
.lineup-panel:nth-child(1) {
  background: #accdd7;
}
@media screen and (width >= 768px) {
  .lineup-panel:nth-child(1) {
    z-index: 1;
  }
}
.lineup-panel .lineup-panel__bg {
  width: 100%;
  height: 89.744cqi;
}
@media screen and (width >= 768px) {
  .lineup-panel .lineup-panel__bg {
    height: 100%;
  }
  .lineup-panel .lineup-panel__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 62.5%;
    height: 100%;
  }
}
.lineup-panel:nth-child(1) .lineup-panel__bg {
  background: url(/canaeru/assets/img/img_lineup_1_sp.webp) no-repeat center center/cover;
}
@media screen and (width >= 768px) {
  .lineup-panel:nth-child(1) .lineup-panel__bg {
    background: #accdd7;
  }
  .lineup-panel:nth-child(1) .lineup-panel__bg::after {
    background: url(/canaeru/assets/img/img_lineup_1_pc.webp) no-repeat center center/cover;
  }
}
.lineup-panel:nth-child(2) {
  background: #e9d7d2;
}
@media screen and (width >= 768px) {
  .lineup-panel:nth-child(2) {
    z-index: 2;
  }
}
.lineup-panel:nth-child(2) .lineup-panel__bg {
  background: url(/canaeru/assets/img/img_lineup_2_sp.webp) no-repeat center center/cover;
}
@media screen and (width >= 768px) {
  .lineup-panel:nth-child(2) .lineup-panel__bg {
    background: #e9d7d2;
  }
  .lineup-panel:nth-child(2) .lineup-panel__bg::after {
    background: url(/canaeru/assets/img/img_lineup_2_pc.webp) no-repeat center center/cover;
  }
}
.lineup-panel:nth-child(3) {
  background: #e9d7d2;
}
@media screen and (width >= 768px) {
  .lineup-panel:nth-child(3) {
    z-index: 3;
  }
}
.lineup-panel:nth-child(3) .lineup-panel__bg {
  background: url(/canaeru/assets/img/img_lineup_3_sp.webp) no-repeat center center/cover;
}
@media screen and (width >= 768px) {
  .lineup-panel:nth-child(3) .lineup-panel__bg {
    background: #e9d7d2;
  }
  .lineup-panel:nth-child(3) .lineup-panel__bg::after {
    background: url(/canaeru/assets/img/img_lineup_3_pc.webp) no-repeat center center/cover;
  }
}
.lineup-panel:nth-child(4) {
  background: #d0d5cd;
}
@media screen and (width >= 768px) {
  .lineup-panel:nth-child(4) {
    z-index: 4;
  }
}
.lineup-panel:nth-child(4) .lineup-panel__bg {
  background: url(/canaeru/assets/img/img_lineup_4_sp.webp) no-repeat center center/cover;
}
@media screen and (width >= 768px) {
  .lineup-panel:nth-child(4) .lineup-panel__bg {
    background: #d0d5cd;
  }
  .lineup-panel:nth-child(4) .lineup-panel__bg::after {
    background: url(/canaeru/assets/img/img_lineup_4_pc.webp) no-repeat center center/cover;
  }
}
.lineup-panel:nth-child(5) {
  background: #fff;
}
@media screen and (width >= 768px) {
  .lineup-panel:nth-child(5) {
    z-index: 5;
  }
}
.lineup-panel:nth-child(5) .lineup-panel__bg {
  height: 56.154cqi;
  background: url(/canaeru/assets/img/img_lineup_5_sp.webp) no-repeat center center/cover;
}
@media screen and (width >= 768px) {
  .lineup-panel:nth-child(5) .lineup-panel__bg {
    height: 100%;
    background: #fff;
  }
  .lineup-panel:nth-child(5) .lineup-panel__bg::after {
    top: 40%;
    left: calc(50% - 15.05cqi);
    transform: translate(-50%, -50%);
    width: min(70.156cqi, 895px);
    height: min(39.585cqi, 505px);
    background: url(/canaeru/assets/img/img_lineup_5_pc.webp) no-repeat center center/cover;
  }
}
.p-lineup-catchcopy {
  font-family: "Noto Serif JP", serif;
  font-size: 5.128cqi;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (width >= 768px) {
  .p-lineup-catchcopy {
    font-size: min(1.563cqi, 20px);
  }
}
.p-lineup-title {
  display: flex;
  gap: 3.037cqi;
  align-items: center;
  margin-top: 5.641cqi;
}
@media screen and (width >= 768px) {
  .p-lineup-title {
    gap: min(0.938cqi, 12px);
    margin-top: min(1.719cqi, 22px);
  }
}
.p-lineup-title .logo {
  width: 58.974cqi;
}
@media screen and (width >= 768px) {
  .p-lineup-title .logo {
    width: min(17.969cqi, 230px);
  }
}
.p-lineup-title .logo-sub {
  width: 25.641cqi;
}
@media screen and (width >= 768px) {
  .p-lineup-title .logo-sub {
    width: min(7.813cqi, 100px);
  }
}
.p-lineup-title-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.103cqi;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 2.051cqi;
}
@media screen and (width >= 768px) {
  .p-lineup-title-text {
    font-size: min(1.25cqi, 16px);
    margin-top: min(0.625cqi, 8px);
  }
}
@media screen and (width >= 768px) {
  .p-lineup-point {
    position: relative;
    background: #fff;
    z-index: 2;
  }
}
.p-lineup-point-inner {
  display: block;
  width: 89.744cqi;
  border: 1px solid #ccc;
  border-radius: 2.051cqi;
  padding: 6.154cqi 4.872cqi;
  margin: 10.256cqi auto 0;
}
@media screen and (width >= 768px) {
  .p-lineup-point-inner {
    display: grid;
    grid-template-columns: min(30.782cqi, 394px) min(43.672cqi, 559px);
    gap: min(3.672cqi, 47px);
    align-items: center;
    width: min(84.375cqi, 1080px);
    border-radius: min(0.625cqi, 8px);
    padding: min(3.047cqi, 39px);
    margin: 0 auto;
  }
  .p-lineup-point-inner:hover .c-button-1 {
    background: rgba(68, 68, 68, 0.08);
  }
  .p-lineup-point-inner:hover .c-button-1::after {
    background-position-x: min(2.813cqi, 36px);
  }
}
.p-lineup-point-img {
  width: 100%;
  border-radius: 2.051cqi;
}
@media screen and (width >= 768px) {
  .p-lineup-point-img {
    border-radius: min(0.938cqi, 12px);
  }
}
.p-lineup-point-content {
  display: block;
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-lineup-point-content {
    margin-top: 0;
  }
}
.p-lineup-pointt-catchcopy {
  position: relative;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: 5.128cqi;
  font-weight: 600;
  line-height: 1.7;
  text-align: center;
  padding: 7.179cqi 0;
}
@media screen and (width >= 768px) {
  .p-lineup-pointt-catchcopy {
    font-size: min(2.188cqi, 28px);
    line-height: 1.8;
    padding: min(1.719cqi, 22px) 0;
  }
}
.p-lineup-pointt-catchcopy::before, .p-lineup-pointt-catchcopy::after {
  content: "";
  position: absolute;
  width: 9.744cqi;
  height: 9.744cqi;
  background: url(/canaeru/assets/img/elm_paren1.svg) no-repeat center center/contain;
}
@media screen and (width >= 768px) {
  .p-lineup-pointt-catchcopy::before, .p-lineup-pointt-catchcopy::after {
    width: min(2.969cqi, 38px);
    height: min(2.969cqi, 38px);
  }
}
.p-lineup-pointt-catchcopy::before {
  top: 0;
  left: 0;
}
.p-lineup-pointt-catchcopy::after {
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}
.p-topics-bg {
  background: #f5f5f5 url(/canaeru/assets/img/elm_bg_1.webp) no-repeat calc(50% - 44.103cqi) 169.744cqi/50.256cqi auto;
}
@media screen and (width >= 768px) {
  .p-topics-bg {
    background: #f5f5f5 url(/canaeru/assets/img/elm_bg_1.webp) no-repeat calc(50% - min(44.063cqi, 564px)) min(47.969cqi, 614px)/min(23.829cqi, 305px) auto;
  }
}
.p-topics-head {
  position: relative;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  padding: 30.256cqi 0 33.846cqi;
}
@media screen and (width >= 768px) {
  .p-topics-head {
    padding: min(2.969cqi, 38px) 0 min(6.875cqi, 88px);
  }
}
.p-topics-head-bg-1,
.p-topics-head-bg-2,
.p-topics-head-bg-3,
.p-topics-head-bg-4,
.p-topics-head-bg-5,
.p-topics-head-bg-6 {
  position: absolute;
  box-shadow: 1.231cqi 1.231cqi 4.923cqi 0 rgba(0, 0, 0, 0.25);
}
@media screen and (width >= 768px) {
  .p-topics-head-bg-1,
  .p-topics-head-bg-2,
  .p-topics-head-bg-3,
  .p-topics-head-bg-4,
  .p-topics-head-bg-5,
  .p-topics-head-bg-6 {
    box-shadow: min(0.625cqi, 8px) min(0.625cqi, 8px) min(2.5cqi, 32px) 0 rgba(0, 0, 0, 0.25);
  }
}
.p-topics-head-bg-1 {
  top: 6.667cqi;
  left: 11.282cqi;
  width: 18.974cqi;
}
@media screen and (width >= 768px) {
  .p-topics-head-bg-1 {
    top: min(2.891cqi, 37px);
    left: calc(50% - min(44.454cqi, 569px));
    width: min(8.438cqi, 108px);
  }
}
@media screen and (width < 768px) {
  .p-topics-head-bg-2 {
    display: none;
  }
}
@media screen and (width >= 768px) {
  .p-topics-head-bg-2 {
    top: min(12.969cqi, 166px);
    left: calc(50% - min(33.36cqi, 427px));
    width: min(7.5cqi, 96px);
  }
}
.p-topics-head-bg-3 {
  top: 133.762cqi;
  left: 4.359cqi;
  width: 27.179cqi;
}
@media screen and (width >= 768px) {
  .p-topics-head-bg-3 {
    top: min(23.75cqi, 304px);
    left: calc(50% - min(41.875cqi, 536px));
    width: min(9.375cqi, 120px);
  }
}
.p-topics-head-bg-4 {
  top: 6.154cqi;
  left: 69.231cqi;
  width: 24.872cqi;
}
@media screen and (width >= 768px) {
  .p-topics-head-bg-4 {
    top: min(1.25cqi, 16px);
    left: calc(50% + min(32.579cqi, 417px));
    width: min(12.266cqi, 157px);
  }
}
@media screen and (width < 768px) {
  .p-topics-head-bg-5 {
    display: none;
  }
}
@media screen and (width >= 768px) {
  .p-topics-head-bg-5 {
    top: min(14.063cqi, 180px);
    left: calc(50% + min(25.625cqi, 328px));
    width: min(8.204cqi, 105px);
  }
}
.p-topics-head-bg-6 {
  top: 127.692cqi;
  left: 81.282cqi;
  width: 21.026cqi;
}
@media screen and (width >= 768px) {
  .p-topics-head-bg-6 {
    top: min(23.282cqi, 298px);
    left: calc(50% + min(35.625cqi, 456px));
    width: min(9.844cqi, 126px);
  }
}
.p-topics-head-title {
  line-height: 1.2;
  padding: 3.077cqi 0;
}
@media screen and (width >= 768px) {
  .p-topics-head-title {
    padding: min(1.25cqi, 16px) 0 min(1.641cqi, 21px);
  }
}
.p-topics-head-title-inner {
  position: relative;
  display: block;
}
@media screen and (width >= 768px) {
  .p-topics-head-title-inner {
    display: inline-block;
  }
}
.p-topics-head-title-inner::before, .p-topics-head-title-inner::after {
  content: "";
  position: absolute;
  width: 9.744cqi;
  height: 9.744cqi;
  background: url(/canaeru/assets/img/elm_paren1.svg) no-repeat center center/contain;
}
@media screen and (width >= 768px) {
  .p-topics-head-title-inner::before, .p-topics-head-title-inner::after {
    width: min(2.969cqi, 38px);
    height: min(2.969cqi, 38px);
  }
}
.p-topics-head-title-inner::before {
  top: -3.077cqi;
  left: 5.128cqi;
}
@media screen and (width >= 768px) {
  .p-topics-head-title-inner::before {
    top: max(-1.25cqi, -16px);
    left: max(-5.625cqi, -72px);
  }
}
.p-topics-head-title-inner::after {
  transform: rotate(180deg);
  bottom: -3.077cqi;
  right: 5.128cqi;
}
@media screen and (width >= 768px) {
  .p-topics-head-title-inner::after {
    bottom: max(-1.641cqi, -21px);
    right: max(-5.625cqi, -72px);
  }
}
.p-topics-head-title-main {
  font-size: 7.179cqi;
}
@media screen and (width >= 768px) {
  .p-topics-head-title-main {
    font-size: min(2.813cqi, 36px);
  }
}
.p-topics-head-title-lead {
  font-size: 4.615cqi;
  margin-top: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-topics-head-title-lead {
    font-size: min(1.563cqi, 20px);
    margin-top: min(1.25cqi, 16px);
  }
}
.p-topics-head-lead {
  font-size: 4.103cqi;
  line-height: 1.6;
  margin-top: 3.077cqi;
}
@media screen and (width >= 768px) {
  .p-topics-head-lead {
    font-size: min(1.25cqi, 16px);
    line-height: 1.7;
    margin-top: min(1.875cqi, 24px);
  }
}
.p-topics-tab {
  background-image: url(/canaeru/assets/img/elm_bg_2.webp);
  background-repeat: no-repeat;
  background-position-x: left calc(50% + 46cqi);
  background-position-y: bottom 0;
  background-size: 28.974cqi auto;
  padding-bottom: 20.769cqi;
}
@media screen and (width >= 768px) {
  .p-topics-tab {
    background-position-x: left calc(50% + min(45.938cqi, 588px));
    background-position-y: bottom min(2.032cqi, 26px);
    background-size: min(23.204cqi, 297px) auto;
    padding-bottom: min(14.063cqi, 180px);
  }
}
.p-topics-tab-list {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 100%;
  background: #f2f2f5;
  margin: 0 auto;
  padding: 3.077cqi 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-topics-tab-list {
    width: min(49.532cqi, 634px);
    border-radius: min(0.625cqi, 8px);
    padding: min(0.938cqi, 12px) min(1.25cqi, 16px);
  }
}
.p-topics-tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29.231cqi;
  height: 13.077cqi;
  border-radius: 2.051cqi;
  transition: 0.3s;
  cursor: pointer;
}
.p-topics-tab-item.is-active {
  background: #fff;
}
@media screen and (width >= 768px) {
  .p-topics-tab-item {
    width: min(14.844cqi, 190px);
    height: min(5.704cqi, 73px);
    border-radius: min(0.625cqi, 8px);
  }
  .p-topics-tab-item:hover {
    background: #fff;
  }
}
.p-topics-tab-item img {
  width: 23.077cqi;
}
@media screen and (width >= 768px) {
  .p-topics-tab-item img {
    width: min(8.594cqi, 110px);
  }
}
.p-topics-tab-content {
  position: relative;
}
@media screen and (width < 768px) {
  .p-topics-tab-content {
    margin-top: 16.41cqi;
    padding: 0 5.128cqi;
  }
}
@media screen and (width >= 768px) {
  .p-topics-tab-content {
    width: min(84.437cqi, 1080px);
    margin: min(14.063cqi, 180px) auto 0;
  }
}
.p-topics-tab-panel {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.3s;
}
.p-topics-tab-panel.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
.p-topics-tab-design:not(:first-of-type) {
  margin-top: 16.41cqi;
}
@media screen and (width >= 768px) {
  .p-topics-tab-design:not(:first-of-type) {
    margin-top: min(14.063cqi, 180px);
  }
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head {
    display: grid;
    grid-template-columns: min(42.657cqi, 546px) min(37.344cqi, 478px);
    justify-content: space-between;
    width: 100%;
  }
}
.p-topics-tab-design-head-img {
  position: relative;
}
.p-topics-tab-design-head-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1.785cqi solid rgba(255, 255, 255, 0.73);
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head-img::after {
    border: min(0.782cqi, 10px) solid rgba(255, 255, 255, 0.73);
  }
}
.p-topics-tab-design-head-img img {
  width: 100%;
}
.p-topics-tab-design-head-title {
  display: grid;
  align-items: center;
}
@media screen and (width < 768px) {
  .p-topics-tab-design-head-title {
    grid-template-columns: 46.41cqi 20.256cqi;
    gap: 2.333cqi;
    margin-top: 14.359cqi;
  }
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head-title {
    grid-template-columns: min(15.469cqi, 198px) min(6.719cqi, 86px);
    gap: min(0.782cqi, 10px);
  }
}
.p-topics-tab-design-head-title img {
  width: 100%;
}
.p-topics-tab-design-head-tag {
  display: inline-flex;
  align-items: center;
  height: 8.462cqi;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.103cqi;
  font-weight: normal;
  line-height: 1.7;
  border: 1px solid #231815;
  padding: 0 2.051cqi;
  margin-top: 2.051cqi;
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head-tag {
    height: min(2.579cqi, 33px);
    font-size: min(1.25cqi, 16px);
    padding: 0 min(0.625cqi, 8px);
    margin-top: min(0.625cqi, 8px);
  }
}
.p-topics-tab-design-head-catchcopy {
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head-catchcopy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: min(1.875cqi, 24px);
  }
}
@media screen and (width < 768px) {
  .p-topics-tab-design-head-catchcopy img {
    width: auto;
    height: 36.667cqi;
    margin-top: 10.256cqi;
  }
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head-catchcopy img {
    width: auto;
    height: min(11.172cqi, 143px);
  }
}
.p-topics-tab-design-head-catchcopy-text {
  font-family: "Noto Serif JP", serif;
  font-size: 5.641cqi;
  font-weight: 500;
  line-height: 1.7;
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head-catchcopy-text {
    font-size: min(2.344cqi, 30px);
    line-height: 1.4;
  }
}
.p-topics-tab-design-head-lead {
  display: flex;
  align-items: center;
  aspect-ratio: 353/225;
  width: 100%;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.59cqi;
  font-weight: normal;
  line-height: 1.8;
  background: no-repeat center center/contain;
  margin-top: 6.154cqi;
  padding: 8.718cqi 4.359cqi;
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head-lead {
    aspect-ratio: 439/234;
    font-size: min(1.25cqi, 16px);
    background: no-repeat center center/contain;
    margin-top: min(1.875cqi, 24px);
    padding: min(2.344cqi, 30px) min(2.189cqi, 28px) min(2.344cqi, 30px) min(2.735cqi, 35px);
  }
}
.p-topics-tab-design-head-lead--c {
  background-image: url(/canaeru/assets/img/topics/elm_c_design_bg_sp.svg);
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head-lead--c {
    background-image: url(/canaeru/assets/img/topics/elm_c_design_bg_pc.svg);
  }
}
.p-topics-tab-design-head-lead--r {
  background-image: url(/canaeru/assets/img/topics/elm_r_design_bg_sp.svg);
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head-lead--r {
    background-image: url(/canaeru/assets/img/topics/elm_r_design_bg_pc.svg);
  }
}
.p-topics-tab-design-head-lead--t {
  background-image: url(/canaeru/assets/img/topics/elm_t_design_bg_sp.svg);
}
@media screen and (width >= 768px) {
  .p-topics-tab-design-head-lead--t {
    background-image: url(/canaeru/assets/img/topics/elm_t_design_bg_pc.svg);
  }
}
.p-topics-ver {
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 12.308cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: min(3.75cqi, 48px);
  }
}
@media screen and (width >= 768px) {
  .p-topics-ver-color {
    padding-top: min(1.172cqi, 15px);
  }
}
.p-topics-ver-color-title {
  font-size: 5.128cqi;
  font-weight: bold;
  line-height: 1;
}
@media screen and (width >= 768px) {
  .p-topics-ver-color-title {
    font-size: min(1.563cqi, 20px);
  }
}
.p-topics-ver-color-list {
  display: grid;
  grid-template-columns: repeat(5, 15.385cqi);
  gap: 3.076cqi;
  margin-top: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver-color-list {
    grid-template-columns: repeat(6, min(7.5cqi, 96px));
    gap: min(1.25cqi, 16px) 0;
    margin-top: min(1.25cqi, 16px);
  }
}
.p-topics-ver-color-item {
  font-size: 3.077cqi;
  font-weight: normal;
  line-height: 1.4;
}
@media screen and (width >= 768px) {
  .p-topics-ver-color-item {
    font-size: min(0.86cqi, 11px);
  }
}
.p-topics-ver-color-item img {
  display: block;
  width: 100%;
  margin-bottom: 2.051cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver-color-item img {
    width: 83.333%;
    margin-bottom: min(0.625cqi, 8px);
  }
}
.p-topics-ver-parts {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 12.308cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts {
    width: min(37.344cqi, 478px);
    margin-top: 0;
  }
}
.p-topics-ver-parts + .p-topics-ver-parts {
  margin-top: 7.692cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts + .p-topics-ver-parts {
    margin-top: min(3.125cqi, 40px);
  }
}
.p-topics-ver-parts-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 22.051cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts-item {
    width: min(8.672cqi, 111px);
  }
}
.p-topics-ver-parts-item--2 {
  width: 27.179cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts-item--2 {
    width: min(10.625cqi, 136px);
  }
}
.p-topics-ver-parts-item--3 {
  width: 29.2cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts-item--3 {
    width: min(11.094cqi, 142px);
  }
}
.p-topics-ver-parts-item-logo {
  display: grid;
  grid-template-columns: 9.231cqi 10.606cqi;
  gap: 0.908cqi;
  align-items: flex-start;
  margin-bottom: 1.136cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts-item-logo {
    grid-template-columns: min(3.672cqi, 47px) min(4.219cqi, 54px);
    gap: min(0.391cqi, 5px);
    margin-bottom: min(0.433cqi, 5.54px);
  }
}
.p-topics-ver-parts-item-logo img {
  width: 100%;
}
.p-topics-ver-parts-item-img {
  display: block;
  width: 100%;
}
.p-topics-ver-parts-item-img.type-1 {
  width: 10cqi;
  margin: 0 auto;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts-item-img.type-1 {
    width: min(3.829cqi, 49px);
  }
}
.p-topics-ver-parts-item-img.type-2 {
  width: 8.651cqi;
  margin: 0 auto;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts-item-img.type-2 {
    width: min(3.438cqi, 44px);
  }
}
.p-topics-ver-parts-item-img.type-3 {
  width: 22.051cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts-item-img.type-3 {
    width: min(8.672cqi, 111px);
  }
}
.p-topics-ver-parts-item-img.type-4 {
  width: 10.168cqi;
  margin: 0 auto;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts-item-img.type-4 {
    width: min(4.063cqi, 52px);
  }
}
.p-topics-ver-parts-item-text {
  font-size: 2.051cqi;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 1.795cqi;
}
@media screen and (width >= 768px) {
  .p-topics-ver-parts-item-text {
    font-size: min(0.782cqi, 10px);
    margin-top: min(0.704cqi, 9px);
  }
}
.p-topics-ver-parts-item-text strong {
  font-weight: bold;
}
.p-topics-ver-parts-item-text span {
  color: #fff;
  background: #1d50a2;
}
.p-topics-parts-nav {
  display: grid;
  gap: 2.051cqi;
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-nav {
    display: flex;
    gap: min(0.781cqi, 10px);
    margin-top: min(1.875cqi, 24px);
  }
}
.p-topics-parts-nav a {
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  min-height: 15.641cqi;
  border: 1px solid #3f939f;
  border-radius: 2.051cqi;
  font-family: "Noto Sans JP", sans-serif;
  color: #3f939f;
  font-weight: bold;
  font-size: 3.59cqi;
  line-height: 1.5;
  padding: 0 21.538cqi 0 6.154cqi;
  transition: 0.3s;
}
@media screen and (width < 768px) {
  .p-topics-parts-nav a {
    width: 100%;
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-nav a {
    width: min(16.272cqi, 209px);
    min-height: min(5.156cqi, 66px);
    border-radius: min(0.625cqi, 8px);
    font-size: min(1.094cqi, 14px);
    padding: 0 min(4.375cqi, 56px) 0 min(1.25cqi, 16px);
  }
}
.p-topics-parts-nav a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 6.154cqi;
  transform: translateY(-50%);
  background: #231815;
  border-radius: 2.564cqi;
  width: 9.231cqi;
  height: 5.128cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-nav a::before {
    right: min(1.25cqi, 16px);
    width: min(2.813cqi, 36px);
    height: min(1.563cqi, 20px);
  }
}
.p-topics-parts-nav a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6.154cqi;
  transform: translateY(-50%);
  background: url(/canaeru/assets/img/elm_arrow_2.svg) repeat-y;
  background-size: 9.231cqi 5.128cqi;
  width: 9.231cqi;
  height: 5.128cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-nav a::after {
    right: min(1.25cqi, 16px);
    width: min(2.813cqi, 36px);
    height: min(1.563cqi, 20px);
    background-size: min(2.813cqi, 36px) min(1.563cqi, 20px);
    transition: 0.3s;
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-nav a:hover {
    background: #f1f8f7;
  }
  .p-topics-parts-nav a:hover::after {
    background-position-y: min(1.563cqi, 20px);
  }
}
.p-topics-parts-section {
  background: #fff;
  padding: 6.154cqi 5.128cqi;
  margin-top: 20.513cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-section {
    padding: min(3.125cqi, 40px);
    margin-top: min(3.125cqi, 40px);
  }
}
.p-topics-parts-section + .p-topics-parts-section {
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-section + .p-topics-parts-section {
    margin-top: min(3.75cqi, 48px);
  }
}
.p-topics-parts-section img {
  width: 100%;
  height: auto;
}
.p-topics-parts-category--1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #3f939f;
  border-radius: 2.051cqi;
  min-height: 10.256cqi;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 4.103cqi;
  line-height: 1.5;
  padding: 0 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-category--1 {
    border-radius: min(0.625cqi, 8px);
    min-height: min(3.594cqi, 46px);
    font-size: min(1.563cqi, 20px);
    padding: 0 min(1.25cqi, 16px);
  }
}
.p-topics-parts-category--2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #444;
  min-height: 8.205cqi;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 4.103cqi;
  line-height: 1.5;
  padding: 0 2.051cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-category--2 {
    min-height: min(2.969cqi, 38px);
    font-size: min(1.563cqi, 20px);
    padding: 0 min(0.625cqi, 8px);
  }
}
.p-topics-parts-category--3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.266px solid #3f939f;
  min-height: 8.205cqi;
  font-family: "Noto Sans JP", sans-serif;
  color: #3f939f;
  font-size: 3.189cqi;
  padding: 0 2.126cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-category--3 {
    border: min(0.078cqi, 1px) solid #3f939f;
    min-height: min(2.422cqi, 31px);
    font-size: min(0.938cqi, 12px);
    padding: 0 min(0.625cqi, 8px);
  }
}
.p-topics-parts-category--4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6fb2c6;
  min-height: 6.677cqi;
  color: #fff;
  font-size: 3.44cqi;
  line-height: normal;
  padding: 0 4.405cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-category--4 {
    min-height: min(1.719cqi, 22px);
    font-size: min(0.859cqi, 11px);
    padding: 0 min(1.094cqi, 14px);
  }
}
.p-topics-parts-category--5 {
  position: relative;
  display: flex;
  align-items: center;
  color: #3f939f;
  font-size: 4.248cqi;
  line-height: normal;
  padding-left: 1.895cqi;
  margin-top: 3.138cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-category--5 {
    font-size: min(1.094cqi, 14px);
    padding-left: min(0.469cqi, 6px);
    margin-top: min(0.781cqi, 10px);
  }
}
.p-topics-parts-category--5::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #6fb2c6;
  width: 0.513cqi;
  height: 4.125cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-category--5::before {
    width: min(0.156cqi, 2px);
    height: min(1.016cqi, 13px);
  }
}
.p-topics-parts-category--6 {
  position: relative;
  padding-left: 4.228cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-category--6 {
    padding-left: min(0.938cqi, 12px);
  }
}
.p-topics-parts-category--6::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.795cqi;
  background: #6fb2c6;
  width: 0.444cqi;
  height: 100%;
}
@media screen and (width >= 768px) {
  .p-topics-parts-category--6::before {
    left: min(0.469cqi, 6px);
    width: min(0.156cqi, 2px);
  }
}
.p-topics-parts-head {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  color: #3f939f;
  font-weight: bold;
  font-size: 5.128cqi;
  line-height: 1.5;
  padding-left: 4.872cqi;
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-head {
    font-size: min(2.344cqi, 30px);
    padding-left: min(1.484cqi, 19px);
    margin-top: min(1.875cqi, 24px);
  }
}
.p-topics-parts-head::before {
  content: "";
  position: absolute;
  background: #3f939f;
  top: 0;
  left: 0;
  width: 0.769cqi;
  height: 100%;
}
@media screen and (width >= 768px) {
  .p-topics-parts-head::before {
    width: min(0.234cqi, 3px);
  }
}
.p-topics-parts-2col--1 {
  display: inline-grid;
  gap: 10.256cqi;
  margin-top: 10.256cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-2col--1 {
    grid-template-columns: 1fr 1fr;
    gap: min(3.125cqi, 40px);
    margin-top: min(3.125cqi, 40px);
  }
}
.p-topics-parts-2col--2 {
  display: inline-grid;
  gap: 10.256cqi;
  margin-top: 10.256cqi;
}
@media screen and (width < 768px) {
  .p-topics-parts-2col--2 {
    gap: 4.103cqi;
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-2col--2 {
    grid-template-columns: 1fr 1fr;
    gap: min(3.125cqi, 40px);
    align-items: end;
    margin-top: min(3.125cqi, 40px);
  }
}
.p-topics-parts-block--1 > * + * {
  margin-top: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-block--1 > * + * {
    margin-top: min(1.25cqi, 16px);
  }
}
.p-topics-parts-block--2 {
  display: grid;
  gap: 6.923cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-block--2 {
    grid-template-columns: auto auto;
    gap: min(1.25cqi, 16px);
  }
}
.p-topics-parts-definition-list {
  display: flex;
  align-items: center;
  gap: 3.077cqi;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 3.077cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-topics-parts-definition-list {
    gap: min(0.938cqi, 12px);
    font-size: min(0.938cqi, 12px);
  }
}
.p-topics-parts-item--1 {
  display: grid;
  grid-template-columns: 13.054cqi auto;
  align-items: center;
  gap: 0.805cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--1 {
    grid-template-columns: min(6.172cqi, 79px) auto;
    gap: min(0.391cqi, 5px);
  }
}
.p-topics-parts-item--1 span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3f939f;
  min-height: 31.282cqi;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 2.175cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--1 span {
    min-height: min(14.766cqi, 189px);
    font-size: min(1.016cqi, 13px);
  }
}
.p-topics-parts-item--2 {
  position: relative;
  margin-top: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--2 {
    width: min(23.359cqi, 299px);
    margin-top: min(2.031cqi, 26px);
  }
}
.p-topics-parts-item--2 .p-topics-parts-item-annotation {
  position: absolute;
  top: 3.867cqi;
  left: 0.462cqi;
  font-size: 2.126cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--2 .p-topics-parts-item-annotation {
    top: min(1.016cqi, 13px);
    left: 0;
    font-size: min(0.625cqi, 8px);
  }
}
.p-topics-parts-item--3 {
  width: 23.59cqi;
  margin-top: 3.677cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--3 {
    width: min(8.672cqi, 111px);
    margin: min(2.031cqi, 26px) 0 0 min(1.016cqi, 13px);
  }
}
.p-topics-parts-item--3 + .p-topics-parts-item-annotation {
  display: block;
  font-size: 2.126cqi;
  margin-top: 3.746cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--3 + .p-topics-parts-item-annotation {
    font-size: min(0.625cqi, 8px);
    white-space: nowrap;
    margin-top: min(2.344cqi, 30px);
  }
}
.p-topics-parts-item--4 {
  position: relative;
  padding-right: 33.333cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--4 {
    padding-right: min(12.813cqi, 164px);
  }
}
.p-topics-parts-item--4 .p-topics-parts-point {
  position: absolute;
  right: 1.226cqi;
}
@media screen and (width < 768px) {
  .p-topics-parts-item--4 .p-topics-parts-point {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--4 .p-topics-parts-point {
    bottom: min(1.094cqi, 14px);
    right: min(0.625cqi, 8px);
  }
}
.p-topics-parts-item--5 {
  position: relative;
  padding-bottom: 4.015cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--5 {
    padding-bottom: min(2.5cqi, 32px);
  }
}
.p-topics-parts-item--5 .p-topics-parts-point {
  position: absolute;
  bottom: 0;
  left: 3.923cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--5 .p-topics-parts-point {
    left: min(1.875cqi, 24px);
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: min(1.25cqi, 16px);
  }
}
.p-topics-parts-item--6 p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.077cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--6 p {
    font-size: min(0.938cqi, 12px);
  }
}
@media screen and (width < 768px) {
  .p-topics-parts-item--6 div:has(.p-topics-parts-point) {
    display: grid;
    justify-content: center;
    margin-top: 7.133cqi;
  }
  .p-topics-parts-item--6 div:has(.p-topics-parts-point) .p-topics-parts-point {
    display: inline-block;
    margin-inline: auto;
  }
}
.p-topics-parts-item--7 {
  position: relative;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--7 {
    height: min(25.469cqi, 326px);
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--7 img {
    width: auto;
    height: 100%;
  }
}
.p-topics-parts-item--8 {
  text-align: center;
}
.p-topics-parts-item--8 p:nth-child(1) {
  position: relative;
  display: inline-block;
  color: #3f939f;
  font-size: 5.007cqi;
  line-height: normal;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--8 p:nth-child(1) {
    font-size: min(1.094cqi, 14px);
  }
}
.p-topics-parts-item--8 p:nth-child(1)::before, .p-topics-parts-item--8 p:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url(/canaeru/assets/img/topics/elm_oblique_1.svg) no-repeat center center/contain;
  width: 4.095cqi;
  height: 5.982cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--8 p:nth-child(1)::before, .p-topics-parts-item--8 p:nth-child(1)::after {
    width: min(0.938cqi, 12px);
    height: min(1.328cqi, 17px);
  }
}
.p-topics-parts-item--8 p:nth-child(1)::before {
  left: -7.582cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--8 p:nth-child(1)::before {
    left: max(-1.641cqi, -21px);
  }
}
.p-topics-parts-item--8 p:nth-child(1)::after {
  transform: translateY(-50%) scaleX(-1);
  right: -7.582cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--8 p:nth-child(1)::after {
    right: max(-1.641cqi, -21px);
  }
}
.p-topics-parts-item--8 p:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/canaeru/assets/img/topics/elm_balloon_1.svg) no-repeat center center/contain;
  width: 73.829cqi;
  height: 34.858cqi;
  color: #fff;
  font-size: 2.86cqi;
  line-height: 1.75;
  margin-top: 3.905cqi;
}
@media screen and (width < 768px) {
  .p-topics-parts-item--8 p:nth-child(2) {
    margin-inline: auto;
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--8 p:nth-child(2) {
    width: min(16.172cqi, 207px);
    height: min(7.656cqi, 98px);
    font-size: min(0.625cqi, 8px);
    margin-top: min(0.859cqi, 11px);
  }
}
.p-topics-parts-item--9 {
  position: relative;
  padding-top: 4.167cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--9 {
    padding-top: min(0.938cqi, 12px);
  }
}
.p-topics-parts-item--9 p {
  position: absolute;
  top: 0;
  left: 0;
  color: #3f939f;
  font-size: 3.577cqi;
  line-height: normal;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--9 p {
    font-size: min(0.781cqi, 10px);
  }
}
.p-topics-parts-item--10 {
  position: relative;
  margin-top: 3.931cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--10 {
    width: min(14.766cqi, 189px);
    margin-top: min(1.484cqi, 19px);
  }
}
.p-topics-parts-item--10 .p-topics-parts-point {
  position: absolute;
  top: -6.154cqi;
  right: 0;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--10 .p-topics-parts-point {
    top: max(-1.641cqi, -21px);
    right: max(-1.25cqi, -16px);
  }
}
.p-topics-parts-item--11 {
  position: relative;
  margin-top: 3.931cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--11 {
    width: min(17.109cqi, 219px);
    margin-top: min(1.484cqi, 19px);
    margin-left: auto;
  }
}
.p-topics-parts-item--11 .p-topics-parts-point {
  position: absolute;
  top: 6.41cqi;
  right: 0;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--11 .p-topics-parts-point {
    top: max(-0.313cqi, -4px);
    right: max(-1.563cqi, -20px);
  }
}
.p-topics-parts-item--12 {
  position: relative;
  margin-top: 3.931cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--12 {
    width: min(19.922cqi, 255px);
    margin-top: min(1.484cqi, 19px);
  }
}
.p-topics-parts-item--12 .p-topics-parts-point {
  position: absolute;
  top: -20cqi;
  right: 0;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item--12 .p-topics-parts-point {
    top: max(-6.094cqi, -78px);
    right: max(-1.563cqi, -20px);
  }
}
.p-topics-parts-item-desc--1 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.103cqi;
  line-height: 1.5;
  margin-top: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item-desc--1 {
    font-size: min(1.25cqi, 16px);
    margin-top: min(1.25cqi, 16px);
  }
}
.p-topics-parts-item-desc--1 .p-topics-parts-item-annotation {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.077cqi;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 2.564cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item-desc--1 .p-topics-parts-item-annotation {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.625cqi, 8px);
  }
}
.p-topics-parts-item-desc--1 .p-topics-parts-item-annotation + .p-topics-parts-item-annotation {
  margin-top: 1.026cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item-desc--1 .p-topics-parts-item-annotation + .p-topics-parts-item-annotation {
    margin-top: min(0.313cqi, 4px);
  }
}
.p-topics-parts-item-desc--2 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.077cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item-desc--2 {
    font-size: min(0.938cqi, 12px);
  }
}
.p-topics-parts-item-desc--3 {
  display: flex;
  justify-content: center;
  margin-top: 2.013cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item-desc--3 {
    margin-top: min(0.938cqi, 12px);
  }
}
.p-topics-parts-item-desc--3 p {
  display: inline-block;
  border: 0.256cqi solid #231815;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.113cqi;
  line-height: 1.25;
  padding: 1.005cqi 1.633cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item-desc--3 p {
    border: min(0.078cqi, 1px) solid #231815;
    font-size: min(0.938cqi, 12px);
    padding: min(0.547cqi, 7px) min(0.859cqi, 11px);
  }
}
.p-topics-parts-item-desc--3 span {
  color: #e60012;
}
.p-topics-parts-item-desc--4 {
  display: flex;
  justify-content: center;
  margin-top: 6.044cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item-desc--4 {
    margin-top: min(0.938cqi, 12px);
  }
}
.p-topics-parts-item-desc--4 p {
  position: relative;
  display: inline-block;
  border: 0.256cqi solid #231815;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.564cqi;
  line-height: 1.25;
  padding: 1.005cqi 1.633cqi;
}
@media screen and (width < 768px) {
  .p-topics-parts-item-desc--4 p {
    padding-top: 7.179cqi;
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-item-desc--4 p {
    border: min(0.078cqi, 1px) solid #231815;
    font-size: min(0.938cqi, 12px);
    padding: min(0.547cqi, 7px) min(0.859cqi, 11px) min(0.547cqi, 7px) min(4.688cqi, 60px);
  }
}
.p-topics-parts-item-desc--4 span {
  position: absolute;
  top: 1.538cqi;
  display: inline-flex;
  background: #231815;
  color: #fff;
  padding: 0.513cqi 1.282cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-item-desc--4 span {
    top: min(0.469cqi, 6px);
    left: min(0.313cqi, 4px);
    padding: min(0.156cqi, 2px) min(0.234cqi, 3px);
  }
}
.p-topics-parts-caption--1 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.077cqi;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-topics-parts-caption--1 {
    font-size: min(0.938cqi, 12px);
  }
}
.p-topics-parts-color-block {
  display: grid;
  gap: 3.077cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-color-block {
    grid-template-columns: 1fr min(28.75cqi, 368px);
    gap: min(1.094cqi, 14px);
  }
}
.p-topics-parts-color-block p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.59cqi;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .p-topics-parts-color-block p {
    font-size: min(1.094cqi, 14px);
  }
}
.p-topics-parts-color {
  display: flex;
  flex-wrap: wrap;
  gap: 3.077cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-color {
    gap: min(1.25cqi, 16px);
  }
}
.p-topics-parts-color-variation {
  width: 17.436cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-color-variation {
    width: min(6.25cqi, 80px);
  }
}
.p-topics-parts-color-variation span {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.077cqi;
  line-height: 1.4;
  margin-top: 2.051cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-color-variation span {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.625cqi, 8px);
  }
}
.p-topics-parts-model-head {
  display: flex;
  align-items: center;
  gap: 0.769cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-model-head {
    gap: min(0.391cqi, 5px);
  }
}
.p-topics-parts-model-head img {
  display: block;
  width: 10.185cqi;
  height: auto;
}
@media screen and (width >= 768px) {
  .p-topics-parts-model-head img {
    width: min(4.844cqi, 62px);
  }
}
.p-topics-parts-model-head span {
  display: block;
  color: #3f939f;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.113cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-model-head span {
    font-size: min(1.016cqi, 13px);
  }
}
.p-topics-parts-model {
  display: flex;
  flex-wrap: wrap;
  gap: 3.11cqi;
  margin-top: 0.769cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-model {
    gap: min(1.484cqi, 19px);
    margin-top: min(0.391cqi, 5px);
  }
}
.p-topics-parts-model-img img {
  display: block;
  width: 5.897cqi;
  height: auto;
}
@media screen and (width >= 768px) {
  .p-topics-parts-model-img img {
    width: min(2.734cqi, 35px);
  }
}
.p-topics-parts-model-img span {
  display: block;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.536cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-model-img span {
    font-size: min(0.703cqi, 9px);
  }
}
.p-topics-parts-point {
  position: relative;
  background: #fff;
  border: 0.385cqi solid #6fb2c6;
  padding: 3.077cqi 1.438cqi 2.718cqi 1.344cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-point {
    border: min(0.156cqi, 2px) solid #6fb2c6;
    padding: min(1.406cqi, 18px) min(0.703cqi, 9px) min(1.25cqi, 16px) min(0.625cqi, 8px);
  }
}
.p-topics-parts-point::before {
  content: "";
  position: absolute;
  top: -2.644cqi;
  left: -1.995cqi;
  background: url(/canaeru/assets/img/topics/elm_point.svg) no-repeat center center/contain;
  width: 9.618cqi;
  height: 5.844cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-point::before {
    top: max(-1.25cqi, -16px);
    left: max(-0.938cqi, -12px);
    width: min(4.531cqi, 58px);
    height: min(2.734cqi, 35px);
  }
}
.p-topics-parts-point--balloon::after {
  content: "";
  position: absolute;
  background: url(/canaeru/assets/img/topics/elm_balloon_2.svg) no-repeat center center/contain;
  width: 3.59cqi;
  height: 4.103cqi;
  bottom: -3.077cqi;
  left: 4.359cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-point--balloon::after {
    width: min(1.094cqi, 14px);
    height: min(1.25cqi, 16px);
    bottom: max(-0.938cqi, -12px);
    left: min(1.328cqi, 17px);
  }
}
.p-topics-parts-point ul li {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.564cqi;
  padding-left: 2.115cqi;
  line-height: 1.25;
}
@media screen and (width >= 768px) {
  .p-topics-parts-point ul li {
    font-size: min(0.781cqi, 10px);
    padding-left: min(1.016cqi, 13px);
  }
}
.p-topics-parts-point ul li:not(.annotation)::before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0.256cqi;
  background: #85cade;
  border-radius: 1.538cqi;
  width: 1.538cqi;
  height: 1.538cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-point ul li:not(.annotation)::before {
    left: min(0.078cqi, 1px);
    border-radius: min(0.625cqi, 8px);
    width: min(0.625cqi, 8px);
    height: min(0.625cqi, 8px);
  }
}
.p-topics-parts-point ul li.annotation {
  color: #6fb2c6;
  padding-left: 0;
}
.p-topics-parts-point ul li + li {
  margin-top: 1.408cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-point ul li + li {
    margin-top: min(0.625cqi, 8px);
  }
}
.p-topics-parts-lead--1 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.103cqi;
  line-height: 1.5;
  margin-top: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-lead--1 {
    font-size: min(1.25cqi, 16px);
    margin-top: min(1.875cqi, 24px);
  }
}
.p-topics-parts-lead--2 {
  color: #231815;
  font-size: 2.564cqi;
  line-height: normal;
  margin-top: 1.795cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-lead--2 {
    font-size: min(0.547cqi, 7px);
    font-weight: 500;
    margin-top: min(0.469cqi, 6px);
  }
}
.p-topics-parts-lead--3 {
  color: #231815;
  font-size: 2.564cqi;
  line-height: normal;
  margin-top: 1.538cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-lead--3 {
    font-size: min(0.469cqi, 6px);
    font-weight: 500;
    margin-top: min(0.469cqi, 6px);
  }
}
.p-topics-parts-lead--new {
  position: relative;
  padding-left: 6.641cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-lead--new {
    padding-left: min(1.719cqi, 22px);
  }
}
.p-topics-parts-lead--new::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(/canaeru/assets/img/topics/elm_new_1.svg) no-repeat center center/contain;
  width: 5.392cqi;
  height: 2.426cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-lead--new::before {
    width: min(1.406cqi, 18px);
    height: min(0.625cqi, 8px);
  }
}
.p-topics-parts-canity-head--1 img {
  width: auto;
  height: 6.798cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-head--1 img {
    height: 100%;
    max-height: min(2.969cqi, 38px);
  }
}
.p-topics-parts-canity-head--1 p {
  font-size: 3.077cqi;
  margin-top: 2.051cqi;
  line-height: normal;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-head--1 p {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.313cqi, 4px);
  }
}
.p-topics-parts-canity-head--2 img {
  width: auto;
  height: 9.079cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-head--2 img {
    height: 100%;
    max-height: min(4.297cqi, 55px);
  }
}
.p-topics-parts-canity-head--2 p {
  font-size: 3.077cqi;
  margin-top: 2.051cqi;
  line-height: normal;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-head--2 p {
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.313cqi, 4px);
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-head--3 {
    min-height: min(6.094cqi, 78px);
    margin-top: min(1.157cqi, 15px);
  }
}
.p-topics-parts-canity-head--3 img {
  width: auto;
  height: 6.798cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-head--3 img {
    height: 100%;
    max-height: min(2.969cqi, 38px);
  }
}
.p-topics-parts-canity-head--3 p {
  font-size: 3.077cqi;
  margin-top: 2.051cqi;
  line-height: normal;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-head--3 p {
    min-height: min(2.656cqi, 34px);
    font-size: min(0.938cqi, 12px);
    margin-top: min(0.313cqi, 4px);
  }
}
.p-topics-parts-canity-head--4 {
  color: #3f939f;
  font-size: 4.657cqi;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-head--4 {
    font-size: min(1.094cqi, 14px);
  }
}
.p-topics-parts-canity-block--1 {
  display: grid;
  gap: 5.128cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-block--1 {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: min(2.969cqi, 38px) min(3.125cqi, 40px);
  }
}
.p-topics-parts-canity-block--2 {
  display: grid;
  gap: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-block--2 {
    grid-template-areas: "canity-item-1 canity-item-2" "canity-item-1 canity-item-3";
    gap: min(2.266cqi, 29px);
  }
}
.p-topics-parts-canity-block--3 {
  display: grid;
  gap: 6.154cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-block--3 {
    grid-template-columns: 1fr 1fr;
    gap: min(2.344cqi, 30px);
  }
}
.p-topics-parts-canity-annotation {
  font-size: 3.077cqi;
  line-height: normal;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 4.103cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-annotation {
    font-size: min(0.859cqi, 11px);
    margin-top: min(1.328cqi, 17px);
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--1 {
    grid-area: canity-item-1;
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--2 {
    grid-area: canity-item-2;
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--3 {
    grid-area: canity-item-3;
  }
}
.p-topics-parts-canity-item--4 {
  position: relative;
  padding-bottom: 23.021cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--4 {
    padding-bottom: min(7.813cqi, 100px);
  }
}
.p-topics-parts-canity-item--4 .p-topics-parts-point {
  position: absolute;
  bottom: 0;
  left: 1.795cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--4 .p-topics-parts-point {
    left: max(-0.313cqi, -4px);
  }
}
.p-topics-parts-canity-item--4 .p-topics-parts-canity-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 31.795cqi;
  height: 38.205cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--4 .p-topics-parts-canity-img {
    width: min(7.188cqi, 92px);
    height: min(8.594cqi, 110px);
  }
}
.p-topics-parts-canity-item--5 {
  position: relative;
  padding-bottom: 23.021cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--5 {
    padding-bottom: min(7.813cqi, 100px);
  }
}
.p-topics-parts-canity-item--5 .p-topics-parts-point {
  position: absolute;
  bottom: 0;
  left: 1.795cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--5 .p-topics-parts-point {
    left: max(-0.625cqi, -8px);
  }
}
.p-topics-parts-canity-item--5 .p-topics-parts-canity-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 31.795cqi;
  height: 38.205cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--5 .p-topics-parts-canity-img {
    width: min(6.563cqi, 84px);
    height: min(8.594cqi, 110px);
  }
}
.p-topics-parts-canity-item--6 {
  position: relative;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--6 {
    padding-bottom: min(14.844cqi, 190px);
  }
}
.p-topics-parts-canity-item--6 .p-topics-parts-point {
  position: absolute;
  top: 7.997cqi;
  right: 0;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--6 .p-topics-parts-point {
    top: min(2.734cqi, 35px);
    right: min(0.625cqi, 8px);
  }
}
.p-topics-parts-canity-item--6 .p-topics-parts-canity-img {
  width: 100%;
  height: auto;
}
@media screen and (width < 768px) {
  .p-topics-parts-canity-item--6 .p-topics-parts-canity-img {
    margin-top: 7.692cqi;
  }
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--6 .p-topics-parts-canity-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: min(16.875cqi, 216px);
    height: min(10cqi, 128px);
  }
}
.p-topics-parts-canity-item--7 {
  position: relative;
  padding-bottom: 59.487cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--7 {
    padding-bottom: 0;
  }
}
.p-topics-parts-canity-item--7 .p-topics-parts-point {
  position: absolute;
  top: 23.077cqi;
  left: 1.795cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--7 .p-topics-parts-point {
    top: min(5.469cqi, 70px);
    left: max(-0.781cqi, -10px);
  }
}
.p-topics-parts-canity-item--7 .p-topics-parts-canity-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 53.59cqi;
  height: 56.667cqi;
}
@media screen and (width >= 768px) {
  .p-topics-parts-canity-item--7 .p-topics-parts-canity-img {
    bottom: min(2.344cqi, 30px);
    width: min(12.109cqi, 155px);
    height: min(12.813cqi, 164px);
  }
}
.js-zoom-modal {
  display: none;
}
@media screen and (width < 768px) {
  .p-zoom-modal-bg {
    display: flex;
    position: fixed;
    inset: 0;
    z-index: 1000;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: visibility 0.3s, opacity 0.3s;
  }
  .p-zoom-modal-bg.is-open {
    visibility: visible;
    opacity: 1;
  }
  .p-zoom-modal {
    position: relative;
    width: 90%;
    max-width: 100%;
    max-height: 90vh;
    background: #fff;
    border-radius: 2.051cqi;
  }
  .p-zoom-modal-close {
    position: absolute;
    top: -4.103cqi;
    right: -3.077cqi;
    z-index: 2;
    background: #3f939f;
    border-radius: 8.205cqi;
    width: 8.205cqi;
    height: 8.205cqi;
    cursor: pointer;
  }
  .p-zoom-modal-close::before, .p-zoom-modal-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4.359cqi;
    height: 0.769cqi;
    background: #fff;
    border-radius: 0.256cqi;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .p-zoom-modal-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .js-zoom-modal-cont {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6.154cqi 5.128cqi;
    transition: 0.3s;
  }
  .js-zoom-modal-cont img {
    width: 100%;
    height: auto;
  }
}
/* display
-------------------------------------------------------------- */
@media screen and (width >= 768px) {
  .u-sp {
    display: none;
  }
}
@media screen and (width < 768px) {
  .u-pc {
    display: none;
  }
}
.u-jc-center {
  justify-content: center;
}
@media screen and (width < 768px) {
  .u-mt-24-sp {
    margin-top: 6.154cqi;
  }
}
@media screen and (width >= 768px) {
  .u-mt-24-pc {
    margin-top: min(1.875cqi, 24px);
  }
}
@media screen and (width < 768px) {
  .u-mt-32-sp {
    margin-top: 8.205cqi;
  }
}
@media screen and (width < 768px) {
  .u-mt-40-sp {
    margin-top: 10.256cqi;
  }
}
@media screen and (width >= 768px) {
  .u-mt-40-pc {
    margin-top: min(3.125cqi, 40px);
  }
}
@media screen and (width < 768px) {
  .u-mt-48-sp {
    margin-top: 12.308cqi;
  }
}
@media screen and (width >= 768px) {
  .u-mt-48-pc {
    margin-top: min(3.75cqi, 48px);
  }
}
@media screen and (width < 768px) {
  .u-mt-64-sp {
    margin-top: 16.41cqi;
  }
}
@media screen and (width >= 768px) {
  .u-mt-80-pc {
    margin-top: min(6.25cqi, 80px);
  }
}
@media screen and (width < 768px) {
  .u-mt-100-sp {
    margin-top: 25.642cqi;
  }
}
@media screen and (width >= 768px) {
  .u-mt-100-pc {
    margin-top: min(7.813cqi, 100px);
  }
}
@media screen and (width >= 768px) {
  .u-mt-150-pc {
    margin-top: min(11.719cqi, 150px);
  }
}
.u-ml-0-pc {
  margin-left: 0;
}
@media screen and (width < 768px) {
  .u-pt-64-sp {
    padding-top: 16.41cqi;
  }
}
@media screen and (width >= 768px) {
  .u-pt-100-pc {
    padding-top: min(7.813cqi, 100px);
  }
}
.u-pb-14em {
  padding-bottom: 1.4em;
}
.u-pb-28em {
  padding-bottom: 2.8em;
}
@media screen and (width < 768px) {
  .u-pb-64-sp {
    padding-bottom: 16.41cqi;
  }
}
@media screen and (width >= 768px) {
  .u-pb-68-pc {
    padding-bottom: min(5.313cqi, 68px);
  }
}
@media screen and (width >= 768px) {
  .u-pb-100-pc {
    padding-bottom: min(7.813cqi, 100px);
  }
}
@media screen and (width >= 768px) {
  .u-w-215-pc {
    width: min(16.797cqi, 215px);
  }
}
.u-bg-white {
  background-color: #fff;
}
.u-bg-green {
  background-color: #d8e4dc;
}