@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #000;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

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

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  color: #000;
  font-family: "Noto Sans", sans-serif;
  background: #fff;
}

/* 背景スクロールを無効化 */
.no-scroll {
  position: fixed; /* ページ全体の位置を固定 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* スクロールを無効化 */
  margin: 0;
  padding: 0;
}

main {
  position: relative;
}

.en {
  font-family: "Be Vietnam Pro", sans-serif;
}

.color-white {
  color: #fff !important;
}

img {
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  transition: 0.3s;
}

@media (hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}
.btn {
  display: inline-block;
}

.bg-color {
  background: linear-gradient(to right, #015DE7, #46D6B6);
}

@media screen and (min-width:768px) {
  .bg-color--pc {
    background: linear-gradient(to right, #015DE7, #46D6B6);
  }
}

.inner, .inner-s {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  margin: auto;
  padding: 0 50px;
}

section.p404 .inner--p404 {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 100px 0 100px;
}
@media screen and (min-width:768px) {
  section.p404 .inner--p404 {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.9710144928vw, 110px) 0 min(7.2463768116vw, 100px);
  }
}
section.p404 .txt {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.25;
  letter-spacing: 0em;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.p404 .txt {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
  }
}

.hamburger {
  position: absolute;
  top: 17px;
  right: 15px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  transition: 0.5s;
  z-index: 10;
}
@media screen and (min-width:768px) {
  .hamburger {
    display: none;
  }
}
.hamburger div {
  width: 18px;
  height: 1px;
  border: 1px solid #fff;
  position: absolute;
  transition: 0.3s;
}
.hamburger div:nth-child(1) {
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hamburger div:nth-child(2) {
  top: 58%;
  left: 42%;
  transform: translate(0%, -50%);
  width: 12px;
}
.hamburger .close {
  display: none;
}

.hamburger.active div:nth-child(1) {
  transform: translate(-50%, 3px) rotate(-45deg);
  background: #015DE7;
  transition: 0.3s;
}

.hamburger.active div:nth-child(2) {
  transform: translate(-35%, -2px) rotate(45deg);
  background: #015DE7;
  width: 18px;
  transition: 0.3s;
}

.hamburger.active .close {
  display: block;
}

.hamburger.active .open {
  display: none;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.header .inner--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 70px;
  margin: auto;
  padding: 0 15px;
}
@media screen and (min-width:768px) {
  .header .inner--header {
    width: min(100vw, 1380px);
    height: min(7.2463768116vw, 100px);
    padding: 0 min(3.6231884058vw, 50px);
  }
}
.header .header__logo a {
  opacity: 1;
}
.header .header__logo img {
  width: 236px;
}
@media screen and (min-width:768px) {
  .header .header__logo img {
    width: min(25.7971014493vw, 356px);
  }
}

nav.nav--header {
  position: fixed;
  top: 0;
  right: 0;
  width: 70%;
  height: 100vh;
  padding: 55px 20px 20px 40px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  transform: translateX(100%);
  transition: 0.3s;
}
@media screen and (min-width:768px) {
  nav.nav--header {
    position: static;
    display: block;
    background: #fff;
    width: auto;
    height: auto;
    padding: 0;
    transform: translateX(0);
  }
}
nav.nav--header.view {
  transform: translateX(0);
}
nav.nav--header .nav--inner {
  position: relative;
  overflow: scroll;
  height: calc(100vh - 120px);
}
@media screen and (min-width:768px) {
  nav.nav--header .nav--inner {
    position: static;
    overflow: visible;
    height: auto;
  }
}
nav.nav--header .header__nav-items {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width:768px) {
  nav.nav--header .header__nav-items {
    flex-direction: row;
    gap: min(3.9130434783vw, 54px);
  }
}
nav.nav--header .header__nav-item {
  border-bottom: 1px solid rgba(240, 240, 240, 0.3137254902);
}
@media screen and (min-width:768px) {
  nav.nav--header .header__nav-item {
    border-bottom: 0;
  }
}
nav.nav--header .has-child {
  position: relative;
}
nav.nav--header .header__nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
nav.nav--header .header__nav-link .jp {
  display: inline-block;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 1.35;
  letter-spacing: 0em;
  padding: 20px 0;
}
@media screen and (min-width:768px) {
  nav.nav--header .header__nav-link .jp {
    font-size: min(1.0144927536vw, 14px);
    line-height: min(7.2463768116vw, 100px);
    color: #000;
    padding: 0;
  }
}
nav.nav--header .touch-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 50px;
  height: 60px;
  z-index: 10;
}
@media screen and (min-width:768px) {
  nav.nav--header .touch-btn {
    top: 0;
    right: 0;
    width: 0;
    height: 0;
  }
}
nav.nav--header .header__nav-link--child {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 1.35;
  letter-spacing: 0em;
  padding: 7px 0;
}
@media screen and (min-width:768px) {
  nav.nav--header .header__nav-link--child {
    font-size: min(1.0144927536vw, 14px);
    line-height: 2.65;
    padding: 0 min(0.7246376812vw, 10px);
  }
}
nav.nav--header .policy__nav {
  display: block;
  margin-top: 10px;
}
@media screen and (min-width:768px) {
  nav.nav--header .policy__nav {
    display: none;
  }
}
nav.nav--header .policy__nav a {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0em;
  padding: 10px 0;
}
nav.nav--header .copy {
  position: absolute;
  bottom: 20px;
  left: 40px;
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 3.2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  nav.nav--header .copy {
    display: none;
  }
}

/*2階層目を持つliの矢印の設定*/
.nav--header ul li.has-child .touch-btn::before,
.nav--header ul li.has-child .touch-btn::after {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 15px;
  top: 50%;
}
@media screen and (min-width:768px) {
  .nav--header ul li.has-child .touch-btn::before,
  .nav--header ul li.has-child .touch-btn::after {
    position: absolute;
    top: min(3.5507246377vw, 49px);
    right: max(-0.8695652174vw, -12px);
    width: min(0.5797101449vw, 8px);
    height: min(0.0724637681vw, 1px);
    background-color: #000;
  }
}

.nav--header ul li.has-child .touch-btn::before {
  display: block;
}

.nav--header ul li.has-child .touch-btn::after {
  display: none;
}
@media screen and (min-width:768px) {
  .nav--header ul li.has-child .touch-btn::after {
    display: block;
  }
}

.nav--header ul li.has-child .touch-btn::after {
  transform: rotate(90deg);
}

.nav--header ul li.has-child .touch-btn::after {
  display: block;
}
@media screen and (min-width:768px) {
  .nav--header ul li.has-child .touch-btn::after {
    display: block;
  }
}

.nav--header ul li.has-child.active .touch-btn::after {
  display: none;
}
@media screen and (min-width:768px) {
  .nav--header ul li.has-child.active .touch-btn::after {
    display: block;
  }
}

/*== 2・3階層目の共通設定 */
/*下の階層を持っているulの指定*/
.nav--header li.has-child ul {
  /*絶対配置で位置を指定*/
  display: none;
  position: static;
  width: 100%;
  border-top: 1px solid rgba(240, 240, 240, 0.3137254902);
  transition: 0.3s;
  z-index: 4;
}
@media screen and (min-width:768px) {
  .nav--header li.has-child ul {
    display: block;
    position: absolute;
    right: 0;
    width: -moz-max-content;
    width: max-content;
    padding: min(0.7246376812vw, 10px) min(2.1739130435vw, 30px);
    border-top: 0;
    visibility: hidden;
    opacity: 0;
  }
}

/*hoverしたら表示*/
.nav--header li.has-child:hover > ul,
.nav--header li.has-child ul li:hover > ul,
.nav--header li.has-child:active > ul,
.nav--header li.has-child ul li:active > ul {
  visibility: visible;
  opacity: 1;
}

section.contact {
  position: relative;
  background: url(../../assets/img/common/contact_bg_sp.jpg) no-repeat center center/cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width:768px) {
  section.contact {
    background: url(../../assets/img/common/contact_bg_pc.jpg) no-repeat center center/cover;
  }
}
section.contact::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0.5;
}
section.contact .inner--contact {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 84%;
  margin: auto;
  padding: 35px 0 55px;
}
@media screen and (min-width:768px) {
  section.contact .inner--contact {
    flex-direction: row;
    justify-content: space-between;
    width: min(66.6666666667vw, 920px);
    padding: min(9.4202898551vw, 130px) 0 min(3.4782608696vw, 48px);
  }
}
section.contact .first_content .contact__ttl {
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 2.125;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.contact .first_content .contact__ttl {
    font-size: min(4.347826087vw, 60px);
    line-height: 1.41;
    text-align: left;
    margin-top: max(-1.4492753623vw, -20px);
    margin-bottom: min(0.3623188406vw, 5px);
  }
}
section.contact .first_content h2.section__ttl {
  justify-content: center;
}
@media screen and (min-width:768px) {
  section.contact .first_content h2.section__ttl {
    justify-content: flex-start;
  }
}
section.contact .first_content .section__catch {
  text-align: center;
  margin-top: 15px;
  line-height: 1.5;
}
@media screen and (min-width:768px) {
  section.contact .first_content .section__catch {
    text-align: left;
    line-height: 1.9;
    margin-top: min(2.6811594203vw, 37px);
  }
}
section.contact .last_content {
  margin-right: 0;
}
@media screen and (min-width:768px) {
  section.contact .last_content {
    margin-right: min(1.9565217391vw, 27px);
  }
}
section.contact .last_content .contact__lists {
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.contact .last_content .contact__lists {
    margin: 0;
  }
}
section.contact .last_content .txt01 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 1.2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.contact .last_content .txt01 {
    font-size: min(1.4492753623vw, 20px);
    line-height: 1.2;
  }
}
section.contact .last_content .txt02 {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.contact .last_content .txt02 {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.5;
  }
}
section.contact .last_content .caution {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.contact .last_content .caution {
    font-size: min(0.8695652174vw, 12px);
  }
}
section.contact .last_content .number {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  line-height: 1.35;
  letter-spacing: 0em;
  margin: 0 0 3px;
}
@media screen and (min-width:768px) {
  section.contact .last_content .number {
    gap: min(0.4347826087vw, 6px);
    font-size: min(2.1739130435vw, 30px);
    line-height: 1.35;
    margin: min(0.3623188406vw, 5px) 0 min(0.5797101449vw, 8px);
  }
}
section.contact .last_content .number::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 26px;
  background: url(../../assets/img/common/icon_phone.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.contact .last_content .number::before {
    width: min(1.4492753623vw, 20px);
    height: min(1.884057971vw, 26px);
  }
}
section.contact .last_content .btn__block {
  margin: 24px auto 35px;
}
@media screen and (min-width:768px) {
  section.contact .last_content .btn__block {
    margin-top: min(2.1739130435vw, 30px);
  }
}
section.contact .last_content .btn__block a {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.35;
  letter-spacing: 0em;
  padding: 7px 33px;
  border: 2px solid #fff;
  border-radius: 50px;
}
@media screen and (min-width:768px) {
  section.contact .last_content .btn__block a {
    font-size: min(1.4492753623vw, 20px);
    line-height: 1.35;
    padding: min(0.4347826087vw, 6px) min(2.4637681159vw, 34px);
    border: min(0.1449275362vw, 2px) solid #fff;
    border-radius: min(3.6231884058vw, 50px);
  }
}

.footer {
  position: relative;
  background-color: #000;
}
.footer .inner--footer {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 58px 0 20px;
}
@media screen and (min-width:768px) {
  .footer .inner--footer {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.0724637681vw, 70px) 0 min(2.1739130435vw, 30px);
  }
}
.footer .first__content {
  display: block;
}
@media screen and (min-width:768px) {
  .footer .first__content {
    display: flex;
    justify-content: space-between;
  }
}
.footer .first__content .footer__logo {
  opacity: 1;
}
.footer .first__content .footer__logo img {
  width: 250px;
}
@media screen and (min-width:768px) {
  .footer .first__content .footer__logo img {
    width: min(31.884057971vw, 440px);
  }
}
.footer .first__content .address {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-top: 20px;
}
@media screen and (min-width:768px) {
  .footer .first__content .address {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    margin-top: min(1.0869565217vw, 15px);
  }
}
.footer .first__content .nav--footer {
  display: none;
}
@media screen and (min-width:768px) {
  .footer .first__content .nav--footer {
    display: flex;
    gap: min(6.5217391304vw, 90px);
    padding-right: min(3.9855072464vw, 55px);
  }
}
.footer .first__content .footer__nav-items .item__ttl {
  font-size: min(1.4492753623vw, 20px);
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0em;
}
.footer .first__content .footer__nav-items .child__link {
  font-size: min(1.1594202899vw, 16px);
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
}
.footer .first__content .footer__nav-item {
  display: flex;
  flex-direction: column;
  margin-bottom: min(1.6666666667vw, 23px);
}
.footer .first__content .footer__nav-item:last-child {
  margin-bottom: 0;
}
.footer .bottom__content {
  display: block;
  margin-top: 141px;
}
@media screen and (min-width:768px) {
  .footer .bottom__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: min(4.347826087vw, 60px);
  }
}
.footer .bottom__content .copy {
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 3.2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .footer .bottom__content .copy {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    text-align: left;
  }
}
@media screen and (min-width:768px) {
  .footer .bottom__content .sitemap__lists {
    display: flex;
    gap: min(2.8985507246vw, 40px);
  }
}
@media screen and (min-width:768px) {
  .footer .bottom__content .sitemap__lists a {
    font-size: min(1.1594202899vw, 16px);
    font-weight: 500;
    color: #fff;
    text-align: left;
    line-height: 2;
    letter-spacing: 0em;
  }
}
.footer #pageTop {
  position: absolute;
  top: -25px;
  right: 15px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
}
@media screen and (min-width:768px) {
  .footer #pageTop {
    top: max(-2.8985507246vw, -40px);
    right: min(1.4492753623vw, 20px);
    width: min(5.7971014493vw, 80px);
    height: min(5.7971014493vw, 80px);
  }
}
.footer #pageTop a {
  display: block;
  width: 100%;
  height: 100%;
}
.footer #pageTop a::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 9px;
  height: 20px;
  background: url(../../assets/img/common/pagetop.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  .footer #pageTop a::before {
    width: min(0.8695652174vw, 12px);
    height: min(1.8115942029vw, 25px);
  }
}

.breadcrumb {
  position: absolute;
  top: 85px;
  left: 15px;
  font-size: 10px;
  font-weight: 300;
  color: #000;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0em;
  list-style: none;
  z-index: 9;
}
@media screen and (min-width:768px) {
  .breadcrumb {
    top: min(8.6956521739vw, 120px);
    left: min(3.6231884058vw, 50px);
    font-size: min(0.7246376812vw, 10px);
  }
}

.breadcrumb--under {
  top: 15px;
  color: #fff;
}
@media screen and (min-width:768px) {
  .breadcrumb--under {
    top: min(1.4492753623vw, 20px);
  }
}

.breadcrumb li {
  display: inline;
}

.breadcrumb li:before {
  /* >を表示*/
  content: "/";
  display: inline-block;
  margin: 0 0 0 0.2em;
}

.breadcrumb li:first-child:before {
  display: none;
}

.breadcrumb a,
span.post.post-page.current-item {
  font-size: 10px;
  font-weight: 300;
  color: #000;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0em;
  margin: 0 10px;
}
@media screen and (min-width:768px) {
  .breadcrumb a,
  span.post.post-page.current-item {
    font-size: min(0.7246376812vw, 10px);
    margin: 0 min(0.7246376812vw, 10px);
  }
}

.breadcrumb a {
  text-decoration: underline;
}
.breadcrumb a .home {
  margin-left: 0 !important;
}

.breadcrumb--under a,
.breadcrumb--under span.post.post-page.current-item,
.breadcrumb--under a.archive.post-led-products-archive,
.breadcrumb--under .current-item {
  font-size: 10px;
  font-weight: 300;
  color: #fff;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0em;
  margin: 0 10px;
}
@media screen and (min-width:768px) {
  .breadcrumb--under a,
  .breadcrumb--under span.post.post-page.current-item,
  .breadcrumb--under a.archive.post-led-products-archive,
  .breadcrumb--under .current-item {
    font-size: min(0.7246376812vw, 10px);
    margin: 0 min(0.7246376812vw, 10px);
  }
}
.breadcrumb--under .home {
  margin-left: 0 !important;
}

.fv--common {
  position: relative;
  background: url(../../assets/img/common/fv_common_sp.jpg) no-repeat center center/cover;
  width: 100%;
  height: 100%;
  margin-top: 70px;
}
@media screen and (min-width:768px) {
  .fv--common {
    background: url(../../assets/img/common/fv_common_pc.jpg) no-repeat center center/cover;
    margin-top: min(7.2463768116vw, 100px);
  }
}
.fv--common::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  background-color: #000;
  opacity: 0.7;
}
.fv--common .inner--fv {
  position: relative;
  width: 92%;
  height: 160px;
  margin: auto;
}
@media screen and (min-width:768px) {
  .fv--common .inner--fv {
    width: min(92.6811594203vw, 1279px);
    height: min(14.4927536232vw, 200px);
  }
}
.fv--common .content__area {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -23%);
}
@media screen and (min-width:768px) {
  .fv--common .content__area {
    transform: translate(-50%, -45%);
  }
}
.fv--common .content__area h2.fv__ttl {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media screen and (min-width:768px) {
  .fv--common .content__area h2.fv__ttl {
    gap: min(0.7246376812vw, 10px);
  }
}
.fv--common .content__area h2.fv__ttl span.en {
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .fv--common .content__area h2.fv__ttl span.en {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.3;
  }
}
.fv--common .content__area h2.fv__ttl span.jp {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .fv--common .content__area h2.fv__ttl span.jp {
    font-size: min(2.1739130435vw, 30px);
    line-height: 1.3;
  }
}

.fv--karaoke {
  position: relative;
  background: url(../../assets/img/common/fv_karaoke_sp.jpg) no-repeat center center/cover;
  width: 100%;
  height: 100%;
  margin-top: 70px;
}
@media screen and (min-width:768px) {
  .fv--karaoke {
    background: url(../../assets/img/common/fv_karaoke_pc.jpg) no-repeat center center/cover;
    margin-top: min(7.2463768116vw, 100px);
  }
}
.fv--karaoke::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  background-color: #000;
  opacity: 0.7;
}
.fv--karaoke .inner--fv {
  position: relative;
  width: 92%;
  height: 160px;
  margin: auto;
}
@media screen and (min-width:768px) {
  .fv--karaoke .inner--fv {
    width: min(92.6811594203vw, 1279px);
    height: min(14.4927536232vw, 200px);
  }
}
.fv--karaoke .content__area {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -15%);
}
@media screen and (min-width:768px) {
  .fv--karaoke .content__area {
    transform: translate(-50%, -45%);
  }
}
.fv--karaoke .content__area h2.fv__ttl {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media screen and (min-width:768px) {
  .fv--karaoke .content__area h2.fv__ttl {
    gap: min(0.7246376812vw, 10px);
  }
}
.fv--karaoke .content__area h2.fv__ttl span.en {
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .fv--karaoke .content__area h2.fv__ttl span.en {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.3;
  }
}
.fv--karaoke .content__area h2.fv__ttl span.jp {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .fv--karaoke .content__area h2.fv__ttl span.jp {
    font-size: min(2.1739130435vw, 30px);
    line-height: 1.3;
  }
}
.fv--karaoke .content__area h2.fv__ttl span.jp--karaoke {
  font-family: "Be Vietnam Pro", sans-serif;
}

.fv--policy {
  position: relative;
  background: url(../../assets/img/common/fv_policy_sp.jpg) no-repeat center center/cover;
  width: 100%;
  height: 100%;
  margin-top: 70px;
}
@media screen and (min-width:768px) {
  .fv--policy {
    background: url(../../assets/img/common/fv_policy_pc.jpg) no-repeat center center/cover;
    margin-top: min(7.2463768116vw, 100px);
  }
}
.fv--policy::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  background-color: #000;
  opacity: 0.7;
}
.fv--policy .inner--fv {
  position: relative;
  width: 92%;
  height: 160px;
  margin: auto;
}
@media screen and (min-width:768px) {
  .fv--policy .inner--fv {
    width: min(92.6811594203vw, 1279px);
    height: min(14.4927536232vw, 200px);
  }
}
.fv--policy .content__area {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -30%);
}
@media screen and (min-width:768px) {
  .fv--policy .content__area {
    transform: translate(-50%, -45%);
  }
}
.fv--policy .content__area h2.fv__ttl {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media screen and (min-width:768px) {
  .fv--policy .content__area h2.fv__ttl {
    gap: min(0.7246376812vw, 10px);
  }
}
.fv--policy .content__area h2.fv__ttl span.en {
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .fv--policy .content__area h2.fv__ttl span.en {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.3;
  }
}
.fv--policy .content__area h2.fv__ttl span.jp {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .fv--policy .content__area h2.fv__ttl span.jp {
    font-size: min(2.1739130435vw, 30px);
    line-height: 1.3;
  }
}

section.faq {
  position: relative;
}
section.faq .inner--faq {
  width: 84%;
  margin: auto;
  padding: 57px 0 40px;
}
@media screen and (min-width:768px) {
  section.faq .inner--faq {
    width: min(85.4347826087vw, 1179px);
    padding: min(8.6956521739vw, 120px) min(6.5217391304vw, 90px) min(6.884057971vw, 95px);
  }
}
section.faq .accordion__lists {
  padding-bottom: 50px;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.faq .accordion__lists {
    padding-bottom: min(7.2463768116vw, 100px);
  }
}
section.faq .accordion__lists li {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  section.faq .accordion__lists li {
    margin-bottom: min(1.1594202899vw, 16px);
  }
}
section.faq .accordion__lists li:last-child {
  margin-bottom: 0;
}
section.faq .accordion__ttl {
  position: relative;
}
section.faq .accordion__ttl .question {
  display: flex;
  background-color: #eee;
  padding: 22px 30px 18px 10px;
}
@media screen and (min-width:768px) {
  section.faq .accordion__ttl .question {
    padding: min(0.5072463768vw, 7px) min(2.1739130435vw, 30px) min(0.2173913043vw, 3px);
  }
}
section.faq .accordion__ttl .question span {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.25;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.faq .accordion__ttl .question span {
    font-size: min(1.4492753623vw, 20px);
    line-height: 2.5;
  }
}
section.faq .accordion__ttl .question span.q {
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: left;
  line-height: 1.3;
  letter-spacing: 0em;
  margin-right: 12px;
}
@media screen and (min-width:768px) {
  section.faq .accordion__ttl .question span.q {
    font-size: min(1.7391304348vw, 24px);
    line-height: 1.9;
    margin-right: min(1.4492753623vw, 20px);
  }
}
section.faq .accordion__ttl::before {
  position: absolute;
  content: "";
  top: 35%;
  right: 10px;
  width: 15px;
  height: 2px;
  background-color: #015DE7;
}
@media screen and (min-width:768px) {
  section.faq .accordion__ttl::before {
    top: 50%;
    right: min(1.5942028986vw, 22px);
    width: min(1.4492753623vw, 20px);
    height: min(0.1449275362vw, 2px);
  }
}
section.faq .accordion__ttl::after {
  position: absolute;
  content: "";
  top: 35%;
  right: 10px;
  width: 15px;
  height: 2px;
  background-color: #015DE7;
  transform: rotate(90deg);
}
@media screen and (min-width:768px) {
  section.faq .accordion__ttl::after {
    top: 50%;
    right: min(1.5942028986vw, 22px);
    width: min(1.4492753623vw, 20px);
    height: min(0.1449275362vw, 2px);
  }
}
section.faq .accordion__ttl.close::after {
  transform: rotate(0deg);
}
section.faq .accordion__txt {
  display: none;
  position: relative;
}
section.faq .accordion__txt .answer {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  padding: 20px 0 2px;
}
@media screen and (min-width:768px) {
  section.faq .accordion__txt .answer {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.875;
    padding: min(2.1014492754vw, 29px) 0 min(1.5217391304vw, 21px);
  }
}
section.faq .accordion__txt a {
  color: #015DE7;
  text-decoration: underline;
}
section.faq .txt {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 2;
  letter-spacing: 0em;
  margin-top: 45px;
}
@media screen and (min-width:768px) {
  section.faq .txt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.875;
    margin-top: min(4.347826087vw, 60px);
  }
}

section.policy {
  position: relative;
}
section.policy .inner--policy {
  width: 84%;
  margin: auto;
  padding: 50px 0 50px;
}
@media screen and (min-width:768px) {
  section.policy .inner--policy {
    width: min(85.4347826087vw, 1179px);
    padding: min(6.5217391304vw, 90px) 0 min(7.2463768116vw, 100px);
  }
}
section.policy .txt {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.25;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.policy .txt {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
  }
}
section.policy .pl-3 {
  padding-left: 0;
}
@media screen and (min-width:768px) {
  section.policy .pl-3 {
    padding-left: 3em;
  }
}
section.policy .pl-5 {
  padding-left: 0;
}
@media screen and (min-width:768px) {
  section.policy .pl-5 {
    padding-left: 5em;
  }
}

section.siteMap {
  position: relative;
}
section.siteMap .inner--siteMap {
  width: 84%;
  margin: auto;
  padding: 70px 0 70px;
}
@media screen and (min-width:768px) {
  section.siteMap .inner--siteMap {
    width: min(85.4347826087vw, 1179px);
    padding: min(6.5217391304vw, 90px) min(9.4202898551vw, 130px) min(7.2463768116vw, 100px);
  }
}
section.siteMap .siteMap__content ul.lists {
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width:768px) {
  section.siteMap .siteMap__content ul.lists {
    grid-template-columns: repeat(4, 1fr);
  }
}
section.siteMap .siteMap__content ul.lists > li {
  border-left: 1px solid #eee;
  padding-left: 10px;
}
@media screen and (min-width:768px) {
  section.siteMap .siteMap__content ul.lists > li {
    padding-left: min(2.1739130435vw, 30px);
  }
}
section.siteMap .siteMap__content ul.lists > li > ul {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  section.siteMap .siteMap__content ul.lists > li > ul {
    margin-bottom: 0;
  }
}
section.siteMap .siteMap__content ul.lists > li:last-child > ul {
  margin-bottom: 0;
}
section.siteMap .siteMap__content a {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.siteMap .siteMap__content a {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.pagination .page-numbers {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 0 10px;
  padding: 0 2px;
}
@media screen and (min-width:768px) {
  .pagination .page-numbers {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.5;
    margin: 0 min(1.3043478261vw, 18px);
    padding: 0 min(0.1449275362vw, 2px);
  }
}
.pagination span.page-numbers.current {
  border-bottom: 1px solid #015DE7;
}

a.prev.page-numbers {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  opacity: 1;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  border-radius: 50%;
}
a.prev.page-numbers::before {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url(../../assets/img/common/icon_arrow_left.svg) no-repeat center center/contain;
  z-index: 2;
}
@media screen and (min-width:768px) {
  a.prev.page-numbers::before {
    right: 50%;
    width: min(1.1594202899vw, 16px);
    height: min(1.0144927536vw, 14px);
  }
}
a.prev.page-numbers::after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  border-radius: 50%;
  border: 1px solid #fff;
  transition: 0.5s cubic-bezier(0.59, 0.14, 0.4, 0.77);
  z-index: 1;
}
@media screen and (min-width:768px) {
  a.prev.page-numbers::after {
    width: min(4.0579710145vw, 56px);
    height: min(4.0579710145vw, 56px);
  }
}
a.prev.page-numbers:hover::after {
  transform: rotate(360deg);
}

a.next.page-numbers {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  opacity: 1;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  border-radius: 50%;
}
a.next.page-numbers::before {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url(../../assets/img/common/icon_arrow.svg) no-repeat center center/contain;
  z-index: 2;
}
@media screen and (min-width:768px) {
  a.next.page-numbers::before {
    right: 50%;
    width: min(1.1594202899vw, 16px);
    height: min(1.0144927536vw, 14px);
  }
}
a.next.page-numbers::after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  border-radius: 50%;
  border: 1px solid #fff;
  transition: 0.5s cubic-bezier(0.59, 0.14, 0.4, 0.77);
  z-index: 1;
}
@media screen and (min-width:768px) {
  a.next.page-numbers::after {
    width: min(4.0579710145vw, 56px);
    height: min(4.0579710145vw, 56px);
  }
}
a.next.page-numbers:hover::after {
  transform: rotate(360deg);
}

section.fv {
  position: relative;
  width: 100%;
  height: 728px;
  overflow: hidden;
  /* スキューエフェクト */
  /* スキューエフェクト */
  /* スキューエフェクト */
  /* スキューエフェクトの擬似要素 */
  /* 上からスライドして表示するアニメーション */
  /* 背景画像をフェードインさせるアニメーション */
  /* 背景画像がフェードインするアニメーション */
  /* 背景画像をフェードイン後の状態 */
  /* アニメーション終了後に擬似要素を非表示 */
}
@media screen and (min-width:568px) and (max-width:767px) {
  section.fv {
    height: 728px;
  }
}
@media screen and (min-width:768px) {
  section.fv {
    height: 62.3vw;
  }
}
section.fv .inner--fv {
  position: relative;
  width: 84%;
  height: 100%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.fv .inner--fv {
    width: min(92.6811594203vw, 1279px);
  }
}
section.fv .content__area {
  position: absolute;
  top: 575px;
  height: 100%;
  width: 100%;
  margin: auto;
  z-index: 5;
  /* カーテンがスライドするアニメーション */
}
@media screen and (min-width:768px) {
  section.fv .content__area {
    position: absolute;
    top: min(27.5362318841vw, 380px);
    left: 0;
    width: auto;
  }
}
section.fv .content__area .fv__catch {
  font-size: 35px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.14;
  letter-spacing: 0em;
  font-family: "minion-pro", serif;
  margin-left: -20px;
}
@media screen and (min-width:768px) {
  section.fv .content__area .fv__catch {
    position: relative;
    bottom: auto;
    font-size: min(5.0724637681vw, 70px);
    line-height: 1.14;
    margin-bottom: min(1.0869565217vw, 15px);
    margin-left: max(-2.8985507246vw, -40px);
  }
}
section.fv .content__area .curtain::before {
  content: "";
  position: absolute;
  top: 8%;
  left: -12%;
  width: 106%;
  height: 80%;
  background: #000;
  transform: skew(25deg) scaleX(0);
  transform-origin: 0 0;
  z-index: 2;
  /* テキストより前面 */
  animation: curtain-slide 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  /* アニメーションの追加 */
}
@keyframes curtain-slide {
  0% {
    transform: skew(25deg) scaleX(0);
    /* 初期状態：カーテンはスケール0 */
  }
  100% {
    transform: skew(25deg) scaleX(1);
    /* カーテンが広がって元のサイズに戻る */
  }
}
section.fv .content__area span.jp {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.25;
  letter-spacing: 0em;
  font-family: "Be Vietnam Pro", sans-serif;
}
@media screen and (min-width:768px) {
  section.fv .content__area span.jp {
    font-size: min(1.4492753623vw, 20px);
    line-height: 1.25;
  }
}
section.fv .content__area img {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 67%;
  aspect-ratio: 211/100;
  -o-object-fit: contain;
     object-fit: contain;
}
section.fv .hero-skew-01 {
  position: absolute;
  top: 70px;
  right: 197px;
  width: 170px;
  height: 370px;
  z-index: 1;
  overflow: hidden;
  -webkit-clip-path: polygon(55px 0%, 100% 0%, 115px 100%, 0px 100%);
          clip-path: polygon(55px 0%, 100% 0%, 115px 100%, 0px 100%);
}
@media screen and (min-width:768px) {
  section.fv .hero-skew-01 {
    top: 7.2vw;
    right: 46.3vw;
    width: 22.4vw;
    height: 44.2vw;
    -webkit-clip-path: polygon(6.8vw 0%, 100% 0%, 16.4vw 100%, 1vw 100%);
            clip-path: polygon(6.8vw 0%, 100% 0%, 16.4vw 100%, 1vw 100%);
  }
}
section.fv .hero-skew-02 {
  position: absolute;
  top: 70px;
  right: -22px;
  width: 280px;
  height: 485px;
  z-index: 1;
  overflow: hidden;
  -webkit-clip-path: polygon(72px 0%, 100% 0%, 100% 100%, 0px 100%);
          clip-path: polygon(72px 0%, 100% 0%, 100% 100%, 0px 100%);
}
@media screen and (min-width:768px) {
  section.fv .hero-skew-02 {
    top: 7.2vw;
    right: 7.9vw;
    width: 44.2vw;
    height: 51.4vw;
    -webkit-clip-path: polygon(7.2vw 0%, 100% 0%, 36.5vw 100%, 0% 100%);
            clip-path: polygon(7.2vw 0%, 100% 0%, 36.5vw 100%, 0% 100%);
  }
}
section.fv .hero-skew-03 {
  display: none;
}
@media screen and (min-width:768px) {
  section.fv .hero-skew-03 {
    display: block;
    position: absolute;
    top: 7.2vw;
    right: -6.6vw;
    width: 20.2vw;
    height: 47.4vw;
    transform-origin: 0 0;
    z-index: 1;
    overflow: hidden;
    -webkit-clip-path: polygon(6.8vw 0%, 100% 0%, 13.7vw 100%, 0% 100%);
            clip-path: polygon(6.8vw 0%, 100% 0%, 13.7vw 100%, 0% 100%);
  }
}
section.fv .hero-skew-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 最初はグレー */
  opacity: 1;
  animation: revealAnimation 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes revealAnimation {
  0% {
    transform: translateY(-100%);
    background-color: #f3f3f3;
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    background-color: #f3f3f3;
    opacity: 1;
  }
}
section.fv .hero-skew-main::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 76.9vw 51.3vw;
  animation: fadeInBackground 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
}
section.fv .viewimg {
  animation: fadeInBackground 1s ease-in forwards;
}
@keyframes fadeInBackground {
  0% {
    transform: translateY(-100%);
    background-color: #eee;
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    background-color: #eee;
    opacity: 1;
  }
}
section.fv .hero-skew-main {
  overflow: hidden;
}
section.fv .hero-skew-main.hide-pseudo::before,
section.fv .hero-skew-main.hide-pseudo::after {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s cubic-bezier(0.22, 1, 0.36, 1);
}
section.fv .viewimg.show-background {
  animation: zoomUpAnimation 6s ease-in-out infinite;
}
section.fv .swiper {
  position: absolute;
  top: 0;
  left: -20px;
  bottom: 0;
  right: 0px;
}
section.fv .swiper .swiper-slide {
  opacity: 1 !important;
  height: 100%;
  width: 100% !important;
}
@media screen and (min-width:768px) {
  section.fv .swiper .swiper-slide {
    height: 51.3vw;
  }
}
section.fv .swiper .swiper-slide .image {
  /*切り替わり中は前のスライドのアニメーションを遅らせる*/
  transition-delay: 0.5s;
  transform: translateX(-100%);
  overflow: hidden;
  height: 100%;
  width: 100%;
}
section.fv .swiper .swiper-slide img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*切り替わり中は前のスライドのアニメーションを遅らせる*/
  transition-delay: 0.5s;
  transform: translateX(-20px);
  height: 500px;
  width: 750px;
  overflow: hidden;
  /* アニメーションのスムーズさ */
}
@media screen and (min-width:768px) {
  section.fv .swiper .swiper-slide img {
    width: 76.9vw;
    height: 100%;
  }
}
section.fv .swiper .swiper-slide-active {
  /*アクティブなスライドが一番上に来るように*/
  z-index: 2;
}
section.fv .swiper .swiper-slide-active .image {
  width: 100%;
  transition-delay: 0s;
  transition-duration: 0.5s;
  transform: translateX(0px);
}
section.fv .swiper .swiper-slide-active img {
  transition-delay: 0s;
  transition-duration: 0.5s;
  transform: translateX(30px);
}
section.fv .swiper--left img {
  -o-object-position: -220px 0px;
     object-position: -220px 0px;
  height: 485px;
}
@media screen and (min-width:768px) {
  section.fv .swiper--left img {
    -o-object-position: 0px 0px;
       object-position: 0px 0px;
    width: 76.9vw;
    height: 100%;
  }
}
section.fv .swiper--center img {
  -o-object-position: -330px 0px;
     object-position: -330px 0px;
}
@media screen and (min-width:768px) {
  section.fv .swiper--center img {
    -o-object-position: -16.3vw 0;
       object-position: -16.3vw 0;
    height: 100%;
  }
}
section.fv .swiper--right .swiper-slide {
  position: relative;
  left: -5.7vw;
}
section.fv .swiper--right img {
  -o-object-position: 0px 0px;
     object-position: 0px 0px;
}
@media screen and (min-width:768px) {
  section.fv .swiper--right img {
    -o-object-position: -55.5vw 0px;
       object-position: -55.5vw 0px;
  }
}
section.fv .swiper .image img {
  transition: transform 10s linear;
  /* transitionを追加 */
}

section.fv--test {
  position: relative;
  width: 100%;
  height: 728px;
  /* 背景画像をフェードインさせるアニメーション */
  /* 背景画像がフェードインするアニメーション */
  /* アニメーション終了後に擬似要素を非表示 */
  /* スキューエフェクト */
  /* スキューエフェクト */
  /* スキューエフェクト */
  /* 背景画像をフェードイン後の状態 */
}
@media screen and (min-width:568px) and (max-width:767px) {
  section.fv--test {
    height: 728px;
  }
}
@media screen and (min-width:768px) {
  section.fv--test {
    height: min(62.3188405797vw, 860px);
  }
}
section.fv--test .inner--fv {
  position: relative;
  width: 84%;
  height: 100%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.fv--test .inner--fv {
    width: min(92.6811594203vw, 1279px);
  }
}
section.fv--test .content__area {
  position: relative;
  height: 100%;
  width: 100%;
  margin: auto;
  z-index: 5;
  /* カーテンがスライドするアニメーション */
}
@media screen and (min-width:768px) {
  section.fv--test .content__area {
    position: absolute;
    top: min(27.5362318841vw, 380px);
    left: 0;
    width: auto;
  }
}
section.fv--test .content__area .fv__catch {
  font-size: 70px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.14;
  letter-spacing: 0em;
  font-family: "Be Vietnam Pro", sans-serif;
}
@media screen and (min-width:768px) {
  section.fv--test .content__area .fv__catch {
    font-size: min(5.0724637681vw, 70px);
    line-height: 1.14;
    margin-bottom: min(1.0869565217vw, 15px);
  }
}
section.fv--test .content__area .curtain::before {
  content: "";
  position: absolute;
  top: 8%;
  left: -12%;
  width: 106%;
  height: 80%;
  background: #000;
  transform: skew(25deg) scaleX(0);
  transform-origin: 0 0;
  z-index: 2;
  /* テキストより前面 */
  animation: curtain-slide 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  /* アニメーションの追加 */
}
@keyframes curtain-slide {
  0% {
    transform: skew(25deg) scaleX(0);
    /* 初期状態：カーテンはスケール0 */
  }
  100% {
    transform: skew(25deg) scaleX(1);
    /* カーテンが広がって元のサイズに戻る */
  }
}
section.fv--test .content__area span.jp {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.25;
  letter-spacing: 0em;
  font-family: "Be Vietnam Pro", sans-serif;
}
@media screen and (min-width:768px) {
  section.fv--test .content__area span.jp {
    font-size: min(1.4492753623vw, 20px);
    line-height: 1.25;
  }
}
section.fv--test .content__area img {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 67%;
  aspect-ratio: 211/100;
  -o-object-fit: contain;
     object-fit: contain;
}
section.fv--test .hero-skew-main::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: min(76.9565217391vw, 1062px) min(51.3043478261vw, 708px);
  animation: fadeInBackground 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
}
@keyframes fadeInBackground {
  0% {
    transform: translateY(-100%);
    background-color: #eee;
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    background-color: #eee;
    opacity: 1;
  }
}
section.fv--test .hero-skew-main.hide-pseudo::before,
section.fv--test .hero-skew-main.hide-pseudo::after {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.1s cubic-bezier(0.22, 1, 0.36, 1);
}
section.fv--test .hero-skew-01 {
  position: absolute;
  top: 70px;
  right: 197px;
  width: 170px;
  height: 370px;
  transform-origin: 0 0;
  z-index: 1;
  overflow: hidden;
  -webkit-clip-path: polygon(55px 0%, 100% 0%, 115px 100%, 0px 100%);
          clip-path: polygon(55px 0%, 100% 0%, 115px 100%, 0px 100%);
}
@media screen and (min-width:768px) {
  section.fv--test .hero-skew-01 {
    top: 7.2vw;
    right: 46.3vw;
    width: 22.4vw;
    height: 44.2vw;
    -webkit-clip-path: polygon(6.8vw 0%, 100% 0%, 16.4vw 100%, 1vw 100%);
            clip-path: polygon(6.8vw 0%, 100% 0%, 16.4vw 100%, 1vw 100%);
  }
}
section.fv--test .hero-skew-02 {
  position: absolute;
  top: 70px;
  right: -22px;
  width: 280px;
  height: 485px;
  transform-origin: 0 0;
  z-index: 1;
  overflow: hidden;
  -webkit-clip-path: polygon(72px 0%, 100% 0%, 100% 100%, 0px 100%);
          clip-path: polygon(72px 0%, 100% 0%, 100% 100%, 0px 100%);
}
@media screen and (min-width:768px) {
  section.fv--test .hero-skew-02 {
    top: 7.2vw;
    right: 7.9vw;
    width: 44.2vw;
    height: 51.4vw;
    -webkit-clip-path: polygon(7.2vw 0%, 100% 0%, 36.5vw 100%, 0% 100%);
            clip-path: polygon(7.2vw 0%, 100% 0%, 36.5vw 100%, 0% 100%);
  }
}
section.fv--test .hero-skew-03 {
  display: none;
}
@media screen and (min-width:768px) {
  section.fv--test .hero-skew-03 {
    display: block;
    position: absolute;
    top: 7.2vw;
    right: -6.6vw;
    width: 20.2vw;
    height: 47.4vw;
    transform-origin: 0 0;
    z-index: 1;
    overflow: hidden;
    -webkit-clip-path: polygon(6.8vw 0%, 100% 0%, 13.7vw 100%, 0% 100%);
            clip-path: polygon(6.8vw 0%, 100% 0%, 13.7vw 100%, 0% 100%);
  }
}
section.fv--test .hero-skew-main {
  overflow: hidden;
}
section.fv--test .swiper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
section.fv--test .swiper .swiper-slide {
  width: 76.9vw;
  height: 51.3vw;
}
section.fv--test .swiper img {
  width: 76.9vw;
  height: 51.3vw;
}
section.fv--test .swiper--left img {
  -o-object-position: -187px 0px;
     object-position: -187px 0px;
}
@media screen and (min-width:768px) {
  section.fv--test .swiper--left img {
    -o-object-position: 0px 0px;
       object-position: 0px 0px;
  }
}
section.fv--test .swiper--center img {
  -o-object-position: -330px 0px;
     object-position: -330px 0px;
}
@media screen and (min-width:768px) {
  section.fv--test .swiper--center img {
    -o-object-position: -17.3vw 0;
       object-position: -17.3vw 0;
  }
}
@media screen and (min-width:768px) {
  section.fv--test .swiper--right img {
    -o-object-position: -55.7vw 0px;
       object-position: -55.7vw 0px;
  }
}

section.service .inner--service {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 165px 0 65px;
}
@media screen and (min-width:768px) {
  section.service .inner--service {
    width: min(85.4347826087vw, 1179px);
    padding: min(9.4202898551vw, 130px) 0 min(7.9710144928vw, 110px);
  }
}
section.service .inner--service::before {
  content: "";
  display: block;
  position: absolute;
  top: 75px;
  right: 25px;
  width: 290px;
  height: 62px;
  background: url(../../assets/img/index/service_txt.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.service .inner--service::before {
    position: absolute;
    top: min(9.4202898551vw, 130px);
    right: 0;
    width: min(39.4202898551vw, 544px);
    height: min(11.231884058vw, 155px);
  }
}
section.service .section__catch {
  margin-top: 15px;
}
@media screen and (min-width:768px) {
  section.service .section__catch {
    width: min(36.9565217391vw, 510px);
    margin-top: min(1.884057971vw, 26px);
  }
}
section.service .service__lists {
  display: flex;
  flex-direction: column;
  gap: 43px;
  margin-top: 22px;
}
@media screen and (min-width:768px) {
  section.service .service__lists {
    flex-direction: row;
    justify-content: space-between;
    gap: min(2.7536231884vw, 38px);
    margin-top: min(3.2608695652vw, 45px);
  }
}
section.service .service__lists li {
  width: 100%;
}
@media screen and (min-width:768px) {
  section.service .service__lists li {
    width: 33.3333333333%;
  }
}
section.service .service__lists a:hover {
  opacity: 1 !important;
}
section.service .service__lists .wrap {
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 117px 0 142px;
}
@media screen and (min-width:768px) {
  section.service .service__lists .wrap {
    padding: min(10.1449275362vw, 140px) 0 min(12.6811594203vw, 175px);
  }
}
section.service .service__lists .number {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0em;
  font-family: "Be Vietnam Pro", sans-serif;
}
@media screen and (min-width:768px) {
  section.service .service__lists .number {
    font-size: min(1.7391304348vw, 24px);
    line-height: 1.2;
  }
}
section.service .service__lists .ttl {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0em;
  margin: 8px 0 4px;
}
@media screen and (min-width:768px) {
  section.service .service__lists .ttl {
    font-size: min(1.7391304348vw, 24px);
    line-height: 1.4;
    margin: 0;
  }
}
section.service .service__lists .jp {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.service .service__lists .jp {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}
section.service .service__lists .more {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 1.31;
  letter-spacing: 0em;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width:768px) {
  section.service .service__lists .more {
    bottom: min(2.1739130435vw, 30px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
  }
}
section.service .service__lists .description {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  margin-top: 10px;
}
@media screen and (min-width:768px) {
  section.service .service__lists .description {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    margin-top: min(1.1594202899vw, 16px);
  }
}
section.service .service__lists li .wrap::before {
  transition: 0.3s cubic-bezier(0.68, 0.09, 0.3, 0.86);
}
section.service .service__lists li .wrap:hover::before {
  transform: scale(1.15);
}
section.service .service__lists li .wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  z-index: -1;
}
section.service .service__lists li:nth-of-type(1) .wrap::before {
  background: url(../../assets/img/index/service01.jpg) no-repeat center center/cover;
}
section.service .service__lists li:nth-of-type(2) .wrap::before {
  background: url(../../assets/img/index/service02.jpg) no-repeat center center/cover;
}
section.service .service__lists li:nth-of-type(3) .wrap::before {
  background: url(../../assets/img/index/service03.jpg) no-repeat center center/cover;
}

section.products {
  position: relative;
  padding-top: 60px;
}
@media screen and (min-width:768px) {
  section.products {
    padding: 0;
  }
}
section.products::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 97px;
  width: 100%;
  background: url(../../assets/img/index/products_txt_sp.svg) no-repeat center center/contain;
  z-index: 2;
}
@media screen and (min-width:768px) {
  section.products::before {
    display: none;
  }
}
section.products .bg__area {
  position: relative;
  overflow: hidden;
  background-color: #eee;
  -webkit-clip-path: polygon(0 0, 100% 45px, 100% 100%, 0 calc(100% - 45px));
          clip-path: polygon(0 0, 100% 45px, 100% 100%, 0 calc(100% - 45px));
}
@media screen and (min-width:768px) {
  section.products .bg__area {
    background: none;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
section.products .bg__area .inner--products {
  padding: 100px 0 100px;
}
@media screen and (min-width:768px) {
  section.products .bg__area .inner--products {
    padding: min(6.884057971vw, 95px) min(0.8695652174vw, 12px) min(4.347826087vw, 60px) 0;
  }
}
section.products .bg__area::before {
  display: none;
}
@media screen and (min-width:768px) {
  section.products .bg__area::before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    background: url(../../assets/img/index/products_txt.svg) no-repeat center center/contain;
    height: min(48.5507246377vw, 670px);
    width: min(13.768115942vw, 190px);
    transform-origin: left top;
    z-index: -1;
  }
}
section.products .bg__area::after {
  display: none;
}
@media screen and (min-width:768px) {
  section.products .bg__area::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    background: url(../../assets/img/index/products_bg.png) no-repeat right center/cover;
    width: 88%;
    height: 100%;
    z-index: -1;
  }
}
section.products .inner--products {
  position: relative;
  width: 84%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.products .inner--products {
    width: min(85.4347826087vw, 1179px);
    padding: min(10.8695652174vw, 150px) 0 min(8.6956521739vw, 120px);
  }
}
section.products .slide__area {
  position: relative;
  padding: 25px 0 25px;
}
@media screen and (min-width:768px) {
  section.products .slide__area {
    padding: min(4.347826087vw, 60px) 0 min(5.0724637681vw, 70px);
  }
}
section.products .slide__area h3.ttl {
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 23px;
  gap: 0;
}
@media screen and (min-width:768px) {
  section.products .slide__area h3.ttl {
    gap: min(0.3623188406vw, 5px);
    margin-bottom: min(1.6666666667vw, 23px);
  }
}
section.products .slide__area h3.ttl .en {
  font-size: 12px;
  font-weight: 700;
  color: #19A6DC;
  text-align: left;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.products .slide__area h3.ttl .en {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1;
  }
}
section.products .slide__area h3.ttl .jp {
  font-size: 20px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.products .slide__area h3.ttl .jp {
    font-size: min(1.884057971vw, 26px);
    line-height: 1.23;
  }
}
section.products .slide__area .btn__block {
  text-align: center;
  margin-top: 25px;
}
@media screen and (min-width:768px) {
  section.products .slide__area .btn__block {
    position: absolute;
    top: min(4.7101449275vw, 65px);
    right: min(5.7971014493vw, 80px);
    margin-top: 0;
  }
}
section.products .slide__area .btn__block02 {
  text-align: center;
  margin-top: 25px;
}
@media screen and (min-width:768px) {
  section.products .slide__area .btn__block02 {
    position: absolute;
    top: min(1.0869565217vw, 15px);
    right: min(5.7971014493vw, 80px);
    margin-top: 0;
  }
}
section.products .slide__area02 {
  padding: 30px 0 25px;
}
@media screen and (min-width:768px) {
  section.products .slide__area02 {
    padding: 0 0 min(5.0724637681vw, 70px);
  }
}
section.products .swiper--commercialKaraoke,
section.products .swiper--signage {
  position: relative;
  overflow: visible;
}
section.products .swiper--commercialKaraoke .swiper-slide,
section.products .swiper--signage .swiper-slide {
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  height: 100%;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke .swiper-slide,
  section.products .swiper--signage .swiper-slide {
    border-radius: min(1.4492753623vw, 20px);
  }
}
section.products .swiper--commercialKaraoke figcaption .ttl,
section.products .swiper--commercialKaraoke .card__meta .ttl,
section.products .swiper--signage figcaption .ttl,
section.products .swiper--signage .card__meta .ttl {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke figcaption .ttl,
  section.products .swiper--commercialKaraoke .card__meta .ttl,
  section.products .swiper--signage figcaption .ttl,
  section.products .swiper--signage .card__meta .ttl {
    font-size: min(1.3043478261vw, 18px);
    line-height: 1.3;
  }
}
section.products .swiper--commercialKaraoke figcaption div > p,
section.products .swiper--commercialKaraoke .card__meta div > p,
section.products .swiper--signage figcaption div > p,
section.products .swiper--signage .card__meta div > p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke figcaption div > p,
  section.products .swiper--commercialKaraoke .card__meta div > p,
  section.products .swiper--signage figcaption div > p,
  section.products .swiper--signage .card__meta div > p {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
  }
}
section.products .swiper--commercialKaraoke .swiper-scrollbar-drag,
section.products .swiper--signage .swiper-scrollbar-drag {
  background: #17A5DB;
}
section.products .swiper--commercialKaraoke .swiper-scrollbar.swiper-scrollbar-horizontal,
section.products .swiper--signage .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  top: -50px;
  right: 0;
  left: auto;
  bottom: auto;
  z-index: 50;
  height: 3px;
  width: 90px;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke .swiper-scrollbar.swiper-scrollbar-horizontal,
  section.products .swiper--signage .swiper-scrollbar.swiper-scrollbar-horizontal {
    top: auto;
    right: auto;
    left: 50%;
    bottom: max(-1.8115942029vw, -25px);
    width: min(10.8695652174vw, 150px);
    height: min(0.2173913043vw, 3px);
  }
}
section.products .swiper--commercialKaraoke .swiper-button-next,
section.products .swiper--commercialKaraoke .swiper-button-prev,
section.products .swiper--signage .swiper-button-next,
section.products .swiper--signage .swiper-button-prev {
  display: none !important;
  top: 40%;
  content: "";
  display: inline-block;
  width: 44px;
  height: 44px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  transition: 0.5s cubic-bezier(0.59, 0.14, 0.4, 0.77);
  z-index: 1;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke .swiper-button-next,
  section.products .swiper--commercialKaraoke .swiper-button-prev,
  section.products .swiper--signage .swiper-button-next,
  section.products .swiper--signage .swiper-button-prev {
    display: block !important;
    top: 40%;
    width: min(4.0579710145vw, 56px);
    height: min(4.0579710145vw, 56px);
  }
}
section.products .swiper--commercialKaraoke .swiper-button-next,
section.products .swiper--signage .swiper-button-next {
  right: 0;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke .swiper-button-next,
  section.products .swiper--signage .swiper-button-next {
    right: max(-2.5362318841vw, -35px);
  }
}
section.products .swiper--commercialKaraoke .swiper-button-next::after,
section.products .swiper--signage .swiper-button-next::after {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url(../../assets/img/common/icon_arrow.svg) no-repeat center center/contain;
  z-index: 2;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke .swiper-button-next::after,
  section.products .swiper--signage .swiper-button-next::after {
    right: min(1.4492753623vw, 20px);
    width: min(1.1594202899vw, 16px);
    height: min(1.0144927536vw, 14px);
  }
}
section.products .swiper--commercialKaraoke .swiper-button-prev,
section.products .swiper--signage .swiper-button-prev {
  left: 0;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke .swiper-button-prev,
  section.products .swiper--signage .swiper-button-prev {
    left: max(-2.5362318841vw, -35px);
  }
}
section.products .swiper--commercialKaraoke .swiper-button-prev::after,
section.products .swiper--signage .swiper-button-prev::after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url(../../assets/img/common/icon_arrow_left.svg) no-repeat center center/contain;
  z-index: 2;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke .swiper-button-prev::after,
  section.products .swiper--signage .swiper-button-prev::after {
    right: min(1.4492753623vw, 20px);
    width: min(1.1594202899vw, 16px);
    height: min(1.0144927536vw, 14px);
  }
}
section.products .swiper--commercialKaraoke .swiper-button-prev.swiper-button-disabled.swiper-button-lock,
section.products .swiper--commercialKaraoke .swiper-button-next.swiper-button-disabled.swiper-button-lock,
section.products .swiper--commercialKaraoke .swiper-button-prev.swiper-button-disabled,
section.products .swiper--commercialKaraoke .swiper-button-next.swiper-button-disabled,
section.products .swiper--signage .swiper-button-prev.swiper-button-disabled.swiper-button-lock,
section.products .swiper--signage .swiper-button-next.swiper-button-disabled.swiper-button-lock,
section.products .swiper--signage .swiper-button-prev.swiper-button-disabled,
section.products .swiper--signage .swiper-button-next.swiper-button-disabled {
  display: none;
}
section.products .swiper--commercialKaraoke .swiper-slide {
  width: 273px;
  height: 100%;
  padding: 25px 20px 40px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke .swiper-slide {
    width: min(21.9565217391vw, 303px);
    padding: min(1.8115942029vw, 25px) min(1.4492753623vw, 20px) min(2.8985507246vw, 40px);
  }
}
section.products .swiper--commercialKaraoke figure {
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
}
section.products .swiper--commercialKaraoke figure img {
  width: 100%;
  height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke figure img {
    width: auto;
    height: min(10.652173913vw, 147px);
  }
}
section.products .swiper--commercialKaraoke figcaption {
  margin-top: 25px;
}
@media screen and (min-width:768px) {
  section.products .swiper--commercialKaraoke figcaption {
    margin-top: min(1.8115942029vw, 25px);
  }
}
section.products .swiper--signage .swiper-slide {
  width: 273px;
  height: 100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
}
@media screen and (min-width:768px) {
  section.products .swiper--signage .swiper-slide {
    width: min(21.9565217391vw, 303px);
  }
}
section.products .swiper--signage .thumbnail__area img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 40%;
}
@media screen and (min-width:768px) {
  section.products .swiper--signage .thumbnail__area img {
    height: min(13.0434782609vw, 180px);
  }
}
section.products .swiper--signage .card__meta {
  padding: 10px 20px;
}
@media screen and (min-width:768px) {
  section.products .swiper--signage .card__meta {
    padding: min(1.4492753623vw, 20px) min(1.4492753623vw, 20px) min(1.4492753623vw, 20px);
  }
}

section.topNews {
  position: relative;
  overflow: hidden;
}
section.topNews::before {
  position: absolute;
  top: -30%;
  left: -30%;
  content: "";
  display: block;
  background: url(../../assets/img/index/news_bg_circle01.png) no-repeat center center/contain;
  z-index: -2;
}
@media screen and (min-width:768px) {
  section.topNews::before {
    width: min(70.7971014493vw, 977px);
    height: min(71.9565217391vw, 993px);
  }
}
section.topNews::after {
  position: absolute;
  top: 40%;
  right: -35%;
  transform: translate(0, -50%);
  content: "";
  display: block;
  background: url(../../assets/img/index/news_bg_circle02.png) no-repeat center center/contain;
  z-index: -2;
}
@media screen and (min-width:768px) {
  section.topNews::after {
    width: min(70.7971014493vw, 977px);
    height: min(71.9565217391vw, 993px);
  }
}
section.topNews .inner--topNews {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 82px 0 70px;
}
@media screen and (min-width:768px) {
  section.topNews .inner--topNews {
    width: min(85.4347826087vw, 1179px);
    padding: min(13.0434782609vw, 180px) 0 min(8.6956521739vw, 120px);
  }
}
section.topNews .topNews__content {
  position: relative;
  width: 84%;
  max-width: 345px;
  margin: auto;
  padding-bottom: 60px;
}
@media screen and (min-width:768px) {
  section.topNews .topNews__content {
    max-width: none;
    width: 100%;
    padding-bottom: min(4.347826087vw, 60px);
  }
}
section.topNews .topNews__content::before {
  position: absolute;
  top: -55px;
  left: 50%;
  content: "";
  display: block;
  background: url(../../assets/img/index/news_txt.svg) no-repeat center center/contain;
  width: 68%;
  height: 60px;
  transform: translateX(-50%);
}
@media screen and (min-width:768px) {
  section.topNews .topNews__content::before {
    top: max(-7.2463768116vw, -100px);
    width: min(27.9710144928vw, 386px);
    height: min(8.115942029vw, 112px);
  }
}
section.topNews .topNews__content h2.section__ttl {
  justify-content: center;
  margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  section.topNews .topNews__content h2.section__ttl {
    margin-bottom: min(2.6811594203vw, 37px);
  }
}
section.topNews .topNews__content .posts__wrap {
  position: relative;
  margin: auto;
  padding: 37px 30px 60px;
  background: #fff;
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.0862745098);
  border-radius: 30px;
}
@media screen and (min-width:768px) {
  section.topNews .topNews__content .posts__wrap {
    width: min(73.1884057971vw, 1010px);
    padding: min(3.4057971014vw, 47px) min(5.0724637681vw, 70px) min(3.6231884058vw, 50px);
    border-radius: min(2.1739130435vw, 30px);
  }
}
section.topNews .topNews__content .posts__wrap li {
  margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  section.topNews .topNews__content .posts__wrap li {
    margin-bottom: min(2.1739130435vw, 30px);
  }
}
section.topNews .topNews__content .posts__wrap .posts__link {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.topNews .topNews__content .posts__wrap .posts__link {
    width: min(37.3188405797vw, 515px);
    grid-template-columns: min(10.8695652174vw, 150px) 1fr;
  }
}
section.topNews .topNews__content .posts__wrap .posts__link .day {
  width: 100%;
}
@media screen and (min-width:768px) {
  section.topNews .topNews__content .posts__wrap .posts__link .day {
    width: min(10.8695652174vw, 150px);
  }
}
section.topNews .topNews__content .posts__wrap .posts__link .ttl {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  text-decoration: underline;
}
@media screen and (min-width:768px) {
  section.topNews .topNews__content .posts__wrap .posts__link .ttl {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}
section.topNews .topNews__content .posts__wrap .posts__link .day {
  font-size: 12px;
  font-weight: 700;
  color: #17A5DB;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  text-decoration: underline;
}
@media screen and (min-width:768px) {
  section.topNews .topNews__content .posts__wrap .posts__link .day {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}
section.topNews .topNews__content .posts__wrap .posts__link .day time {
  display: block;
  width: -moz-max-content;
  width: max-content;
}
section.topNews .topNews__content .posts__wrap .posts__link:hover .ttl,
section.topNews .topNews__content .posts__wrap .posts__link:hover .day {
  text-decoration: none;
}
section.topNews .topNews__content .btn__block {
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width:768px) {
  section.topNews .topNews__content .btn__block {
    margin-top: min(4.347826087vw, 60px);
  }
}
section.topNews .column__content {
  position: relative;
  width: 84%;
  max-width: 345px;
  margin: auto;
  padding-top: 70px;
  border-top: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.topNews .column__content {
    max-width: none;
    width: 100%;
    padding-top: min(3.9855072464vw, 55px);
  }
}
section.topNews .column__content::before {
  position: absolute;
  top: 30px;
  right: -15px;
  content: "";
  display: block;
  background: url(../../assets/img/index/column_txt_sp.svg) no-repeat center center/contain;
  width: 61px;
  height: 290px;
  z-index: -1;
}
@media screen and (min-width:768px) {
  section.topNews .column__content::before {
    top: min(5.0724637681vw, 70px);
    right: 0;
    width: min(39.347826087vw, 543px);
    height: min(8.3333333333vw, 115px);
    background: url(../../assets/img/index/column_txt.svg) no-repeat center center/contain;
  }
}
section.topNews .column__content p.section__catch {
  width: 100%;
  margin-top: 17px;
}
@media screen and (min-width:768px) {
  section.topNews .column__content p.section__catch {
    width: min(36.9565217391vw, 510px);
    margin-top: min(1.6666666667vw, 23px);
  }
}
section.topNews .column__content .btn__block {
  text-align: center;
}
@media screen and (min-width:768px) {
  section.topNews .column__content .btn__block {
    text-align: right;
  }
}
section.topNews .ledNews__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  width: 100%;
  margin: 22px auto 30px;
}
@media screen and (min-width:768px) {
  section.topNews .ledNews__lists {
    grid-template-columns: repeat(3, 1fr);
    gap: min(0.7246376812vw, 10px);
    width: 100%;
    margin: min(5.7971014493vw, 80px) 0 min(0.7246376812vw, 10px);
  }
}
section.topNews .ledNews__lists li {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  section.topNews .ledNews__lists li {
    margin-bottom: min(1.4492753623vw, 20px);
    min-height: min(17.9710144928vw, 248px);
  }
}
section.topNews .ledNews__lists li:last-child {
  margin-bottom: 0;
}
section.topNews .ledNews__lists li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 3px;
  height: calc(100% - 40px);
  background-color: #015DE7;
  transform: translate(0, -50%);
  z-index: 1;
}
@media screen and (min-width:768px) {
  section.topNews .ledNews__lists li::before {
    left: min(1.3043478261vw, 18px);
    width: min(0.2173913043vw, 3px);
    height: min(13.6231884058vw, 188px);
  }
}
section.topNews .ledNews__lists li a {
  display: block;
  position: relative;
  background-color: #eee;
  padding: 20px 10px 15px 30px;
  opacity: 1;
}
@media screen and (min-width:768px) {
  section.topNews .ledNews__lists li a {
    padding: min(2.1739130435vw, 30px) min(1.4492753623vw, 20px) min(2.1739130435vw, 30px) min(2.8985507246vw, 40px);
  }
}
section.topNews .ledNews__lists li .news__meta {
  display: flex;
  gap: 10px;
}
@media screen and (min-width:768px) {
  section.topNews .ledNews__lists li .news__meta {
    gap: min(1.4492753623vw, 20px);
  }
}
section.topNews .ledNews__lists li .hovImgBlock {
  width: 115px;
  aspect-ratio: 115/130;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width:768px) {
  section.topNews .ledNews__lists li .hovImgBlock {
    width: min(10.5797101449vw, 146px);
    aspect-ratio: 146/125;
    min-width: min(10.5797101449vw, 146px);
  }
}
section.topNews .ledNews__lists li .thumbnail {
  width: 115px;
  aspect-ratio: 115/130;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width:768px) {
  section.topNews .ledNews__lists li .thumbnail {
    width: min(10.5797101449vw, 146px);
    aspect-ratio: 146/125;
  }
}
section.topNews .ledNews__lists li .ttl {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 15px;
}
@media screen and (min-width:768px) {
  section.topNews .ledNews__lists li .ttl {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.5;
    margin-bottom: min(1.8115942029vw, 25px);
  }
}
section.topNews .ledNews__lists li .description {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 15px;
}
@media screen and (min-width:768px) {
  section.topNews .ledNews__lists li .description {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
    -webkit-line-clamp: 3;
    margin-bottom: min(1.0869565217vw, 15px);
  }
}
section.topNews .ledNews__lists li .style-cate {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.35;
  letter-spacing: 0em;
  padding: 9px 17px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 50px;
}
@media screen and (min-width:768px) {
  section.topNews .ledNews__lists li .style-cate {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.35;
    padding: min(0.7246376812vw, 10px) min(1.4492753623vw, 20px);
    border-radius: min(3.6231884058vw, 50px);
  }
}

section.fv--led-vision {
  position: relative;
  width: 100%;
  height: 728px;
  overflow: hidden;
  /* スキューエフェクト */
  /* スキューエフェクト */
  /* スキューエフェクトの擬似要素 */
  /* 上からスライドして表示するアニメーション */
  /* 背景画像をフェードインさせるアニメーション */
  /* 背景画像がフェードインするアニメーション */
  /* 背景画像をフェードイン後の状態 */
  /* アニメーション終了後に擬似要素を非表示 */
}
@media screen and (min-width:568px) and (max-width:767px) {
  section.fv--led-vision {
    height: 728px;
  }
}
@media screen and (min-width:768px) {
  section.fv--led-vision {
    height: 62.3vw;
  }
}
section.fv--led-vision .inner--fv {
  position: relative;
  width: 97%;
  height: 100%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.fv--led-vision .inner--fv {
    width: min(92.6811594203vw, 1279px);
  }
}
section.fv--led-vision .content__area {
  position: absolute;
  top: 565px;
  height: 100%;
  width: 100%;
  margin: auto;
  z-index: 3;
}
@media screen and (min-width:768px) {
  section.fv--led-vision .content__area {
    position: absolute;
    top: min(26.8115942029vw, 370px);
    left: 0;
    width: auto;
  }
}
section.fv--led-vision .content__area .fv__catch {
  font-size: 19px;
  font-weight: 600;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  font-family: "Be Vietnam Pro", sans-serif;
  margin-left: 0;
}
@media screen and (min-width:768px) {
  section.fv--led-vision .content__area .fv__catch {
    font-size: min(2.5362318841vw, 35px);
    line-height: 1.68;
    letter-spacing: -0.02em;
    margin-bottom: min(4.347826087vw, 60px);
    margin-left: max(-2.8985507246vw, -40px);
  }
}
section.fv--led-vision .content__area span.jp {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  font-family: "Be Vietnam Pro", sans-serif;
  padding-left: 20px;
  margin-top: 30px;
}
@media screen and (min-width:768px) {
  section.fv--led-vision .content__area span.jp {
    font-size: min(1.4492753623vw, 20px);
    line-height: 2;
    padding-left: 0;
    margin-top: 0;
  }
}
section.fv--led-vision .content__area img {
  position: absolute;
  bottom: 40px;
  left: 0;
  max-width: 330px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
section.fv--led-vision .hero-skew-01 {
  position: absolute;
  top: 70px;
  right: 197px;
  width: 170px;
  height: 370px;
  transform-origin: 0 0;
  z-index: 1;
  overflow: hidden;
  -webkit-clip-path: polygon(55px 0%, 100% 0%, 115px 100%, 0px 100%);
          clip-path: polygon(55px 0%, 100% 0%, 115px 100%, 0px 100%);
  border: none;
}
@media screen and (min-width:768px) {
  section.fv--led-vision .hero-skew-01 {
    top: 7.2vw;
    right: 27.1vw;
    width: 24.6vw;
    height: 47.8vw;
    -webkit-clip-path: polygon(7.6vw 0%, 100% 0%, 17.2vw 100%, 1vw 100%);
            clip-path: polygon(7.6vw 0%, 100% 0%, 17.2vw 100%, 1vw 100%);
  }
}
section.fv--led-vision .hero-skew-02 {
  position: absolute;
  top: 70px;
  right: -22px;
  width: 280px;
  height: 485px;
  transform-origin: 0 0;
  z-index: 1;
  overflow: hidden;
  -webkit-clip-path: polygon(72px 0%, 100% 0%, 100% 100%, 0px 100%);
          clip-path: polygon(72px 0%, 100% 0%, 100% 100%, 0px 100%);
}
@media screen and (min-width:768px) {
  section.fv--led-vision .hero-skew-02 {
    top: 7.2vw;
    right: -11.2vw;
    width: 44.2vw;
    height: 42.7vw;
    -webkit-clip-path: polygon(6.7vw 0%, 100% 0%, 36.5vw 100%, 0% 100%);
            clip-path: polygon(6.7vw 0%, 100% 0%, 36.5vw 100%, 0% 100%);
  }
}
section.fv--led-vision .hero-skew-view::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 最初はグレー */
  opacity: 1;
  animation: revealAnimation 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes revealAnimation {
  0% {
    transform: translateY(-100%);
    background-color: #f3f3f3;
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    background-color: #f3f3f3;
    opacity: 1;
  }
}
section.fv--led-vision .hero-skew-view::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 76.9vw 51.3vw;
  animation: fadeInBackground 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
}
@keyframes fadeInBackground {
  0% {
    transform: translateY(-100%);
    background-color: #eee;
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    background-color: #eee;
    opacity: 1;
  }
}
section.fv--led-vision .hero-skew-view.show-background {
  background: url(../../assets/img/led-vision/fv-led.png);
  background-size: 750px 500px;
  opacity: 1;
}
@media screen and (min-width:768px) {
  section.fv--led-vision .hero-skew-view.show-background {
    background-size: 76.9vw 51.3vw;
  }
}
section.fv--led-vision .hero-skew-01.show-background {
  background-position: -220px 0px;
}
@media screen and (min-width:768px) {
  section.fv--led-vision .hero-skew-01.show-background {
    background-position: -9.9vw 0px;
  }
}
section.fv--led-vision .hero-skew-02.show-background {
  background-position: -330px 0px;
}
@media screen and (min-width:768px) {
  section.fv--led-vision .hero-skew-02.show-background {
    background-position: -28.9vw 0px;
  }
}
section.fv--led-vision .hero-skew-01.hide-pseudo::before,
section.fv--led-vision .hero-skew-01.hide-pseudo::after,
section.fv--led-vision .hero-skew-02.hide-pseudo::before,
section.fv--led-vision .hero-skew-02.hide-pseudo::after {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

section.introduction {
  position: relative;
}
section.introduction::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  background: url(../../assets/img/led-vision/introduction_bg.jpg) no-repeat center center/cover;
  height: 1019px;
  width: 100%;
  z-index: -1;
}
@media screen and (min-width:768px) {
  section.introduction::before {
    height: min(37.3188405797vw, 515px);
  }
}
section.introduction .inner--introduction {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 150px 0 60px;
}
@media screen and (min-width:768px) {
  section.introduction .inner--introduction {
    width: min(85.4347826087vw, 1179px);
    padding: min(9.2028985507vw, 127px) 0 min(7.2463768116vw, 100px);
  }
}
section.introduction .inner--introduction::before {
  position: absolute;
  left: 50%;
  content: "";
  display: block;
  background: url(../../assets/img/led-vision/introduction_txt.svg) no-repeat center center/contain;
  top: 75px;
  left: -15px;
  width: 113%;
  aspect-ratio: 375/76;
  z-index: -1;
}
@media screen and (min-width:768px) {
  section.introduction .inner--introduction::before {
    position: absolute;
    top: min(14.4927536232vw, 200px);
    left: 50%;
    transform: translate(-50%, 0);
    background: url(../../assets/img/led-vision/introduction_txt.svg) no-repeat center center/contain;
    height: min(11.9565217391vw, 165px);
    width: min(75.3623188406vw, 1040px);
  }
}
section.introduction .introduction__ttl {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.75;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.introduction .introduction__ttl {
    font-size: min(2.1739130435vw, 30px);
    line-height: 2.16;
  }
}
section.introduction .service__lists {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin: 27px 0 30px;
}
@media screen and (min-width:768px) {
  section.introduction .service__lists {
    flex-direction: row;
    gap: min(4.347826087vw, 60px);
    margin: min(5.7971014493vw, 80px) 0 min(4.347826087vw, 60px);
  }
}
section.introduction .service__lists .service__list {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  max-width: 315px;
  width: 100%;
}
@media screen and (min-width:768px) {
  section.introduction .service__lists .service__list {
    max-width: 421px;
    width: min(30.5072463768vw, 421px);
    height: min(38.4057971014vw, 530px);
  }
}
section.introduction .service__lists .wrap {
  position: relative;
  height: 100%;
  background-color: #fff;
}
section.introduction .service__lists .wrap img {
  aspect-ratio: 421/328;
}
section.introduction .service__lists .box {
  position: absolute;
  top: 220px;
  left: 50%;
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: center;
  line-height: 1.16;
  letter-spacing: 0em;
  width: -moz-max-content;
  width: max-content;
  padding: 15px 54px;
  transform: translate(-50%, 0);
  background-color: #EFF5FF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1254901961);
}
@media screen and (min-width:768px) {
  section.introduction .service__lists .box {
    top: min(22.4637681159vw, 310px);
    font-size: min(1.3043478261vw, 18px);
    line-height: 1.16;
    padding: min(0.9420289855vw, 13px) min(3.2608695652vw, 45px);
  }
}
section.introduction .service__lists .card__lists {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  width: 100%;
  margin: auto;
  padding: 40px 10px 33px;
}
@media screen and (min-width:768px) {
  section.introduction .service__lists .card__lists {
    gap: 0;
    padding: min(4.347826087vw, 60px) 0 0 0;
    width: -moz-max-content;
    width: max-content;
  }
}
section.introduction .service__lists .card__lists li {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.31;
  letter-spacing: 0em;
  padding-left: 1em;
}
@media screen and (min-width:768px) {
  section.introduction .service__lists .card__lists li {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.9;
  }
}
section.introduction .service__lists .card__lists li span {
  margin-left: -1em;
}
section.introduction .btn__block {
  text-align: center;
}
section.introduction a.btn--introduction {
  width: 237px;
  height: 50px;
  padding-left: 34px;
}
@media screen and (min-width:768px) {
  section.introduction a.btn--introduction {
    width: min(17.1739130435vw, 237px);
    height: min(3.6231884058vw, 50px);
    padding-left: min(2.4637681159vw, 34px);
  }
}
section.introduction a.btn--introduction::before {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url(../../assets/img/common/icon_arrow.svg) no-repeat center center/cover;
  z-index: 2;
}
@media screen and (min-width:768px) {
  section.introduction a.btn--introduction::before {
    right: min(1.4492753623vw, 20px);
    width: min(1.1594202899vw, 16px);
    height: min(1.0144927536vw, 14px);
  }
}

section.catalog {
  position: relative;
}
@media screen and (min-width:768px) {
  section.catalog .bg__area::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    background: url(../../assets/img/led-vision/catalog_bg.png) no-repeat center center/contain;
    height: 100%;
    width: 100%;
    margin: auto;
    z-index: -1;
  }
}
section.catalog .inner--catalog {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 65px 0 45px;
}
@media screen and (min-width:768px) {
  section.catalog .inner--catalog {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.2463768116vw, 100px) min(3.6231884058vw, 50px) min(0.3623188406vw, 5px);
  }
}
@media screen and (min-width:768px) {
  section.catalog .slide__area .btn__block {
    position: absolute;
    top: min(6.5217391304vw, 90px);
    right: min(3.6231884058vw, 50px);
  }
}
section.catalog .swiper--ledProducts {
  padding: 45px 0 30px;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
@media screen and (min-width:768px) {
  section.catalog .swiper--ledProducts {
    width: 100%;
    margin: auto;
    padding: min(3.9855072464vw, 55px) 0 min(4.347826087vw, 60px);
  }
}
@media screen and (min-width:768px) {
  section.catalog .swiper--ledProducts .swiper-wrapper--ledProducts01 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.0289855072vw, 28px);
  }
}
@media screen and (min-width:768px) and (min-width:768px) {
  section.catalog .swiper--ledProducts .swiper-wrapper--ledProducts01 {
    width: min(78.2608695652vw, 1080px);
  }
}
section.catalog .swiper--ledProducts .swiper-slide {
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  width: 293px;
  height: 301px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
}
@media screen and (min-width:768px) {
  section.catalog .swiper--ledProducts .swiper-slide {
    width: min(24.6376811594vw, 340px);
    height: min(23.4057971014vw, 323px);
    border-radius: min(1.4492753623vw, 20px);
  }
}
section.catalog .swiper--ledProducts .thumbnail__area img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width:768px) {
  section.catalog .swiper--ledProducts .thumbnail__area img {
    height: min(15.1449275362vw, 209px);
  }
}
section.catalog .swiper--ledProducts .card__meta {
  padding: 20px 20px;
}
@media screen and (min-width:768px) {
  section.catalog .swiper--ledProducts .card__meta {
    padding: min(1.4492753623vw, 20px) min(1.4492753623vw, 20px) min(1.4492753623vw, 20px);
  }
}
section.catalog .swiper--ledProducts .card__meta .cate {
  position: absolute;
  top: 19px;
  left: 20px;
}
@media screen and (min-width:768px) {
  section.catalog .swiper--ledProducts .card__meta .cate {
    top: min(1.3768115942vw, 19px);
    left: min(1.4492753623vw, 20px);
  }
}
section.catalog .swiper--ledProducts .card__meta .cate .sell,
section.catalog .swiper--ledProducts .card__meta .cate .rental {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0em;
  background-color: #fff;
  border: 1px solid #000;
  width: 72px;
  height: 28px;
  margin-right: 5px;
}
@media screen and (min-width:768px) {
  section.catalog .swiper--ledProducts .card__meta .cate .sell,
  section.catalog .swiper--ledProducts .card__meta .cate .rental {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
    width: min(5.2173913043vw, 72px);
    height: min(2.0289855072vw, 28px);
    margin-right: min(0.3623188406vw, 5px);
  }
}
section.catalog .swiper--ledProducts .card__meta .cate .rental {
  background-color: #000;
  color: #fff;
}
section.catalog .swiper--ledProducts .card__meta p.ttl {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.catalog .swiper--ledProducts .card__meta p.ttl {
    font-size: min(1.3043478261vw, 18px);
    line-height: 1.3;
  }
}
section.catalog .swiper--ledProducts .card__meta span {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.catalog .swiper--ledProducts .card__meta span {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
  }
}
section.catalog .swiper--ledProducts .swiper-scrollbar-drag {
  background: #17A5DB;
}
section.catalog .swiper--ledProducts01 {
  overflow: hidden;
}
section.catalog .swiper--ledProducts01 .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  top: 80px;
  right: 0;
  left: auto;
  bottom: auto;
  z-index: 50;
  height: 5px;
  width: 90px;
}
@media screen and (min-width:768px) {
  section.catalog .swiper--ledProducts01 .swiper-scrollbar.swiper-scrollbar-horizontal {
    top: auto;
    right: auto;
    left: 50%;
    bottom: max(-2.1739130435vw, -30px);
    width: min(10.8695652174vw, 150px);
  }
}
section.catalog .btn__block {
  text-align: center;
}
@media screen and (min-width:768px) {
  section.catalog .btn__block {
    text-align: left;
  }
}

section.introductionRecord {
  position: relative;
  background-color: #eee;
  -webkit-clip-path: polygon(0 0, 100% 55px, 100% 100%, 0 calc(100% - 55px));
          clip-path: polygon(0 0, 100% 55px, 100% 100%, 0 calc(100% - 55px));
}
@media screen and (min-width:768px) {
  section.introductionRecord {
    -webkit-clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0 100%);
            clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0 100%);
  }
}
section.introductionRecord .inner--introductionRecord {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 80px 0 88px;
}
@media screen and (min-width:768px) {
  section.introductionRecord .inner--introductionRecord {
    width: min(85.4347826087vw, 1179px);
    padding: min(13.4057971014vw, 185px) 0 min(8.3333333333vw, 115px);
  }
}
@media screen and (min-width:768px) {
  section.introductionRecord h2.section__ttl {
    padding-left: min(1.4492753623vw, 20px);
  }
}
section.introductionRecord .case-led__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 43px;
  margin: 47px 0 22px;
}
@media screen and (min-width:768px) {
  section.introductionRecord .case-led__lists {
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.4637681159vw, 34px);
    margin: min(4.5652173913vw, 63px) 0 min(3.6231884058vw, 50px);
  }
}
section.introductionRecord .case-led__lists .style-cate {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.41;
  letter-spacing: 0em;
  margin-top: 10px;
  padding: 6px 25px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 30px;
}
@media screen and (min-width:768px) {
  section.introductionRecord .case-led__lists .style-cate {
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.41;
    margin-top: min(0.9420289855vw, 13px);
    padding: min(0.4347826087vw, 6px) min(1.8115942029vw, 25px);
    border-radius: min(2.1739130435vw, 30px);
  }
}
section.introductionRecord .case-led__lists .ttl {
  font-size: 18px;
  font-weight: 700;
  color: #015DE7;
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0em;
  margin-top: 10px;
}
@media screen and (min-width:768px) {
  section.introductionRecord .case-led__lists .ttl {
    font-size: min(1.3043478261vw, 18px);
    line-height: 3;
    margin-top: 0;
  }
}
section.introductionRecord .btn__block {
  text-align: center;
}
@media screen and (min-width:768px) {
  section.introductionRecord .btn__block {
    position: absolute;
    top: min(13.0434782609vw, 180px);
    right: 0;
  }
}

section.ledNews {
  position: relative;
  background-color: #fff;
}
section.ledNews .inner--ledNews {
  position: relative;
  width: 92%;
  margin: auto;
  padding: 45px 0 70px;
}
@media screen and (min-width:768px) {
  section.ledNews .inner--ledNews {
    width: min(85.4347826087vw, 1179px);
    padding: min(6.7391304348vw, 93px) min(7.2463768116vw, 100px) min(7.2463768116vw, 100px) min(5.7971014493vw, 80px);
  }
}
section.ledNews h2.section__ttl {
  padding-left: 15px;
}
@media screen and (min-width:768px) {
  section.ledNews h2.section__ttl {
    padding-left: 0;
  }
}
section.ledNews .ledNews__lists {
  width: 100%;
  max-width: 345px;
  margin: 27px auto 30px;
}
@media screen and (min-width:768px) {
  section.ledNews .ledNews__lists {
    max-width: none;
    width: 100%;
    margin: min(4.4927536232vw, 62px) 0 min(3.6231884058vw, 50px);
  }
}
section.ledNews .ledNews__lists li {
  position: relative;
  margin-bottom: 22px;
}
@media screen and (min-width:768px) {
  section.ledNews .ledNews__lists li {
    margin-bottom: min(1.3043478261vw, 18px);
  }
}
section.ledNews .ledNews__lists li:last-child {
  margin-bottom: 0;
}
section.ledNews .ledNews__lists li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 3px;
  height: calc(100% - 37px);
  background-color: #015DE7;
  transform: translate(0, -50%);
  z-index: 1;
}
@media screen and (min-width:768px) {
  section.ledNews .ledNews__lists li::before {
    left: min(1.6666666667vw, 23px);
    width: min(0.2173913043vw, 3px);
    height: calc(100% - 4.49vw);
  }
}
section.ledNews .ledNews__lists li a {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  background-color: #eee;
  padding: 21px 26px 16px 35px;
  opacity: 1;
}
@media screen and (min-width:768px) {
  section.ledNews .ledNews__lists li a {
    flex-direction: row;
    gap: min(2.8260869565vw, 39px);
    padding: min(2.2463768116vw, 31px) min(3.115942029vw, 43px);
  }
}
section.ledNews .ledNews__lists li .thumbnail {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 33%;
  aspect-ratio: 115/100;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width:768px) {
  section.ledNews .ledNews__lists li .thumbnail {
    position: static;
    width: min(17.1739130435vw, 237px);
    aspect-ratio: 237/150;
  }
}
section.ledNews .ledNews__lists li .ttl {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 5px;
}
@media screen and (min-width:768px) {
  section.ledNews .ledNews__lists li .ttl {
    font-size: min(1.4492753623vw, 20px);
    line-height: 1.5;
    margin-bottom: min(0.5072463768vw, 7px);
  }
}
section.ledNews .ledNews__lists li .description {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  width: 55%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  section.ledNews .ledNews__lists li .description {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.5;
    width: 100%;
    -webkit-line-clamp: 2;
    margin-bottom: min(0.5797101449vw, 8px);
  }
}
section.ledNews .ledNews__lists li .style-cate {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.35;
  letter-spacing: 0em;
  padding: 6px 17px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 50px;
}
@media screen and (min-width:768px) {
  section.ledNews .ledNews__lists li .style-cate {
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.41;
    padding: min(0.3623188406vw, 5px) min(1.4492753623vw, 20px);
    border-radius: min(3.6231884058vw, 50px);
  }
}
section.ledNews .btn__block {
  text-align: center;
  margin-top: 30px;
}
@media screen and (min-width:768px) {
  section.ledNews .btn__block {
    margin-top: 0;
  }
}

section.led-products {
  position: relative;
}
section.led-products .inner--led-products {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 70px 0 100px;
}
@media screen and (min-width:768px) {
  section.led-products .inner--led-products {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.7971014493vw, 80px) min(3.6231884058vw, 50px) min(12.6811594203vw, 175px);
  }
}
section.led-products .ledProducts-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 40px 0 30px;
}
@media screen and (min-width:768px) {
  section.led-products .ledProducts-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.1739130435vw, 30px);
    width: min(78.2608695652vw, 1080px);
    margin: auto;
    padding: min(4.7101449275vw, 65px) 0 min(4.347826087vw, 60px);
  }
}
section.led-products .ledProducts__card {
  position: relative;
  display: block;
  width: 293px;
  height: 301px;
  margin: auto;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  overflow: hidden;
}
@media screen and (min-width:768px) {
  section.led-products .ledProducts__card {
    width: min(24.6376811594vw, 340px);
    height: min(23.4057971014vw, 323px);
    border-radius: min(1.4492753623vw, 20px);
  }
}
section.led-products .thumbnail__area img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width:768px) {
  section.led-products .thumbnail__area img {
    height: min(15.1449275362vw, 209px);
  }
}
section.led-products .card__meta {
  padding: 20px 20px;
}
@media screen and (min-width:768px) {
  section.led-products .card__meta {
    padding: min(1.4492753623vw, 20px) min(1.4492753623vw, 20px) min(1.4492753623vw, 20px);
  }
}
section.led-products .card__meta .cate {
  position: absolute;
  top: 19px;
  left: 20px;
}
@media screen and (min-width:768px) {
  section.led-products .card__meta .cate {
    top: min(1.3768115942vw, 19px);
    left: min(1.4492753623vw, 20px);
  }
}
section.led-products .card__meta .cate .sell,
section.led-products .card__meta .cate .rental {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0em;
  background-color: #fff;
  border: 1px solid #000;
  width: 72px;
  height: 28px;
  margin-right: 5px;
}
@media screen and (min-width:768px) {
  section.led-products .card__meta .cate .sell,
  section.led-products .card__meta .cate .rental {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
    width: min(5.2173913043vw, 72px);
    height: min(2.0289855072vw, 28px);
    margin-right: min(0.3623188406vw, 5px);
  }
}
section.led-products .card__meta .cate .rental {
  background-color: #000;
  color: #fff;
}
section.led-products .card__meta p.ttl {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.led-products .card__meta p.ttl {
    font-size: min(1.3043478261vw, 18px);
    line-height: 1.3;
  }
}
section.led-products .card__meta span {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.led-products .card__meta span {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
  }
}

section.productDescription {
  position: relative;
}
section.productDescription .inner--productDescription {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 50px 0 50px;
}
@media screen and (min-width:768px) {
  section.productDescription .inner--productDescription {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.7971014493vw, 80px) min(0.7246376812vw, 10px) min(7.2463768116vw, 100px) min(2.8985507246vw, 40px);
  }
}
section.productDescription .wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media screen and (min-width:768px) {
  section.productDescription .wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: min(3.6231884058vw, 50px);
  }
}
section.productDescription .wrapper .productImage img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
section.productDescription .wrapper .productDescription__content h3.ttl {
  font-size: 22px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.35;
  letter-spacing: 0em;
  margin-bottom: 30px;
  padding-left: 20px;
  border-left: 3px solid #015DE7;
}
@media screen and (min-width:768px) {
  section.productDescription .wrapper .productDescription__content h3.ttl {
    font-size: min(1.884057971vw, 26px);
    line-height: 1.15;
    margin-bottom: min(3.6231884058vw, 50px);
    padding-left: min(1.4492753623vw, 20px);
    border-left: min(0.2173913043vw, 3px) solid #015DE7;
  }
}
section.productDescription .wrapper .productDescription__content .description__lists {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  section.productDescription .wrapper .productDescription__content .description__lists {
    flex-direction: row;
    margin-bottom: min(2.5362318841vw, 35px);
    gap: min(0.7246376812vw, 10px);
  }
}
section.productDescription .wrapper .productDescription__content .description__lists li {
  width: 100%;
}
@media screen and (min-width:768px) {
  section.productDescription .wrapper .productDescription__content .description__lists li {
    width: 50%;
  }
}
section.productDescription .wrapper .productDescription__content .description__lists dl {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}
@media screen and (min-width:768px) {
  section.productDescription .wrapper .productDescription__content .description__lists dl {
    grid-template-columns: min(8.6956521739vw, 120px) 1fr;
    gap: min(1.5942028986vw, 22px) 0;
  }
}
section.productDescription .wrapper .productDescription__content .description__lists dl dt {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.productDescription .wrapper .productDescription__content .description__lists dl dt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1;
  }
}
section.productDescription .wrapper .productDescription__content .description__lists dl dd {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.31;
  letter-spacing: 0em;
  padding-left: 1.5em;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  section.productDescription .wrapper .productDescription__content .description__lists dl dd {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    padding-left: 0;
    margin-bottom: 0;
  }
}
section.productDescription .wrapper .productDescription__content .description__txt {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.productDescription .wrapper .productDescription__content .description__txt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    font-weight: 500;
  }
}

.productFeatures {
  background-color: #eee;
}
.productFeatures .inner--productFeatures {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 50px 0 80px;
}
@media screen and (min-width:768px) {
  .productFeatures .inner--productFeatures {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.2463768116vw, 100px) min(5.7971014493vw, 80px) min(6.5217391304vw, 90px);
  }
}
.productFeatures .productFeatures__lists {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 20px;
  margin-top: 30px;
}
@media screen and (min-width:768px) {
  .productFeatures .productFeatures__lists {
    grid-template-columns: repeat(3, 1fr);
    gap: min(1.4492753623vw, 20px) min(2.1739130435vw, 30px);
    margin-top: min(5.0724637681vw, 70px);
  }
}
.productFeatures .productFeatures__lists h4.ttl {
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .productFeatures .productFeatures__lists h4.ttl {
    font-size: min(1.3043478261vw, 18px);
  }
}
.productFeatures .productFeatures__lists .txt {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .productFeatures .productFeatures__lists .txt {
    font-size: min(1.1594202899vw, 16px);
  }
}
.productFeatures .productFeatures__lists .thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 320/224;
}
@media screen and (min-width:768px) {
  .productFeatures .productFeatures__lists .thumbnail {
    width: min(23.1884057971vw, 320px);
  }
}

.productFlow .inner--productFlow {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 50px 0 80px;
}
@media screen and (min-width:768px) {
  .productFlow .inner--productFlow {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.2463768116vw, 100px) min(2.8985507246vw, 40px) min(7.2463768116vw, 100px);
  }
}
.productFlow .productFlow__content {
  margin-top: 50px;
}
@media screen and (min-width:768px) {
  .productFlow .productFlow__content {
    margin-top: min(6.5217391304vw, 90px);
  }
}

.catalog--ledProducts {
  margin-bottom: 70px;
}
@media screen and (min-width:768px) {
  .catalog--ledProducts {
    margin-bottom: min(7.2463768116vw, 100px);
  }
}
.catalog--ledProducts .bg__area--ledProducts {
  position: relative;
  overflow: hidden;
  background: #eee;
  -webkit-clip-path: polygon(0 0, 100% 45px, 100% 100%, 0 calc(100% - 45px));
          clip-path: polygon(0 0, 100% 45px, 100% 100%, 0 calc(100% - 45px));
}
@media screen and (min-width:768px) {
  .catalog--ledProducts .bg__area--ledProducts {
    background: none;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
@media screen and (min-width:768px) {
  .catalog--ledProducts .bg__area--ledProducts::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    background: url(../../assets/img/led-vision/catalog_bg02.png) no-repeat center center/cover;
    height: 100%;
    max-width: 1380px;
    width: 100%;
    margin: auto;
    z-index: -1;
  }
}
.catalog--ledProducts .inner--catalogLedProducts {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 70px 0 100px;
}
@media screen and (min-width:768px) {
  .catalog--ledProducts .inner--catalogLedProducts {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.2463768116vw, 100px) 0 min(7.2463768116vw, 100px);
  }
}
.catalog--ledProducts .swiper--ledProducts02 {
  position: relative;
  overflow: visible;
}
.catalog--ledProducts .swiper--ledProducts02 .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  top: auto;
  right: auto;
  left: 50%;
  bottom: 0;
  height: 5px;
  width: 90px;
  transform: translate(-50%, 0);
  z-index: 50;
}
@media screen and (min-width:768px) {
  .catalog--ledProducts .swiper--ledProducts02 .swiper-scrollbar.swiper-scrollbar-horizontal {
    top: auto;
    right: auto;
    left: 50%;
    width: min(10.8695652174vw, 150px);
  }
}

section.introductionExample {
  position: relative;
}
section.introductionExample .inner--introductionExample {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 50px 0 45px;
}
@media screen and (min-width:768px) {
  section.introductionExample .inner--introductionExample {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.7971014493vw, 80px) 0 min(7.2463768116vw, 100px);
  }
}
section.introductionExample .wrapper .first__content {
  position: relative;
  max-width: 640px;
  margin: auto;
  padding: 0 0 22px;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .first__content {
    padding: 0 0 min(5.0724637681vw, 70px);
  }
}
section.introductionExample .wrapper .first__content .thumnbnail__block {
  text-align: center;
}
section.introductionExample .wrapper .first__content .thumnbnail__block img {
  aspect-ratio: 640/450;
  -o-object-fit: cover;
     object-fit: cover;
}
section.introductionExample .wrapper .first__content .introductionExample__meta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px 0 15px;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .first__content .introductionExample__meta {
    gap: min(2.1739130435vw, 30px);
    margin: min(2.1739130435vw, 30px) 0 0;
  }
}
section.introductionExample .wrapper .first__content .introductionExample__meta .cate {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0em;
  background: rgba(1, 93, 231, 0.062745098);
  padding: 3px 22px;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .first__content .introductionExample__meta .cate {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
  }
}
section.introductionExample .wrapper .first__content .introductionExample__meta .day {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.59;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .first__content .introductionExample__meta .day {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.5;
  }
}
section.introductionExample .wrapper .first__content h2.ttl {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.59;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .first__content h2.ttl {
    font-size: min(2.0289855072vw, 28px);
    line-height: 2.5;
  }
}
section.introductionExample .wrapper .second__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  padding: 50px 0 0;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .second__content {
    flex-direction: row;
    gap: min(8.6956521739vw, 120px);
    padding: min(6.5217391304vw, 90px) min(3.6231884058vw, 50px) 0 0;
  }
}
section.introductionExample .wrapper .second__content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #eee;
  z-index: -1;
}
section.introductionExample .wrapper .second__content .introductionExampleImage img {
  max-width: 500px;
  aspect-ratio: 500/351;
  -o-object-fit: cover;
     object-fit: cover;
}
section.introductionExample .wrapper .second__content h3.ttl {
  margin-bottom: 30px;
  padding-left: 17px;
  border-left: 3px solid #015DE7;
  margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .second__content h3.ttl {
    padding-left: min(1.4492753623vw, 20px);
    border-left: min(0.2173913043vw, 3px) solid #015DE7;
    margin: min(2.7536231884vw, 38px) 0 min(3.9855072464vw, 55px);
  }
}
section.introductionExample .wrapper .second__content h3.ttl .ttl--product {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 2.05;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .second__content h3.ttl .ttl--product {
    font-size: min(1.0144927536vw, 14px);
    line-height: 2.14;
  }
}
section.introductionExample .wrapper .second__content h3.ttl .ttl--name {
  display: block;
  font-size: 22px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.36;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .second__content h3.ttl .ttl--name {
    font-size: min(1.884057971vw, 26px);
    line-height: 1.15;
  }
}
section.introductionExample .wrapper .second__content .description__lists {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .second__content .description__lists {
    flex-direction: row;
    margin-bottom: min(2.5362318841vw, 35px);
  }
}
section.introductionExample .wrapper .second__content .description__lists li {
  width: 100%;
}
section.introductionExample .wrapper .second__content .description__lists dl {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .second__content .description__lists dl {
    grid-template-columns: min(10vw, 138px) 1fr;
    gap: min(1.884057971vw, 26px) 0;
  }
}
section.introductionExample .wrapper .second__content .description__lists dl dt {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .second__content .description__lists dl dt {
    font-size: min(1.3043478261vw, 18px);
    line-height: 1;
  }
}
section.introductionExample .wrapper .second__content .description__lists dl dd {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.31;
  letter-spacing: 0em;
  padding-left: 1.3em;
}
@media screen and (min-width:768px) {
  section.introductionExample .wrapper .second__content .description__lists dl dd {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    padding-left: 0;
  }
}

.backgroundOfIntroduction {
  background-color: #eee;
}
.backgroundOfIntroduction .inner--backgroundOfIntroduction {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 45px 0 42px;
}
@media screen and (min-width:768px) {
  .backgroundOfIntroduction .inner--backgroundOfIntroduction {
    width: min(36.231884058vw, 500px);
    padding: min(3.6231884058vw, 50px) 0 min(5.7971014493vw, 80px);
  }
}
.backgroundOfIntroduction .ttl--line::before {
  bottom: -10px;
}
@media screen and (min-width:768px) {
  .backgroundOfIntroduction .ttl--line::before {
    bottom: max(-0.7246376812vw, -10px);
  }
}
.backgroundOfIntroduction .backgroundOfIntroductionImage {
  margin: 40px 0 20px;
}
@media screen and (min-width:768px) {
  .backgroundOfIntroduction .backgroundOfIntroductionImage {
    margin: min(5.7971014493vw, 80px) 0 min(2.8985507246vw, 40px);
  }
}
.backgroundOfIntroduction .backgroundOfIntroductionImage img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 500/351;
}
.backgroundOfIntroduction .description {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .backgroundOfIntroduction .description {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}

.afterIntroduction .inner--afterIntroduction {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 70px 0 70px;
}
@media screen and (min-width:768px) {
  .afterIntroduction .inner--afterIntroduction {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.4347826087vw, 75px) min(6.5217391304vw, 90px) min(5.0724637681vw, 70px);
  }
}
.afterIntroduction h2.section__ttl02 {
  text-align: left;
}
.afterIntroduction .ttl--line::before {
  bottom: -8px;
}
@media screen and (min-width:768px) {
  .afterIntroduction .ttl--line::before {
    bottom: 0;
  }
}
.afterIntroduction .txt {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  margin-top: 30px;
}
@media screen and (min-width:768px) {
  .afterIntroduction .txt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    margin-top: min(3.6231884058vw, 50px);
  }
}
.afterIntroduction .afterIntroduction__lists {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 20px;
  margin-top: 20px;
}
@media screen and (min-width:768px) {
  .afterIntroduction .afterIntroduction__lists {
    grid-template-columns: repeat(3, 1fr);
    gap: min(1.4492753623vw, 20px) min(1.4492753623vw, 20px);
    margin-top: min(4.4927536232vw, 62px);
  }
}
.afterIntroduction .afterIntroduction__lists img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 320/225;
}

section.otherExamples {
  position: relative;
  background-color: #eee;
  -webkit-clip-path: polygon(0 0, 100% 55px, 100% 100%, 0 calc(100% - 55px));
          clip-path: polygon(0 0, 100% 55px, 100% 100%, 0 calc(100% - 55px));
}
@media screen and (min-width:768px) {
  section.otherExamples {
    -webkit-clip-path: polygon(0 min(7.9710144928vw, 110px), 100% 0%, 100% min(51.0869565217vw, 705px), 0 100%);
            clip-path: polygon(0 min(7.9710144928vw, 110px), 100% 0%, 100% min(51.0869565217vw, 705px), 0 100%);
  }
}
section.otherExamples .inner--otherExamples {
  position: relative;
  width: 84%;
  margin: auto auto 70px;
  padding: 80px 0 75px;
}
@media screen and (min-width:768px) {
  section.otherExamples .inner--otherExamples {
    width: min(85.4347826087vw, 1179px);
    padding: min(13.2608695652vw, 183px) 0 min(7.6086956522vw, 105px);
    margin-bottom: min(7.2463768116vw, 100px);
  }
}
@media screen and (min-width:768px) {
  section.otherExamples h2.section__ttl {
    padding-left: min(1.4492753623vw, 20px);
  }
}
section.otherExamples .case-otherExamples__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin: 35px 0 30px;
}
@media screen and (min-width:768px) {
  section.otherExamples .case-otherExamples__lists {
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.4637681159vw, 34px);
    margin: min(4.7101449275vw, 65px) 0 min(3.6231884058vw, 50px);
  }
}
section.otherExamples .case-otherExamples__card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: auto;
  overflow: hidden;
}
section.otherExamples .case-otherExamples__card .style-cate {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.41;
  letter-spacing: 0em;
  padding: 6px 25px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 30px;
}
@media screen and (min-width:768px) {
  section.otherExamples .case-otherExamples__card .style-cate {
    top: min(0.8695652174vw, 12px);
    left: min(0.8695652174vw, 12px);
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.41;
    padding: min(0.4347826087vw, 6px) min(1.8115942029vw, 25px);
    border-radius: min(2.1739130435vw, 30px);
  }
}
section.otherExamples .case-otherExamples__card .card__img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 370/260;
}
@media screen and (min-width:768px) {
  section.otherExamples .case-otherExamples__card .card__img img {
    height: min(18.768115942vw, 259px);
  }
}
section.otherExamples .case-otherExamples__card .card__meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 7px;
  height: 100%;
  padding: 12px 0;
}
@media screen and (min-width:768px) {
  section.otherExamples .case-otherExamples__card .card__meta {
    gap: min(0.3623188406vw, 5px);
    padding: min(0.7246376812vw, 10px) 0 min(0.7246376812vw, 10px);
  }
}
section.otherExamples .case-otherExamples__card .card__meta .ttl {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.otherExamples .case-otherExamples__card .card__meta .ttl {
    font-size: min(1.3043478261vw, 18px);
    line-height: 1.66;
  }
}
section.otherExamples .case-otherExamples__card .card__meta .more__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: right;
  line-height: 1.375;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.otherExamples .case-otherExamples__card .card__meta .more__btn {
    gap: min(1.4492753623vw, 20px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
  }
}
section.otherExamples .case-otherExamples__card .card__meta .more__btn::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../../assets/img/common/icon_viewmore-arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.otherExamples .case-otherExamples__card .card__meta .more__btn::after {
    width: min(1.0869565217vw, 15px);
    height: min(1.0869565217vw, 15px);
  }
}
section.otherExamples .btn__block {
  text-align: center;
}
@media screen and (min-width:768px) {
  section.otherExamples .btn__block {
    position: absolute;
    top: min(12.8260869565vw, 177px);
    right: 0;
  }
}

section.case-led {
  position: relative;
}
section.case-led .inner--case-led {
  position: relative;
  width: 92%;
  margin: auto;
  padding: 50px 0 80px;
}
@media screen and (min-width:768px) {
  section.case-led .inner--case-led {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.0724637681vw, 70px) 0 min(6.1594202899vw, 85px);
  }
}
section.case-led .pageNav--works {
  position: relative;
  margin-bottom: 60px;
  padding: 38px 15px 50px;
  background-color: #eee;
}
@media screen and (min-width:768px) {
  section.case-led .pageNav--works {
    padding: min(2.6811594203vw, 37px) 0 min(3.6231884058vw, 50px);
    margin-bottom: min(5.0724637681vw, 70px);
  }
}
section.case-led .pageNav--works::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 60px);
  border-bottom: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.case-led .pageNav--works::before {
    height: calc(100% + min(5.0724637681vw, 70px));
  }
}
section.case-led .pageNav--works .pageNav__ttl {
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: center;
  line-height: 1.375;
  letter-spacing: 0em;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.case-led .pageNav--works .pageNav__ttl {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
    margin-bottom: min(1.5942028986vw, 22px);
  }
}
section.case-led .pageNav--works .category__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media screen and (min-width:768px) {
  section.case-led .pageNav--works .category__items {
    grid-template-columns: repeat(4, auto);
    gap: min(0.7246376812vw, 10px);
  }
}
section.case-led .pageNav--works .category__items li {
  position: relative;
  text-align: center;
}
section.case-led .pageNav--works .category__items li .style-cate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.41;
  letter-spacing: 0em;
  max-width: 245px;
  width: 100%;
  height: 40px;
  border: 1px solid #015DE7;
  border-radius: 50px;
}
@media screen and (min-width:768px) {
  section.case-led .pageNav--works .category__items li .style-cate {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
    width: min(15.652173913vw, 216px);
    height: min(2.8985507246vw, 40px);
    border-radius: min(3.6231884058vw, 50px);
  }
}
section.case-led .pageNav--works .category__items li.current a {
  background-color: #015DE7 !important;
  color: #fff !important;
}
section.case-led .pageNav--works a {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: #fff;
}
section.case-led .pageNav--works a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: skewX(15deg) translate(-50%, -50%);
  font-size: 14px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0em;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width:768px) {
  section.case-led .pageNav--works a span {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.3;
    transform: skewX(30deg) translate(-50%, -50%);
  }
}
section.case-led .case-led__area {
  width: 91.3%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.case-led .case-led__area {
    width: 100%;
  }
}
section.case-led .case-led__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 33px;
  padding: 60px 0 30px;
  margin: auto;
}
@media screen and (min-width:568px) and (max-width:767px) {
  section.case-led .case-led__lists {
    grid-template-columns: repeat(2, 1fr);
    gap: min(1.4492753623vw, 20px);
  }
}
@media screen and (min-width:768px) {
  section.case-led .case-led__lists {
    grid-template-columns: repeat(3, 1fr);
    gap: min(4.347826087vw, 60px) min(2.4637681159vw, 34px);
    padding: min(5.0724637681vw, 70px) 0 min(4.347826087vw, 60px);
  }
}
section.case-led .case-led__card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: auto;
  background-color: #fff;
  overflow: hidden;
}
section.case-led .case-led__card .style-cate {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.41;
  letter-spacing: 0em;
  padding: 11px 24px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 50px;
}
@media screen and (min-width:768px) {
  section.case-led .case-led__card .style-cate {
    top: min(0.8695652174vw, 12px);
    left: min(0.8695652174vw, 12px);
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.41;
    padding: min(0.3623188406vw, 5px) min(2.2463768116vw, 31px);
    border-radius: min(3.6231884058vw, 50px);
  }
}
section.case-led .thumbnail__area img,
section.case-led .card__img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 370/260;
}
@media screen and (min-width:768px) {
  section.case-led .thumbnail__area img,
  section.case-led .card__img img {
    height: min(18.768115942vw, 259px);
  }
}
section.case-led .card__meta {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px 0;
}
@media screen and (min-width:768px) {
  section.case-led .card__meta {
    padding: min(0.7246376812vw, 10px) 0 min(0.7246376812vw, 10px);
  }
}
section.case-led .card__meta .day {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.78;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.case-led .card__meta .day {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.7;
  }
}
section.case-led .card__meta h3.ttl {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.56;
  letter-spacing: 0em;
  flex-grow: 1;
}
@media screen and (min-width:768px) {
  section.case-led .card__meta h3.ttl {
    font-size: min(1.3043478261vw, 18px);
    line-height: 1.66;
  }
}
section.case-led .card__meta .more__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: right;
  line-height: 1.375;
  letter-spacing: 0em;
  margin-top: 20px;
}
@media screen and (min-width:768px) {
  section.case-led .card__meta .more__btn {
    gap: min(1.4492753623vw, 20px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
    margin-top: min(0.3623188406vw, 5px);
  }
}
section.case-led .card__meta .more__btn::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../../assets/img/common/icon_viewmore-arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.case-led .card__meta .more__btn::after {
    width: min(1.0869565217vw, 15px);
    height: min(1.0869565217vw, 15px);
  }
}
section.case-led .card__meta--columns h3.ttl {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.56;
  letter-spacing: 0em;
  flex-grow: 1;
}
@media screen and (min-width:768px) {
  section.case-led .card__meta--columns h3.ttl {
    font-size: min(1.4492753623vw, 20px);
    line-height: 1.5;
  }
}
section.case-led .card__meta--columns .more__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: right;
  line-height: 1.375;
  letter-spacing: 0em;
  margin-top: 20px;
}
@media screen and (min-width:768px) {
  section.case-led .card__meta--columns .more__btn {
    gap: min(1.4492753623vw, 20px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
    margin-top: min(1.6666666667vw, 23px);
  }
}

section.single--ledNews {
  position: relative;
}
section.single--ledNews .inner--single--ledNews {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 50px 0 50px;
}
@media screen and (min-width:768px) {
  section.single--ledNews .inner--single--ledNews {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.7971014493vw, 80px) 0 min(5.7971014493vw, 80px);
  }
}
section.single--ledNews .first__content {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.single--ledNews .first__content {
    margin-bottom: min(4.347826087vw, 60px);
    padding-bottom: min(2.8985507246vw, 40px);
  }
}
section.single--ledNews .first__content .ledNews__meta .style-cate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.41;
  letter-spacing: 0em;
  max-width: 155px;
  width: 100%;
  height: 30px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 50px;
}
@media screen and (min-width:768px) {
  section.single--ledNews .first__content .ledNews__meta .style-cate {
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.41;
    width: min(11.231884058vw, 155px);
    height: min(2.1739130435vw, 30px);
    border-radius: min(3.6231884058vw, 50px);
  }
}
section.single--ledNews .first__content .ledNews__meta .ttl {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 15px 0;
}
@media screen and (min-width:768px) {
  section.single--ledNews .first__content .ledNews__meta .ttl {
    font-size: min(2.1739130435vw, 30px);
    line-height: 1.66;
    margin: min(1.0869565217vw, 15px) 0;
  }
}
section.single--ledNews .first__content .ledNews__meta .day {
  font-size: 16px;
  font-weight: 700;
  color: #525252;
  text-align: left;
  line-height: 1.375;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.single--ledNews .first__content .ledNews__meta .day {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
  }
}
section.single--ledNews .main__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media screen and (min-width:768px) {
  section.single--ledNews .main__container {
    grid-template-columns: min(53.6231884058vw, 740px) 1fr;
    gap: min(5.4347826087vw, 75px);
  }
}

.aside {
  max-width: 100%;
}
@media screen and (min-width:768px) {
  .aside {
    max-width: 363px;
  }
}
.aside .latestNews__block {
  margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .aside .latestNews__block {
    margin-bottom: min(2.8985507246vw, 40px);
  }
}
.aside .latestNews__block .latestNews__ttl {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  text-align: left;
  line-height: 1;
  letter-spacing: 0em;
  margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .aside .latestNews__block .latestNews__ttl {
    font-size: min(1.5942028986vw, 22px);
    line-height: 1;
    margin-bottom: min(2.1739130435vw, 30px);
  }
}
.aside .latestNews__block li {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .aside .latestNews__block li {
    margin-bottom: min(1.4492753623vw, 20px);
  }
}
.aside .latestNews__block li:last-child {
  margin-bottom: 0;
}
.aside .latestNews__block li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 3px;
  height: calc(100% - 40px);
  background-color: #015DE7;
  transform: translate(0, -50%);
  z-index: 1;
}
@media screen and (min-width:768px) {
  .aside .latestNews__block li::before {
    left: min(1.4492753623vw, 20px);
    width: min(0.2173913043vw, 3px);
    height: calc(100% - 2.89vw);
  }
}
.aside .latestNews__block li .wrap {
  display: flex;
  gap: 10px;
}
@media screen and (min-width:768px) {
  .aside .latestNews__block li .wrap {
    gap: min(0.7246376812vw, 10px);
  }
}
.aside .latestNews__block li a {
  display: block;
  background-color: #eee;
  padding: 20px 15px 20px 30px;
  opacity: 1;
}
@media screen and (min-width:768px) {
  .aside .latestNews__block li a {
    padding: min(1.4492753623vw, 20px) min(1.4492753623vw, 20px) min(1.4492753623vw, 20px) min(2.5362318841vw, 35px);
  }
}
.aside .latestNews__block li .thumbnail {
  aspect-ratio: 115/100;
  -o-object-fit: cover;
     object-fit: cover;
  width: 115px;
}
@media screen and (min-width:768px) {
  .aside .latestNews__block li .thumbnail {
    width: min(8.3333333333vw, 115px);
    aspect-ratio: 115/100;
  }
}
.aside .latestNews__block li .card__ttl {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 5px;
}
@media screen and (min-width:768px) {
  .aside .latestNews__block li .card__ttl {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.5;
    margin-bottom: min(0.7246376812vw, 10px);
  }
}
.aside .latestNews__block li .description {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .aside .latestNews__block li .description {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
    width: 100%;
    -webkit-line-clamp: 3;
    margin-bottom: min(0.7246376812vw, 10px);
  }
}
.aside .latestNews__block li .news__meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.aside .latestNews__block li .style-cate {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.35;
  letter-spacing: 0em;
  padding: 3px 15px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 50px;
}
@media screen and (min-width:768px) {
  .aside .latestNews__block li .style-cate {
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.41;
    padding: min(0.2173913043vw, 3px) min(1.4492753623vw, 20px);
    border-radius: min(3.6231884058vw, 50px);
  }
}
.aside .category__block {
  background-color: #eee;
  padding: 40px 30px 45px;
  margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .aside .category__block {
    padding: min(2.1739130435vw, 30px) min(2.5362318841vw, 35px) min(2.8985507246vw, 40px);
    margin-bottom: 0;
  }
}
.aside .category__block .category__ttl {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  text-align: left;
  line-height: 1;
  letter-spacing: 0em;
  margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .aside .category__block .category__ttl {
    font-size: min(1.5942028986vw, 22px);
    line-height: 1;
    margin-bottom: min(2.1739130435vw, 30px);
  }
}
.aside .category__block .category__litems li {
  border-bottom: 1px solid #fff;
}
.aside .category__block .category__litems li:first-child {
  border-top: 1px solid #fff;
}
.aside .category__block .category__litems a {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.375;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .aside .category__block .category__litems a {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
    padding: min(0.3623188406vw, 5px) 0 min(0.5797101449vw, 8px);
  }
}
.aside .category__block .category__litems a::before {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: url(../../assets/img/common/icon_category-arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  .aside .category__block .category__litems a::before {
    width: min(0.5072463768vw, 7px);
    height: min(0.5072463768vw, 7px);
  }
}

section.otherNews {
  position: relative;
  margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  section.otherNews {
    margin-bottom: min(7.2463768116vw, 100px);
  }
}
section.otherNews .bg__area--otherNews {
  position: relative;
  overflow: hidden;
  background: #eee;
  -webkit-clip-path: polygon(0 0, 100% 45px, 100% 100%, 0 calc(100% - 45px));
          clip-path: polygon(0 0, 100% 45px, 100% 100%, 0 calc(100% - 45px));
}
@media screen and (min-width:768px) {
  section.otherNews .bg__area--otherNews {
    background: none;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
@media screen and (min-width:768px) {
  section.otherNews .bg__area--otherNews::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    background: url(../../assets/img/led-vision/catalog_bg02.png) no-repeat right center/cover;
    height: 100%;
    width: 100%;
    margin: auto;
    z-index: -1;
  }
}
section.otherNews .inner--otherNews {
  position: relative;
  width: 84%;
  padding: 100px 0 100px;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.otherNews .inner--otherNews {
    width: min(85.4347826087vw, 1179px);
    padding: min(8.6956521739vw, 120px) 0 min(7.2463768116vw, 100px);
  }
}
section.otherNews .otherNews__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
  margin: 49px 0 49px;
}
@media screen and (min-width:768px) {
  section.otherNews .otherNews__lists {
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.4637681159vw, 34px);
    margin: min(5.0724637681vw, 70px) 0 min(3.6231884058vw, 50px);
  }
}
section.otherNews .otherNews__card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: auto;
  overflow: hidden;
}
section.otherNews .otherNews__card .style-cate {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.41;
  letter-spacing: 0em;
  padding: 6px 25px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 30px;
}
@media screen and (min-width:768px) {
  section.otherNews .otherNews__card .style-cate {
    top: min(0.8695652174vw, 12px);
    left: min(0.8695652174vw, 12px);
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.41;
    padding: min(0.4347826087vw, 6px) min(1.8115942029vw, 25px);
    border-radius: min(2.1739130435vw, 30px);
  }
}
section.otherNews .otherNews__card .card__img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 370/260;
}
@media screen and (min-width:768px) {
  section.otherNews .otherNews__card .card__img img {
    height: min(18.768115942vw, 259px);
  }
}
section.otherNews .otherNews__card .card__meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
  padding: 15px 0;
}
@media screen and (min-width:768px) {
  section.otherNews .otherNews__card .card__meta {
    gap: min(0.7246376812vw, 10px);
    padding: min(0.7246376812vw, 10px) 0 min(0.7246376812vw, 10px);
  }
}
section.otherNews .otherNews__card .card__meta .day {
  font-size: 14px;
  font-weight: 700;
  color: #525252;
  text-align: left;
  line-height: 1.78;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.otherNews .otherNews__card .card__meta .day {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.5;
  }
}
section.otherNews .otherNews__card .card__meta .ttl {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 0 0 auto 0;
}
@media screen and (min-width:768px) {
  section.otherNews .otherNews__card .card__meta .ttl {
    font-size: min(1.4492753623vw, 20px);
    line-height: 1.5;
  }
}
section.otherNews .otherNews__card .card__meta .more__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: right;
  line-height: 1.375;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.otherNews .otherNews__card .card__meta .more__btn {
    gap: min(1.1594202899vw, 16px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
  }
}
section.otherNews .otherNews__card .card__meta .more__btn::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../../assets/img/common/icon_viewmore-arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.otherNews .otherNews__card .card__meta .more__btn::after {
    width: min(1.0869565217vw, 15px);
    height: min(1.0869565217vw, 15px);
  }
}

section.led-first {
  position: relative;
}
section.led-first .inner--led-first {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 55px 0 70px;
}
@media screen and (min-width:768px) {
  section.led-first .inner--led-first {
    width: min(85.4347826087vw, 1179px);
    padding: min(4.4927536232vw, 62px) 0 min(7.2463768116vw, 100px);
  }
}
section.led-first .first__content {
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (min-width:768px) {
  section.led-first .first__content {
    margin-bottom: min(2.8985507246vw, 40px);
    padding-bottom: min(2.8985507246vw, 40px);
  }
}
section.led-first .first__content .follow {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.led-first .first__content .follow {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2.18;
  }
}
section.led-first .first__content h2.ttl {
  text-align: center;
}
section.led-first .first__content h2.ttl span {
  display: inline-block;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.66;
  letter-spacing: -0.02em;
  margin: 20px 0 20px;
}
@media screen and (min-width:768px) {
  section.led-first .first__content h2.ttl span {
    font-size: min(2.1739130435vw, 30px);
    line-height: 1.5;
    margin: min(0.7246376812vw, 10px) 0 min(2.1739130435vw, 30px);
  }
}
section.led-first .first__content h2.ttl span::before {
  position: absolute;
  bottom: -5px;
  left: 50%;
  content: "";
  display: block;
  width: 213px;
  height: 3px;
  border-radius: 10px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  transform: translateX(-50%);
}
@media screen and (min-width:768px) {
  section.led-first .first__content h2.ttl span::before {
    width: min(25.4347826087vw, 351px);
    bottom: max(-0.3623188406vw, -5px);
    height: min(0.2173913043vw, 3px);
  }
}
section.led-first .first__content .txt {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: center;
  line-height: 2.25;
  letter-spacing: 0em;
  margin-top: 10px;
}
@media screen and (min-width:768px) {
  section.led-first .first__content .txt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    margin-top: 0;
  }
}
section.led-first .first__content .flow__img {
  margin-top: 25px;
  padding-top: 50px;
  border-top: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.led-first .first__content .flow__img {
    margin-top: min(3.9855072464vw, 55px);
    padding: min(2.8985507246vw, 40px) min(3.9855072464vw, 55px) 0 min(1.8115942029vw, 25px);
  }
}
section.led-first .step__content .stepLists {
  position: relative;
}
section.led-first .step__content .stepLists::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 50%;
  height: 100%;
  border-right: 3px dashed #015DE7;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists::before {
    border-right: min(0.2173913043vw, 3px) dashed #015DE7;
  }
}
section.led-first .step__content .stepLists li {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 50px;
  background-color: #eee;
  padding: 30px 17px 30px 17px;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists li {
    width: min(67.1739130435vw, 927px);
    margin-bottom: min(7.2463768116vw, 100px);
    padding: min(2.5362318841vw, 35px) min(3.6231884058vw, 50px) min(2.1739130435vw, 30px) min(5.7971014493vw, 80px);
  }
}
section.led-first .step__content .stepLists .card__inner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .card__inner {
    flex-direction: row;
    gap: min(4.7101449275vw, 65px);
  }
}
section.led-first .step__content .stepLists .step {
  position: relative;
}
section.led-first .step__content .stepLists .step::before {
  display: none;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .step::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: max(-3.6231884058vw, -50px);
    transform: translateY(-50%);
    width: min(0.2173913043vw, 3px);
    height: 100%;
    background-color: #015DE7;
  }
}
section.led-first .step__content .stepLists .step__inner {
  position: relative;
  padding-left: 30px;
  margin-bottom: 25px;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .step__inner {
    padding-left: 0;
    margin-bottom: 0;
  }
}
section.led-first .step__content .stepLists .step__inner::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  background-color: #015DE7;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .step__inner::before {
    display: none;
  }
}
section.led-first .step__content .stepLists .number {
  font-size: 20px;
  font-weight: 700;
  color: #015DE7;
  text-align: left;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .number {
    font-size: min(1.4492753623vw, 20px);
    line-height: 1;
    text-align: center;
  }
}
section.led-first .step__content .stepLists h3.ttl {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 2.25;
  letter-spacing: -0.02em;
  margin: 4px 0 -2px;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists h3.ttl {
    font-size: min(2.1739130435vw, 30px);
    line-height: 1.5;
    text-align: center;
    margin: min(1.0869565217vw, 15px) 0 min(1.4492753623vw, 20px);
  }
}
section.led-first .step__content .stepLists .txt {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .txt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}
section.led-first .step__content .stepLists .bold {
  font-weight: 700;
}
section.led-first .step__content .stepLists .contact__link {
  margin-top: 40px;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .contact__link {
    margin-top: min(0.5797101449vw, 8px);
  }
}
section.led-first .step__content .stepLists .contact__link a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  border-radius: 50px;
  width: 281px;
  height: 60px;
  margin-bottom: 10px;
  border: 1px solid #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1254901961);
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .contact__link a {
    width: min(20.3623188406vw, 281px);
    height: min(4.347826087vw, 60px);
    margin-bottom: min(0.7246376812vw, 10px);
  }
}
section.led-first .step__content .stepLists .contact__link a:last-child {
  margin-bottom: 0;
}
section.led-first .step__content .stepLists .contact__link a span {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.375;
  letter-spacing: 0em;
  gap: 5px;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .contact__link a span {
    gap: min(0.8695652174vw, 12px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
  }
}
section.led-first .step__content .stepLists .contact__link a .tel::before {
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-55%);
  content: "受付時間：10時〜23時";
  display: block;
  font-size: 10px;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .contact__link a .tel::before {
    bottom: max(-0.7246376812vw, -10px);
    font-size: min(0.7246376812vw, 10px);
  }
}
section.led-first .step__content .stepLists .contact__link a .tel::after {
  content: "";
  display: block;
  background: url(../../assets/img/common/icon_phone.svg) no-repeat center center/contain;
  width: 18px;
  height: 18px;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .contact__link a .tel::after {
    width: min(1.3043478261vw, 18px);
    height: min(1.3043478261vw, 18px);
  }
}
section.led-first .step__content .stepLists .contact__link a .mail::after {
  content: "";
  display: block;
  background: url(../../assets/img/common/icon_mail.svg) no-repeat center center/contain;
  width: 22px;
  height: 22px;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .contact__link a .mail::after {
    width: min(1.5942028986vw, 22px);
    height: min(1.5942028986vw, 22px);
  }
}
section.led-first .step__content .stepLists .step_img {
  width: 100%;
  aspect-ratio: 281/187;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width:768px) {
  section.led-first .step__content .stepLists .step_img {
    width: min(32.3913043478vw, 447px);
    -o-object-fit: 447/298;
       object-fit: 447/298;
  }
}
section.led-first .afterSupport__content .afterSupport__inner {
  width: 100%;
  margin: auto;
  padding: 20px 20px 20px;
  background-color: #EFF5FF;
  border: 3px solid #015DE7;
  border-radius: 30px;
}
@media screen and (min-width:768px) {
  section.led-first .afterSupport__content .afterSupport__inner {
    width: min(67.1739130435vw, 927px);
    border: min(0.2173913043vw, 3px) solid #015DE7;
    border-radius: min(2.1739130435vw, 30px);
    padding: min(2.8985507246vw, 40px) min(14.4927536232vw, 200px) min(3.6231884058vw, 50px);
  }
}
section.led-first .afterSupport__content .support__catch__block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media screen and (min-width:768px) {
  section.led-first .afterSupport__content .support__catch__block {
    flex-direction: row;
    align-items: flex-end;
    gap: min(2.3913043478vw, 33px);
    margin-bottom: min(0.7246376812vw, 10px);
  }
}
section.led-first .afterSupport__content .support__catch__block img {
  width: 70px;
  height: 70px;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.led-first .afterSupport__content .support__catch__block img {
    width: min(7.2463768116vw, 100px);
    height: min(7.2463768116vw, 100px);
    margin: 0;
  }
}
section.led-first .afterSupport__content .support__catch {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  section.led-first .afterSupport__content .support__catch {
    gap: min(0.9420289855vw, 13px);
    margin-bottom: 0;
  }
}
section.led-first .afterSupport__content .en {
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: center;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.led-first .afterSupport__content .en {
    font-size: min(1.4492753623vw, 20px);
    line-height: 2;
    padding-right: min(8.6956521739vw, 120px);
  }
}
section.led-first .afterSupport__content .jp {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: -0.02em;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width:768px) {
  section.led-first .afterSupport__content .jp {
    font-size: min(1.5942028986vw, 22px);
    line-height: 1.36;
    margin-bottom: min(1.4492753623vw, 20px);
  }
}
section.led-first .afterSupport__content .txt {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.led-first .afterSupport__content .txt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    text-align: center;
  }
}
section.led-first .afterSupport__content .txt a {
  text-decoration: underline;
}

section.fv--karaoke-top {
  position: relative;
  width: 100%;
  height: 728px;
  overflow: hidden;
  /* スキューエフェクト */
  /* スキューエフェクト */
  /* スキューエフェクトの擬似要素 */
  /* 上からスライドして表示するアニメーション */
  /* 背景画像をフェードインさせるアニメーション */
  /* 背景画像がフェードインするアニメーション */
  /* 背景画像をフェードイン後の状態 */
  /* アニメーション終了後に擬似要素を非表示 */
}
@media screen and (min-width:568px) and (max-width:767px) {
  section.fv--karaoke-top {
    height: 728px;
  }
}
@media screen and (min-width:768px) {
  section.fv--karaoke-top {
    height: 62.3vw;
  }
}
section.fv--karaoke-top .inner--fv {
  position: relative;
  width: 84%;
  height: 100%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.fv--karaoke-top .inner--fv {
    width: min(92.6811594203vw, 1279px);
  }
}
section.fv--karaoke-top .content__area {
  position: absolute;
  top: 575px;
  height: 100%;
  width: 100%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.fv--karaoke-top .content__area {
    position: absolute;
    top: min(25.3623188406vw, 350px);
    left: 0;
    width: auto;
  }
}
section.fv--karaoke-top .content__area .fv__catch {
  font-size: 19px;
  font-weight: 600;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  font-family: "Be Vietnam Pro", sans-serif;
  margin-left: 0;
}
@media screen and (min-width:768px) {
  section.fv--karaoke-top .content__area .fv__catch {
    font-size: min(2.5362318841vw, 35px);
    line-height: 1.85;
    margin-bottom: min(2.6811594203vw, 37px);
    margin-left: max(-2.8985507246vw, -40px);
  }
}
section.fv--karaoke-top .content__area span.jp {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  font-family: "Be Vietnam Pro", sans-serif;
  padding-left: 20px;
  margin-top: 30px;
}
@media screen and (min-width:768px) {
  section.fv--karaoke-top .content__area span.jp {
    font-size: min(1.4492753623vw, 20px);
    line-height: 2;
    padding-left: 0;
    margin-top: 0;
  }
}
section.fv--karaoke-top .content__area img {
  position: absolute;
  bottom: 60px;
  left: 0;
  max-width: 330px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
section.fv--karaoke-top .hero-skew-01 {
  position: absolute;
  top: 70px;
  right: 197px;
  width: 170px;
  height: 370px;
  transform-origin: 0 0;
  z-index: 1;
  overflow: hidden;
  -webkit-clip-path: polygon(55px 0%, 100% 0%, 115px 100%, 0px 100%);
          clip-path: polygon(55px 0%, 100% 0%, 115px 100%, 0px 100%);
  border: none;
}
@media screen and (min-width:768px) {
  section.fv--karaoke-top .hero-skew-01 {
    top: 7.2vw;
    right: 27.1vw;
    width: 24.6vw;
    height: 47.8vw;
    -webkit-clip-path: polygon(7.6vw 0%, 100% 0%, 17.2vw 100%, 1vw 100%);
            clip-path: polygon(7.6vw 0%, 100% 0%, 17.2vw 100%, 1vw 100%);
  }
}
section.fv--karaoke-top .hero-skew-02 {
  position: absolute;
  top: 70px;
  right: -22px;
  width: 280px;
  height: 485px;
  transform-origin: 0 0;
  z-index: 1;
  overflow: hidden;
  -webkit-clip-path: polygon(72px 0%, 100% 0%, 100% 100%, 0px 100%);
          clip-path: polygon(72px 0%, 100% 0%, 100% 100%, 0px 100%);
}
@media screen and (min-width:768px) {
  section.fv--karaoke-top .hero-skew-02 {
    top: 7.2vw;
    right: -11.2vw;
    width: 44.2vw;
    height: 42.7vw;
    -webkit-clip-path: polygon(6.7vw 0%, 100% 0%, 36.5vw 100%, 0% 100%);
            clip-path: polygon(6.7vw 0%, 100% 0%, 36.5vw 100%, 0% 100%);
  }
}
section.fv--karaoke-top .hero-skew-view::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 最初はグレー */
  opacity: 1;
  animation: revealAnimation 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes revealAnimation {
  0% {
    transform: translateY(-100%);
    background-color: #f3f3f3;
  }
  100% {
    transform: translateY(0);
    background-color: #f3f3f3;
  }
}
section.fv--karaoke-top .hero-skew-view::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-size: 76.9vw 51.3vw;
  animation: fadeInBackground 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
}
@keyframes fadeInBackground {
  0% {
    transform: translateY(-100%);
    background-color: #eee;
  }
  100% {
    transform: translateY(0);
    background-color: #eee;
  }
}
section.fv--karaoke-top .hero-skew-view.show-background {
  background: url(../../assets/img/karaoke-grandprix/fv-karaoke.png);
  background-size: 750px 500px;
  overflow: hidden;
  opacity: 1;
}
@media screen and (min-width:768px) {
  section.fv--karaoke-top .hero-skew-view.show-background {
    background-size: 76.9vw 51.3vw;
  }
}
section.fv--karaoke-top .hero-skew-01.show-background {
  background-position: -220px 0px;
}
@media screen and (min-width:768px) {
  section.fv--karaoke-top .hero-skew-01.show-background {
    background-position: -9.9vw 0px;
  }
}
section.fv--karaoke-top .hero-skew-02.show-background {
  background-position: -330px 0px;
}
@media screen and (min-width:768px) {
  section.fv--karaoke-top .hero-skew-02.show-background {
    background-position: -28.9vw 0px;
  }
}
section.fv--karaoke-top .hero-skew-01.hide-pseudo::before,
section.fv--karaoke-top .hero-skew-01.hide-pseudo::after,
section.fv--karaoke-top .hero-skew-02.hide-pseudo::before,
section.fv--karaoke-top .hero-skew-02.hide-pseudo::after {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

section.firstContent--karaoke .inner--firstContent {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 150px 0 40px;
  overflow: hidden;
}
@media screen and (min-width:768px) {
  section.firstContent--karaoke .inner--firstContent {
    padding: min(12.1739130435vw, 168px) 0 min(13.4057971014vw, 185px);
  }
}
section.firstContent--karaoke h2.firstContent__ttl {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.66;
  letter-spacing: -0.02em;
  font-family: "Be Vietnam Pro", sans-serif;
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  section.firstContent--karaoke h2.firstContent__ttl {
    font-size: min(2.1739130435vw, 30px);
    line-height: 1.5;
    margin-bottom: min(1.8115942029vw, 25px);
  }
}
section.firstContent--karaoke .firstContent__txt {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: center;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.firstContent--karaoke .firstContent__txt {
    font-size: min(1.4492753623vw, 20px);
    line-height: 2;
  }
}
section.firstContent--karaoke .bg__txt {
  position: absolute;
  top: 80px;
  right: -30px;
  bottom: auto;
}
@media screen and (min-width:768px) {
  section.firstContent--karaoke .bg__txt {
    top: auto;
    right: auto;
    bottom: min(3.2608695652vw, 45px);
    left: max(-1.8115942029vw, -25px);
  }
}
section.firstContent--karaoke .bg__txt img {
  width: 618px;
}
@media screen and (min-width:768px) {
  section.firstContent--karaoke .bg__txt img {
    width: min(125.5797101449vw, 1733px);
  }
}

section.reason {
  background-color: #eee;
}
section.reason .inner--reason {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 45px 0 70px;
}
@media screen and (min-width:768px) {
  section.reason .inner--reason {
    width: min(85.4347826087vw, 1179px);
    padding: min(6.5217391304vw, 90px) min(11.5942028986vw, 160px) min(6.5217391304vw, 90px);
  }
}
section.reason .number {
  position: absolute;
  top: 0;
  left: 0;
}
section.reason .number::before {
  content: "";
  display: block;
  width: 165px;
  height: 87px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
          clip-path: polygon(0 0, 0% 100%, 100% 0);
  z-index: -1;
}
@media screen and (min-width:768px) {
  section.reason .number::before {
    width: min(13.0434782609vw, 180px);
    height: min(6.884057971vw, 95px);
  }
}
section.reason .number img {
  display: block;
  position: absolute;
  top: 5px;
  left: 15px;
}
@media screen and (min-width:768px) {
  section.reason .number img {
    top: min(1.0869565217vw, 15px);
    left: min(1.4492753623vw, 20px);
  }
}
section.reason h2.reason__ttl {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-family: "Be Vietnam Pro", sans-serif;
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  section.reason h2.reason__ttl {
    font-size: min(2.0289855072vw, 28px);
    line-height: 1.5;
    margin-bottom: min(2.8985507246vw, 40px);
  }
}
section.reason .ttl--line02 {
  display: inline-block;
  position: relative;
}
section.reason .ttl--line02::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -20px;
  max-width: 150px;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  transform: translateX(-50%);
}
@media screen and (min-width:768px) {
  section.reason .ttl--line02::before {
    bottom: max(-1.4492753623vw, -20px);
    height: min(0.2173913043vw, 3px);
    max-width: min(10.8695652174vw, 150px);
  }
}
section.reason .reason__lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
  gap: 20px;
}
@media screen and (min-width:768px) {
  section.reason .reason__lists {
    justify-content: space-between;
    margin-top: min(6.884057971vw, 95px);
    gap: min(3.6231884058vw, 50px) 0;
  }
}
section.reason .reason__lists li {
  position: relative;
  background-color: #fff;
  max-width: 400px;
  width: 100%;
  padding: 50px 30px 50px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
}
@media screen and (min-width:768px) {
  section.reason .reason__lists li {
    width: min(28.9855072464vw, 400px);
    padding: min(4.2028985507vw, 58px) min(2.1739130435vw, 30px) min(3.2608695652vw, 45px);
  }
}
section.reason .number img {
  width: 53px;
}
@media screen and (min-width:768px) {
  section.reason .number img {
    width: min(3.8405797101vw, 53px);
  }
}
section.reason .card__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 4.25;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.reason .card__ttl {
    font-size: min(1.4492753623vw, 20px);
    line-height: 4.25;
    gap: min(0.3623188406vw, 5px);
  }
}
section.reason .card__ttl::after {
  content: "";
  display: block;
}
section.reason .ttl01::after {
  width: 35px;
  height: 42px;
  background: url(../../assets/img/karaoke-grandprix/icon_date01.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.reason .ttl01::after {
    width: min(2.8985507246vw, 40px);
    height: min(3.4782608696vw, 48px);
  }
}
section.reason .ttl02::after {
  width: 40px;
  height: 41px;
  background: url(../../assets/img/karaoke-grandprix/icon_date02.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.reason .ttl02::after {
    width: min(3.4782608696vw, 48px);
    height: min(3.5507246377vw, 49px);
  }
}
section.reason .ttl03::after {
  width: 55px;
  height: 29px;
  background: url(../../assets/img/karaoke-grandprix/icon_date03.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.reason .ttl03::after {
    width: min(4.347826087vw, 60px);
    height: min(2.2463768116vw, 31px);
  }
}
section.reason .ttl04::after {
  width: 35px;
  height: 44px;
  background: url(../../assets/img/karaoke-grandprix/icon_date04.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.reason .ttl04::after {
    width: min(3.0434782609vw, 42px);
    height: min(3.8405797101vw, 53px);
  }
}
section.reason .card__txt {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.reason .card__txt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    margin-top: min(0.9420289855vw, 13px);
  }
}

section.usageExample .bg__area {
  position: relative;
}
@media screen and (min-width:768px) {
  section.usageExample .bg__area::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    background: url(../../assets/img/karaoke-grandprix/usageExample_bg.png) no-repeat center center/cover;
    height: 100%;
    max-width: 1380px;
    width: 100%;
    margin: auto;
    z-index: -1;
    -o-object-position: center;
       object-position: center;
  }
}
section.usageExample .inner--usageExample {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 50px 0 50px;
}
@media screen and (min-width:768px) {
  section.usageExample .inner--usageExample {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.6086956522vw, 105px) min(5.5797101449vw, 77px) min(5.0724637681vw, 70px);
  }
}
section.usageExample .usageExample__lists {
  margin-top: 30px;
}
@media screen and (min-width:768px) {
  section.usageExample .usageExample__lists {
    margin-top: min(3.0434782609vw, 42px);
  }
}
section.usageExample .usageExample__lists li {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
  border: 2px solid #015DE7;
  border-radius: 20px;
  background-color: #fff;
  padding: 25px 25px 30px;
}
@media screen and (min-width:768px) {
  section.usageExample .usageExample__lists li {
    flex-direction: row;
    gap: min(4.347826087vw, 60px);
    margin-bottom: min(2.1739130435vw, 30px);
    border: min(0.1449275362vw, 2px) solid #015DE7;
    border-radius: min(1.4492753623vw, 20px);
    padding: min(3.6231884058vw, 50px) min(3.6231884058vw, 50px) min(2.9710144928vw, 41px);
  }
}
section.usageExample .usageExample__lists li img {
  width: 100%;
  aspect-ratio: 295/196;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width:768px) {
  section.usageExample .usageExample__lists li img {
    width: min(23.4057971014vw, 323px);
    aspect-ratio: 323/218;
  }
}
section.usageExample .usageExample__lists .card__ttl {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  text-align: left;
  line-height: 1.36;
  letter-spacing: 0em;
  margin-bottom: 20px;
  border-left: 3px solid #015DE7;
  padding-left: 10px;
}
@media screen and (min-width:768px) {
  section.usageExample .usageExample__lists .card__ttl {
    font-size: min(1.884057971vw, 26px);
    line-height: 1.15;
    margin-bottom: min(2.3913043478vw, 33px);
    border-left: min(0.2173913043vw, 3px) solid #015DE7;
    padding-left: min(0.7246376812vw, 10px);
  }
}
section.usageExample dl dt {
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  section.usageExample dl dt {
    margin-bottom: min(0.7246376812vw, 10px);
  }
}
section.usageExample dl dt span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0em;
  padding: 5px 22px;
  background: rgba(1, 93, 231, 0.062745098);
}
@media screen and (min-width:768px) {
  section.usageExample dl dt span {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
    padding: min(0.3623188406vw, 5px) min(1.5942028986vw, 22px);
  }
}
section.usageExample dl dd {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-bottom: 15px;
}
@media screen and (min-width:768px) {
  section.usageExample dl dd {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.5;
    margin-bottom: min(1.0869565217vw, 15px);
  }
}
section.usageExample dl .mb0 {
  margin-bottom: 0;
}

section.catalog--karaokeProducts .bg__area--karaokeProducts {
  position: relative;
  overflow: hidden;
  background: #eee;
  -webkit-clip-path: polygon(0 0, 100% 45px, 100% 100%, 0 calc(100% - 45px));
          clip-path: polygon(0 0, 100% 45px, 100% 100%, 0 calc(100% - 45px));
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .bg__area--karaokeProducts {
    background: none;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .bg__area--karaokeProducts::before {
    position: absolute;
    top: 0;
    left: max(-3.2608695652vw, -45px);
    content: "";
    display: block;
    background: url(../../assets/img/led-vision/catalog_bg02.png) no-repeat center center/cover;
    height: 100%;
    max-width: 1380px;
    width: 100%;
    margin: auto;
    z-index: -1;
  }
}
section.catalog--karaokeProducts .inner--karaokeProducts {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 70px 0 100px;
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .inner--karaokeProducts {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.6086956522vw, 105px) 0 min(9.7826086957vw, 135px);
  }
}
section.catalog--karaokeProducts .swiper--karaokeProducts {
  position: relative;
  overflow: visible;
}
section.catalog--karaokeProducts .swiper--karaokeProducts .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  top: -20px;
  right: 0;
  left: auto;
  bottom: auto;
  height: 5px;
  width: 90px;
  transform: translate(-50%, 0);
  z-index: 50;
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .swiper--karaokeProducts .swiper-scrollbar.swiper-scrollbar-horizontal {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 0;
    width: min(10.8695652174vw, 150px);
  }
}
section.catalog--karaokeProducts .swiper--karaokeProducts .swiper-slide {
  max-width: 273px;
  width: 100%;
  height: auto;
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .swiper--karaokeProducts .swiper-slide {
    width: min(21.9565217391vw, 303px);
  }
}
section.catalog--karaokeProducts .swiper--karaokeProducts .slide {
  height: 100%;
}
section.catalog--karaokeProducts .swiper--karaokeProducts .slide-body {
  height: inherit;
  padding: 35px 20px 40px;
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .swiper--karaokeProducts .slide-body {
    padding: min(2.8985507246vw, 40px) min(2.1739130435vw, 30px) min(3.6231884058vw, 50px);
  }
}
section.catalog--karaokeProducts .swiper--karaokeProducts .thumbnail__area--karaokeProducts {
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .swiper--karaokeProducts .thumbnail__area--karaokeProducts {
    margin-bottom: min(0.7246376812vw, 10px);
  }
}
section.catalog--karaokeProducts .swiper--karaokeProducts .thumbnail__area--karaokeProducts img {
  width: 100px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  text-align: center;
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .swiper--karaokeProducts .thumbnail__area--karaokeProducts img {
    width: min(10.8695652174vw, 150px);
  }
}
section.catalog--karaokeProducts .swiper--karaokeProducts .card__meta {
  padding: 0;
}
section.catalog--karaokeProducts .swiper--karaokeProducts .card__meta .name {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.31;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .swiper--karaokeProducts .card__meta .name {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
  }
}
section.catalog--karaokeProducts .swiper--karaokeProducts .card__meta .price {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.31;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .swiper--karaokeProducts .card__meta .price {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    margin-bottom: min(1.0869565217vw, 15px);
  }
}
section.catalog--karaokeProducts .swiper--karaokeProducts .card__meta .txt {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.catalog--karaokeProducts .swiper--karaokeProducts .card__meta .txt {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
  }
}

section.introductionRecord--karaoke {
  position: relative;
}
section.introductionRecord--karaoke .inner--introductionRecord--karaoke {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 100px 0 100px;
}
@media screen and (min-width:768px) {
  section.introductionRecord--karaoke .inner--introductionRecord--karaoke {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.9710144928vw, 110px) 0 min(3.2608695652vw, 45px);
  }
}
section.introductionRecord--karaoke .case-led__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
  margin: 49px 0 49px;
}
@media screen and (min-width:768px) {
  section.introductionRecord--karaoke .case-led__lists {
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.4637681159vw, 34px);
    margin: min(4.5652173913vw, 63px) 0 min(1.4492753623vw, 20px);
  }
}
section.introductionRecord--karaoke .case-led__lists .style-cate {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.41;
  letter-spacing: 0em;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 6px 25px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 30px;
}
@media screen and (min-width:768px) {
  section.introductionRecord--karaoke .case-led__lists .style-cate {
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.41;
    margin-top: min(1.0869565217vw, 15px);
    margin-bottom: min(0.5072463768vw, 7px);
    padding: min(0.2173913043vw, 3px) min(1.8115942029vw, 25px);
    border-radius: min(2.1739130435vw, 30px);
  }
}
section.introductionRecord--karaoke .case-led__lists .hovImgBlock {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 370/260;
}
@media screen and (min-width:768px) {
  section.introductionRecord--karaoke .case-led__lists .hovImgBlock {
    max-width: 370px;
    height: min(18.768115942vw, 259px);
  }
}
section.introductionRecord--karaoke .case-led__lists img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 370/260;
}
@media screen and (min-width:768px) {
  section.introductionRecord--karaoke .case-led__lists img {
    height: min(18.768115942vw, 259px);
  }
}
section.introductionRecord--karaoke .case-led__lists .ttl {
  font-size: 18px;
  font-weight: 700;
  color: #015DE7;
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.introductionRecord--karaoke .case-led__lists .ttl {
    font-size: min(1.3043478261vw, 18px);
    line-height: 1.8;
  }
}
section.introductionRecord--karaoke .btn__block {
  text-align: center;
}
@media screen and (min-width:768px) {
  section.introductionRecord--karaoke .btn__block {
    position: absolute;
    top: min(10.8695652174vw, 150px);
    right: min(2.1739130435vw, 30px);
  }
}

section.karaoke-productsSec {
  position: relative;
}
section.karaoke-productsSec .inner--karaoke-productsSec {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 50px 0 100px;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .inner--karaoke-productsSec {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.7971014493vw, 80px) 0 min(3.6231884058vw, 50px);
  }
}
section.karaoke-productsSec .swiperContent--karaoke {
  padding-top: 50px;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiperContent--karaoke {
    padding-top: 0;
  }
}
section.karaoke-productsSec .swiperContent--karaoke h3.ttl {
  padding-left: 6px;
  border-left: 3px solid #015DE7;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiperContent--karaoke h3.ttl {
    margin: min(5.0724637681vw, 70px) 0 0;
    padding-left: min(1.4492753623vw, 20px);
    border-left: min(0.2173913043vw, 3px) solid #015DE7;
  }
}
section.karaoke-productsSec .swiperContent--karaoke h3.ttl .jp {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.36;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiperContent--karaoke h3.ttl .jp {
    font-size: min(2.1739130435vw, 30px);
    line-height: 1;
  }
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiperContent--karaoke .slide__area {
    border-bottom: 1px solid #eee;
  }
}
section.karaoke-productsSec .swiperContent--karaoke .slide__area:last-child {
  border-bottom: 0;
}
section.karaoke-productsSec .swiper--karaokeProductsLists {
  position: relative;
  padding: 0 17px;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists {
    padding: 0 min(1.8115942029vw, 25px);
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-wrapper {
  height: auto;
  padding: 30px 0 120px;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-wrapper {
    padding: min(3.6231884058vw, 50px) 0 min(9.4202898551vw, 130px);
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-slide {
  display: block;
  height: 100%;
  padding: 40px 19px 30px;
  border-radius: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-slide {
    border-radius: min(1.4492753623vw, 20px);
    padding: min(2.8985507246vw, 40px) min(1.3768115942vw, 19px) min(2.1739130435vw, 30px);
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .thumbnail__area--karaokeProducts {
  text-align: center;
}
section.karaoke-productsSec .swiper--karaokeProductsLists .thumbnail__area--karaokeProducts img {
  width: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .thumbnail__area--karaokeProducts img {
    height: min(10.8695652174vw, 150px);
    width: 100%;
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta {
  padding: 12px 0 0 0;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta {
    padding: min(1.0869565217vw, 15px) 0 0 0;
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta .name {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.31;
  letter-spacing: 0em;
  height: 100%;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta .name {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta .price {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.31;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta .price {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    margin-bottom: min(1.4492753623vw, 20px);
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta .txt {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-bottom: 20px;
  margin-top: 15px;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta .txt {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
    margin: min(1.0869565217vw, 15px) 0 min(1.4492753623vw, 20px);
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta .more__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: right;
  line-height: 1.375;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta .more__btn {
    gap: min(1.4492753623vw, 20px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta .more__btn::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../../assets/img/common/icon_viewmore-arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .card__meta .more__btn::after {
    width: min(1.0869565217vw, 15px);
    height: min(1.0869565217vw, 15px);
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-next,
section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-prev {
  top: 40%;
  content: "";
  display: inline-block;
  width: 44px;
  height: 44px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  transition: 0.5s cubic-bezier(0.59, 0.14, 0.4, 0.77);
  z-index: 1;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-next,
  section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-prev {
    top: 40%;
    width: min(4.0579710145vw, 56px);
    height: min(4.0579710145vw, 56px);
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-next {
  right: 0;
}
section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-next::after {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url(../../assets/img/common/icon_arrow.svg) no-repeat center center/contain;
  z-index: 2;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-next::after {
    right: min(1.4492753623vw, 20px);
    width: min(1.1594202899vw, 16px);
    height: min(1.0144927536vw, 14px);
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-prev {
  left: 0;
}
section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-prev::after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url(../../assets/img/common/icon_arrow_left.svg) no-repeat center center/contain;
  z-index: 2;
}
@media screen and (min-width:768px) {
  section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-prev::after {
    right: min(1.4492753623vw, 20px);
    width: min(1.1594202899vw, 16px);
    height: min(1.0144927536vw, 14px);
  }
}
section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-prev.swiper-button-disabled.swiper-button-lock,
section.karaoke-productsSec .swiper--karaokeProductsLists .swiper-button-next.swiper-button-disabled.swiper-button-lock {
  display: none;
}

section.karaokeProductDescription {
  position: relative;
}
section.karaokeProductDescription .inner--karaokeProductDescription {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 70px 0 70px;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .inner--karaokeProductDescription {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.0724637681vw, 70px) 0 min(7.2463768116vw, 100px);
  }
}
section.karaokeProductDescription .productImage {
  position: relative;
  height: 160px;
  padding: 50px 0;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .productImage {
    height: min(19.5652173913vw, 270px);
    padding: min(7.2463768116vw, 100px) 0;
  }
}
section.karaokeProductDescription .productImage .productImage__area {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section.karaokeProductDescription .productDescription__content {
  width: 100%;
  margin-top: 50px;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .productDescription__content {
    margin-top: min(7.2463768116vw, 100px);
    padding: 0 min(16.6666666667vw, 230px);
  }
}
section.karaokeProductDescription .productDescription__content h3.ttl {
  font-size: 22px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.35;
  letter-spacing: 0em;
  margin-bottom: 30px;
  padding-left: 20px;
  border-left: 3px solid #015DE7;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .productDescription__content h3.ttl {
    font-size: min(1.884057971vw, 26px);
    line-height: 1.15;
    margin-bottom: min(3.6231884058vw, 50px);
    padding-left: min(1.4492753623vw, 20px);
    border-left: min(0.2173913043vw, 3px) solid #015DE7;
  }
}
section.karaokeProductDescription .productDescription__content dl.description__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .productDescription__content dl.description__lists {
    grid-template-columns: min(10vw, 138px) 1fr;
    gap: min(1.5942028986vw, 22px) 0;
  }
}
section.karaokeProductDescription .productDescription__content dl.description__lists dt {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .productDescription__content dl.description__lists dt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1;
  }
}
section.karaokeProductDescription .productDescription__content dl.description__lists dd {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.31;
  letter-spacing: 0em;
  padding-left: 1.5em;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .productDescription__content dl.description__lists dd {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    padding-left: 0;
  }
}
section.karaokeProductDescription .product__price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 50px;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .product__price {
    flex-direction: row;
    gap: min(2.8985507246vw, 40px);
    margin-top: min(5.0724637681vw, 70px);
  }
}
section.karaokeProductDescription .product__price li {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(1, 93, 231, 0.062745098);
  max-width: 300px;
  width: 100%;
  height: 87px;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .product__price li {
    width: min(21.7391304348vw, 300px);
    height: min(6.884057971vw, 95px);
  }
}
section.karaokeProductDescription .product__price .price__inner {
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
section.karaokeProductDescription .product__price .kind {
  font-size: 14px;
  font-weight: 700;
  color: #015DE7;
  text-align: left;
  line-height: 1.33;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .product__price .kind {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.33;
  }
}
section.karaokeProductDescription .product__price .price {
  font-size: 20px;
  font-weight: 700;
  color: #015DE7;
  text-align: left;
  line-height: 2.33;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .product__price .price {
    font-size: min(1.7391304348vw, 24px);
    line-height: 2.33;
  }
}
section.karaokeProductDescription .btn__block {
  text-align: center;
  margin-top: 55px;
}
@media screen and (min-width:768px) {
  section.karaokeProductDescription .btn__block {
    margin-top: min(6.5217391304vw, 90px);
  }
}

section.case-karaoke {
  position: relative;
}
section.case-karaoke .inner--case-karaoke {
  position: relative;
  width: 92%;
  margin: auto;
  padding: 70px 0 80px;
}
@media screen and (min-width:768px) {
  section.case-karaoke .inner--case-karaoke {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.0724637681vw, 70px) 0 min(6.1594202899vw, 85px);
  }
}
section.case-karaoke .pageNav--works {
  position: relative;
  margin-bottom: 60px;
  padding: 40px 15px 50px;
  background-color: #eee;
}
@media screen and (min-width:768px) {
  section.case-karaoke .pageNav--works {
    padding: min(2.8985507246vw, 40px) 0 min(3.6231884058vw, 50px);
    margin-bottom: min(5.0724637681vw, 70px);
  }
}
section.case-karaoke .pageNav--works::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 60px);
  border-bottom: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.case-karaoke .pageNav--works::before {
    height: calc(100% + min(5.0724637681vw, 70px));
  }
}
section.case-karaoke .pageNav--works .pageNav__ttl {
  font-size: 12px;
  font-weight: 700;
  color: #015DE7;
  text-align: center;
  line-height: 1.375;
  letter-spacing: 0em;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.case-karaoke .pageNav--works .pageNav__ttl {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
    margin-bottom: min(1.884057971vw, 26px);
  }
}
section.case-karaoke .pageNav--works .category__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media screen and (min-width:768px) {
  section.case-karaoke .pageNav--works .category__items {
    grid-template-columns: repeat(4, auto);
    gap: min(0.7246376812vw, 10px);
  }
}
section.case-karaoke .pageNav--works .category__items li {
  position: relative;
  text-align: center;
}
section.case-karaoke .pageNav--works .category__items li .style-cate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.41;
  letter-spacing: 0em;
  max-width: 245px;
  width: 100%;
  height: 40px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 50px;
}
@media screen and (min-width:768px) {
  section.case-karaoke .pageNav--works .category__items li .style-cate {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
    width: min(15.652173913vw, 216px);
    height: min(2.8985507246vw, 40px);
    border-radius: min(3.6231884058vw, 50px);
  }
}
section.case-karaoke .pageNav--works .category__items li.current a {
  background-color: #015DE7 !important;
  color: #fff !important;
}
section.case-karaoke .pageNav--works a {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: #fff;
}
section.case-karaoke .pageNav--works a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: skewX(15deg) translate(-50%, -50%);
  font-size: 14px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0em;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width:768px) {
  section.case-karaoke .pageNav--works a span {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.3;
    transform: skewX(30deg) translate(-50%, -50%);
  }
}
section.case-karaoke .case-karaoke {
  width: 91.3%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.case-karaoke .case-karaoke {
    width: 100%;
  }
}
section.case-karaoke .case-karaoke__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 35px;
  padding: 40px 0 30px;
  margin: auto;
}
@media screen and (min-width:568px) and (max-width:767px) {
  section.case-karaoke .case-karaoke__lists {
    grid-template-columns: repeat(2, 1fr);
    gap: min(1.4492753623vw, 20px);
  }
}
@media screen and (min-width:768px) {
  section.case-karaoke .case-karaoke__lists {
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.4637681159vw, 34px);
    padding: min(4.347826087vw, 60px) 0 min(4.347826087vw, 60px);
  }
}
section.case-karaoke .case-karaoke__card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: auto;
  background-color: #fff;
  overflow: hidden;
}
section.case-karaoke .case-karaoke__card .style-cate {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.41;
  letter-spacing: 0em;
  padding: 11px 24px;
  background-color: #fff;
  border: 1px solid #015DE7;
  border-radius: 50px;
}
@media screen and (min-width:768px) {
  section.case-karaoke .case-karaoke__card .style-cate {
    top: min(0.8695652174vw, 12px);
    left: min(0.8695652174vw, 12px);
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.41;
    padding: min(0.3623188406vw, 5px) min(2.2463768116vw, 31px);
    border-radius: min(3.6231884058vw, 50px);
  }
}
section.case-karaoke .hovImgBlock {
  min-height: 221px;
  aspect-ratio: 370/260;
}
@media screen and (min-width:768px) {
  section.case-karaoke .hovImgBlock {
    height: min(18.768115942vw, 259px);
  }
}
section.case-karaoke .thumbnail__area img,
section.case-karaoke .card__img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 370/260;
}
@media screen and (min-width:768px) {
  section.case-karaoke .thumbnail__area img,
  section.case-karaoke .card__img img {
    height: min(18.768115942vw, 259px);
  }
}
section.case-karaoke .card__meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
  padding: 15px 0;
}
@media screen and (min-width:768px) {
  section.case-karaoke .card__meta {
    gap: min(0.7246376812vw, 10px);
    padding: min(0.7246376812vw, 10px) 0 min(0.7246376812vw, 10px);
  }
}
section.case-karaoke .card__meta h3.ttl {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.56;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.case-karaoke .card__meta h3.ttl {
    font-size: min(1.3043478261vw, 18px);
    line-height: 1.66;
  }
}
section.case-karaoke .card__meta .more__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: right;
  line-height: 1.375;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.case-karaoke .card__meta .more__btn {
    gap: min(1.4492753623vw, 20px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
  }
}
section.case-karaoke .card__meta .more__btn::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../../assets/img/common/icon_viewmore-arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.case-karaoke .card__meta .more__btn::after {
    width: min(1.0869565217vw, 15px);
    height: min(1.0869565217vw, 15px);
  }
}

section.single-case-karaoke {
  position: relative;
}
section.single-case-karaoke .inner--single-case-karaoke {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 50px 0 50px;
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .inner--single-case-karaoke {
    width: min(85.4347826087vw, 1179px);
    padding: min(5.7971014493vw, 80px) 0 min(7.2463768116vw, 100px);
  }
}
section.single-case-karaoke .wrapper {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .wrapper {
    flex-direction: row;
    align-items: center;
    gap: min(6.5217391304vw, 90px);
    padding-left: min(6.5217391304vw, 90px);
  }
}
section.single-case-karaoke .productImage .slider {
  max-width: 500px;
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .productImage .slider {
    width: min(36.231884058vw, 500px);
  }
}
section.single-case-karaoke .productImage .swiper[data-main-list] .swiper-wrapper {
  height: 215px;
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .productImage .swiper[data-main-list] .swiper-wrapper {
    height: min(24.1304347826vw, 333px);
  }
}
section.single-case-karaoke .productImage .swiper[data-thumbnail-list] .swiper-wrapper {
  display: flex;
  gap: 5px;
  height: 70px;
  margin-top: 5px;
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .productImage .swiper[data-thumbnail-list] .swiper-wrapper {
    gap: min(0.3623188406vw, 5px);
    height: min(7.7536231884vw, 107px);
    margin-top: min(0.7246376812vw, 10px);
  }
}
section.single-case-karaoke .productImage-wrapper {
  list-style: none;
  counter-reset: mainNumber;
}
section.single-case-karaoke .productImage-slide {
  position: relative;
  counter-increment: mainNumber;
}
section.single-case-karaoke .productImage-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 315/210;
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .productImage-slide img {
    aspect-ratio: 500/333;
  }
}
section.single-case-karaoke .productDescription__content h3.ttl {
  display: flex;
  flex-direction: column;
  border-left: 3px solid #015DE7;
  padding-left: 10px;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .productDescription__content h3.ttl {
    border-left: min(0.2173913043vw, 3px) solid #015DE7;
    padding-left: min(0.7246376812vw, 10px);
    margin-bottom: min(2.1739130435vw, 30px);
  }
}
section.single-case-karaoke .productDescription__content h3.ttl .jp {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 2.1;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .productDescription__content h3.ttl .jp {
    font-size: min(1.0144927536vw, 14px);
    line-height: 2.1;
  }
}
section.single-case-karaoke .productDescription__content h3.ttl .en {
  font-size: 22px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .productDescription__content h3.ttl .en {
    font-size: min(1.884057971vw, 26px);
    line-height: 1.15;
  }
}
section.single-case-karaoke .productDescription__content .txt {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .productDescription__content .txt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    margin-bottom: min(2.1739130435vw, 30px);
  }
}
section.single-case-karaoke .productDescription__content .area span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #015DE7;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0em;
  padding: 3px 22px;
  background: rgba(1, 93, 231, 0.062745098);
}
@media screen and (min-width:768px) {
  section.single-case-karaoke .productDescription__content .area span {
    font-size: min(1.0144927536vw, 14px);
    line-height: 1.5;
    padding: min(0.2173913043vw, 3px) min(1.5942028986vw, 22px);
  }
}

section.otherCase {
  position: relative;
  margin-bottom: 70px;
}
@media screen and (min-width:768px) {
  section.otherCase {
    margin-bottom: min(7.2463768116vw, 100px);
  }
}
section.otherCase .inner--otherCase {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 80px 0 80px;
}
@media screen and (min-width:768px) {
  section.otherCase .inner--otherCase {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.6086956522vw, 105px) 0 min(7.9710144928vw, 110px);
  }
}
section.otherCase h2.section__ttl {
  padding-left: 0;
}
@media screen and (min-width:768px) {
  section.otherCase h2.section__ttl {
    padding-left: min(1.4492753623vw, 20px);
  }
}
section.otherCase .bg__area--otherCase {
  position: relative;
  overflow: hidden;
  background: #eee;
  -webkit-clip-path: polygon(0 0, 100% 55px, 100% 100%, 0 calc(100% - 55px));
          clip-path: polygon(0 0, 100% 55px, 100% 100%, 0 calc(100% - 55px));
}
@media screen and (min-width:768px) {
  section.otherCase .bg__area--otherCase {
    background: none;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
@media screen and (min-width:768px) {
  section.otherCase .bg__area--otherCase::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    background: url(../../assets/img/led-vision/catalog_bg02.png) no-repeat right center/cover;
    height: 100%;
    max-width: 1380px;
    width: 100%;
    margin: auto;
    z-index: -1;
  }
}
section.otherCase .otherCase__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin: 50px 0 50px;
}
@media screen and (min-width:768px) {
  section.otherCase .otherCase__lists {
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.4637681159vw, 34px);
    margin: min(4.7101449275vw, 65px) 0 0;
  }
}
section.otherCase .otherCase__card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: auto;
  overflow: hidden;
}
section.otherCase .otherCase__card .hovImgBlock {
  aspect-ratio: 370/260;
}
@media screen and (min-width:768px) {
  section.otherCase .otherCase__card .hovImgBlock {
    height: min(18.768115942vw, 259px);
  }
}
section.otherCase .otherCase__card .card__img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 370/260;
}
@media screen and (min-width:768px) {
  section.otherCase .otherCase__card .card__img img {
    height: min(18.768115942vw, 259px);
  }
}
section.otherCase .otherCase__card .card__meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 7px;
  height: 100%;
  padding: 10px 0;
}
@media screen and (min-width:768px) {
  section.otherCase .otherCase__card .card__meta {
    gap: min(0.3623188406vw, 5px);
    padding: min(0.5072463768vw, 7px) 0 min(0.7246376812vw, 10px);
  }
}
section.otherCase .otherCase__card .card__meta .ttl {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 0 0 auto 0;
}
@media screen and (min-width:768px) {
  section.otherCase .otherCase__card .card__meta .ttl {
    font-size: min(1.4492753623vw, 20px);
    line-height: 1.5;
  }
}
section.otherCase .otherCase__card .card__meta .more__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: right;
  line-height: 1.375;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.otherCase .otherCase__card .card__meta .more__btn {
    gap: min(1.1594202899vw, 16px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
  }
}
section.otherCase .otherCase__card .card__meta .more__btn::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../../assets/img/common/icon_viewmore-arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.otherCase .otherCase__card .card__meta .more__btn::after {
    width: min(1.0869565217vw, 15px);
    height: min(1.0869565217vw, 15px);
  }
}
section.otherCase .btn__block {
  text-align: center;
}
@media screen and (min-width:768px) {
  section.otherCase .btn__block {
    position: absolute;
    top: min(7.2463768116vw, 100px);
    right: 0;
  }
}

section.company {
  position: relative;
}
section.company .inner--company {
  width: 84%;
  margin: auto;
  padding: 45px 0 80px;
}
@media screen and (min-width:768px) {
  section.company .inner--company {
    width: min(85.4347826087vw, 1179px);
    padding: min(4.347826087vw, 60px) min(8.6956521739vw, 120px) min(7.2463768116vw, 100px) min(11.1594202899vw, 154px);
  }
}
section.company .company__content .lists {
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width:768px) {
  section.company .company__content .lists {
    grid-template-columns: min(11.0869565217vw, 153px) 1fr;
  }
}
section.company .company__content .lists dt {
  display: flex;
  gap: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.31;
  letter-spacing: 0em;
  padding: 22px 0 5px 0;
}
@media screen and (min-width:768px) {
  section.company .company__content .lists dt {
    gap: min(0.3623188406vw, 5px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    padding: min(2.0289855072vw, 28px) 0 min(2.0289855072vw, 28px);
    border-bottom: 1px solid #eee;
  }
}
section.company .company__content .lists dt::before {
  content: "";
  display: inline-flex;
  width: 16px;
  height: 16px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  border-radius: 50%;
  margin-top: 2px;
}
@media screen and (min-width:768px) {
  section.company .company__content .lists dt::before {
    width: min(1.1594202899vw, 16px);
    height: min(1.1594202899vw, 16px);
    margin-top: min(0.1449275362vw, 2px);
  }
}
section.company .company__content .lists dd {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  padding: 0 0 16px 0;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.company .company__content .lists dd {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    padding: min(2.0289855072vw, 28px) 0 min(2.0289855072vw, 28px);
  }
}
section.company .company__content .lists dd .txt {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 0 0 20px;
}
@media screen and (min-width:768px) {
  section.company .company__content .lists dd .txt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.5;
    margin: 0 0 min(1.4492753623vw, 20px);
  }
}
section.company .company__content .lists dd .under-line {
  text-decoration: underline;
}
section.company .company__content .lists dd .gmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  /*16:9の比率にしたい場合、9/16=56.25%*/
}
section.company .company__content .lists dd .gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.company .company__content .lists ul li {
  margin-bottom: 30px;
  border-left: 3px solid #eee;
  padding-left: 1em;
}
@media screen and (min-width:768px) {
  section.company .company__content .lists ul li {
    margin-bottom: min(2.1739130435vw, 30px);
    border-left: min(0.2173913043vw, 3px) solid #eee;
  }
}
section.company .company__content .lists ul li:last-child {
  margin-bottom: 0;
}
section.company .company__content .lists ul li .shopName {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.company .company__content .lists ul li .shopName {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
  }
}
section.company .company__content .lists ul li .address {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 10px 0;
}
@media screen and (min-width:768px) {
  section.company .company__content .lists ul li .address {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    margin: min(0.7246376812vw, 10px) 0;
  }
}
section.company .company__content .lists ul li .more__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #015DE7;
  text-align: left;
  line-height: 1.375;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.company .company__content .lists ul li .more__btn {
    gap: min(1.4492753623vw, 20px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
  }
}
section.company .company__content .lists ul li .more__btn::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../../assets/img/common/icon_viewmore-arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.company .company__content .lists ul li .more__btn::after {
    width: min(1.0869565217vw, 15px);
    height: min(1.0869565217vw, 15px);
  }
}

section.firstContent .inner--firstContent {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  gap: 0;
  position: relative;
  width: 100%;
  margin: auto;
  padding: 60px 0 60px;
  overflow: hidden;
}
@media screen and (min-width:768px) {
  section.firstContent .inner--firstContent {
    flex-direction: row;
    gap: min(6.5217391304vw, 90px);
    width: min(85.4347826087vw, 1179px);
    padding: min(5.7971014493vw, 80px) 0 min(4.347826087vw, 60px);
  }
}
section.firstContent .message__img {
  width: 92%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.firstContent .message__img {
    width: auto;
    margin: 0;
  }
}
section.firstContent .message__area {
  max-width: 400px;
  width: 84%;
  margin: auto;
}
@media screen and (min-width:768px) {
  section.firstContent .message__area {
    max-width: none;
    width: min(31.884057971vw, 440px);
    margin: 0;
    padding-top: min(2.1739130435vw, 30px);
  }
}
section.firstContent h2.catch {
  margin: 25px 0 18px;
}
@media screen and (min-width:768px) {
  section.firstContent h2.catch {
    margin: min(1.6666666667vw, 23px) 0 min(3.115942029vw, 43px);
  }
}
section.firstContent h2.catch span {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.66;
  letter-spacing: -0.02em;
}
@media screen and (min-width:768px) {
  section.firstContent h2.catch span {
    font-size: min(2.1739130435vw, 30px);
    line-height: 1.5;
  }
}
section.firstContent h2.catch span::before {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: "";
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
}
@media screen and (min-width:768px) {
  section.firstContent h2.catch span::before {
    bottom: max(-0.3623188406vw, -5px);
    height: min(0.2173913043vw, 3px);
  }
}
section.firstContent .txt {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 2.28;
  letter-spacing: 0em;
  margin-bottom: 31px;
}
@media screen and (min-width:768px) {
  section.firstContent .txt {
    gap: min(0.3623188406vw, 5px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    margin-bottom: min(1.6666666667vw, 23px);
  }
}
section.firstContent .btn__block {
  text-align: center;
}
@media screen and (min-width:768px) {
  section.firstContent .btn__block {
    text-align: left;
  }
}
section.firstContent .btn__block .btn__entry {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  border-radius: 50px;
  max-width: 237px;
  width: 100%;
  height: 50px;
  border: 1px solid #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1254901961);
}
@media screen and (min-width:768px) {
  section.firstContent .btn__block .btn__entry {
    width: min(17.1739130435vw, 237px);
    height: min(3.6231884058vw, 50px);
  }
}
section.firstContent .btn__block .btn__entry span {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.375;
  letter-spacing: 0em;
  gap: 5px;
}
@media screen and (min-width:768px) {
  section.firstContent .btn__block .btn__entry span {
    gap: min(0.3623188406vw, 5px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
  }
}
section.firstContent .btn__block .btn__entry span::before {
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 12px;
  height: 14px;
  background: url(../../assets/img/common/icon_arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width:768px) {
  section.firstContent .btn__block .btn__entry span::before {
    right: max(-1.8115942029vw, -25px);
    width: min(0.8695652174vw, 12px);
    height: min(1.0144927536vw, 14px);
  }
}
section.firstContent .message__img img {
  width: 100%;
}
@media screen and (min-width:768px) {
  section.firstContent .message__img img {
    width: min(23.1884057971vw, 320px);
  }
}

section.interview {
  position: relative;
  /* モーダルのスタイル */
  /* モーダル表示の基本スタイル */
  /* モーダルを中央に配置 */
}
section.interview::before {
  position: absolute;
  top: 145px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 357px;
  height: 61px;
  background: url(../../assets/img/recruit/recruit_txt.svg) no-repeat center center/contain;
  z-index: -1;
}
@media screen and (min-width:768px) {
  section.interview::before {
    top: min(14.4927536232vw, 200px);
    height: min(9.4202898551vw, 130px);
    width: min(55.0724637681vw, 760px);
  }
}
section.interview .inner--interview {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 75px 0 83px;
  border-top: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.interview .inner--interview {
    width: min(85.4347826087vw, 1179px);
    padding: min(6.3768115942vw, 88px) 0 min(1.4492753623vw, 20px);
  }
}
section.interview h2.interview__ttl {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.interview h2.interview__ttl {
    font-size: min(2.0289855072vw, 28px);
    line-height: 1.8;
  }
}
section.interview .swiper--interview {
  padding: 80px 0 30px;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  overflow: hidden;
}
@media screen and (min-width:768px) {
  section.interview .swiper--interview {
    width: 100%;
    margin: auto;
    padding: min(10.2898550725vw, 142px) 0 min(6.3768115942vw, 88px);
  }
}
@media screen and (min-width:768px) {
  section.interview .swiper--interview .swiper-wrapper--interview {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.1739130435vw, 30px);
    margin: auto;
  }
}
@media screen and (min-width:768px) and (min-width:768px) {
  section.interview .swiper--interview .swiper-wrapper--interview {
    width: min(78.2608695652vw, 1080px);
  }
}
section.interview .swiper--interview .swiper-slide {
  position: relative;
  background-color: #fff;
  width: 273px;
  height: 100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2117647059);
}
@media screen and (min-width:768px) {
  section.interview .swiper--interview .swiper-slide {
    width: 100%;
  }
}
section.interview .swiper--interview .slide {
  overflow: hidden;
}
section.interview .swiper--interview .thumbnail__area {
  position: relative;
  height: 273px;
}
@media screen and (min-width:768px) {
  section.interview .swiper--interview .thumbnail__area {
    height: min(22.0289855072vw, 304px);
  }
}
section.interview .swiper--interview .thumbnail__area::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3137254902) 70%, rgba(0, 0, 0, 0.3764705882) 100%);
  z-index: 1;
}
section.interview .swiper--interview .thumbnail__area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.interview .swiper--interview .card__meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 20px;
  z-index: 2;
}
@media screen and (min-width:768px) {
  section.interview .swiper--interview .card__meta {
    padding: min(1.4492753623vw, 20px) min(1.4492753623vw, 20px) min(1.4492753623vw, 20px);
  }
}
section.interview .swiper--interview .card__meta .number {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.interview .swiper--interview .card__meta .number {
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.5;
  }
}
section.interview .swiper--interview .card__meta .name {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.interview .swiper--interview .card__meta .name {
    font-size: min(1.4492753623vw, 20px);
    line-height: 1.2;
  }
}
section.interview .swiper--interview .card__meta::after {
  position: absolute;
  top: 10px;
  right: 20px;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  transition: 0.5s cubic-bezier(0.59, 0.14, 0.4, 0.77);
  z-index: 1;
}
@media screen and (min-width:768px) {
  section.interview .swiper--interview .card__meta::after {
    top: 5%;
    right: min(1.4492753623vw, 20px);
    width: min(4.0579710145vw, 56px);
    height: min(4.0579710145vw, 56px);
  }
}
section.interview .swiper--interview .card__meta::before {
  position: absolute;
  top: 10px;
  right: 31px;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url(../../assets/img/common/icon_plus.svg) no-repeat center center/contain;
  z-index: 2;
}
@media screen and (min-width:768px) {
  section.interview .swiper--interview .card__meta::before {
    top: 5%;
    right: min(2.8985507246vw, 40px);
    width: min(1.1594202899vw, 16px);
    height: min(1.0144927536vw, 14px);
  }
}
section.interview .swiper-scrollbar-drag {
  background: #17A5DB;
}
section.interview .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
  height: 5px;
  width: 90px;
}
section.interview .modal {
  display: none;
  /* 初期状態で非表示 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  /* 背景の黒色のオーバーレイ */
  z-index: 1000;
  overflow: auto;
}
section.interview .modal-content {
  background-color: #fff;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 84%;
  max-width: 600px;
  /* モーダルの最大幅 */
}
@media screen and (min-width:768px) {
  section.interview .modal-content {
    width: 100%;
    padding: min(2.8985507246vw, 40px) min(2.8985507246vw, 40px) min(3.6231884058vw, 50px);
  }
}
section.interview .modal-content .thumbnail__area {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  section.interview .modal-content .thumbnail__area {
    margin-bottom: min(2.1739130435vw, 30px);
  }
}
section.interview .modal-content .thumbnail__area::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3137254902) 70%, rgba(0, 0, 0, 0.3764705882) 100%);
  z-index: 1;
}
section.interview .modal-content .thumbnail__area img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width:768px) {
  section.interview .modal-content .thumbnail__area img {
    height: min(18.5507246377vw, 256px);
  }
}
section.interview .modal-content .thumbnail__area .card__meta {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 20px;
  z-index: 2;
}
@media screen and (min-width:768px) {
  section.interview .modal-content .thumbnail__area .card__meta {
    padding: min(1.4492753623vw, 20px) min(1.4492753623vw, 20px) min(1.4492753623vw, 20px);
  }
}
section.interview .modal-content .thumbnail__area .card__meta .number {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.interview .modal-content .thumbnail__area .card__meta .number {
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.5;
  }
}
section.interview .modal-content .thumbnail__area .card__meta .name {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  line-height: 1.2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.interview .modal-content .thumbnail__area .card__meta .name {
    font-size: min(1.7391304348vw, 24px);
    line-height: 1;
  }
}
section.interview .modal-content .content .ttl span {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.66;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  section.interview .modal-content .content .ttl span {
    font-size: min(1.884057971vw, 26px);
    line-height: 1.73;
    margin-bottom: min(2.1739130435vw, 30px);
  }
}
section.interview .modal-content .content .ttl span::before {
  position: absolute;
  bottom: -10px;
  left: 0;
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  border-radius: 10px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
}
@media screen and (min-width:768px) {
  section.interview .modal-content .content .ttl span::before {
    bottom: min(-0.7246376812vw, -10px);
    height: min(0.2173913043vw, 3px);
    width: 110%;
  }
}
section.interview .modal-content .content .txt {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2.28;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.interview .modal-content .content .txt {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}
section.interview .modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 80%;
}
@media screen and (min-width:768px) {
  section.interview .modal-content {
    transform: translate(-50%, -50%);
    height: auto;
  }
}
section.interview .modal-body {
  overflow: hidden;
  overflow-y: scroll;
  height: 100%;
}
section.interview .close {
  position: absolute;
  top: -25px;
  right: -17px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #015DE7;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
}
@media screen and (min-width:768px) {
  section.interview .close {
    top: max(-1.8115942029vw, -25px);
    right: max(-1.231884058vw, -17px);
    font-size: min(1.1594202899vw, 16px);
    width: min(4.0579710145vw, 56px);
    height: min(4.0579710145vw, 56px);
  }
}
section.interview .close:hover,
section.interview .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.line--interview {
  position: relative;
}
.line--interview::before {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 80px;
  height: 3px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  border-radius: 10px;
}
@media screen and (min-width:768px) {
  .line--interview::before {
    bottom: max(-1.0869565217vw, -15px);
    width: min(14.1304347826vw, 195px);
    height: min(0.2173913043vw, 3px);
  }
}

section.companyData {
  position: relative;
  background-color: #EFF5FF;
}
section.companyData .inner--companyData {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 55px 0 70px;
}
@media screen and (min-width:768px) {
  section.companyData .inner--companyData {
    width: min(85.4347826087vw, 1179px);
    padding: min(6.3043478261vw, 87px) 0 min(8.6956521739vw, 120px);
  }
}
section.companyData h2.companyData__ttl {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.companyData h2.companyData__ttl {
    font-size: min(2.0289855072vw, 28px);
    line-height: 1.5;
  }
}
@media screen and (min-width:768px) {
  section.companyData .line--interview::before {
    bottom: max(-1.231884058vw, -17px);
  }
}
section.companyData .data__lists {
  display: grid;
  justify-content: center;
  grid-template-rows: 238px;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 83px;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists {
    grid-template-rows: repeat(2, min(17.2463768116vw, 238px));
    grid-template-columns: repeat(3, min(22.8260869565vw, 315px));
    margin-top: min(7.0289855072vw, 97px);
    gap: min(1.0869565217vw, 15px);
  }
}
section.companyData .data__lists li {
  text-align: center;
  border: 1px solid #015DE7;
  border-radius: 10px;
  background-color: #fff;
  max-width: 315px;
  width: 100%;
  height: 100%;
  margin: auto;
  padding: 30px 0 20px;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists li {
    border-radius: min(0.7246376812vw, 10px);
    padding-top: min(2.1739130435vw, 30px);
  }
}
@media screen and (min-width:768px) {
  section.companyData .data__lists .card01 {
    grid-row: 1/3;
    grid-column: 1/2;
    padding-top: min(7.6086956522vw, 105px);
  }
}
@media screen and (min-width:768px) {
  section.companyData .data__lists .card02 {
    grid-row: 1/2;
    grid-column: 2/3;
  }
}
@media screen and (min-width:768px) {
  section.companyData .data__lists .card03 {
    grid-row: 1/2;
    grid-column: 3/4;
  }
}
@media screen and (min-width:768px) {
  section.companyData .data__lists .card04 {
    grid-row: 2/3;
    grid-column: 2/3;
  }
}
@media screen and (min-width:768px) {
  section.companyData .data__lists .card05 {
    grid-row: 2/3;
    grid-column: 3/4;
  }
}
section.companyData .data__lists .card__ttl {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0em;
  margin-bottom: 15px;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists .card__ttl {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.25;
    margin-bottom: min(1.0869565217vw, 15px);
  }
}
section.companyData .data__lists .card__ttl span {
  position: relative;
  background-color: #fff;
  padding: 0 5px;
  z-index: 1;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists .card__ttl span {
    padding: 0 min(0.3623188406vw, 5px);
  }
}
section.companyData .data__lists .card__ttl::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 221px;
  height: 1px;
  background: #015DE7;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists .card__ttl::before {
    width: min(16.0144927536vw, 221px);
  }
}
section.companyData .data__lists .card__txt {
  font-size: 26px;
  font-weight: 700;
  color: #015DE7;
  text-align: center;
  line-height: 0.76;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists .card__txt {
    font-size: min(1.884057971vw, 26px);
    line-height: 0.76;
  }
}
section.companyData .data__lists .card__txt .big {
  font-size: 70px;
  font-weight: 900;
  color: #015DE7;
  text-align: center;
  line-height: 1.21;
  letter-spacing: -0.05em;
  font-family: "Be Vietnam Pro", sans-serif;
  font-style: italic;
  margin-right: 0.1em;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists .card__txt .big {
    font-size: min(5.0724637681vw, 70px);
    line-height: 1.21;
  }
}
section.companyData .data__lists li:nth-child(1) img {
  height: 60px;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists li:nth-child(1) img {
    height: min(8.3333333333vw, 115px);
    margin: min(2.1739130435vw, 30px) 0 min(0.9420289855vw, 13px);
  }
}
section.companyData .data__lists li:nth-child(2) img {
  height: 60px;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists li:nth-child(2) img {
    height: min(4.347826087vw, 60px);
  }
}
section.companyData .data__lists li:nth-child(3) img {
  height: 57px;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists li:nth-child(3) img {
    height: min(4.1304347826vw, 57px);
  }
}
section.companyData .data__lists li:nth-child(4) img {
  height: 60px;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists li:nth-child(4) img {
    height: min(4.347826087vw, 60px);
  }
}
section.companyData .data__lists li:nth-child(5) img {
  height: 60px;
}
@media screen and (min-width:768px) {
  section.companyData .data__lists li:nth-child(5) img {
    height: min(4.347826087vw, 60px);
  }
}

section.recruitmentRequirements {
  position: relative;
}
section.recruitmentRequirements .inner--recruitmentRequirements {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 75px 0 70px;
}
@media screen and (min-width:768px) {
  section.recruitmentRequirements .inner--recruitmentRequirements {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.9710144928vw, 110px) 0 min(8.6956521739vw, 120px);
  }
}
section.recruitmentRequirements h2.recruitmentRequirements__ttl {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.recruitmentRequirements h2.recruitmentRequirements__ttl {
    font-size: min(2.0289855072vw, 28px);
    line-height: 1.8;
  }
}
section.recruitmentRequirements .requirements__lists {
  display: grid;
  justify-content: center;
  grid-template-columns: 1fr;
  gap: 4px;
  width: 100%;
  margin: 70px auto 0;
}
@media screen and (min-width:768px) {
  section.recruitmentRequirements .requirements__lists {
    width: min(43.4782608696vw, 600px);
    grid-template-columns: min(13.4782608696vw, 186px) 1fr;
    margin: min(4.5652173913vw, 63px) auto 0;
    gap: 0;
  }
}
section.recruitmentRequirements dt {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.31;
  letter-spacing: 0em;
  padding: 15px 0 0;
  gap: 5px;
}
@media screen and (min-width:768px) {
  section.recruitmentRequirements dt {
    align-items: flex-start;
    gap: min(0.3623188406vw, 5px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    padding: min(2.1739130435vw, 30px) 0 min(2.0289855072vw, 28px);
    border-bottom: min(0.0724637681vw, 1px) solid #eee;
  }
}
section.recruitmentRequirements dt::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  border-radius: 50%;
}
@media screen and (min-width:768px) {
  section.recruitmentRequirements dt::before {
    width: min(1.1594202899vw, 16px);
    height: min(1.1594202899vw, 16px);
  }
}
section.recruitmentRequirements dt:first-child {
  padding-top: 0;
}
@media screen and (min-width:768px) {
  section.recruitmentRequirements dt:first-child {
    padding: min(2.1739130435vw, 30px) 0;
  }
}
section.recruitmentRequirements dd {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.31;
  letter-spacing: 0em;
  padding: 0 0 16px;
  border-bottom: min(0.0724637681vw, 1px) solid #eee;
}
@media screen and (min-width:768px) {
  section.recruitmentRequirements dd {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    padding: min(2.1739130435vw, 30px) 0 min(2.0289855072vw, 28px);
  }
}

section.single {
  position: relative;
}
section.single .inner--single {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 50px 0 90px;
}
@media screen and (min-width:768px) {
  section.single .inner--single {
    width: min(85.4347826087vw, 1179px);
    padding: min(7.2463768116vw, 100px) 0 min(8.6956521739vw, 120px);
  }
}
section.single .wrapper--single {
  margin-bottom: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width:768px) {
  section.single .wrapper--single {
    margin-bottom: min(4.347826087vw, 60px);
    padding-bottom: min(2.8985507246vw, 40px);
  }
}
section.single .wrapper--single .ttl {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 0 0 20px;
}
@media screen and (min-width:768px) {
  section.single .wrapper--single .ttl {
    font-size: min(2.1739130435vw, 30px);
    line-height: 1.66;
    margin: 0 0 min(1.4492753623vw, 20px);
  }
}
section.single .wrapper--single .day {
  font-size: 12px;
  font-weight: 700;
  color: #17A5DB;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  section.single .wrapper--single .day {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    margin-bottom: min(3.6231884058vw, 50px);
  }
}
section.single .wrapper--single .contant {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 40px 0 60px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.single .wrapper--single .contant {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    padding: min(3.6231884058vw, 50px) 0 min(4.347826087vw, 60px);
  }
}
section.single .wrapper--single .contant p {
  margin-bottom: 1.5em;
}
section.single .btn__block {
  text-align: center;
  margin-top: 40px;
}
@media screen and (min-width:768px) {
  section.single .btn__block {
    margin-top: min(4.347826087vw, 60px);
  }
}

section.category__posts .inner--posts {
  position: relative;
  width: 84%;
  margin: auto;
  padding: 60px 0 90px;
}
@media screen and (min-width:768px) {
  section.category__posts .inner--posts {
    width: min(57.9710144928vw, 800px);
    padding: min(7.2463768116vw, 100px) 0 min(8.6956521739vw, 120px);
  }
}
section.category__posts .posts__lists {
  margin-bottom: 80px;
}
@media screen and (min-width:768px) {
  section.category__posts .posts__lists {
    margin-bottom: min(5.7971014493vw, 80px);
  }
}
section.category__posts .posts__lists li {
  border-bottom: 1px solid #eee;
}
section.category__posts .posts__lists li:first-child {
  border-top: 1px solid #eee;
}
section.category__posts .posts__lists .posts__link {
  display: grid;
  grid-template-columns: 1fr;
  padding: 20px 15px;
}
@media screen and (min-width:768px) {
  section.category__posts .posts__lists .posts__link {
    grid-template-columns: min(10.8695652174vw, 150px) 1fr;
    padding: min(2.1739130435vw, 30px) min(1.4492753623vw, 20px);
  }
}
section.category__posts .posts__lists .posts__link .day {
  width: 100%;
}
@media screen and (min-width:768px) {
  section.category__posts .posts__lists .posts__link .day {
    width: min(10.8695652174vw, 150px);
  }
}
section.category__posts .posts__lists .posts__link .ttl {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  text-decoration: underline;
}
@media screen and (min-width:768px) {
  section.category__posts .posts__lists .posts__link .ttl {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}
section.category__posts .posts__lists .posts__link .day {
  font-size: 12px;
  font-weight: 700;
  color: #17A5DB;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  text-decoration: underline;
}
@media screen and (min-width:768px) {
  section.category__posts .posts__lists .posts__link .day {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}
section.category__posts .posts__lists .posts__link .day time {
  display: block;
  width: -moz-max-content;
  width: max-content;
}
section.category__posts .posts__lists .posts__link:hover .ttl,
section.category__posts .posts__lists .posts__link:hover .day {
  text-decoration: none;
}

section.contactform {
  position: relative;
}
section.contactform--recruit {
  background-color: #eee;
}
section.contactform .inner--contactform {
  width: 84%;
  margin: auto;
  padding: 60px 0 90px;
}
@media screen and (min-width:768px) {
  section.contactform .inner--contactform {
    width: min(85.4347826087vw, 1179px);
    padding: min(6.5217391304vw, 90px) 0 min(8.6956521739vw, 120px);
  }
}
section.contactform .txt {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 2;
  letter-spacing: 0em;
  padding-bottom: 50px;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width:768px) {
  section.contactform .txt {
    gap: min(0.3623188406vw, 5px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    padding-bottom: min(5.0724637681vw, 70px);
  }
}
section.contactform .txt02 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  margin: 30px 0 20px;
}
@media screen and (min-width:768px) {
  section.contactform .txt02 {
    gap: min(0.3623188406vw, 5px);
    font-size: min(1.1594202899vw, 16px);
    text-align: center;
    line-height: 2;
    margin: min(2.1739130435vw, 30px) 0 min(1.4492753623vw, 20px);
  }
}
section.contactform .contactform__ttl--recruit {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.contactform .contactform__ttl--recruit {
    font-size: min(2.0289855072vw, 28px);
    line-height: 1.8;
  }
}
section.contactform .form {
  width: 100%;
  margin: 30px auto 0;
}
@media screen and (min-width:768px) {
  section.contactform .form {
    width: min(46.3768115942vw, 640px);
    margin-top: min(3.6231884058vw, 50px);
  }
}
section.contactform .form .form__items {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
@media screen and (min-width:768px) {
  section.contactform .form .form__items {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: min(2.5362318841vw, 35px);
  }
}
section.contactform .form .form__item-header {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0em;
  margin-bottom: 5px;
  padding-top: 0;
}
@media screen and (min-width:768px) {
  section.contactform .form .form__item-header {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.8;
    margin-bottom: 0;
    padding-top: min(0.2173913043vw, 3px);
  }
}
section.contactform .form .form__item-header .small {
  font-size: 12px;
}
@media screen and (min-width:768px) {
  section.contactform .form .form__item-header .small {
    font-size: min(1.0144927536vw, 14px);
  }
}
section.contactform .form input[type=text],
section.contactform .form input[type=email],
section.contactform .form textarea {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.31;
  letter-spacing: 0em;
  width: 100%;
  padding: 5px;
  background-color: #eee;
  border: none;
}
@media screen and (min-width:768px) {
  section.contactform .form input[type=text],
  section.contactform .form input[type=email],
  section.contactform .form textarea {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.31;
    width: min(28.9855072464vw, 400px);
    padding: min(0.3623188406vw, 5px);
  }
}
section.contactform .form textarea {
  height: 120px;
}
@media screen and (min-width:768px) {
  section.contactform .form textarea {
    height: min(8.6956521739vw, 120px);
  }
}
section.contactform .form input[type=checkbox] {
  width: 25px;
  height: 25px;
}
@media screen and (min-width:768px) {
  section.contactform .form input[type=checkbox] {
    width: min(1.8115942029vw, 25px);
    height: min(1.8115942029vw, 25px);
  }
}
section.contactform .form .required {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0em;
  background-color: #015DE7;
  padding: 1px 10px;
  margin-right: 10px;
}
@media screen and (min-width:768px) {
  section.contactform .form .required {
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.2;
    padding: min(0.0724637681vw, 1px) min(0.7246376812vw, 10px);
    margin-right: min(0.7246376812vw, 10px);
  }
}
@media screen and (min-width:768px) {
  section.contactform .form .form__check {
    margin-top: min(3.6231884058vw, 50px);
  }
}
section.contactform .form .check__block {
  text-align: center;
}
section.contactform .form .check__block a,
section.contactform .form .check__block span {
  font-size: 12px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.66;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  section.contactform .form .check__block a,
  section.contactform .form .check__block span {
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.66;
  }
}
section.contactform .form .check__block a {
  text-decoration: underline;
}
section.contactform .form .check__block a:hover {
  text-decoration: none;
}
section.contactform .form--recruit {
  margin-top: 55px;
}
@media screen and (min-width:768px) {
  section.contactform .form--recruit {
    margin-top: min(6.1594202899vw, 85px);
  }
}
section.contactform .form--recruit input[type=text],
section.contactform .form--recruit input[type=email],
section.contactform .form--recruit textarea {
  background-color: #fff;
  border: 1px solid #777777;
}
section.contactform .form--recruit textarea {
  height: 120px;
}
@media screen and (min-width:768px) {
  section.contactform .form--recruit textarea {
    height: min(8.6956521739vw, 120px);
  }
}
section.contactform .btn__block {
  text-align: center;
}
section.contactform .btn__block .btn__wrap {
  position: relative;
  display: inline-block;
  position: relative;
  margin-top: 30px;
}
@media screen and (min-width:768px) {
  section.contactform .btn__block .btn__wrap {
    margin-top: min(3.6231884058vw, 50px);
  }
}
section.contactform .btn__block .btn__wrap::after {
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
  content: "";
  display: block;
  background: url(../../assets/img/common/icon_arrow.svg) no-repeat center center/contain;
  width: 12px;
  height: 14px;
}
@media screen and (min-width:768px) {
  section.contactform .btn__block .btn__wrap::after {
    right: min(1.4492753623vw, 20px);
    width: min(0.8695652174vw, 12px);
    height: min(1.0144927536vw, 14px);
  }
}
section.contactform .btn__send,
section.contactform .btn__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.375;
  letter-spacing: 0em;
  background-color: #015DE7;
  max-width: 294px;
  width: 100%;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  cursor: pointer;
}
@media screen and (min-width:768px) {
  section.contactform .btn__send,
  section.contactform .btn__back {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
    width: min(21.3043478261vw, 294px);
    height: min(3.6231884058vw, 50px);
    border-radius: min(3.6231884058vw, 50px);
  }
}

.wpcf7-spinner {
  display: none;
}

.wrapper--ledNews img {
  width: auto;
  height: auto;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews img {
    margin-bottom: min(2.8985507246vw, 40px);
  }
}
.wrapper--ledNews div {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews div {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    margin-bottom: min(3.6231884058vw, 50px);
  }
}
.wrapper--ledNews p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews p {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    margin-bottom: min(3.6231884058vw, 50px);
  }
}
.wrapper--ledNews h1 {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.66;
  letter-spacing: 0em;
  background-color: #eee;
  padding: 5px 20px 5px 35px;
  margin-bottom: 25px;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews h1 {
    font-size: min(2.0289855072vw, 28px);
    line-height: 1.78;
    padding: min(0.3623188406vw, 5px) min(3.6231884058vw, 50px);
    margin-bottom: min(1.8115942029vw, 25px);
  }
}
.wrapper--ledNews h1::before {
  position: absolute;
  top: 50%;
  left: 20px;
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 70%;
  background-color: #015DE7;
  transform: translateY(-50%);
}
@media screen and (min-width:768px) {
  .wrapper--ledNews h1::before {
    left: min(1.4492753623vw, 20px);
    width: min(0.2173913043vw, 3px);
    height: 70%;
  }
}
.wrapper--ledNews h2 {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  background-color: #fff;
  border: 1px solid #015DE7;
  padding: 5px 20px 5px 35px;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews h2 {
    font-size: min(1.7391304348vw, 24px);
    line-height: 2;
    padding: 0 min(3.6231884058vw, 50px);
    margin-bottom: min(1.8115942029vw, 25px);
  }
}
.wrapper--ledNews h2::before {
  position: absolute;
  top: 50%;
  left: 20px;
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 70%;
  transform: translateY(-50%);
  background-color: #015DE7;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews h2::before {
    left: min(1.4492753623vw, 20px);
    width: min(0.2173913043vw, 3px);
    height: 70%;
  }
}
.wrapper--ledNews h3 {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
  background-color: #fff;
  padding: 5px 20px 5px 35px;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews h3 {
    font-size: min(1.7391304348vw, 24px);
    line-height: 2;
    padding: 0 min(3.6231884058vw, 50px);
    margin-bottom: min(1.8115942029vw, 25px);
  }
}
.wrapper--ledNews h3::before {
  position: absolute;
  top: 50%;
  left: 20px;
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 70%;
  transform: translateY(-50%);
  background-color: #015DE7;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews h3::before {
    left: min(1.4492753623vw, 20px);
    width: min(0.2173913043vw, 3px);
    height: 70%;
  }
}
.wrapper--ledNews h4 {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0em;
  background-color: #fff;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews h4 {
    font-size: min(1.5942028986vw, 22px);
    line-height: 1.8;
    margin-bottom: min(1.4492753623vw, 20px);
  }
}
.wrapper--ledNews ul {
  padding-left: 1.5em;
  margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews ul {
    margin-bottom: min(2.8985507246vw, 40px);
  }
}
.wrapper--ledNews ul li {
  list-style: disc;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews ul li {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.5;
  }
}
.wrapper--ledNews ol {
  padding-left: 1.5em;
  margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews ol {
    margin-bottom: min(2.8985507246vw, 40px);
  }
}
.wrapper--ledNews ol li {
  list-style: decimal;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 1.875;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews ol li {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.875;
  }
}
.wrapper--ledNews a {
  color: #015DE7;
  font-weight: 700;
  text-decoration: underline;
}
.wrapper--ledNews b,
.wrapper--ledNews strong {
  font-weight: 700;
  background: linear-gradient(to bottom, #fff 50%, #E2F227 50%);
}
.wrapper--ledNews .link__btnBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 50px;
  padding: 0;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews .link__btnBlock {
    flex-direction: row;
    gap: min(2.1739130435vw, 30px);
    margin-bottom: min(5.0724637681vw, 70px);
  }
}
.wrapper--ledNews .link__btnBlock li {
  position: relative;
  width: 100%;
  max-width: 297px;
  height: 40px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  transform: skewX(-15deg);
  z-index: 1;
  list-style: none;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews .link__btnBlock li {
    width: min(17.7536231884vw, 245px);
    height: min(2.6086956522vw, 36px);
    transform: skewX(-30deg);
  }
}
.wrapper--ledNews .link__btnBlock li::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.0862745098), -3px -5px 3px rgba(0, 0, 0, 0.0862745098);
  z-index: -1;
}
.wrapper--ledNews .link__btnBlock a {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: #fff;
}
.wrapper--ledNews .link__btnBlock a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: skewX(15deg) translate(-50%, -50%);
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0em;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width:768px) {
  .wrapper--ledNews .link__btnBlock a span {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.3;
    transform: skewX(30deg) translate(-50%, -50%);
  }
}

h2.section__ttl {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 24px;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.375;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  h2.section__ttl {
    font-size: min(2.4637681159vw, 34px);
    line-height: 1.35;
    gap: min(1.0144927536vw, 14px);
  }
}
h2.section__ttl::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  border-radius: 50%;
}
@media screen and (min-width:768px) {
  h2.section__ttl::before {
    width: min(1.1594202899vw, 16px);
    height: min(1.1594202899vw, 16px);
  }
}

h2.section__ttl02 {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
@media screen and (min-width:768px) {
  h2.section__ttl02 {
    font-size: min(2.0289855072vw, 28px);
    line-height: 3;
    font-weight: 700;
    letter-spacing: 0;
  }
}

.ttl--line {
  display: inline-block;
  position: relative;
}
.ttl--line::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
}
@media screen and (min-width:768px) {
  .ttl--line::before {
    height: min(0.2173913043vw, 3px);
  }
}

p.section__catch {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
}
@media screen and (min-width:768px) {
  p.section__catch {
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}

.btn--arrow a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  opacity: 1;
  padding-right: 30px;
}
@media screen and (min-width:768px) {
  .btn--arrow a {
    gap: min(1.7391304348vw, 24px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
    padding-right: min(2.1739130435vw, 30px);
  }
}
.btn--arrow a::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../assets/img/common/right-arrow.svg) no-repeat center center/contain;
  z-index: 2;
  transition: 0.3s;
}
@media screen and (min-width:768px) {
  .btn--arrow a::before {
    right: 0;
    width: min(1.3043478261vw, 18px);
    height: min(1.3043478261vw, 18px);
  }
}
.btn--arrow a::after {
  background-color: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  right: 0;
  position: absolute;
  transition: 0.3s;
  width: 20px;
}
@media screen and (min-width:768px) {
  .btn--arrow a::after {
    width: min(1.4492753623vw, 20px);
  }
}
.btn--arrow a:hover::after {
  width: 100%;
}

.btn--more a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 2;
  letter-spacing: 0em;
  opacity: 1;
}
@media screen and (min-width:768px) {
  .btn--more a {
    gap: min(1.7391304348vw, 24px);
    font-size: min(1.1594202899vw, 16px);
    line-height: 2;
  }
}
.btn--more a::before {
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url(../../assets/img/common/icon_arrow.svg) no-repeat center center/contain;
  z-index: 2;
}
@media screen and (min-width:768px) {
  .btn--more a::before {
    right: min(1.4492753623vw, 20px);
    width: min(1.1594202899vw, 16px);
    height: min(1.0144927536vw, 14px);
  }
}
.btn--more a::after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  transition: 0.5s cubic-bezier(0.59, 0.14, 0.4, 0.77);
  z-index: 1;
}
@media screen and (min-width:768px) {
  .btn--more a::after {
    width: min(4.0579710145vw, 56px);
    height: min(4.0579710145vw, 56px);
  }
}
.btn--more a:hover::after {
  transform: rotate(360deg);
}

.btn--morebg a {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 1.375;
  letter-spacing: 0em;
  border: 1px solid #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  border-radius: 50px;
  overflow: hidden;
  opacity: 1;
}
@media screen and (min-width:768px) {
  .btn--morebg a {
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.375;
    border-radius: min(3.6231884058vw, 50px);
  }
}
.btn--morebg a::after {
  content: "";
  display: block;
  position: absolute;
  top: -200%;
  left: -25%;
  width: 150%;
  height: 500%;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  z-index: -1;
  transition: 0.3s cubic-bezier(0.68, 0.09, 0.3, 0.86);
}
.btn--morebg a:hover::after {
  transform-origin: center;
  transform: rotate(360deg);
}

.hovAni01 {
  transition: 0.3s cubic-bezier(0.68, 0.09, 0.3, 0.86);
}
.hovAni01:hover {
  opacity: 1;
  background-color: #015DE7 !important;
  color: #fff !important;
}

.hovAni02 {
  transition: 0.3s cubic-bezier(0.68, 0.09, 0.3, 0.86);
}
.hovAni02:hover {
  opacity: 1;
  background-color: #fff !important;
  color: #000 !important;
}

.hovAni03 {
  transition: 0.3s cubic-bezier(0.68, 0.09, 0.3, 0.86);
}
.hovAni03:hover {
  opacity: 1;
  background-color: #000 !important;
  color: #fff !important;
}
.hovAni03:hover span {
  color: #fff !important;
}
.hovAni03:hover span::before, .hovAni03:hover span::after {
  background: #fff !important;
}

/*スクロールダウン全体の場所*/
.scrolldown {
  /*描画位置※位置は適宜調整してください*/
  position: absolute;
  left: auto;
  right: 0;
  bottom: 10px;
  /*全体の高さ*/
}
@media screen and (min-width:768px) {
  .scrolldown {
    left: min(3.2608695652vw, 45px);
    bottom: min(5.0724637681vw, 70px);
  }
}
.scrolldown img {
  width: 32px;
  height: 10px;
}
@media screen and (min-width:768px) {
  .scrolldown img {
    height: min(2.3188405797vw, 32px);
    width: min(0.7246376812vw, 10px);
  }
}

#scroll-down {
  display: block;
  position: absolute;
  bottom: 32px;
  left: auto;
  right: -22px;
  text-align: center;
}
@media screen and (min-width:768px) {
  #scroll-down {
    left: min(2.5362318841vw, 35px);
    bottom: min(5.7971014493vw, 80px);
    right: auto;
  }
}

.arrow-down {
  display: block;
  margin: 0 auto;
  width: 10px;
  height: 38px;
}
@media screen and (min-width:768px) {
  .arrow-down {
    width: min(0.7246376812vw, 10px);
    height: min(2.7536231884vw, 38px);
  }
}

#scroll-title {
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: #000;
  text-align: left;
  line-height: 1.66;
  letter-spacing: 0.05em;
  transform: rotate(90deg);
}
@media screen and (min-width:768px) {
  #scroll-title {
    font-size: min(0.8695652174vw, 12px);
    line-height: 1.66;
  }
}

#scroll-down::before {
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 11.5+ */
  animation: elasticus 1.5s cubic-bezier(1, 0, 0, 1) infinite;
  /* IE 10+, Fx 29+ */
  position: absolute;
  content: " ";
  top: 30px;
  left: 15px;
  margin-left: -1px;
  width: 1px;
  height: 90px;
  background: #000;
}
@media screen and (min-width:768px) {
  #scroll-down::before {
    top: min(2.1739130435vw, 30px);
    left: min(1.0869565217vw, 15px);
    height: min(6.5217391304vw, 90px);
  }
}
@keyframes elasticus {
  0% {
    transform-origin: 0% 0%;
    transform: scale(1, 0);
  }
  50% {
    transform-origin: 0% 0%;
    transform: scale(1, 1);
  }
  50.1% {
    transform-origin: 0% 100%;
    transform: scale(1, 1);
  }
  100% {
    transform-origin: 0% 100%;
    transform: scale(1, 0);
  }
}
.specialWebsite {
  position: fixed;
  bottom: 50px;
  right: 15px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  border: 3px solid #fff;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  z-index: 99;
}
@media screen and (min-width:768px) {
  .specialWebsite {
    bottom: min(3.6231884058vw, 50px);
    right: min(3.6231884058vw, 50px);
    width: min(15.5072463768vw, 214px);
    height: min(15.5072463768vw, 214px);
    border: min(0.2173913043vw, 3px) solid #fff;
  }
}
.specialWebsite a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.specialWebsite span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.36;
  letter-spacing: 0em;
  margin-top: 10px;
}
@media screen and (min-width:768px) {
  .specialWebsite span {
    font-size: min(1.8115942029vw, 25px);
    line-height: 1.2;
    margin-top: min(1.4492753623vw, 20px);
  }
}

.pageNav {
  border-bottom: 1px solid #eee;
}
.pageNav .category__items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .pageNav .category__items {
    gap: min(1.8115942029vw, 25px);
    margin-bottom: min(5.7971014493vw, 80px);
  }
}
.pageNav li {
  position: relative;
  width: 48%;
  max-width: 235px;
  height: 40px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  transform: skewX(-15deg);
  z-index: 1;
}
@media screen and (min-width:768px) {
  .pageNav li {
    width: min(17.0289855072vw, 235px);
    height: min(2.6086956522vw, 36px);
    transform: skewX(-15deg);
  }
}
.pageNav li::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #015DE7, #46D6B6);
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.0862745098), -3px -5px 3px rgba(0, 0, 0, 0.0862745098);
  z-index: -1;
}
.pageNav li.current--black a {
  background-color: #000 !important;
}
.pageNav li.current--black a span {
  color: #fff !important;
}
.pageNav li.current--black a span::before, .pageNav li.current--black a span::after {
  background-color: #fff !important;
}
.pageNav a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: #fff;
}
.pageNav a span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: skewX(15deg) translate(-50%, -50%);
  font-size: 14px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0em;
  width: 100%;
}
@media screen and (min-width:768px) {
  .pageNav a span {
    width: 100%;
    font-size: min(1.1594202899vw, 16px);
    line-height: 1.3;
    transform: skewX(15deg) translate(-50%, -50%);
  }
}
.pageNav a span::before, .pageNav a span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 2px;
  height: 8px;
  background-color: #000000;
  border-radius: 9999px;
}
@media screen and (min-width:768px) {
  .pageNav a span::before, .pageNav a span::after {
    right: min(1.6666666667vw, 23px);
    width: min(0.1449275362vw, 2px);
    height: min(0.5797101449vw, 8px);
  }
}
.pageNav a span::before {
  transform: skewX(0) rotate(45deg) translateY(-50%);
}
.pageNav a span::after {
  transform: skewX(0) rotate(-45deg) translateY(-50%);
}
.pageNav .item-5 a span {
  font-size: 11px !important;
}
@media screen and (min-width:768px) {
  .pageNav .item-5 a span {
    font-size: min(1.1594202899vw, 16px) !important;
  }
}

.pageNav--karaoke .category__items.item-5 {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 10px 10px;
  margin: auto auto 55px;
  flex-wrap: wrap;
}
@media screen and (min-width:768px) {
  .pageNav--karaoke .category__items.item-5 {
    gap: min(1.0869565217vw, 15px);
    margin: auto auto min(6.7391304348vw, 93px);
    width: min(53.6231884058vw, 740px);
  }
}
.pageNav--karaoke li {
  position: relative;
  width: 48%;
  max-width: 235px;
  height: 35px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
  transform: skewX(-15deg);
  z-index: 1;
}
@media screen and (min-width:768px) {
  .pageNav--karaoke li {
    width: min(17.0289855072vw, 235px);
    height: min(2.6086956522vw, 36px);
    transform: skewX(-15deg);
  }
}

/* コンテナ全体のスタイル */
.hero-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  background-size: cover;
  /* スキューを適用する要素 */
}
.hero-container .hero-skew {
  position: absolute;
  top: 283px;
  right: 105px;
  width: 280px;
  height: 445px;
  transform: skew(0deg, 0) translateY(0px);
  transform-origin: 0 0;
  background-size: 200% 200%;
  z-index: 2;
  overflow: hidden;
  opacity: 1;
}
@media screen and (min-width:768px) {
  .hero-container .hero-skew {
    top: 12.3vw;
    right: 57.4vw;
    width: 15.9vw;
    height: 47.8vw;
    transform: skew(-9deg, 0) translateY(0px);
  }
}
.hero-container .hero-skew::before {
  content: "";
  display: block;
  position: absolute;
  left: 38px;
  width: 185px;
  height: 100%;
  background: linear-gradient(to bottom, #015DE7, #46D6B6);
  background-size: 200% 200%;
  transform: skew(-9deg, 0) translateY(0px);
  animation: fadeIn-du 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.8s forwards;
  opacity: 0;
}
@media screen and (min-width:768px) {
  .hero-container .hero-skew::before {
    top: 0;
    left: -4.3vw;
    width: 160%;
    transform: skew(10deg, 0) translate(0, -3.6vw);
    animation: fadeIn-du 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;
  }
}
@keyframes fadeIn-du {
  0% {
    transform: skew(-10deg, 0) translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: skew(-10deg, 0) translateY(0);
    opacity: 0.3;
  }
}

section.fv--led-vision .hero-container .hero-skew,
section.fv--karaoke-top .hero-container .hero-skew {
  position: absolute;
  top: 283px;
  right: 105px;
}
@media screen and (min-width:768px) {
  section.fv--led-vision .hero-container .hero-skew,
  section.fv--karaoke-top .hero-container .hero-skew {
    top: 14.4vw;
    right: 40.2vw;
  }
}

.blockAni {
  display: inline-block;
  overflow: hidden;
  position: relative;
  -webkit-clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 100%, 15px 100%);
          clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 100%, 15px 100%);
  padding: 0 20px;
  /* keyframesの設定 */
  /* 左から右に流れるアニメーション */
  /* 横に移動させるアニメーション */
}
@media screen and (min-width:768px) {
  .blockAni {
    padding: 0 min(2.8985507246vw, 40px);
  }
}
.blockAni:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #000;
  transform-origin: left center;
  /* 変形の基準点を左に設定 */
  will-change: width, transform;
  /* パフォーマンス向上のために最適化 */
  /* アニメーションの設定 */
  animation: secondaryImageOverlayIn 0.3s ease-in-out 0.5s, secondaryImageOverlayOut 0.3s ease-in-out 0.9s;
  /* 次のアニメーションも遅延調整 */
  animation-fill-mode: both;
  /* アニメーションが終わった後の状態を維持 */
}
.blockAni .txtAni {
  animation: fadeIn 0.1s ease-in-out 0.8s;
  animation-fill-mode: both;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes secondaryImageOverlayIn {
  0% {
    width: 0;
    transform: translateX(0);
  }
  100% {
    width: 100%;
    transform: translateX(0);
  }
}
@keyframes secondaryImageOverlayOut {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(102%);
  }
}

.fadeAni {
  transform: translateX(-100%);
  animation: fadeInAni 0.3s cubic-bezier(0.68, 0.09, 0.3, 0.86) 1s;
  animation-fill-mode: both;
  opacity: 0;
}
@keyframes fadeInAni {
  0% {
    opacity: 0;
    transform: translateX(-5%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.hovZoom .hovImgBlock {
  overflow: hidden;
}
.hovZoom img {
  transition: 0.3s cubic-bezier(0.68, 0.09, 0.3, 0.86);
}
.hovZoom:hover img {
  transform: scale(1.15);
}

@media screen and (min-width:768px) {
  .sp-inlineblock {
    display: inline-block !important;
  }
}
@media screen and (max-width:767px) {
  .sp-inlineblock {
    display: none !important;
  }
}

@media screen and (min-width:768px) {
  .sp-block {
    display: none !important;
  }
}
@media screen and (max-width:767px) {
  .sp-block {
    display: block !important;
  }
}

@media screen and (max-width:767px) {
  .sp-inlineblocknone {
    display: inline-block !important;
  }
}
@media screen and (min-width:768px) {
  .sp-inlineblocknone {
    display: none !important;
  }
}

@media screen and (max-width:767px) {
  .sp-none {
    display: none !important;
  }
}
@media screen and (min-width:768px) {
  .sp-none {
    display: block !important;
  }
}/*# sourceMappingURL=style.css.map */