@charset "UTF-8";
*, *::before, *::after {
  box-sizing: border-box;
}

body, h1, h2, h3, h4, h5, h6, p, ul, li, figure, blockquote, dl, dd {
  margin: 0;
  padding: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  background-color: white;
  color: black;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: clamp(1.5rem, 1.47rem + 0.17vw, 1.6rem);
  line-height: 1.8;
  text-align: left;
  -webkit-text-size-adjust: none;
}

.en-400, .en-500, .en-700, .en-900 {
  font-family: "Roboto";
}
.en-400 {
  font-weight: 400;
}
.en-500 {
  font-weight: 500;
}
.en-700 {
  font-weight: 700;
}
.en-900 {
  font-weight: 900;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.5;
}

h4, h5, h6, strong {
  font-weight: 600;
}

h1, h2 {
  font-size: clamp(2.6rem, 2.417rem + 1.04vw, 3.2rem);
}
h1 small, h2 small {
  font-size: 50%;
}

h3 {
  font-size: clamp(2rem, 1.878rem + 0.7vw, 2.4rem);
}
h3.en-400, h3.en-500, h3.en-700, h3.en-900, h3 .en-400, h3 .en-500, h3 .en-700, h3 .en-900 {
  font-size: clamp(2.4rem, 2.148rem + 0.87vw, 2.9rem);
}
h3.line, h3.line-side {
  font-size: clamp(1.7rem, 1.639rem + 0.35vw, 1.9rem);
  font-weight: 600;
}
h3.line.en-400, h3.line.en-500, h3.line.en-700, h3.line.en-900, h3.line .en-400, h3.line .en-500, h3.line .en-700, h3.line .en-900, h3.line-side.en-400, h3.line-side.en-500, h3.line-side.en-700, h3.line-side.en-900, h3.line-side .en-400, h3.line-side .en-500, h3.line-side .en-700, h3.line-side .en-900 {
  font-size: clamp(2.1rem, 2.148rem + 0.87vw, 2.3rem);
}

h4, h5, h6 {
  font-size: clamp(1.7rem, 1.639rem + 0.35vw, 1.9rem);
}

p.sup, p.caution, p.note, li.sup, li.caution, li.note {
  color: #505050;
  font-size: 13px;
  font-size: 1.3rem;
}
p.r-mark, p.splat-mark, p.circle-mark, li.r-mark, li.splat-mark, li.circle-mark {
  padding-left: 1em;
  text-indent: -1em;
}
p.r-mark::before, li.r-mark::before {
  content: "※";
}
p.splat-mark::before, li.splat-mark::before {
  content: "＊";
}
p.circle-mark::before, li.circle-mark::before {
  content: "・";
}

p + p.sup, p + p.caution, p + p.note {
  margin-top: 1rem;
}
p.important {
  font-size: clamp(1.6rem, 1.57rem + 0.17vw, 1.7rem);
  font-weight: 600;
  line-height: 2;
}
p.important + p, p.important + ul, p.important + table {
  margin-top: 3rem;
}
p + .btn {
  margin-top: 2rem;
}
@media screen and (min-width: 780px) {
  p + .btn {
    margin-top: 3rem;
  }
}

ul.sup li, ul.caution li, ul.note li {
  color: #505050;
  font-size: 13px;
  font-size: 1.3rem;
}
ul li {
  list-style: none;
}
ul li + li {
  margin-top: 0.8rem;
}
ul li.important {
  font-size: clamp(1.6rem, 1.57rem + 0.17vw, 1.7rem);
  font-weight: 600;
  line-height: 2;
}

.sns-icon li + li, .sns-box li + li, .corp-info li + li, .breadcrumb li + li, .pagenav li + li, .fixednavi li + li, .back li + li, .column-img li + li, .column-list li + li, .column-model.mini li + li, .info-outline-relation li + li, .supplement li + li, .subnavi-menu li + li, .db-index-category .list li + li, .pagination li + li, .db-results .list li + li, .document-catalog li + li, .text-box.inquiry li + li, .text-box.faq li + li, .block-tab li + li, .catalog li + li {
  margin-top: 0;
}

table {
  border-collapse: collapse;
  width: 100%;
}
table tr {
  display: block;
}
@media screen and (min-width: 780px) {
  table tr {
    display: table-row;
  }
}
table tr + tr {
  border-top: 1px solid #d0d0d0;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
@media screen and (min-width: 780px) {
  table tr + tr {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
}
table th {
  font-weight: 600;
}
table th, table td {
  display: block;
}
@media screen and (min-width: 780px) {
  table th, table td {
    border: solid 1px #d0d0d0;
    display: table-cell;
    padding: 1rem;
  }
}

p + h3, p + h4, p + div, ul + h3, ul + h4, ul + div, table + h3, table + h4, table + div {
  margin-top: 3rem;
}
p + p, p + ul, p + table, ul + p, ul + ul, ul + table, table + p, table + ul, table + table {
  margin-top: 2rem;
}

div + h2, div + h3, div + h4, div + ul, div + p, div + table {
  margin-top: 6rem;
}
div + div {
  margin-top: 6rem;
}
div + div.cation-box, div + div.point-box {
  margin-top: 3rem;
}
div + div.imge, div + div.btn-dealer {
  margin-top: 0;
}

sup {
  align-self: flex-start;
  font-size: 70%;
  vertical-align: super;
}

small {
  font-size: 70%;
}

.center {
  text-align: center;
}
.center img {
  display: inline-block;
  margin: auto;
}

.right {
  text-align: right;
}

.shadow {
  background-color: white;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
}

.red {
  color: #e60012;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  width: 100%;
}
img.line-w50-grey {
  border: 1rem solid #f5f5f5;
}
@media screen and (min-width: 480px) {
  img.line-w50-grey {
    border: 3rem solid #f5f5f5;
  }
}
@media screen and (min-width: 780px) {
  img.line-w50-grey {
    border: 5rem solid #f5f5f5;
  }
}
img [src$="_sp.png"] {
  display: block;
}
@media screen and (min-width: 780px) {
  img [src$="_sp.png"] {
    display: none;
  }
}
img [src$="_tb.png"] {
  display: none;
}
@media screen and (min-width: 780px) {
  img [src$="_tb.png"] {
    display: block;
  }
}
@media screen and (min-width: 980px) {
  img [src$="_tb.png"] {
    display: none;
  }
}
img [src$="_pc.png"] {
  display: none;
}
@media screen and (min-width: 980px) {
  img [src$="_pc.png"] {
    display: block;
  }
}

a {
  color: black;
  text-decoration: none;
  outline: none;
}
a:hover, a:focus {
  color: #707070;
  text-decoration: underline;
}
a:visited {
  line-height: inherit;
  outline: none;
}

.container {
  max-width: 118rem;
  margin-inline: auto;
  position: relative;
  width: 92%;
}
@media screen and (min-width: 480px) {
  .container {
    width: 94%;
  }
}
.container-wzero {
  max-width: 100%;
  width: 100%;
}

.horiz-w38, .horiz-w48, .horiz-w50, .horiz-w68, .horiz-w98 {
  margin-inline: auto;
  width: 100%;
}
.horiz-w38 {
  max-width: 35.4rem;
}
.horiz-w48 {
  max-width: 47.2rem;
}
.horiz-w50 {
  max-width: 59rem;
}
.horiz-w68 {
  max-width: 70.8rem;
}
.horiz-w98 {
  max-width: 94.4rem;
}

.vert-h3-line, .vert-h5-line, .vert-h6-line, .vert-h9-line, .vert-h12-line, .vert-h18-line {
  border-top: 1px solid #e0e0e0;
}
.vert-h3 {
  margin-top: 3rem;
}
.vert-h3-line {
  margin-top: 1.62rem;
  padding-top: 1.62rem;
}
.vert-h5 {
  margin-top: 5rem;
}
.vert-h5-line {
  margin-top: 2.7rem;
  padding-top: 2.7rem;
}
.vert-h6 {
  margin-top: 6rem;
}
@media screen and (min-width: 780px) {
  .vert-h6 {
    margin-top: 7.2rem;
  }
}
.vert-h6-line {
  margin-top: 3rem;
  padding-top: 3rem;
}
@media screen and (min-width: 780px) {
  .vert-h6-line {
    margin-top: 3.24rem;
    padding-top: 3.24rem;
  }
}
.vert-h9 {
  margin-top: 8.46rem;
}
@media screen and (min-width: 780px) {
  .vert-h9 {
    margin-top: 9rem;
  }
}
.vert-h9-line {
  margin-top: 4.14rem;
  padding-top: 4.14rem;
}
@media screen and (min-width: 780px) {
  .vert-h9-line {
    margin-top: 4.5rem;
    padding-top: 4.5rem;
  }
}
.vert-h12 {
  margin-top: 11.28rem;
}
@media screen and (min-width: 780px) {
  .vert-h12 {
    margin-top: 12rem;
  }
}
.vert-h12-line {
  margin-top: 5.52rem;
  padding-top: 5.52rem;
}
@media screen and (min-width: 780px) {
  .vert-h12-line {
    margin-top: 6rem;
    padding-top: 6rem;
  }
}
.vert-h18 {
  margin-top: 16.92rem;
}
@media screen and (min-width: 780px) {
  .vert-h18 {
    margin-top: 18rem;
  }
}
.vert-h18-line {
  margin-top: 8.28rem;
  padding-top: 8.28rem;
}
@media screen and (min-width: 780px) {
  .vert-h18-line {
    margin-top: 9rem;
    padding-top: 9rem;
  }
}

.flex-box {
  display: flex;
  flex-wrap: wrap;
}
.flex-box-nowrap {
  display: flex;
  flex-wrap: nowrap;
}
.flex-box-alignbase {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
@media screen and (min-width: 780px) {
  .flex-box-alignbase {
    flex-wrap: nowrap;
  }
}

#loading {
  background-color: white;
  height: 100vh;
  position: fixed;
  transition: all 1.3s ease-out;
  width: 100vw;
  z-index: 999;
}
#loading .rotate-img {
  height: 100%;
  position: relative;
  width: 100%;
}
#loading .rotate-img::before {
  background: url(../img/products/loading.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 4rem;
  left: 50%;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-out;
  width: 4rem;
}
@media screen and (min-width: 780px) {
  #loading .rotate-img::before {
    height: 6rem;
    width: 6rem;
  }
}
@media screen and (min-width: 980px) {
  #loading .rotate-img::before {
    height: 7rem;
    width: 7rem;
  }
}
#loading.loaded {
  opacity: 0;
  visibility: hidden;
}

#lean_overlay {
  background: white;
  display: none;
  height: 100%;
  left: 0;
  margin-top: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
#lean_overlay::after {
  color: rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f00d";
  font-weight: 900;
  cursor: pointer;
  font-size: clamp(4rem, 3.696rem + 1.74vw, 5rem);
  left: 3%;
  line-height: 1;
  position: absolute;
  top: 1vh;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  #lean_overlay::after {
    left: 5%;
  }
}
@media screen and (min-width: 1200px) {
  #lean_overlay::after {
    left: calc((100% - (118rem - 2rem * 10)) * 0.5);
    top: 7vh;
    margin-left: -5rem;
  }
}
#lean_overlay:hover::after {
  color: rgba(0, 0, 0, 0.9);
}

.modal-block, .modal-movie {
  background-color: white;
  border: solid 1px #e0e0e0;
  display: none;
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3));
  left: 3% !important;
  margin: 0 !important;
  right: 3%;
  top: 11vh !important;
  width: 94%;
}
@media screen and (min-width: 780px) {
  .modal-block, .modal-movie {
    left: 5% !important;
    right: 5%;
    width: 90%;
  }
}
@media screen and (min-width: 1200px) {
  .modal-block, .modal-movie {
    left: 50% !important;
    max-width: 98rem;
    right: auto;
    top: 7vh !important;
    transform: translateX(-50%);
    width: 100%;
  }
}
.modal-block .container, .modal-movie .container {
  padding: 1.5rem;
  max-width: inherit;
  width: 100%;
}
@media screen and (min-width: 780px) {
  .modal-block .container, .modal-movie .container {
    padding: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .modal-block .container, .modal-movie .container {
    padding: 3rem;
  }
}
.modal-block {
  max-height: 86vh;
  overflow-y: auto;
}
@media screen and (min-width: 1200px) {
  .modal-block {
    max-height: 90vh;
  }
}

.gmap-box, .video {
  width: 100%;
}
.gmap-box iframe, .gmap-box object, .gmap-box embed, .video iframe, .video object, .video embed {
  border: none;
  display: block;
  height: 100%;
  aspect-ratio: 16/9;
  width: 100%;
}

.video {
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
}
.video-btn {
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
}
.video-btn a {
  position: relative;
}
.video-btn a::before {
  background: url(/share/movie/yt_icon_mono_light.png);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 5rem;
  left: 50%;
  opacity: 0.9;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-out;
  width: 7rem;
}
.video-btn a:hover {
  cursor: pointer;
}
.video-btn a:hover::before {
  background-image: url(/share/movie/yt_icon_rgb.png);
  cursor: pointer;
}

.ytthumb_play {
  position: relative;
}
.ytthumb_play::before {
  background: url(/share/movie/yt_icon_mono_light.png);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 5rem;
  left: 50%;
  opacity: 0.9;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-out;
  width: 7rem;
}
.ytthumb_play:hover {
  cursor: pointer;
}
.ytthumb_play:hover::before {
  background-image: url(/share/movie/yt_icon_rgb.png);
  cursor: pointer;
}

header {
  background-color: white;
}
header .container {
  max-width: 118rem;
  margin-inline: 0;
  width: 100%;
}
@media screen and (min-width: 780px) {
  header .container {
    margin-inline: auto;
    width: 94%;
  }
}
header .container .nav-menu {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
header .container .nav-menu ul li {
  font-size: clamp(1.2rem, 1.139rem + 0.35vw, 1.4rem);
}
header .container .nav-menu ul li + li {
  margin-top: 0;
}
header .container .nav-menu ul li a i {
  margin-right: 0.5rem;
}
header .container .nav-menu ul li a i.fa-external-link-square-alt, header .container .nav-menu ul li a i.fa-external-link-square, header .container .nav-menu ul li a i.fa-search, header .container .nav-menu ul li a i.fa-times, header .container .nav-menu ul li a i.fa-chevron-down, header .container .nav-menu ul li a i.fa-file-pdf {
  margin-right: 0;
}
header .container .nav-menu ul li a i.fa-external-link-square-alt, header .container .nav-menu ul li a i.fa-external-link-square, header .container .nav-menu ul li a i.fa-file-pdf {
  color: #a0a0a0;
  margin-left: 0.5rem;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu ul li a i.fa-external-link-square-alt, header .container .nav-menu ul li a i.fa-external-link-square, header .container .nav-menu ul li a i.fa-file-pdf {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  header .container .nav-menu ul li a i.fa-external-link-square-alt, header .container .nav-menu ul li a i.fa-external-link-square, header .container .nav-menu ul li a i.fa-file-pdf {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
header .container .nav-menu ul li a i.fa-chevron-down {
  color: #a0a0a0;
  display: none;
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 0.5rem;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu ul li a i.fa-chevron-down {
    display: inline-block;
    transition: transform 0.3s ease-out;
  }
}
header .container .nav-menu ul li a.dd-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 4rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 1px;
  width: 4rem;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu ul li a.dd-toggle {
    display: none;
  }
}
header .container .nav-menu ul li a.dd-toggle:hover {
  background-color: black;
}
header .container .nav-menu ul li a.dd-toggle i {
  color: white;
  display: block;
  margin: auto;
  right: 0;
  top: 0;
  transition: transform 0.3s ease-out;
}
header .container .nav-menu ul li a.dd-toggle i.fa-chevron-down {
  display: block;
}
header .container .nav-menu ul.navigation-sub li {
  font-size: 12px;
  font-size: 1.2rem;
}
header .container .nav-menu a {
  color: black;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
header .container .nav-menu a:hover, header .container .nav-menu a:focus {
  color: #a0a0a0;
  text-decoration: none;
}
header .container .nav-menu .nav-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.5;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  order: 1;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 480px) {
  header .container .nav-menu .nav-header {
    justify-content: space-between;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu .nav-header {
    font-size: 11px;
    font-size: 1.1rem;
    height: auto;
    padding-bottom: 0;
    width: 40%;
  }
}
header .container .nav-menu .nav-header .brand {
  margin-left: 4%;
  width: 10rem;
}
@media screen and (min-width: 480px) {
  header .container .nav-menu .nav-header .brand {
    margin-left: 3%;
    width: 14rem;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu .nav-header .brand {
    margin-left: 0;
  }
}
@media screen and (min-width: 980px) {
  header .container .nav-menu .nav-header .brand {
    width: auto;
  }
}
header .container .nav-menu .nav-header .copy {
  margin-left: 4%;
  padding-top: 0.5rem;
  width: 96%;
}
@media screen and (min-width: 480px) {
  header .container .nav-menu .nav-header .copy {
    flex: 1;
    margin-left: 1rem;
    padding-top: 0;
    width: auto;
  }
}
header .container .nav-menu .nav-header + ul {
  margin-top: 0;
}
header .container .nav-menu .menu-toggle {
  height: 2.6rem;
  padding: 0;
  position: absolute;
  right: 4%;
  top: 1.6rem;
  transition: all 0.3s ease-out;
  width: 3rem;
  z-index: 104;
}
@media screen and (min-width: 480px) {
  header .container .nav-menu .menu-toggle {
    right: 3%;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu .menu-toggle {
    display: none;
    order: 4;
  }
}
header .container .nav-menu .menu-toggle span {
  background-color: black;
  border-radius: 0.2rem;
  height: 0.4rem;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-out;
  width: 100%;
}
header .container .nav-menu .menu-toggle span:nth-of-type(1) {
  top: 0;
}
header .container .nav-menu .menu-toggle span:nth-of-type(2) {
  top: 11px;
}
header .container .nav-menu .menu-toggle span:nth-of-type(3) {
  bottom: 0;
}
header .container .nav-menu > ul {
  display: none;
  width: 100%;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul {
    gap: 2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
}
header .container .nav-menu > ul > li a {
  display: block;
  border-top: 1px solid #e0e0e0;
  line-height: 4rem;
  padding-left: 4%;
  padding-right: 4%;
}
@media screen and (min-width: 480px) {
  header .container .nav-menu > ul > li a {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li a {
    border-top: none;
    line-height: 6rem;
    padding: 0;
  }
}
header .container .nav-menu > ul > li a:hover {
  background-color: #f0f0f0;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li a:hover {
    background-color: transparent;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li a.line {
    display: inline-block;
    position: relative;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li a.line::after {
    background-color: #e60012;
    bottom: 1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s ease-out;
    width: 100%;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li a.line:hover::after {
    transform: scale(1, 1);
  }
}
header .container .nav-menu > ul > li.open > a.dd-toggle i {
  transform: rotate(180deg);
}
header .container .nav-menu > ul > li > ul {
  display: none;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul {
    font-weight: 400;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    width: 100%;
  }
}
header .container .nav-menu > ul > li > ul > li a {
  background-color: #202020;
  line-height: 35px;
}
header .container .nav-menu > ul > li > ul > li a:hover {
  background-color: #303030;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul > li a {
    line-height: inherit;
  }
}
header .container .nav-menu > ul > li > ul > li a.dd-toggle {
  height: 34px;
}
header .container .nav-menu > ul > li > ul > li.open > a.dd-toggle i {
  transform: rotate(180deg);
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul > li > ul {
    filter: none;
    height: 100%;
    left: 0;
    width: 100%;
  }
}
header .container .nav-menu > ul > li > ul > li > ul > li {
  text-align: left;
}
header .container .nav-menu > ul > li > ul > li > ul > li a {
  background-color: #303030;
}
header .container .nav-menu > ul > li > ul > li > ul > li a:hover {
  background-color: #505050;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul > li > ul > li a {
    left: 35%;
    line-height: 5.2rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    position: relative;
    width: 25%;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 {
    background-color: white;
    filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3));
    height: 26rem;
    top: 110%;
    z-index: 101;
  }
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li {
  position: relative;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li {
    position: static;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li a {
    background-color: white;
    color: black;
    left: 35%;
    line-height: 5.2rem;
    padding-left: 2rem;
    position: relative;
    width: 25%;
    z-index: 102;
  }
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li a:hover {
  background-color: #505050;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li a:hover {
    color: white;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li a::after {
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    font-variant: normal;
    text-rendering: auto;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    font-weight: 900;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li.active a {
  color: white;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.active > ul.mega-lv-03 {
    display: block !important;
  }
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li.active > ul.mega-lv-03 > li a {
  color: white;
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li > ul.mega-lv-03 {
  display: none;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li > ul.mega-lv-03 {
    position: absolute;
    top: 0;
  }
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li > ul.mega-lv-03 > img {
  display: none;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li > ul.mega-lv-03 > img {
    display: block;
    height: 26rem;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    width: 35%;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li > ul.mega-lv-03 > li {
    left: 60%;
    margin-top: 1.5rem;
    position: relative;
    width: 40%;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li > ul.mega-lv-03 > li a {
    color: transparent;
    display: inline-block;
    padding: 0;
    margin-left: 2rem;
    background-color: transparent !important;
    left: auto;
    line-height: 1.5;
    position: relative;
    width: auto;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li > ul.mega-lv-03 > li a::after {
    background: white;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0;
    position: absolute;
    right: auto;
    top: auto;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s ease-out;
    width: 100%;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li > ul.mega-lv-03 > li a:hover::after {
    content: "";
    transform: scale(1, 1);
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li > ul.mega-lv-03 > li + li {
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.car a:hover {
    background-color: #d61518;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.car.active a {
    background-color: #d61518;
  }
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li.car .mega-lv-03 {
  background-color: #d61518;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.robot a:hover {
    background-color: #6a5da5;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.robot.active a {
    background-color: #6a5da5;
  }
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li.robot .mega-lv-03 {
  background-color: #6a5da5;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.bike a:hover {
    background-color: #008aab;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.bike.active a {
    background-color: #008aab;
  }
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li.bike .mega-lv-03 {
  background-color: #008aab;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.golf a:hover {
    background-color: #00ae41;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.golf.active a {
    background-color: #00ae41;
  }
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li.golf .mega-lv-03 {
  background-color: #00ae41;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.lei a:hover {
    background-color: black;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul > li > ul.mega-lv-02 > li.lei.active a {
    background-color: black;
  }
}
header .container .nav-menu > ul > li > ul.mega-lv-02 > li.lei .mega-lv-03 {
  background-color: black;
}
header .container .nav-menu > ul > li.megamenu ul {
  left: 0;
  right: 0;
  width: 100%;
}
header .container .nav-menu > ul > li.megamenu > ul {
  box-sizing: border-box;
  background-color: white;
  filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3));
  padding: 1.5rem;
  position: absolute;
  top: 110%;
  z-index: 101;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
}
@media screen and (min-width: 980px) {
  header .container .nav-menu > ul > li.megamenu > ul > li > ul.support {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li {
  transition: all 0.3s ease-out;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li:hover, header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li:focus {
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3));
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a {
  background-color: #069;
  border-radius: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  font-weight: bold;
  height: 100%;
  left: auto;
  line-height: inherit;
  margin: 0;
  padding: 1.5rem;
  padding-top: 2rem;
  position: relative;
  transition: all 0.3s ease-out;
  width: 100%;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a span.icon {
  border-style: solid;
  border-width: 0 0 26px 26px;
  border-color: transparent transparent white transparent;
  bottom: 0.5rem;
  position: absolute;
  right: 0.5rem;
  transition: all 0.3s ease-out;
  z-index: 103;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a span.icon::after {
  color: #069;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f078";
  font-weight: 900;
  bottom: -28px;
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  right: 3px;
  transition: all 0.3s ease-out;
  z-index: 104;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a p {
  text-align: center;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a p img, header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a p svg {
  display: block;
  margin-bottom: 1rem;
  margin-inline: auto;
  width: 6rem;
}
@media screen and (min-width: 1200px) {
  header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a p img, header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a p svg {
    margin-bottom: 1.5rem;
    width: 7rem;
  }
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a p svg {
  color: white;
  fill: white;
  height: 6rem;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 1200px) {
  header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a p svg {
    height: 7rem;
  }
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a:hover, header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a:focus {
  background-color: white;
  color: #069;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a:hover span.icon, header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a:focus span.icon {
  border-color: transparent transparent #069 transparent;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a:hover span.icon::after, header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a:focus span.icon::after {
  color: white;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a:hover p svg, header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a:focus p svg {
  color: #069;
  fill: #069;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support li.external-link a span.icon::after {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f35d";
  font-weight: 900;
  font-size: 0.8rem;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.title {
  background-color: #f0f0f0;
  color: black;
  margin-bottom: 1rem;
  padding: 1rem;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-right: 2rem;
    width: 10rem;
  }
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.title h4 {
  font-size: 14px;
  font-size: 1.4rem;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list {
    width: calc(100% - 10rem - 2rem);
  }
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li {
  font-size: clamp(1.1rem, 1.07rem + 0.17vw, 1.2rem);
  line-height: 1.2;
  text-align: left;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li strong {
  display: block;
  font-size: clamp(1.3rem, 1.27rem + 0.17vw, 1.4rem);
  line-height: 2rem;
  margin-bottom: 1rem;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li div {
  background-color: white;
  border: 1px solid #f0f0f0;
  height: calc(100% - (2rem + 1rem));
  padding: 1rem;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 980px) {
  header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li div {
    padding: 1rem;
  }
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li div:hover {
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3));
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li div p + p {
  margin-top: 1rem;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li div p a {
  background-color: white;
  color: black;
  left: auto;
  line-height: 1.5;
  margin: 0;
  position: relative;
  width: auto;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li div p a::after {
  background-color: #069;
  bottom: -1px;
  content: "";
  height: 1px;
  left: 0;
  margin: 0;
  position: absolute;
  right: auto;
  top: auto;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s ease-out;
  width: 100%;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li div p a:hover::after {
  content: "";
  transform: scale(1, 1);
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li div p a i {
  font-size: 90%;
  margin-right: 0.5rem;
}
header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li div p a i.fa-file-pdf-o, header .container .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li div p a i.fa-external-link {
  margin-left: 0.5rem;
  margin-right: 0;
}
header .container .nav-menu > ul > li.megamenu a.dd-toggle {
  display: none;
}
header .container .nav-menu > ul.navigation {
  order: 2;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation {
    order: 3;
  }
}
header .container .nav-menu > ul.navigation > li {
  position: relative;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation > li {
    font-weight: 600;
    position: static;
  }
}
header .container .nav-menu > ul.navigation > li.yupiterudirect {
  display: none;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation > li.yupiterudirect {
    display: block;
  }
}
header .container .nav-menu > ul.navigation-sub {
  order: 3;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub {
    display: flex !important;
    margin-left: 1rem;
    padding-top: 1.5rem;
    order: 2;
    width: calc(60% - 1rem);
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li a {
    line-height: inherit;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.products a, header .container .nav-menu > ul.navigation-sub > li.buisiness a {
    border-radius: 2rem;
    line-height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
header .container .nav-menu > ul.navigation-sub > li.products {
  background-color: #f0f0f0;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.products {
    background-color: transparent;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.products a {
    background-color: #f0f0f0;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.products a:hover {
    background-color: #d0d0d0;
  }
}
header .container .nav-menu > ul.navigation-sub > li.buisiness {
  background-color: #303030;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.buisiness {
    background-color: transparent;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.buisiness a {
    background-color: #303030;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.buisiness a:hover {
    background-color: #707070;
  }
}
header .container .nav-menu > ul.navigation-sub > li.myyupiteru {
  display: none;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.myyupiteru {
    display: block;
  }
}
header .container .nav-menu > ul.navigation-sub > li.top {
  background-color: #f0f0f0;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.top {
    background-color: transparent;
  }
}
header .container .nav-menu > ul.navigation-sub > li.top.sp {
  display: block;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.top.sp {
    display: none;
  }
}
header .container .nav-menu > ul.navigation-sub > li.top.pc {
  display: none;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.top.pc {
    display: block;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search a {
  display: none;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search a {
    background-color: black;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: center;
    width: 3rem;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search a:hover {
    background-color: #707070;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search a.dd-toggle {
  display: none;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox {
  background-color: #707070;
  display: block;
  opacity: 1;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox {
    display: none;
    box-shadow: 0 0 0.4rem #000;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 10rem;
    transition: opacity 0.3s ease-out;
    z-index: 103;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox th, header .container .nav-menu > ul.navigation-sub > li.search .searchBox td {
  border: none;
  padding: 0;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div {
  padding: 4%;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
@media screen and (min-width: 480px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div {
    padding: 2rem;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div p {
  display: none;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div p {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div p + #___gcse_0 {
  margin-top: 0;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div input {
    height: 35px;
    line-height: 22px;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse {
  background-color: transparent;
  border: none;
  padding: 0;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box {
  margin-bottom: 0;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box > tbody > tr {
  display: flex;
  flex-wrap: nowrap;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input {
  width: calc(100% - 6rem - 0.5rem);
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input {
    width: calc(100% - 10rem - 0.5rem);
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box {
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  padding: 0;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box {
    border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box .gstl_50 .gsib_a {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box .gstl_50 .gsib_a {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box .gstl_50 .gsib_a input {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 4rem;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box .gstl_50 .gsib_a input {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 5rem;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box .gsib_b .gsst_b {
  padding-right: 0.5rem;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box .gsib_b .gsst_b .gsst_a {
  height: 2rem;
  line-height: 2rem;
  width: 2rem;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box .gsib_b .gsst_b .gsst_a .gscb_a {
  color: white !important;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 2rem;
  vertical-align: middle;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-search-button {
  cursor: pointer;
  margin-left: 0.5rem;
  width: 6rem;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-search-button {
    width: 10rem;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-search-button .gsc-search-button-v2 {
  line-height: 4rem;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-search-button .gsc-search-button-v2 {
    border-radius: 0;
    line-height: 5rem;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-search-button .gsc-search-button-v2:hover, header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-search-button .gsc-search-button-v2:focus {
  background-color: #505050;
  border-color: #303030;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-search-box .gsc-search-button .gsc-search-button-v2 svg {
  vertical-align: middle;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-results-wrapper-overlay {
  height: 90% !important;
  left: 5% !important;
  padding-bottom: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 4rem;
  top: 5% !important;
  width: 90% !important;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-results-wrapper-overlay {
    left: 10% !important;
    width: 80% !important;
  }
}
@media screen and (min-width: 980px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-results-wrapper-overlay {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-results-wrapper-overlay div + div,
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-results-wrapper-overlay div + table {
  margin-top: 0;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result + .gsc-result {
  border-bottom: none;
  border-top: 1px solid #f0f0f0;
  margin: 0;
  margin-top: 1rem;
  padding: 0;
  padding-top: 1rem;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result + .gsc-result {
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result .gs-title {
  overflow: inherit;
  text-align: left;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result a.gs-image, header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result a.gs-title {
  border: none;
  color: #15c;
  display: block;
  line-height: inherit;
  padding: 0;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result a.gs-image img, header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result a.gs-title img {
  height: auto;
  max-height: inherit;
  max-width: inherit;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result a.gs-image:hover, header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:hover {
  color: #505050;
  background-color: transparent;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result a.gs-title {
  background-color: transparent;
  border-radius: 0;
  width: auto;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-webResult.gsc-result a.gs-image {
  width: 100%;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-results .gsc-cursor-box,
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gsc-results .gcsc-more-maybe-branding-root {
  margin-top: 3rem;
}
header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gcsc-more-maybe-branding-box a, header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gcsc-more-maybe-branding-root a, header .container .nav-menu > ul.navigation-sub > li.search .searchBox > div .gsc-control-cse .gcsc-branding a {
  background-color: transparent;
  border-radius: 0;
  font-size: inherit;
  text-align: left;
  width: auto;
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search.active a {
    background-color: #a0a0a0;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search.active a:hover {
    background-color: #707070;
  }
}
@media screen and (min-width: 780px) {
  header .container .nav-menu > ul.navigation-sub > li.search.active .searchBox {
    display: block;
    opacity: 1;
  }
}
header .container .nav-menu > ul.navigation-sub + ul {
  margin-top: 0;
}
header .container .nav-menu.active > ul {
  display: block;
}
header .container .nav-menu.active .menu-toggle span:nth-of-type(1) {
  transform: translateY(11px) rotate(-45deg);
}
header .container .nav-menu.active .menu-toggle span:nth-of-type(2) {
  opacity: 0;
}
header .container .nav-menu.active .menu-toggle span:nth-of-type(3) {
  transform: translateY(-11px) rotate(45deg);
}
header .container .nav-menu.mobile {
  position: static;
}
header .container .nav-menu.mobile.fixed {
  position: static;
}
header.products {
  background-color: #0B0E16;
}
header.products .nav-menu {
  color: white;
}
header.products .nav-menu ul li a.dd-toggle {
  background-color: #303030;
}
header.products .nav-menu ul li a.dd-toggle:hover {
  background-color: black;
}
header.products .nav-menu ul li.open a {
  border-top: 1px solid #505050;
}
@media screen and (min-width: 780px) {
  header.products .nav-menu ul li.open a {
    border: none;
  }
}
header.products .nav-menu ul li.open a.dd-toggle {
  background-color: #303030;
}
header.products .nav-menu a {
  color: white;
}
header.products .nav-menu a:hover {
  color: #a0a0a0;
}
header.products .nav-menu .menu-toggle span {
  background-color: white;
}
header.products .nav-menu > ul > li a {
  border-top: 1px solid #303030;
}
@media screen and (min-width: 780px) {
  header.products .nav-menu > ul > li a {
    border: none;
  }
}
header.products .nav-menu > ul > li a:hover {
  background-color: #505050;
}
@media screen and (min-width: 780px) {
  header.products .nav-menu > ul > li a:hover {
    background-color: transparent;
  }
}
header.products .nav-menu > ul > li.megamenu > ul > li > ul.support_menu li.list ul li strong {
  color: black;
}
header.products .nav-menu > ul.navigation-sub > li.top {
  background-color: #303030;
}
@media screen and (min-width: 780px) {
  header.products .nav-menu > ul.navigation-sub > li.top {
    background-color: transparent;
  }
}
@media screen and (min-width: 780px) {
  header.products .nav-menu > ul.navigation-sub > li.search a {
    background-color: white;
    color: #303030;
  }
}
@media screen and (min-width: 780px) {
  header.products .nav-menu > ul.navigation-sub > li.search a:hover {
    background-color: #707070;
    color: white;
  }
}
@media screen and (min-width: 780px) {
  header.products .nav-menu > ul.navigation-sub > li.search.active a {
    background-color: #a0a0a0;
  }
}
@media screen and (min-width: 780px) {
  header.products .nav-menu > ul.navigation-sub > li.search.active a:hover {
    background-color: #707070;
  }
}
@media screen and (min-width: 780px) {
  header.corp .container .nav-menu .nav-header {
    position: absolute;
    width: 45%;
  }
}
@media screen and (min-width: 480px) {
  header.corp .container .nav-menu .nav-header .brand {
    width: 11rem;
  }
}
@media screen and (min-width: 980px) {
  header.corp .container .nav-menu .nav-header .brand {
    width: 14rem;
  }
}
header.corp .container .nav-menu .nav-header .copy {
  padding-right: 6rem;
}
@media screen and (min-width: 780px) {
  header.corp .container .nav-menu .nav-header .copy {
    padding-right: 0;
  }
}
@media screen and (min-width: 980px) {
  header.corp .container .nav-menu .nav-header .copy {
    flex: inherit;
    margin-left: 0;
    margin-top: 1rem;
    width: 100%;
  }
}
header.corp .container .nav-menu .menu-toggle {
  top: 2rem;
}
@media screen and (min-width: 780px) {
  header.corp .container .nav-menu > ul.navigation-sub {
    margin-left: auto;
  }
}
header.corp .container .nav-menu > ul.navigation-sub > li.search .searchBox {
  background-color: white;
}
header.corp .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a {
  color: white;
}
header.corp .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a:hover, header.corp .container .nav-menu > ul > li.megamenu > ul > li > ul.support li a:focus {
  color: #069;
}

main {
  position: relative;
}
main .badge {
  line-height: 1rem;
}
main .badge span {
  background-color: black;
  color: white;
  border-radius: 1rem;
  font-size: 11px;
  font-size: 1.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
main .badge span + span {
  margin-left: 0.5rem;
}
main .badge span.new {
  background-color: #e60012;
}
main .badge span.option {
  background-color: #a0a0a0;
}
main h2 sup, main h3 sup, main h4 sup, main h5 sup, main h6 sup {
  margin-left: 0.5rem;
}
main h2.line, main h3.line {
  position: relative;
  width: 100%;
}
main h2.line::after, main h3.line::after {
  bottom: -2px;
  content: " ";
  display: block;
  margin-bottom: 0;
  position: absolute;
}
main h2.status, main h3.status {
  padding-top: 4rem;
  position: relative;
}
main h2.status .badge, main h3.status .badge {
  left: 0;
  position: absolute;
  top: 0;
}
main h2.status .badge span, main h3.status .badge span {
  font-size: 14px;
  font-size: 1.4rem;
}
main h2 span, main h3 span {
  font-size: 80%;
}
main h2 {
  margin-bottom: 5rem;
}
@media screen and (min-width: 780px) {
  main h2 {
    margin-bottom: 6rem;
  }
}
main h2.line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: solid 2px #d0d0d0;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 480px) {
  main h2.line {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 780px) {
  main h2.line {
    padding-bottom: 2rem;
  }
}
main h2.line::after {
  border-bottom: solid 2px black;
  width: 30%;
}
main h2.line small {
  margin-top: 1rem;
}
@media screen and (min-width: 480px) {
  main h2.line small {
    margin-left: 2rem;
    margin-top: 0;
  }
}
main h2 span .info, main h2 span.box {
  color: white;
  font-size: 60%;
  padding: 0.5rem;
}
main h2 span .info {
  background-color: #303030;
  border-radius: 0.3rem;
  margin-left: auto;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  text-align: right;
}
main h2 span.box {
  background-color: #d61518;
  font-weight: 600;
  margin-right: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
main h2 + .subnavi {
  margin-bottom: 5rem;
  margin-top: -2rem;
}
@media screen and (min-width: 780px) {
  main h2 + .subnavi {
    margin-bottom: 6rem;
    margin-top: -3rem;
  }
}
main h2.line-side, main h3.line-side, main h4.line-side {
  border-left: 4px solid #a0a0a0;
  padding-left: 1rem;
}
main h2.caption, main h3.caption, main h4.caption {
  line-height: 1.5;
}
main h2.caption small, main h3.caption small, main h4.caption small {
  display: block;
  font-size: 38%;
  margin-bottom: -0.5rem;
}
main h2.caption small + span.sub, main h3.caption small + span.sub, main h4.caption small + span.sub {
  margin-top: 1.5rem;
}
main h2.caption span, main h3.caption span, main h4.caption span {
  font-size: 100%;
  font-weight: 600;
}
main h2.caption span.name, main h3.caption span.name, main h4.caption span.name {
  font-size: 110%;
}
main h2.caption span.sub, main h3.caption span.sub, main h4.caption span.sub {
  display: block;
  font-size: 50%;
  margin-bottom: -1rem;
}
main h2.caption span.price, main h3.caption span.price, main h4.caption span.price {
  display: block;
  font-size: 90%;
}
main h2.caption span.en-400, main h3.caption span.en-400, main h4.caption span.en-400 {
  font-weight: 400;
}
main h2.caption span small, main h3.caption span small, main h4.caption span small {
  display: inline-block;
  margin-left: 0.5rem;
  margin-bottom: auto;
}
main h3 {
  margin-bottom: 3rem;
}
@media screen and (min-width: 780px) {
  main h3 {
    margin-bottom: 4rem;
  }
}
main h3.line {
  padding-bottom: 1rem;
}
main h3.line::after {
  border-bottom: solid 2px black;
  width: 20%;
}
main h3.line.center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
main h3.line.center::after {
  left: 50%;
  transform: translateX(-50%);
  width: 5rem;
}
main h3.line.center span {
  font-size: 120%;
  letter-spacing: 0.2rem;
  width: 100%;
}
main h3 span.subtitle {
  margin-left: 1rem;
}
main h3 .badge {
  margin-bottom: 1rem;
}
main h3 + .subnavi {
  margin-bottom: 3rem;
  margin-top: -1.5rem;
}
@media screen and (min-width: 780px) {
  main h3 + .subnavi {
    margin-bottom: 3rem;
    margin-top: -2rem;
  }
}
main h4, main h5, main h6 {
  margin-bottom: 2rem;
}
@media screen and (min-width: 780px) {
  main h4, main h5, main h6 {
    margin-bottom: 3rem;
  }
}
main h4 .badge, main h5 .badge, main h6 .badge {
  margin-bottom: 1rem;
}
main ul.description-list li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
main ul.description-list li span {
  border: 1px solid #d0d0d0;
  border-radius: 0.5rem;
  font-size: 90%;
  font-weight: 600;
  margin-right: 1rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  text-align: center;
  width: 12rem;
}
main ul.notes-list li.flex-box {
  flex-wrap: nowrap;
  align-content: flex-start;
}
main ul.notes-list li.flex-box span {
  margin-right: 1rem;
  min-width: 4rem;
  white-space: nowrap;
}
main ul.relation li {
  color: #a0a0a0;
  font-size: clamp(1.2rem, 1.139rem + 0.35vw, 1.4rem);
  font-weight: 600;
  width: 100%;
}
@media screen and (min-width: 480px) {
  main ul.relation li {
    width: auto;
  }
}
main ul.relation li + li {
  margin-top: 0.5rem;
}
@media screen and (min-width: 480px) {
  main ul.relation li + li {
    margin-left: 1rem;
    margin-top: 0;
  }
}
@media screen and (min-width: 780px) {
  main ul.relation li + li {
    margin-left: 2rem;
  }
}
main ul.relation li a {
  border-bottom: #a0a0a0 1px solid;
  color: #a0a0a0;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 480px) {
  main ul.relation li a {
    padding-bottom: 0.5rem;
  }
}
main ul.relation li a:hover {
  color: #707070;
  text-decoration: none;
}
main ul.data-list li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
main ul.data-list li span.date {
  color: #505050;
  font-size: 93%;
}
main ul.data-list li span.title {
  font-weight: 600;
  margin-top: 0.2rem;
  width: 100%;
}
main ul.data-list li span.title a {
  text-decoration: underline;
}
main ul.data-list li + li {
  border-top: #d0d0d0 1px solid;
  margin-top: 1.5rem;
  padding-top: 0.5rem;
}
main dl dt, main dl dd {
  padding: 0.5rem;
  overflow-wrap: break-word;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main dl dt, main dl dd {
    padding: 1.5rem;
  }
}
main dl dt {
  font-weight: 600;
  padding-bottom: 0;
}
@media screen and (min-width: 780px) {
  main dl dt {
    padding-bottom: 1.5rem;
    width: 40%;
  }
}
main dl dt.w-100 {
  width: 100%;
}
@media screen and (min-width: 780px) {
  main dl dd {
    width: 60%;
  }
}
main dl div {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
@media screen and (min-width: 780px) {
  main dl div {
    flex-wrap: nowrap;
  }
}
main dl div dl {
  margin-top: 1rem;
  width: 100%;
}
main dl div dl dd {
  font-weight: 400;
}
@media screen and (min-width: 780px) {
  main dl div.col-3 dt, main dl div.col-3 dd {
    width: 33.333%;
  }
}
@media screen and (min-width: 780px) {
  main dl div.col-4 dt, main dl div.col-4 dd {
    width: 25%;
  }
}
main dl div + div {
  margin-top: 0;
}
main dl > div {
  padding: 0.5rem;
}
@media screen and (min-width: 780px) {
  main dl > div {
    padding: 0;
  }
}
@media screen and (min-width: 980px) {
  main dl > div dt, main dl > div dd {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
main .breadcrumb {
  margin-top: -6rem;
}
@media screen and (min-width: 980px) {
  main .breadcrumb {
    margin-top: -7rem;
  }
}
main .breadcrumb h2 {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
main .breadcrumb h2 small {
  border-left: 6px solid #a0a0a0;
  color: #707070;
  font-size: 54%;
  margin-bottom: 0;
  padding-bottom: 0.2rem;
  padding-left: 1.5rem;
  padding-top: 0.2rem;
}
main .breadcrumb h2 small span {
  margin-left: 0.5rem;
}
main .breadcrumb h2 span.name {
  border-left: 6px solid #303030;
  display: block;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
}
main .breadcrumb ul.flex-box {
  gap: 0.5rem;
}
main .breadcrumb ul li {
  color: #a0a0a0;
  font-size: clamp(1.2rem, 1.17rem + 0.17vw, 1.3rem);
}
main .breadcrumb ul li i {
  margin-right: 0.5rem;
}
main .breadcrumb ul li i.fa-home {
  margin-right: 0.5rem;
}
main .breadcrumb ul li a {
  color: #a0a0a0;
}
main .breadcrumb ul li a:hover {
  color: #707070;
}
main .breadcrumb + h2, main .breadcrumb + div, main .breadcrumb + ul {
  margin-top: 8.46rem;
}
@media screen and (min-width: 780px) {
  main .breadcrumb + h2, main .breadcrumb + div, main .breadcrumb + ul {
    margin-top: 9rem;
  }
}
main .breadcrumb + h2.vert-h6, main .breadcrumb + h2.vert-h9, main .breadcrumb + div.vert-h6, main .breadcrumb + div.vert-h9, main .breadcrumb + ul.vert-h6, main .breadcrumb + ul.vert-h9 {
  margin-top: 4.14rem;
  padding-top: 4.14rem;
}
@media screen and (min-width: 780px) {
  main .breadcrumb + h2.vert-h6, main .breadcrumb + h2.vert-h9, main .breadcrumb + div.vert-h6, main .breadcrumb + div.vert-h9, main .breadcrumb + ul.vert-h6, main .breadcrumb + ul.vert-h9 {
    margin-top: 4.5rem;
    padding-top: 4.5rem;
  }
}
main .pagenav {
  margin-bottom: 2rem;
}
main .pagenav.flex-box {
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0.5rem;
}
main .pagenav li {
  font-size: 10px;
  font-size: 1rem;
}
main .pagenav li a {
  border: #e0e0e0 solid 1px;
  border-radius: 0.3rem;
  color: #707070;
  display: block;
  padding: 0.5rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  transition: all 0.3s ease-out;
}
main .pagenav li a:hover, main .pagenav li a.active {
  background-color: #d0d0d0;
  border: #d0d0d0 solid 1px;
  color: white;
}
main .fixednavi {
  background: rgba(245, 245, 245, 0.8);
  bottom: 0;
  left: 0;
  margin-top: 0;
  padding: 4%;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 480px) {
  main .fixednavi {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (min-width: 980px) {
  main .fixednavi {
    position: sticky;
  }
}
main .fixednavi ul.flex-box {
  flex-wrap: nowrap;
  justify-content: center;
}
main .fixednavi ul li {
  max-width: 24rem;
  width: calc(50% - 0.2rem);
}
main .fixednavi ul li + li {
  margin-left: 0.5rem;
}
main .btn {
  font-size: clamp(1.6rem, 1.57rem + 0.17vw, 1.7rem);
  text-align: center;
}
main .btn a {
  background-color: #505050;
  border-radius: 0.3rem;
  color: white;
  display: block;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  max-width: 59rem;
  padding: 2rem;
  position: relative;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 480px) {
  main .btn a {
    margin-inline: auto;
  }
}
main .btn a i {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
main .btn a:hover, main .btn a:focus {
  background-color: #707070;
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3));
  text-decoration: none;
}
main .btn-dealer, main .btn-end_production, main .btn-fixednavi {
  text-align: center;
}
main .btn-dealer a, main .btn-end_production a, main .btn-fixednavi a {
  background-color: #505050;
  color: white;
  border-radius: 0.3rem;
  display: block;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
}
main .btn-dealer a:hover, main .btn-end_production a:hover, main .btn-fixednavi a:hover {
  background-color: #707070;
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3));
  text-decoration: none;
}
main .btn-dealer, main .btn-end_production {
  margin-inline: auto;
  max-width: 59rem;
  width: 100%;
}
main .btn-dealer a, main .btn-end_production a {
  line-height: 6rem;
}
main .btn-dealer a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f07a";
  font-weight: 900;
  font-size: 100%;
  margin-right: 1rem;
}
main .btn-dealer-left {
  background-color: rgba(255, 255, 255, 0.5);
  bottom: 0;
  opacity: 0;
  left: 0;
  line-height: normal;
  padding: 1rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  right: 0;
  max-width: none;
  position: fixed;
  transition: all 0.3s ease-out;
  z-index: 51;
}
@media screen and (min-width: 980px) {
  main .btn-dealer-left {
    background-color: none;
    bottom: auto;
    left: auto;
    padding: 0;
    top: 6rem;
    width: auto;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
}
main .btn-dealer-left a {
  line-height: 4rem;
  margin-inline: auto;
  max-width: 59rem;
}
@media screen and (min-width: 980px) {
  main .btn-dealer-left a {
    border-radius: 0;
    line-height: 5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  main .btn-dealer-left a {
    line-height: 6rem;
  }
}
@media screen and (min-width: 980px) {
  main .btn-dealer-left a::before {
    margin-bottom: 0.5rem;
    margin-right: 0;
  }
}
main .btn-dealer-left a:hover {
  filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3));
}
main .btn-dealer-left.fixed {
  opacity: 1;
}
main .btn-end_production a span {
  font-size: 120%;
}
main .btn-content-down {
  bottom: 7rem;
  display: block;
  left: 50%;
  max-width: 35.4rem;
  opacity: 0;
  position: fixed;
  text-align: center;
  transform: translate(-50%, 0);
  transition: all 0.3s ease-out;
  width: 90%;
  z-index: 51;
}
@media screen and (min-width: 980px) {
  main .btn-content-down {
    bottom: 3rem;
  }
}
main .btn-content-down a {
  background-color: black;
  color: white;
  border-radius: 3rem;
  display: block;
  padding: 3rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  position: relative;
  transition: all 0.3s ease-out;
}
main .btn-content-down a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f078";
  font-weight: 900;
  font-size: 50%;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 780px) {
  main .btn-content-down a::before {
    right: 2rem;
  }
}
main .btn-content-down a:hover {
  background-color: #505050;
  filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3));
  text-decoration: none;
}
main .btn-content-down.fixed {
  opacity: 1;
}
main .btn-fixednavi {
  font-size: clamp(1.4rem, 1.37rem + 0.17vw, 1.5rem);
}
main .btn-fixednavi a {
  line-height: 3rem;
}
main .btn-fixednavi a::after {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 980px) {
  main .btn-fixednavi a::after {
    right: 2rem;
  }
}
main .selection-btn, main .official {
  margin-left: 5%;
  margin-right: 5%;
}
@media screen and (min-width: 780px) {
  main .selection-btn, main .official {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
    margin-inline: auto;
    max-width: 88.5rem;
  }
}
main .selection-btn li, main .official li {
  text-align: center;
  width: 100%;
}
main .selection-btn li.btn, main .official li.btn {
  width: 100%;
}
main .selection-btn li + li, main .official li + li {
  margin-top: 2rem;
}
@media screen and (min-width: 780px) {
  main .selection-btn li + li, main .official li + li {
    margin-top: 0;
  }
}
main .selection-btn .btn.active a {
  background-color: #069;
}
main .selection-btn .btn.active a:hover {
  background-color: #707070;
}
main .official li a {
  background-color: black;
  color: white;
  display: block;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  padding: 1rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main .official li a {
    margin-top: 0;
  }
}
main .official li a:hover {
  background-color: #707070;
  filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3));
}
main .official li a span {
  display: block;
}
main .official li a span + span {
  margin-top: 0.5rem;
}
main .official li a span.small {
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}
main .official li a span.title {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 1rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}
@media screen and (min-width: 780px) {
  main .official li a span.title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
main .official li a span.titleline {
  border: 1px solid white;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0.5rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}
main .official li a i {
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
main .official li.yp_direct a {
  background-color: #e60012;
}
main .official li.yp_direct a:hover {
  background-color: #707070;
}
main p.back, main ul.back {
  position: absolute;
  right: 0;
  top: -5rem;
}
@media screen and (min-width: 780px) {
  main p.back, main ul.back {
    top: -6rem;
  }
}
main p.back a, main ul.back a {
  background-color: #303030;
  color: white;
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition: all 0.3s ease-out;
}
main p.back a:hover, main ul.back a:hover {
  background-color: #707070;
}
main p.back a::before, main ul.back a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f053";
  font-weight: 900;
  margin-right: 0.5rem;
}
@media screen and (min-width: 780px) {
  main p.back a, main ul.back a {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
main p.back {
  font-size: clamp(1.1rem, 1.039rem + 0.35vw, 1.3rem);
  line-height: clamp(3rem, 2.696rem + 1.74vw, 4rem);
}
main ul.back {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
main ul.back li {
  font-size: clamp(1.1rem, 1.039rem + 0.35vw, 1.3rem);
  line-height: clamp(3rem, 2.696rem + 1.74vw, 4rem);
}
main ul.back li a i {
  font-size: 90%;
  margin-right: 0.5rem;
}
main ul.back li a::before {
  content: "";
  margin-right: 0;
}
main p.return a {
  border-radius: 0.5rem;
  border: #707070 1px solid;
  color: #707070 !important;
  padding: 0.5rem;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main p.return a {
    padding: 1rem;
  }
}
main p.return a:hover {
  background-color: #707070;
  color: white !important;
  text-decoration: none;
}
main p.return a i {
  padding-right: 0.5rem;
}
main .sns-box {
  border-top: #d0d0d0 solid 1px;
  padding-top: 2rem;
  margin-top: 2rem;
}
main .sns-box ul.flex-box {
  justify-content: flex-end;
}
main .sns-box ul li {
  font-weight: 600;
}
main .sns-box ul li + li {
  margin-left: 2rem;
}
main .sns-box ul li.sns + .sns {
  margin-left: 0.5rem;
}
main .sns-box ul li.sns a {
  background-color: #707070;
  border-radius: 0.3rem;
  color: white;
  display: block;
  min-width: 5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  transition: all 0.3s ease-out;
}
main .sns-box ul li.sns a:hover {
  background-color: #d0d0d0;
}
@media screen and (min-width: 780px) {
  main .sns-box ul li.sns a {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
main .column-1 p.title, main .column-2 p.title, main .column-img p.title {
  background-color: #707070;
  color: white;
  font-size: clamp(1.6rem, 1.539rem + 0.35vw, 1.8rem);
  line-height: 5rem;
  padding-left: 1rem;
  padding-right: 3rem;
  position: absolute;
  top: -1rem;
}
main .column-1 {
  position: relative;
}
main .column-2 {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 980px) {
  main .column-2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
main .column-2 .imge, main .column-2 .chart {
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .column-2 .imge, main .column-2 .chart {
    width: calc(12rem * 4 - 6rem);
  }
}
main .column-2 .imge img, main .column-2 .imge table, main .column-2 .chart img, main .column-2 .chart table {
  margin-inline: auto;
  max-width: 59rem;
  width: 100%;
}
main .column-2 .imge p, main .column-2 .imge table, main .column-2 .chart p, main .column-2 .chart table {
  line-height: 1.5;
}
main .column-2 .imge .right, main .column-2 .chart .right {
  margin-inline: auto;
  max-width: 59rem;
}
@media screen and (min-width: 980px) {
  main .column-2 .imge .right, main .column-2 .chart .right {
    margin-inline: 0;
  }
}
main .column-2 .imge.horiz-w100, main .column-2 .chart.horiz-w100 {
  max-width: inherit;
}
main .column-2 .imge {
  order: 1;
}
@media screen and (min-width: 980px) {
  main .column-2 .imge {
    order: 2;
  }
}
@media screen and (min-width: 980px) {
  main .column-2 .imge.sticky {
    margin-top: -7rem;
    padding-top: 7rem;
    position: sticky;
    top: 0;
  }
}
@media screen and (min-width: 980px) {
  main .column-2 .imge.left {
    order: 0;
  }
}
main .column-2 .imge + .text {
  margin-top: 5rem;
}
@media screen and (min-width: 980px) {
  main .column-2 .imge + .text {
    margin-top: 0;
  }
}
main .column-2 .imge .btn a {
  border-radius: 0;
  padding: 1rem;
}
main .column-2 .imge .relation li {
  width: 100%;
}
main .column-2 .imge .relation li + li {
  margin-left: 0;
  margin-top: 1rem;
}
main .column-2 .chart {
  order: 3;
}
@media screen and (min-width: 980px) {
  main .column-2 .chart {
    order: 2;
  }
}
main .column-2 .chart table tr {
  display: table-row;
}
main .column-2 .chart table th, main .column-2 .chart table td {
  border: solid 1px #d0d0d0;
  display: table-cell;
  padding: 0.5rem;
  text-align: center;
}
main .column-2 .chart table th {
  background-color: white;
  text-align: center;
}
main .column-2 .chart table + p, main .column-2 .chart table + ul {
  margin-top: 1rem;
}
@media screen and (min-width: 980px) {
  main .column-2.image-auto {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 980px) {
  main .column-2.image-auto .imge {
    width: auto;
  }
}
@media screen and (min-width: 980px) {
  main .column-2.image-auto .imge + .text {
    margin-left: 6rem;
  }
}
@media screen and (min-width: 980px) {
  main .column-2.image-auto .text {
    width: auto;
  }
}
@media screen and (min-width: 980px) {
  main .column-2.image-auto .text + .imge {
    margin-left: 6rem;
  }
}
main .column-2 .text {
  order: 2;
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .column-2 .text {
    order: 1;
    width: calc(100% - (12rem * 4 - 6rem) - 6rem);
  }
}
main .column-2 .text h2 {
  margin-bottom: 3rem;
}
main .column-2 .text h2 small {
  font-size: 50%;
  margin-bottom: 0;
}
main .column-2 .text h2 span.price {
  font-size: 80%;
  border-top: 1px solid #707070;
  margin-top: 2rem;
  padding-top: 2rem;
}
main .column-2 .text h4 small {
  font-size: 70%;
  margin-bottom: 0;
}
main .column-2 .text h4 span.price {
  border-top: 1px solid #d0d0d0;
  margin-top: 1rem;
  padding-top: 1rem;
}
main .column-2 .text + .imge {
  margin-bottom: 5rem;
}
@media screen and (min-width: 980px) {
  main .column-2 .text + .imge {
    margin-bottom: 0;
  }
}
main .column-2 .text + .chart {
  margin-top: 3rem;
}
@media screen and (min-width: 980px) {
  main .column-2 .text + .chart {
    margin-top: 0;
  }
}
@media screen and (min-width: 980px) {
  main .column-2 .text.column-2 {
    justify-content: space-between;
  }
}
main .column-2 .text.column-2 .text {
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .column-2 .text.column-2 .text {
    width: calc(100% - 18rem - 5rem);
  }
}
@media screen and (min-width: 980px) {
  main .column-2 .text.column-2 .imge {
    width: 18rem;
  }
}
main .column-2 .text.column-2 .imge img {
  max-width: 35.4rem;
}
main .column-2 .text.column-2 .imge .right {
  max-width: 35.4rem;
}
@media screen and (min-width: 980px) {
  main .column-2 .text-box .column-2 .text {
    width: calc(100% - 10rem * 2 - 5rem);
  }
}
@media screen and (min-width: 1200px) {
  main .column-2 .text-box .column-2 .text {
    width: calc(100% - 12rem * 2 - 5rem);
  }
}
@media screen and (min-width: 980px) {
  main .column-2 .text-box .column-2 .imge {
    width: 20rem;
  }
}
@media screen and (min-width: 1200px) {
  main .column-2 .text-box .column-2 .imge {
    width: 24rem;
  }
}
main .column-2 .text-box .column-2 .imge img {
  max-width: 35.4rem;
}
main .column-2 .text-box .column-2 .imge .right {
  max-width: 35.4rem;
}
main .column-2 .text-box .point-box {
  padding-top: 4rem;
}
@media screen and (min-width: 980px) {
  main .column-2 .text-box .point-box {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 980px) {
  main .column-2 .text-box .point-box .column-2 .text, main .column-2 .text-box .point-box.column-2 .text {
    width: calc(100% - 12rem - 3rem);
  }
}
@media screen and (min-width: 1200px) {
  main .column-2 .text-box .point-box .column-2 .text, main .column-2 .text-box .point-box.column-2 .text {
    width: calc(100% - 18rem - 3rem);
  }
}
@media screen and (min-width: 980px) {
  main .column-2 .text-box .point-box .column-2 .imge, main .column-2 .text-box .point-box.column-2 .imge {
    width: 12rem;
  }
}
@media screen and (min-width: 1200px) {
  main .column-2 .text-box .point-box .column-2 .imge, main .column-2 .text-box .point-box.column-2 .imge {
    width: 18rem;
  }
}
main .column-2 .text-box .point-box .column-2 .imge + .text, main .column-2 .text-box .point-box.column-2 .imge + .text {
  margin-top: 4rem;
}
@media screen and (min-width: 980px) {
  main .column-2 .text-box .point-box .column-2 .imge + .text, main .column-2 .text-box .point-box.column-2 .imge + .text {
    margin-top: 0;
  }
}
main .column-2 .text-box .point-box .column-2 .imge img, main .column-2 .text-box .point-box .column-2 .imge table, main .column-2 .text-box .point-box.column-2 .imge img, main .column-2 .text-box .point-box.column-2 .imge table {
  max-width: 35.4rem;
}
main .column-2 .text-box .point-box .column-2 .imge .right, main .column-2 .text-box .point-box.column-2 .imge .right {
  max-width: 35.4rem;
}
main .column-2.fr-2 {
  display: grid;
  gap: 6rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 780px) {
  main .column-2.fr-2 {
    gap: 5rem;
  }
}
@media screen and (min-width: 980px) {
  main .column-2.fr-2 {
    grid-template-columns: 1fr 1fr;
  }
}
main .column-2.fr-2 div + div {
  margin-top: 0;
}
main .column-img {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 780px) {
  main .column-img {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
main .column-img li {
  position: relative;
}
main .column-img li p {
  line-height: 1.5;
}
main .column-img li p + p {
  margin-top: 1rem;
}
main .column-img li img {
  margin-inline: auto;
}
main .column-img li.btn a {
  background: linear-gradient(white, #f5f5f5);
  color: black;
  padding: 1rem;
  padding-bottom: 2rem;
}
main .column-img li.btn a::after {
  bottom: calc(0.2rem * -1);
  color: #d0d0d0;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f078";
  font-weight: 900;
  font-size: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
main .column-img li.btn a:hover {
  background: linear-gradient(#f5f5f5, #f0f0f0);
  color: #707070;
}
main .column-img li.btn a p small {
  color: #707070;
  display: block;
}
main .column-img.list-2 {
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 980px) {
  main .column-img.list-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 480px) {
  main .column-img.list-5 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 780px) {
  main .column-img.list-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 980px) {
  main .column-img.list-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 480px) {
  main .column-img.list-6 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 780px) {
  main .column-img.list-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 980px) {
  main .column-img.list-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
main .column-img.list-8 {
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (min-width: 480px) {
  main .column-img.list-8 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 780px) {
  main .column-img.list-8 {
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 980px) {
  main .column-img.list-8 {
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
main .column-img.arrow-2, main .column-img.arrow-3, main .column-img.arrow-4 {
  grid-template-columns: 1fr;
  gap: 5rem;
}
main .column-img.arrow-2 li, main .column-img.arrow-3 li, main .column-img.arrow-4 li {
  max-width: 59rem;
  margin-inline: auto;
  position: relative;
  width: 100%;
}
main .column-img.arrow-2 li + li::before, main .column-img.arrow-3 li + li::before, main .column-img.arrow-4 li + li::before {
  color: #d61518;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f0d7";
  font-weight: 900;
  font-size: 300%;
  left: 50%;
  line-height: 1;
  top: -5rem;
  transform: translateX(-50%);
  position: absolute;
}
main .column-img.arrow-2 li p, main .column-img.arrow-3 li p, main .column-img.arrow-4 li p {
  text-align: center;
}
main .column-img.arrow-2 li p + p, main .column-img.arrow-3 li p + p, main .column-img.arrow-4 li p + p {
  margin-top: 1.5rem;
}
@media screen and (min-width: 780px) {
  main .column-img.arrow-2 {
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
  }
}
@media screen and (min-width: 780px) {
  main .column-img.arrow-2 li {
    max-width: inherit;
  }
}
@media screen and (min-width: 780px) {
  main .column-img.arrow-2 li + li::before {
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    font-variant: normal;
    text-rendering: auto;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f0da";
    font-weight: 900;
    font-size: 300%;
    left: -4rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 780px) {
  main .column-img.arrow-2 li p {
    text-align: left;
  }
}
main .column-img.arrow-2.alt {
  gap: 7rem;
}
@media screen and (min-width: 780px) {
  main .column-img.arrow-2.alt {
    gap: 10rem;
  }
}
main .column-img.arrow-2.alt li + li::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f338";
  font-weight: 900;
  font-size: 300%;
  top: -6rem;
}
@media screen and (min-width: 780px) {
  main .column-img.arrow-2.alt li + li::before {
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    font-variant: normal;
    text-rendering: auto;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f337";
    font-weight: 900;
    font-size: 350%;
    left: -8rem;
    top: 50%;
  }
}
@media screen and (min-width: 980px) {
  main .column-img.arrow-3, main .column-img.arrow-4 {
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
  }
}
@media screen and (min-width: 980px) {
  main .column-img.arrow-3 li, main .column-img.arrow-4 li {
    max-width: inherit;
  }
}
@media screen and (min-width: 980px) {
  main .column-img.arrow-3 li + li::before, main .column-img.arrow-4 li + li::before {
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    font-variant: normal;
    text-rendering: auto;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f0da";
    font-weight: 900;
    font-size: 300%;
    left: -4rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 980px) {
  main .column-img.arrow-3 li p, main .column-img.arrow-4 li p {
    text-align: left;
  }
}
@media screen and (min-width: 980px) {
  main .column-img.arrow-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 980px) {
  main .column-img.arrow-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
main .column-list {
  font-size: clamp(1.3rem, 1.27rem + 0.17vw, 1.4rem);
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr 1fr;
  line-height: 1.5;
}
@media screen and (min-width: 780px) {
  main .column-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
main .column-list li {
  background-color: white;
  border: #d0d0d0 1px solid;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  font-weight: 600;
  padding: 1rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
main .column-list li::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f14a";
  font-weight: 900;
  font-weight: 400;
  font-size: 100%;
  margin-right: 1rem;
}
main .column-list li.disabled {
  background-color: #f5f5f5;
  border: #e0e0e0 1px solid;
  color: #d0d0d0;
}
main .column-list li.disabled::before {
  color: #d0d0d0;
}
main .column-list li strong {
  font-size: 150%;
}
main .column-list.list-1 {
  grid-template-columns: 1fr;
  font-size: clamp(1.4rem, 1.37rem + 0.17vw, 1.5rem);
}
main .column-list.list-1 li {
  border: none;
  border-radius: 0;
  grid-template-columns: 1fr;
  padding: 0;
  width: 100%;
}
main .column-list.list-1 li + li {
  margin-top: 2rem;
}
main .column-list.list-1.line li + li {
  border-top: #d0d0d0 1px solid;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
}
@media screen and (min-width: 980px) {
  main .column-list.list-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 980px) {
  main .column-list.list-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  main .column-list.list-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 480px) {
  main .column-list.list-6 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 780px) {
  main .column-list.list-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 980px) {
  main .column-list.list-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  main .column-list.list-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
main .column-list.box li {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  overflow: hidden;
}
main .column-list.box li::before {
  content: "";
  margin-right: 0;
}
main .column-list.box li p {
  align-self: center;
}
main .column-list.box li span.icon {
  background-color: #a0a0a0;
  border-radius: 0.5rem;
  margin-left: -0.5rem;
  margin-right: 1rem;
  width: 1rem;
}
main .column-list.box li span.icon.red {
  background-color: #e60012;
}
main .column-list.box li span.icon.yellow {
  background-color: #fccc00;
}
main .column-list.box li span.icon.blue {
  background-color: #008aab;
}
main .column-list.box li span.icon.green {
  background-color: #00ae41;
}
main .column-list.box li.bg.red, main .column-list.box li.bg.yellow, main .column-list.box li.bg.blue, main .column-list.box li.bg.green {
  color: black;
}
main .column-list.box li.bg.red {
  background-color: rgba(214, 21, 24, 0.2);
}
main .column-list.box li.bg.yellow {
  background-color: rgba(252, 204, 0, 0.2);
}
main .column-list.box li.bg.blue {
  background-color: rgba(0, 138, 171, 0.2);
}
main .column-list.box li.bg.green {
  background-color: rgba(0, 174, 65, 0.2);
}
main .column-list.vert-h4 li {
  min-height: 5rem;
}
main .column-model {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
main .column-model img + h3, main .column-model img + h4 {
  margin-top: 0.5rem;
}
main .column-model h3, main .column-model h4 {
  font-size: clamp(2rem, 1.939rem + 0.35vw, 2.2rem);
  margin-bottom: 0;
}
main .column-model h3 span, main .column-model h4 span {
  display: block;
}
main .column-model h3 span + small, main .column-model h4 span + small {
  margin-left: -0.5rem;
}
main .column-model h3 small, main .column-model h4 small {
  display: block;
  font-size: 60%;
  font-weight: 400;
}
main .column-model li a {
  background-color: white;
  display: block;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  padding: 1.5rem;
  transition: all 0.3s ease-out;
}
main .column-model li a:hover {
  filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3));
  text-decoration: none;
}
main .column-model.mini {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 780px) {
  main .column-model.mini {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 980px) {
  main .column-model.mini {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  main .column-model.mini {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
main .inner-box {
  position: relative;
}
main .inner dl {
  border-bottom: #d0d0d0 solid 1px;
}
main .inner dl dt.bg.red, main .inner dl dt.bg.yellow, main .inner dl dt.bg.blue, main .inner dl dt.bg.green, main .inner dl dd.bg.red, main .inner dl dd.bg.yellow, main .inner dl dd.bg.blue, main .inner dl dd.bg.green {
  color: black;
}
main .inner dl dt.bg.red, main .inner dl dd.bg.red {
  background-color: rgba(214, 21, 24, 0.2);
}
main .inner dl dt.bg.yellow, main .inner dl dd.bg.yellow {
  background-color: rgba(252, 204, 0, 0.2);
}
main .inner dl dt.bg.blue, main .inner dl dd.bg.blue {
  background-color: rgba(0, 138, 171, 0.2);
}
main .inner dl dt.bg.green, main .inner dl dd.bg.green {
  background-color: rgba(0, 174, 65, 0.2);
}
main .inner dl div {
  border-left: #d0d0d0 solid 1px;
  border-right: #d0d0d0 solid 1px;
  border-top: #d0d0d0 solid 1px;
}
@media screen and (min-width: 780px) {
  main .inner dl div {
    border-left: none;
    border-right: none;
    border-top: #d0d0d0 solid 1px;
  }
}
@media screen and (min-width: 780px) {
  main .inner dl div dl div {
    border-left: #d0d0d0 solid 1px;
    border-right: #d0d0d0 solid 1px;
  }
}
@media screen and (min-width: 780px) {
  main .inner dl dt + dd {
    border-left: #d0d0d0 solid 1px;
  }
}
@media screen and (min-width: 780px) {
  main .inner dl dd + dd {
    border-left: #d0d0d0 solid 1px;
  }
}
@media screen and (max-width: 779px) {
  main .inner table thead {
    display: none;
  }
}
main .inner table thead th {
  background-color: white;
}
@media screen and (min-width: 780px) {
  main .inner table thead th.name {
    width: 38%;
  }
}
@media screen and (min-width: 780px) {
  main .inner table thead th.name + th {
    width: 31%;
  }
}
main .point-box {
  background-color: white;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  padding: 2rem;
  position: relative;
}
main .point-box.flex-box {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  padding-left: 0;
}
main .point-box-title, main .point-box-number {
  background-color: #fccc00;
}
main .point-box-title {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 3rem;
  margin-right: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
@media screen and (min-width: 980px) {
  main .point-box-title {
    position: static;
  }
}
main .point-box-title + div {
  margin-top: 0;
}
main .point-box-title + div.point-box-text {
  padding-left: 2rem;
  padding-top: 3rem;
}
@media screen and (min-width: 980px) {
  main .point-box-title + div.point-box-text {
    padding: 0;
  }
}
main .point-box-number {
  font-size: clamp(1.6rem, 1.539rem + 0.35vw, 1.8rem);
  font-weight: 600;
  margin-right: 2rem;
  padding: 1.5rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}
main .point-box-number + div {
  margin-top: 0;
}
main .point-box-text h4, main .point-box-text h5 {
  margin-bottom: 0;
}
main .point-box-text h4 + p, main .point-box-text h4 ul, main .point-box-text h5 + p, main .point-box-text h5 ul {
  margin-top: 2rem;
}
@media screen and (min-width: 980px) {
  main .point-box .column-2 .text {
    width: calc(100% - 12rem - 3rem);
  }
}
@media screen and (min-width: 1200px) {
  main .point-box .column-2 .text {
    width: calc(100% - 18rem - 3rem);
  }
}
main .point-box .column-2 .imge {
  max-width: 24rem;
  margin-inline: auto;
}
@media screen and (min-width: 980px) {
  main .point-box .column-2 .imge {
    width: 12rem;
  }
}
@media screen and (min-width: 1200px) {
  main .point-box .column-2 .imge {
    width: 18rem;
  }
}
main .text-box ul.list li {
  padding-left: 1em;
  text-indent: -1em;
}
main .text-box ul.list li::before, main .text-box ul.list li::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
main .text-box ul.list li::before {
  margin-top: calc((1 - 2) * 0.5em);
}
main .text-box ul.list li::after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
main .text-box ul.list li::before {
  content: "・";
}
main .cation-box {
  border: 1px #d0d0d0 solid;
  border-radius: 0.3rem;
  padding: 1rem;
}
@media screen and (min-width: 780px) {
  main .cation-box {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
main .search .select, main.search .select {
  background: white;
  border: 1px solid #d0d0d0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
main .search .select::before, main .search .select::after, main.search .select::before, main.search .select::after {
  border-color: #505050 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  content: "";
  height: 0;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
main .search .select::before, main.search .select::before {
  border-bottom-style: solid;
  border-top: none;
}
main .search .select::after, main.search .select::after {
  border-top-style: solid;
  border-bottom: none;
  pointer-events: none;
}
main .search .select select, main.search .select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  color: black;
  height: 4rem;
  letter-spacing: normal;
  line-height: 3rem;
  margin: 0;
  padding: 0.5rem;
  padding-right: 2rem;
  position: relative;
  width: 100%;
}
main .search .select select::-ms-expand, main.search .select select::-ms-expand {
  display: none;
}
@media screen and (min-width: 780px) {
  main .search .select select, main.search .select select {
    height: 5rem;
    line-height: 4rem;
    padding-right: 2rem;
  }
}
main .search .select select:disabled, main.search .select select:disabled {
  background-color: #e0e0e0;
  color: #a0a0a0;
  cursor: default;
  filter: none;
}
main .search input, main.search input {
  border: 1px solid #d0d0d0;
  height: 4rem;
  line-height: 3rem;
  padding: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .search input, main.search input {
    height: 5rem;
    line-height: 4rem;
  }
}
main .search input[type=text]:focus, main.search input[type=text]:focus {
  background-color: #E3F4FD;
}
main .search input[type=submit], main.search input[type=submit] {
  background-color: #069;
  border: none;
  border-radius: 0.3rem;
  color: white;
  cursor: pointer;
  display: inline-block;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  font-weight: 600;
  position: relative;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main .search input[type=submit], main.search input[type=submit] {
    border-radius: 0.5rem;
  }
}
main .search input[type=submit]:disabled, main.search input[type=submit]:disabled {
  background-color: #d0d0d0;
  color: #a0a0a0;
  cursor: default;
  filter: none;
}
main .search input[type=submit]:hover, main.search input[type=submit]:hover {
  background-color: #707070;
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3));
}
main .search input[type=checkbox], main.search input[type=checkbox] {
  margin: 0;
  margin-right: 0.5rem;
  padding: 0;
  width: auto;
}
main .search input::-moz-placeholder, main.search input::-moz-placeholder {
  color: #d0d0d0;
}
main .search input::placeholder, main.search input::placeholder {
  color: #d0d0d0;
}
main .search dl, main.search dl {
  display: flex;
  flex-wrap: nowrap;
}
main .search dl dt, main.search dl dt {
  padding: 0;
  width: calc(100% - 10rem - 0.5rem * 3);
}
@media screen and (min-width: 780px) {
  main .search dl dt, main.search dl dt {
    width: calc(100% - 15rem - 2rem);
  }
}
@media screen and (min-width: 980px) {
  main .search dl dt, main.search dl dt {
    width: calc(100% - 18rem - 2rem);
  }
}
main .search dl dd, main.search dl dd {
  margin-left: 1.5rem;
  padding: 0;
  width: 10rem;
}
@media screen and (min-width: 780px) {
  main .search dl dd, main.search dl dd {
    margin-left: 2rem;
    width: 15rem;
  }
}
@media screen and (min-width: 980px) {
  main .search dl dd, main.search dl dd {
    width: 18rem;
  }
}
main .search dl dd input[type=submit], main.search dl dd input[type=submit] {
  width: 100%;
}
main .search dl + p, main.search dl + p {
  margin-top: spc-10;
}
main .block-support, main .block-dealer, main .block-products {
  background-color: #f0f0f0;
  position: relative;
}
main .block-support:nth-child(even), main .block-dealer:nth-child(even), main .block-products:nth-child(even) {
  background-color: white;
}
main .block-support:nth-child(even) .vert-h3-line, main .block-support:nth-child(even) .vert-h5-line, main .block-support:nth-child(even) .vert-h6-line, main .block-support:nth-child(even) .vert-h9-line, main .block-support:nth-child(even) .vert-h12-line, main .block-support:nth-child(even) .vert-h18-line, main .block-dealer:nth-child(even) .vert-h3-line, main .block-dealer:nth-child(even) .vert-h5-line, main .block-dealer:nth-child(even) .vert-h6-line, main .block-dealer:nth-child(even) .vert-h9-line, main .block-dealer:nth-child(even) .vert-h12-line, main .block-dealer:nth-child(even) .vert-h18-line, main .block-products:nth-child(even) .vert-h3-line, main .block-products:nth-child(even) .vert-h5-line, main .block-products:nth-child(even) .vert-h6-line, main .block-products:nth-child(even) .vert-h9-line, main .block-products:nth-child(even) .vert-h12-line, main .block-products:nth-child(even) .vert-h18-line {
  border-top-color: #f0f0f0;
}
main .block-support:nth-child(even) .column-2 .chart table th, main .block-dealer:nth-child(even) .column-2 .chart table th, main .block-products:nth-child(even) .column-2 .chart table th {
  background-color: #f0f0f0;
}
main .block-support:nth-child(even) .column-list li, main .block-dealer:nth-child(even) .column-list li, main .block-products:nth-child(even) .column-list li {
  background-color: #f0f0f0;
}
main .block-support:nth-child(even) .column-list.list-1 li, main .block-dealer:nth-child(even) .column-list.list-1 li, main .block-products:nth-child(even) .column-list.list-1 li {
  background-color: transparent;
}
main .block-support:nth-child(even) .column-img li img.shadow, main .block-dealer:nth-child(even) .column-img li img.shadow, main .block-products:nth-child(even) .column-img li img.shadow {
  background-color: #f0f0f0;
}
main .block-support:nth-child(even) .inner .point-box, main .block-dealer:nth-child(even) .inner .point-box, main .block-products:nth-child(even) .inner .point-box {
  background-color: #f5f5f5;
}
main .block-support:nth-child(even) .inner dl, main .block-dealer:nth-child(even) .inner dl, main .block-products:nth-child(even) .inner dl {
  border-bottom: #e0e0e0 solid 1px;
}
main .block-support:nth-child(even) .inner dl div, main .block-dealer:nth-child(even) .inner dl div, main .block-products:nth-child(even) .inner dl div {
  border-left: #e0e0e0 solid 1px;
  border-right: #e0e0e0 solid 1px;
  border-top: #e0e0e0 solid 1px;
}
@media screen and (min-width: 780px) {
  main .block-support:nth-child(even) .inner dl div, main .block-dealer:nth-child(even) .inner dl div, main .block-products:nth-child(even) .inner dl div {
    border-left: none;
    border-right: none;
    border-top: #e0e0e0 solid 1px;
  }
}
@media screen and (min-width: 780px) {
  main .block-support:nth-child(even) .inner dl div dl div, main .block-dealer:nth-child(even) .inner dl div dl div, main .block-products:nth-child(even) .inner dl div dl div {
    border-left: #e0e0e0 solid 1px;
    border-right: #e0e0e0 solid 1px;
  }
}
@media screen and (min-width: 780px) {
  main .block-support:nth-child(even) .inner dl dt + dd, main .block-dealer:nth-child(even) .inner dl dt + dd, main .block-products:nth-child(even) .inner dl dt + dd {
    border-left: #e0e0e0 solid 1px;
  }
}
@media screen and (min-width: 780px) {
  main .block-support:nth-child(even) .inner dl dd + dd, main .block-dealer:nth-child(even) .inner dl dd + dd, main .block-products:nth-child(even) .inner dl dd + dd {
    border-left: #e0e0e0 solid 1px;
  }
}
main .block-support:nth-child(even) .inner table thead th, main .block-dealer:nth-child(even) .inner table thead th, main .block-products:nth-child(even) .inner table thead th {
  background-color: #f0f0f0;
}
main .block-support, main .block-dealer, main .block-corp {
  padding-bottom: 5rem;
  padding-top: 5rem;
}
@media screen and (min-width: 780px) {
  main .block-support, main .block-dealer, main .block-corp {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
}
main .block-products .container {
  padding-bottom: 7rem;
  padding-top: 7rem;
}
@media screen and (min-width: 980px) {
  main .block-products .container {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
}
main .block-products.head {
  background-color: #f5f5f5;
}
main .block-products.pr {
  background-color: #e0e0e0;
}
main .block-corp {
  background-color: #f0f0f0;
  position: relative;
}
main .block-corp:nth-child(odd) {
  background-color: white;
}
main .block-corp:nth-child(odd) .vert-h3-line, main .block-corp:nth-child(odd) .vert-h5-line, main .block-corp:nth-child(odd) .vert-h6-line, main .block-corp:nth-child(odd) .vert-h9-line, main .block-corp:nth-child(odd) .vert-h12-line, main .block-corp:nth-child(odd) .vert-h18-line {
  border-top-color: #f0f0f0;
}
main .block-corp:nth-child(odd) .column-2 .chart table th {
  background-color: #f0f0f0;
}
main .block-corp:nth-child(odd) .column-list li {
  background-color: #f0f0f0;
}
main .block-corp:nth-child(odd) .column-list.list-1 li {
  background-color: transparent;
}
main .block-corp:nth-child(odd) .column-img li img.shadow {
  background-color: #f0f0f0;
}
main .block-corp:nth-child(odd) .inner-box dl {
  border-bottom: #e0e0e0 solid 1px;
}
main .block-corp:nth-child(odd) .inner-box dl div {
  border-left: #e0e0e0 solid 1px;
  border-right: #e0e0e0 solid 1px;
  border-top: #e0e0e0 solid 1px;
}
@media screen and (min-width: 780px) {
  main .block-corp:nth-child(odd) .inner-box dl div {
    border-left: none;
    border-right: none;
    border-top: #e0e0e0 solid 1px;
  }
}
@media screen and (min-width: 780px) {
  main .block-corp:nth-child(odd) .inner-box dl div dl div {
    border-left: #e0e0e0 solid 1px;
    border-right: #e0e0e0 solid 1px;
  }
}
@media screen and (min-width: 780px) {
  main .block-corp:nth-child(odd) .inner-box dl dt + dd {
    border-left: #e0e0e0 solid 1px;
  }
}
@media screen and (min-width: 780px) {
  main .block-corp:nth-child(odd) .inner-box dl dd + dd {
    border-left: #e0e0e0 solid 1px;
  }
}
main .block-corp:nth-child(odd) .inner .point-box {
  background-color: #f5f5f5;
}
main .block-title {
  background-color: #f0f0f0;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
main .block-title h2 {
  border-left: 4px solid #e60012;
  font-size: clamp(2.4rem, 2.096rem + 1.74vw, 3.4rem);
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-top: 0.5rem;
}
@media screen and (min-width: 780px) {
  main .block-title h2 {
    border-left-width: 6px;
    padding-left: 2rem;
  }
}
main .block-title h2 small {
  display: block;
  font-size: clamp(1.4rem, 1.339rem + 0.35vw, 1.6rem);
}
@media screen and (min-width: 780px) {
  main .block-title h2 small {
    margin-top: -0.5rem;
  }
}
main .block-title h2 span {
  font-size: 100%;
}
main .block-title ul {
  border-left: 4px solid #707070;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-top: 0.5rem;
}
@media screen and (min-width: 780px) {
  main .block-title ul {
    border-left-width: 6px;
    padding-left: 2rem;
  }
}
main .block-title ul li {
  color: #707070;
  font-size: clamp(1.1rem, 1.07rem + 0.17vw, 1.2rem);
}
main .block-title ul li + li {
  margin-left: 1rem;
  margin-top: 0;
}
main .block-title ul li a {
  color: #707070;
}
main .block-title ul li i {
  margin-right: 1rem;
}
main .block-title ul li i.fa-home {
  margin-right: 0.5rem;
}
main .block-title.products, main .block-title.corp {
  padding: 0;
}
main .block-title.products .container, main .block-title.corp .container {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
@media screen and (min-width: 980px) {
  main .block-title.products .container, main .block-title.corp .container {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}
main .block-title.products h2, main .block-title.corp h2 {
  padding-left: 2rem;
}
@media screen and (min-width: 780px) {
  main .block-title.products h2, main .block-title.corp h2 {
    border-left-width: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 3rem;
  }
}
main .block-title.products h2 span, main .block-title.corp h2 span {
  display: block;
  width: 100%;
}
main .block-title.products h2 span.sub, main .block-title.corp h2 span.sub {
  font-size: clamp(1.3rem, 1.148rem + 0.87vw, 1.8rem);
  line-height: 1;
  margin-bottom: 0.5rem;
}
main .block-title.products h2 span.model, main .block-title.corp h2 span.model {
  font-size: clamp(1.6rem, 1.357rem + 1.39vw, 2.4rem);
  margin-top: 0.2rem;
  width: auto;
}
@media screen and (min-width: 780px) {
  main .block-title.products h2 span.model, main .block-title.corp h2 span.model {
    margin-left: 1rem;
    margin-top: 0;
  }
}
main .block-title.products h2 span.txt, main .block-title.corp h2 span.txt {
  font-size: clamp(1.3rem, 1.209rem + 0.52vw, 1.6rem);
  margin-top: 0.5rem;
}
@media screen and (min-width: 980px) {
  main .block-title.products h2 span.txt, main .block-title.corp h2 span.txt {
    margin-top: 0.5rem;
  }
}
main .block-title.products ul, main .block-title.corp ul {
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  padding-top: 0.5rem;
}
@media screen and (min-width: 780px) {
  main .block-title.products ul, main .block-title.corp ul {
    border-left-width: 8px;
    padding-bottom: 1rem;
    padding-left: 3rem;
    padding-top: 1rem;
  }
}
main .block-title.products {
  background-color: #0B0E16;
}
main .block-title.products .container {
  border-top: 1px solid #505050;
}
main .block-title.products h2 {
  border-left: 5px solid white;
  color: white;
}
main .block-title.products h2 span.sub {
  color: #e0e0e0;
}
main .block-title.products ul {
  border-left: 5px solid #a0a0a0;
}
main .block-title.products ul li {
  color: #a0a0a0;
}
main .block-title.products ul li a {
  color: #a0a0a0;
}
main .block-title.corp {
  background-color: white;
}
main .block-title.corp .container {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
main .block-title.corp h2 span.sub {
  color: #505050;
}
main .block-support.db-index.search input {
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
}
main .block-support.db-index.search input:hover {
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 779px) {
  main .block-support.db-index .subnavi {
    border-top: 1px solid #e0e0e0;
    margin-bottom: 5rem;
    padding-top: 2rem;
    width: 100%;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .subnavi {
    width: 18rem;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .subnavi-menu {
    margin-top: -7rem;
    padding-top: 7rem;
    position: sticky;
    top: 2rem;
  }
}
main .block-support.db-index .subnavi-menu ul {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 480px) {
  main .block-support.db-index .subnavi-menu ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .subnavi-menu ul {
    display: block;
    gap: 0;
  }
}
main .block-support.db-index .subnavi-menu ul li {
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .subnavi-menu ul li {
    text-align: left;
  }
}
main .block-support.db-index .subnavi-menu ul li a {
  border-bottom: 1px solid #e0e0e0;
  color: black;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  line-height: 1.2;
  padding-bottom: 2rem;
  position: relative;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .subnavi-menu ul li a {
    border-bottom: none;
    border-left: 3px solid #d0d0d0;
    display: block;
    padding: 1rem;
  }
}
@media screen and (max-width: 779px) {
  main .block-support.db-index .subnavi-menu ul li a::after {
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    font-variant: normal;
    text-rendering: auto;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    font-weight: 900;
    bottom: 0.5rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
}
main .block-support.db-index .subnavi-menu ul li a:hover {
  color: #707070;
  border-bottom: 1px solid #e0e0e0;
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .subnavi-menu ul li a:hover {
    border-bottom: none;
    border-left: 3px solid #d0d0d0;
  }
}
main .block-support.db-index .subnavi-menu ul li.active a {
  color: #069;
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .subnavi-menu ul li.active a {
    font-weight: 600;
  }
}
main .block-support.db-index .subnavi-menu ul li.active a::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .subnavi-menu ul li.active a::before {
    border-left: solid 3px #069;
    bottom: 0;
    height: 100%;
    left: -3px;
  }
}
@media screen and (max-width: 779px) {
  main .block-support.db-index .subnavi-menu ul li.active a::before {
    border-bottom: 1px solid #069;
    bottom: -2px;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .db-index-category {
    margin-left: 1rem;
    width: calc(100% - 18rem - 1rem);
  }
}
@media screen and (max-width: 779px) {
  main .block-support.db-index .db-index-category {
    width: 100%;
  }
}
main .block-support.db-index .db-index-category .list ul {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .db-index-category .list ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
main .block-support.db-index .db-index-category .list ul li {
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
}
main .block-support.db-index .db-index-category .list ul li a {
  background: white;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-radius: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 600;
  height: 100%;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .db-index-category .list ul li a {
    padding: 1.5rem;
  }
}
main .block-support.db-index .db-index-category .list ul li a p {
  line-height: 1.5;
  text-align: center;
  width: 100%;
}
main .block-support.db-index .db-index-category .list ul li a p img, main .block-support.db-index .db-index-category .list ul li a p svg {
  display: block;
  margin-inline: auto;
  margin-bottom: 1rem;
  width: 6rem;
}
main .block-support.db-index .db-index-category .list ul li a p svg {
  color: #069;
  fill: #069;
  height: 6rem;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .db-index-category .list ul li a p svg {
    height: 7rem;
    width: 7rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-index .db-index-category .list ul li a p svg {
    height: 8rem;
    width: 8rem;
  }
}
main .block-support.db-index .db-index-category .list ul li a span.icon {
  border-color: transparent transparent #b0b0b0 transparent;
  border-style: solid;
  border-width: 0 0 26px 26px;
  bottom: 2px;
  position: absolute;
  right: 2px;
  transition: all 0.3s ease-out;
  z-index: 1;
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .db-index-category .list ul li a span.icon {
    border-width: 0 0 30px 30px;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-index .db-index-category .list ul li a span.icon {
    bottom: 3px;
    right: 3px;
  }
}
main .block-support.db-index .db-index-category .list ul li a span.icon::after {
  color: white;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  bottom: -28px;
  font-size: 5px;
  font-size: 0.5rem;
  position: absolute;
  right: 3px;
  transition: all 0.3s ease-out;
  z-index: 1;
}
@media screen and (min-width: 780px) {
  main .block-support.db-index .db-index-category .list ul li a span.icon::after {
    border-width: 0 0 30px 30px;
    bottom: -30px;
    font-size: 10px;
    font-size: 1rem;
    right: 5px;
  }
}
main .block-support.db-index .db-index-category .list ul li a:hover, main .block-support.db-index .db-index-category .list ul li a:focus {
  background-color: #069;
  border-left: 1px solid #069;
  border-top: 1px solid #069;
  color: white;
  text-decoration: none;
}
main .block-support.db-index .db-index-category .list ul li a:hover p svg, main .block-support.db-index .db-index-category .list ul li a:focus p svg {
  color: white;
  fill: white;
}
main .block-support.db-index .db-index-category .list ul li a:hover span.icon, main .block-support.db-index .db-index-category .list ul li a:focus span.icon {
  border-color: transparent transparent #fff transparent;
}
main .block-support.db-index .db-index-category .list ul li a:hover span.icon::after, main .block-support.db-index .db-index-category .list ul li a:focus span.icon::after {
  color: #069;
}
main .block-support.db-index .db-index-category .list ul li:hover, main .block-support.db-index .db-index-category .list ul li:focus {
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3));
}
main .block-support.db-index .db-index-category .list ul.other li a::after {
  background-color: #d0d0d0;
  bottom: 1rem;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 17%;
}
main .block-support.db-index .db-index-category .list ul.other li a:hover::after, main .block-support.db-index .db-index-category .list ul.other li a:focus::after {
  background-color: white;
}
main .block-support.db-results {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}
main .block-support.db-results .db-results-search {
  height: 0;
  opacity: 0;
  transform: translateY(-3rem);
  transition: all 0.3s ease-out;
  visibility: hidden;
}
main .block-support.db-results .db-results-search.active {
  height: 100%;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
main .block-support.db-results.search .btn a {
  background-color: transparent;
  border: 2px solid #069;
  color: #069;
  border-radius: 3rem;
  filter: none;
  font-weight: 600;
  padding: 1rem;
}
main .block-support.db-results.search .btn a:hover {
  background-color: #069;
  color: white;
}
main .block-support.db-results.search .btn a::before {
  left: 1rem;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f002";
  font-weight: 900;
  font-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .btn a::before {
    font-size: 130%;
    left: 2rem;
  }
}
main .block-support.db-results.search .btn a::after {
  content: "条件を変更して探す";
}
main .block-support.db-results.search .btn.active a {
  border: 2px solid #a0a0a0;
  color: #a0a0a0;
}
main .block-support.db-results.search .btn.active a:hover {
  background-color: #a0a0a0;
  color: white;
}
main .block-support.db-results.search .btn.active a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f00d";
  font-weight: 900;
  font-size: 100%;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .btn.active a::before {
    font-size: 130%;
  }
}
main .block-support.db-results.search .btn.active a::after {
  content: "閉じる";
}
main .block-support.db-results.search .model, main .block-support.db-results.search .choice {
  background-color: white;
  border: 2px solid #f0f0f0;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  padding: 1rem;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 480px) {
  main .block-support.db-results.search .model, main .block-support.db-results.search .choice {
    border-width: 3px;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .model, main .block-support.db-results.search .choice {
    border-width: 4px;
    padding: 2rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.search .model, main .block-support.db-results.search .choice {
    border-width: 5px;
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
  }
}
main .block-support.db-results.search .model h4, main .block-support.db-results.search .choice h4 {
  font-size: clamp(1.5rem, 1.409rem + 0.52vw, 1.8rem);
  margin-bottom: 3rem;
  margin-top: 1rem;
  padding-bottom: 0.5rem;
  position: relative;
}
main .block-support.db-results.search .model h4::after, main .block-support.db-results.search .choice h4::after {
  bottom: -2px;
  content: " ";
  display: block;
  position: absolute;
  border-bottom: solid 2px #069;
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.search .model h4::after, main .block-support.db-results.search .choice h4::after {
    width: 6rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.search .model h4, main .block-support.db-results.search .choice h4 {
    margin-bottom: 0;
    margin-top: 0;
    width: 22rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.search .model .list, main .block-support.db-results.search .choice .list {
    width: calc(100% - 10rem * 2.2);
  }
}
main .block-support.db-results.search .model:hover, main .block-support.db-results.search .choice:hover {
  background-color: #f0f0f0;
  background: linear-gradient(120deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 50%);
  border-color: #e0e0e0;
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3));
}
main .block-support.db-results.search .model + div, main .block-support.db-results.search .choice + div {
  margin-top: 2rem;
}
main .block-support.db-results.search .choice .list dl {
  flex-wrap: wrap;
}
main .block-support.db-results.search .choice .list dl dt {
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .choice .list dl dt {
    width: 15rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.search .choice .list dl dt {
    width: 18rem;
  }
}
main .block-support.db-results.search .choice .list dl dd {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .choice .list dl dd {
    width: calc(100% - 15rem);
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.search .choice .list dl dd {
    width: calc(100% - 18rem);
  }
}
main .block-support.db-results.search .choice .list dl dd input[type=submit] {
  width: 100%;
}
main .block-support.db-results.search .choice .list dl dd .select {
  margin-right: 0;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .choice .list dl dd .select {
    margin-right: 0;
    width: auto;
  }
}
main .block-support.db-results.search .choice .list dl dd .select + .select {
  margin-top: 1rem;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .choice .list dl dd .select + .select {
    margin-top: 0;
  }
}
main .block-support.db-results.search .choice .list dl dd .select select {
  background: white;
}
main .block-support.db-results.search .choice .list dl dd .select select:disabled {
  background-color: #e0e0e0;
  color: #a0a0a0;
}
main .block-support.db-results.search .choice .list dl dd .chevron {
  margin-bottom: 1rem;
  margin-right: 0;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .choice .list dl dd .chevron {
    margin-bottom: 0;
    position: relative;
    padding-right: 5rem;
    width: auto;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .choice .list dl dd .chevron::after {
    color: #a0a0a0;
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    font-variant: normal;
    text-rendering: auto;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    font-weight: 900;
    font-size: 100%;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
main .block-support.db-results.search .choice .list dl + dl dt {
  margin-top: 2rem;
}
main .block-support.db-results.search .choice .list dl + dl dt.first {
  border-top: 1px solid #f0f0f0;
  margin-top: 2rem;
  padding-top: 2rem;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .choice .list dl + dl dt.last {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
}
main .block-support.db-results.search .choice .list dl + dl dd {
  gap: 0.5rem 2rem;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .choice .list dl + dl dd {
    margin-top: 2rem;
  }
}
main .block-support.db-results.search .choice .list dl + dl dd div {
  align-items: center;
}
main .block-support.db-results.search .choice .list dl + dl dd div label {
  line-height: 1.5;
}
main .block-support.db-results.search .choice .list dl + dl dd div input[type=checkbox] {
  height: auto;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.search .choice .list dl + dl dd.first {
    border-top: 1px solid #f0f0f0;
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
main .block-support.db-results.search .choice .list dl + dl dd.last {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
main .block-support.db-results.search .choice .list dl + p {
  margin-inline: auto;
  max-width: 35.4rem;
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.search .choice .list dl + p {
    margin-inline: 0;
  }
}
main .block-support.db-results.adjust {
  padding-bottom: 0;
  padding-top: 0;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.adjust .container {
    align-items: center;
  }
}
main .block-support.db-results.adjust .container .inner.number {
  padding-top: 2rem;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.adjust .container .inner.number {
    padding-top: 0;
    width: auto;
  }
}
main .block-support.db-results.adjust .container .inner.number p {
  font-size: clamp(1.5rem, 1.439rem + 0.35vw, 1.7rem);
  text-align: center;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.adjust .container .inner.number p {
    text-align: left;
  }
}
main .block-support.db-results.adjust .container .inner.number p strong {
  color: #e60012;
  font-size: 130%;
  margin-left: 0.5rem;
}
main .block-support.db-results.adjust .container .inner.narrow {
  margin-top: 0;
  padding-top: 2rem;
  text-align: right;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results.adjust .container .inner.narrow {
    margin-left: auto;
    width: auto;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.adjust .container .inner.narrow {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding-top: 0;
  }
}
main .block-support.db-results.adjust .container .inner.narrow .sort {
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.adjust .container .inner.narrow .sort {
    width: auto;
  }
}
main .block-support.db-results.adjust .container .inner.narrow .sort select {
  background-color: white;
  border: 1px solid #d0d0d0;
  margin-left: 0.5rem;
  padding: 0.5rem;
}
main .block-support.db-results.adjust .container .inner.narrow .pagination {
  margin-top: 1rem;
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.adjust .container .inner.narrow .pagination {
    margin-left: 8rem;
    margin-top: 0;
    width: auto;
  }
}
main .block-support.db-results.adjust .container .inner.narrow .pagination ul {
  gap: 2rem;
  justify-content: end;
  flex-wrap: nowrap;
}
main .block-support.db-results.adjust .container .inner.narrow .pagination ul li {
  line-height: 3.4;
  position: relative;
}
@media screen and (min-width: 980px) {
  main .block-support.db-results.adjust .container .inner.narrow .pagination ul li {
    line-height: 5;
  }
}
main .block-support.db-results.adjust .container .inner.narrow .pagination ul li a {
  color: #a0a0a0;
}
main .block-support.db-results.adjust .container .inner.narrow .pagination ul li a:hover {
  color: #069;
}
main .block-support.db-results.adjust .container .inner.narrow .pagination ul li a::after {
  background-color: #a0a0a0;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}
main .block-support.db-results.adjust .container .inner.narrow .pagination ul li.prev, main .block-support.db-results.adjust .container .inner.narrow .pagination ul li.next {
  font-weight: 400;
}
main .block-support.db-results.adjust .container .inner.narrow .pagination ul li.prev a::after, main .block-support.db-results.adjust .container .inner.narrow .pagination ul li.next a::after {
  height: 0;
}
main .block-support.db-results.adjust .container .inner.narrow .pagination ul li.active a {
  color: #069;
}
main .block-support.db-results.adjust .container .inner.narrow .pagination ul li.active a::after {
  background-color: #069;
}
main .block-support.db-results .list ul {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 480px) {
  main .block-support.db-results .list ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-results .list ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
main .block-support.db-results .list ul li {
  background-color: white;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  transition: all 0.3s ease-out;
  width: 100%;
}
main .block-support.db-results .list ul li:hover, main .block-support.db-results .list ul li:focus {
  filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3));
}
main .block-support.db-results .list ul li a {
  border: 3px solid white;
  border-radius: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  height: 100%;
  padding: 1rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  position: relative;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 980px) {
  main .block-support.db-results .list ul li a {
    border-width: 5px;
    padding: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
main .block-support.db-results .list ul li a span.icon {
  border-color: transparent transparent #b0b0b0 transparent;
  border-style: solid;
  border-width: 0 0 26px 26px;
  bottom: 0;
  position: absolute;
  right: 0;
  transition: all 0.3s ease-out;
  z-index: 11;
}
@media screen and (min-width: 980px) {
  main .block-support.db-results .list ul li a span.icon {
    border-width: 0 0 30px 30px;
  }
}
main .block-support.db-results .list ul li a span.icon::after {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  bottom: -28px;
  color: white;
  font-size: clamp(0.5rem, 0.348rem + 0.87vw, 1rem);
  position: absolute;
  right: 3px;
  transition: all 0.3s ease-out;
  z-index: 1;
}
@media screen and (min-width: 980px) {
  main .block-support.db-results .list ul li a span.icon::after {
    border-width: 0 0 30px 30px;
    bottom: -30px;
    right: 5px;
  }
}
main .block-support.db-results .list ul li a div {
  width: calc(100% - 7rem - 2rem);
}
@media screen and (min-width: 780px) {
  main .block-support.db-results .list ul li a div {
    width: calc(100% - 9rem - 2rem);
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-results .list ul li a div {
    width: calc(100% - 12rem - 2rem);
  }
}
main .block-support.db-results .list ul li a div h3 {
  font-size: clamp(1.6rem, 1.539rem + 0.35vw, 1.8rem);
  font-weight: 600;
  margin-bottom: 2rem;
}
main .block-support.db-results .list ul li a div h3 small {
  color: #505050;
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
}
main .block-support.db-results .list ul li a div p {
  color: black;
  font-size: clamp(1.2rem, 1.17rem + 0.17vw, 1.3rem);
}
main .block-support.db-results .list ul li a div.img {
  margin-right: 2rem;
  position: relative;
  width: 7rem;
}
@media screen and (min-width: 780px) {
  main .block-support.db-results .list ul li a div.img {
    width: 9rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-results .list ul li a div.img {
    width: 12rem;
  }
}
main .block-support.db-results .list ul li a div.img .prod-end {
  background-color: #505050;
  color: white;
  font-size: clamp(1rem, 0.97rem + 0.17vw, 1.1rem);
  left: 50%;
  line-height: 1;
  padding: 0.5rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  white-space: nowrap;
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-support.db-results .list ul li a div.img .prod-end {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}
main .block-support.db-results .list ul li a div + div {
  margin-top: 0;
}
main .block-support.db-results .list ul li a:hover, main .block-support.db-results .list ul li a:focus {
  color: #069;
  border-color: #069;
  text-decoration: none;
}
main .block-support.db-results .list ul li a:hover span.icon, main .block-support.db-results .list ul li a:focus span.icon {
  border-color: transparent transparent #069 transparent;
  bottom: -3px;
  right: -3px;
}
@media screen and (min-width: 980px) {
  main .block-support.db-results .list ul li a:hover span.icon, main .block-support.db-results .list ul li a:focus span.icon {
    bottom: -5px;
    right: -5px;
  }
}
main .block-support.db-results .list ul li a:hover div h3 small, main .block-support.db-results .list ul li a:focus div h3 small {
  color: #069;
}
main .block-support.db-results .list ul li a:hover div p, main .block-support.db-results .list ul li a:focus div p {
  color: #069;
}
main .block-support.db-results .not-find {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
main .block-support.db-detail a:hover, main .block-support.db-detail a:focus {
  text-decoration: none;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .text, main .block-support.db-detail .container .inner.column-2 .text {
    width: calc(100% - 8rem * 5 - 6rem);
  }
}
@media screen and (min-width: 1200px) {
  main .block-support.db-detail .container .inner .column-2 .text, main .block-support.db-detail .container .inner.column-2 .text {
    width: calc(100% - 8rem * 5 - 8rem);
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box h3.line, main .block-support.db-detail .container .inner.column-2 .text-box h3.line {
  border-bottom: solid 2px #d0d0d0;
  font-size: clamp(2.6rem, 2.539rem + 0.35vw, 2.8rem);
  font-weight: 400;
  margin-bottom: 4rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .text-box h3.line, main .block-support.db-detail .container .inner.column-2 .text-box h3.line {
    margin-bottom: 5rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box h3.line::after, main .block-support.db-detail .container .inner.column-2 .text-box h3.line::after {
  width: 30%;
}
main .block-support.db-detail .container .inner .column-2 .text-box .pagenav + h3, main .block-support.db-detail .container .inner.column-2 .text-box .pagenav + h3 {
  margin-top: 2rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document h4 + ul, main .block-support.db-detail .container .inner .column-2 .text-box .document ul + ul, main .block-support.db-detail .container .inner .column-2 .text-box .document p + ul, main .block-support.db-detail .container .inner.column-2 .text-box .document h4 + ul, main .block-support.db-detail .container .inner.column-2 .text-box .document ul + ul, main .block-support.db-detail .container .inner.column-2 .text-box .document p + ul {
  margin-top: 3rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document h4, main .block-support.db-detail .container .inner.column-2 .text-box .document h4 {
  font-size: clamp(1.6rem, 1.57rem + 0.17vw, 1.7rem);
  margin-bottom: 2.5rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document h4 a::before, main .block-support.db-detail .container .inner.column-2 .text-box .document h4 a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  margin-right: 0.5rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document ul li span.date, main .block-support.db-detail .container .inner.column-2 .text-box .document ul li span.date {
  color: #505050;
  display: block;
  font-size: 80%;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document ul li + li, main .block-support.db-detail .container .inner.column-2 .text-box .document ul li + li {
  margin-top: 1rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document ul li.title, main .block-support.db-detail .container .inner.column-2 .text-box .document ul li.title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document ul li.title span, main .block-support.db-detail .container .inner.column-2 .text-box .document ul li.title span {
  background-color: #707070;
  color: white;
  border-radius: 0.3rem;
  font-size: 80%;
  font-weight: 600;
  padding: 2rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document ul li.title + li, main .block-support.db-detail .container .inner.column-2 .text-box .document ul li.title + li {
  margin-top: 1rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document ul.description-list li.title span, main .block-support.db-detail .container .inner.column-2 .text-box .document ul.description-list li.title span {
  border: none;
  width: auto;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document ul.description-list li.title + li, main .block-support.db-detail .container .inner.column-2 .text-box .document ul.description-list li.title + li {
  margin-top: 1.5rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document p.emphasis, main .block-support.db-detail .container .inner.column-2 .text-box .document p.emphasis {
  font-size: 170%;
  font-weight: 600;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document p.emphasis i, main .block-support.db-detail .container .inner.column-2 .text-box .document p.emphasis i {
  margin-right: 1rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document p.emphasis i.fa-circle, main .block-support.db-detail .container .inner.column-2 .text-box .document p.emphasis i.fa-circle {
  color: #d61518;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document p.emphasis small, main .block-support.db-detail .container .inner.column-2 .text-box .document p.emphasis small {
  font-size: 60%;
  font-weight: 400;
  margin-left: 0.5rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document p a, main .block-support.db-detail .container .inner.column-2 .text-box .document p a {
  text-decoration: underline;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-list li, main .block-support.db-detail .container .inner .column-2 .text-box .document-catalog li, main .block-support.db-detail .container .inner.column-2 .text-box .document-list li, main .block-support.db-detail .container .inner.column-2 .text-box .document-catalog li {
  font-size: clamp(1.6rem, 1.57rem + 0.17vw, 1.7rem);
  font-weight: 600;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-list li a, main .block-support.db-detail .container .inner .column-2 .text-box .document-catalog li a, main .block-support.db-detail .container .inner.column-2 .text-box .document-list li a, main .block-support.db-detail .container .inner.column-2 .text-box .document-catalog li a {
  text-decoration: none;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-list li a, main .block-support.db-detail .container .inner.column-2 .text-box .document-list li a {
  padding-left: 2rem;
  position: relative;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-list li a::before, main .block-support.db-detail .container .inner.column-2 .text-box .document-list li a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  left: 0;
  margin-right: 0.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-catalog, main .block-support.db-detail .container .inner.column-2 .text-box .document-catalog {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-catalog li.img, main .block-support.db-detail .container .inner.column-2 .text-box .document-catalog li.img {
  width: 8rem;
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .text-box .document-catalog li.img, main .block-support.db-detail .container .inner.column-2 .text-box .document-catalog li.img {
    width: 10rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-catalog li.img + li, main .block-support.db-detail .container .inner.column-2 .text-box .document-catalog li.img + li {
  width: calc(100% - 8rem - 3rem);
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .text-box .document-catalog li.img + li, main .block-support.db-detail .container .inner.column-2 .text-box .document-catalog li.img + li {
    width: calc(100% - 10rem - 3rem);
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .question, main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .answer, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .question, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .answer {
  padding-left: 4rem;
  position: relative;
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .question, main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .answer, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .question, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .answer {
    padding-left: 5rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .question::before, main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .answer::before, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .question::before, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .answer::before {
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .question, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .question {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .question::before, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .question::before {
  color: #069;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f128";
  font-weight: 900;
  font-size: 200%;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .question h4, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .question h4 {
  font-size: 120%;
  font-weight: 600;
  margin-bottom: 0;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .answer, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .answer {
  margin-top: 0;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-faq li .answer::before, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq li .answer::before {
  color: #d0d0d0;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f3e5";
  font-weight: 900;
  font-size: 150%;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document-faq > li a i, main .block-support.db-detail .container .inner.column-2 .text-box .document-faq > li a i {
  margin-right: 0.5rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document.arrow, main .block-support.db-detail .container .inner.column-2 .text-box .document.arrow {
  padding-left: 3rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document.arrow h4, main .block-support.db-detail .container .inner.column-2 .text-box .document.arrow h4 {
  position: relative;
}
main .block-support.db-detail .container .inner .column-2 .text-box .document.arrow h4 a::before, main .block-support.db-detail .container .inner.column-2 .text-box .document.arrow h4 a::before {
  left: -3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
main .block-support.db-detail .container .inner .column-2 .text-box .document + div, main .block-support.db-detail .container .inner.column-2 .text-box .document + div {
  border-top: 1px solid #e0e0e0;
  margin-top: 4rem;
  padding-top: 4rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a, main .block-support.db-detail .container .inner .column-2 .text-box.faq ul li a, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul li a {
  background-color: white;
  background: linear-gradient(white 20%, #f5f5f5 100%);
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p, main .block-support.db-detail .container .inner .column-2 .text-box.faq ul li a p, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul li a p {
  color: black;
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon, main .block-support.db-detail .container .inner .column-2 .text-box.faq ul li a p.icon, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul li a p.icon {
  color: #069;
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a:hover, main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a:focus, main .block-support.db-detail .container .inner .column-2 .text-box.faq ul li a:hover, main .block-support.db-detail .container .inner .column-2 .text-box.faq ul li a:focus, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a:hover, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a:focus, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul li a:hover, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul li a:focus {
  filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3));
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a:hover p, main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a:focus p, main .block-support.db-detail .container .inner .column-2 .text-box.faq ul li a:hover p, main .block-support.db-detail .container .inner .column-2 .text-box.faq ul li a:focus p, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a:hover p, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a:focus p, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul li a:hover p, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul li a:focus p {
  color: #707070;
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry + div, main .block-support.db-detail .container .inner .column-2 .text-box.faq + div, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry + div, main .block-support.db-detail .container .inner.column-2 .text-box.faq + div {
  margin-top: 6rem;
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.inquiry + div, main .block-support.db-detail .container .inner .column-2 .text-box.faq + div, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry + div, main .block-support.db-detail .container .inner.column-2 .text-box.faq + div {
    margin-top: 7.2rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul.flex-box, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul.flex-box {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 480px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul.flex-box, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul.flex-box {
    gap: 2rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul.flex-box, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul.flex-box {
    gap: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul.flex-box, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul.flex-box {
    gap: 2rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li {
  display: flex;
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a {
  border-radius: 0.3rem;
  display: block;
  padding: 1.5rem;
  transition: all 0.3s ease-out;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a {
    padding: 2rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p {
  font-size: clamp(1.4rem, 1.37rem + 0.17vw, 1.5rem);
  line-height: 1.5;
  transition: all 0.3s ease-out;
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p strong, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p strong {
  font-size: clamp(1.5rem, 1.47rem + 0.17vw, 1.6rem);
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.sup, main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.caution, main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.note, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.sup, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.caution, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.note {
  font-size: clamp(1.2rem, 1.17rem + 0.17vw, 1.3rem);
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon {
  text-align: center;
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon i, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon i {
  display: block;
  font-size: 400%;
  margin-bottom: 2rem;
}
@media screen and (min-width: 480px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon i, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon i {
    font-size: 500%;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon i, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon i {
    font-size: 600%;
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon i.fa-comments, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon i.fa-comments {
  font-size: 450%;
}
@media screen and (min-width: 480px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon i.fa-comments, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon i.fa-comments {
    font-size: 550%;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon i.fa-comments, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon i.fa-comments {
    font-size: 650%;
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon span, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon span {
  font-size: clamp(1.5rem, 1.47rem + 0.17vw, 1.6rem);
  font-weight: 600;
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon span::before, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon span::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  margin-right: 0.5rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon.down span::before, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon.down span::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f078";
  font-weight: 900;
}
main .block-support.db-detail .container .inner .column-2 .text-box.inquiry ul li a p.icon + p, main .block-support.db-detail .container .inner.column-2 .text-box.inquiry ul li a p.icon + p {
  margin-top: 3rem;
}
main .block-support.db-detail .container .inner .column-2 .text-box.faq ul, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 480px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.faq ul, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.faq ul, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  main .block-support.db-detail .container .inner .column-2 .text-box.faq ul, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
main .block-support.db-detail .container .inner .column-2 .text-box.faq ul li, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul li {
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
}
main .block-support.db-detail .container .inner .column-2 .text-box.faq ul li a, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul li a {
  border-radius: 0.3rem;
  display: block;
  padding: 1.5rem;
  padding-bottom: 2.5rem;
  position: relative;
  transition: all 0.3s ease-out;
  width: 100%;
}
main .block-support.db-detail .container .inner .column-2 .text-box.faq ul li a::before, main .block-support.db-detail .container .inner.column-2 .text-box.faq ul li a::before {
  bottom: 0;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f078";
  font-weight: 900;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
main .block-support.db-detail .container .inner .column-2 .text-box + div, main .block-support.db-detail .container .inner.column-2 .text-box + div {
  margin-top: 8.46rem;
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .text-box + div, main .block-support.db-detail .container .inner.column-2 .text-box + div {
    margin-top: 9rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge, main .block-support.db-detail .container .inner.column-2 .imge {
  max-width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge, main .block-support.db-detail .container .inner.column-2 .imge {
    width: 40rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge .relation li a::before, main .block-support.db-detail .container .inner.column-2 .imge .relation li a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f053";
  font-weight: 900;
  margin-right: 0.5rem;
}
main .block-support.db-detail .container .inner .column-2 .imge .product h3, main .block-support.db-detail .container .inner.column-2 .imge .product h3 {
  font-weight: 600;
  margin-bottom: 2rem;
}
main .block-support.db-detail .container .inner .column-2 .imge .product h3 small, main .block-support.db-detail .container .inner.column-2 .imge .product h3 small {
  color: #707070;
  display: block;
  font-size: clamp(1.3rem, 1.27rem + 0.17vw, 1.4rem);
  font-weight: 400;
}
main .block-support.db-detail .container .inner .column-2 .imge .product p + p, main .block-support.db-detail .container .inner.column-2 .imge .product p + p {
  margin-top: 2rem;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .product p + p, main .block-support.db-detail .container .inner.column-2 .imge .product p + p {
    margin-top: 3rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge .product p a::before, main .block-support.db-detail .container .inner.column-2 .imge .product p a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  margin-right: 0.5rem;
}
main .block-support.db-detail .container .inner .column-2 .imge .product .img, main .block-support.db-detail .container .inner.column-2 .imge .product .img {
  border: 1px solid #d0d0d0;
  margin-bottom: 2rem;
  padding: 1rem;
  width: 100%;
}
@media screen and (min-width: 480px) {
  main .block-support.db-detail .container .inner .column-2 .imge .product .img, main .block-support.db-detail .container .inner.column-2 .imge .product .img {
    margin-bottom: 0;
    margin-right: 3rem;
    padding: 3rem;
    width: 20rem;
  }
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .imge .product .img, main .block-support.db-detail .container .inner.column-2 .imge .product .img {
    width: 24rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .product .img, main .block-support.db-detail .container .inner.column-2 .imge .product .img {
    margin-right: 2rem;
    padding: 1rem;
    width: 16rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge .product .img + div, main .block-support.db-detail .container .inner.column-2 .imge .product .img + div {
  margin-top: 0;
}
main .block-support.db-detail .container .inner .column-2 .imge .product + div, main .block-support.db-detail .container .inner.column-2 .imge .product + div {
  margin-top: 0;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .product + div, main .block-support.db-detail .container .inner.column-2 .imge .product + div {
    margin-top: 4rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab, main .block-support.db-detail .container .inner.column-2 .imge .block-tab {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: auto;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab, main .block-support.db-detail .container .inner.column-2 .imge .block-tab {
    background-color: transparent;
    filter: none;
    position: static;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3, main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  font-size: clamp(1.4rem, 1.37rem + 0.17vw, 1.5rem);
  line-height: 5rem;
  margin-bottom: 0;
  padding-left: 4%;
  padding-right: 4%;
  white-space: nowrap;
}
@media screen and (min-width: 480px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3, main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3, main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 {
    display: none;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3 a, main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3 a span, main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 a span {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: 0.5rem;
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3 a span::before, main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 a span::before {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 400;
  margin-left: 0.5rem;
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3 a:hover, main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3 a:focus, main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 a:hover, main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 a:focus {
  text-decoration: none;
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3 a::before, main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f0c9";
  font-weight: 900;
  font-size: 120%;
  margin-left: auto;
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul {
  background-color: rgba(255, 255, 255, 0.9);
  height: 0;
  padding-left: 4%;
  padding-right: 4%;
}
@media screen and (min-width: 480px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul {
    padding: 0;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li {
  font-size: clamp(1.4rem, 1.37rem + 0.17vw, 1.5rem);
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li {
    width: 100%;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li {
    border-top: #e0e0e0 1px solid;
    border-right: 2px solid #069;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li + li, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li + li {
  border-top: #e0e0e0 1px solid;
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li a, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li a {
  display: block;
  line-height: 1.5;
  padding-bottom: 0.8rem;
  padding-top: 0.8rem;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li a, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li a {
    padding: 1.5rem;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li a::before, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  font-size: 50%;
  margin-right: 1rem;
  vertical-align: middle;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li a::before, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li a::before {
    font-size: 100%;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li.active, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li.active {
    border-right: none;
    border-top: #069 1px solid;
    font-weight: 600;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li.active + li, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li.active + li {
    border-top: #069 1px solid;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li.active:last-child, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li.active:last-child {
    border-bottom: #069 1px solid;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li:last-child, main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li:last-child {
    border-bottom: #e0e0e0 1px solid;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab.open h3 a::before, main .block-support.db-detail .container .inner.column-2 .imge .block-tab.open h3 a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f00d";
  font-weight: 900;
  font-size: 120%;
}
main .block-support.db-detail .container .inner .column-2 .imge .block-tab.open ul, main .block-support.db-detail .container .inner.column-2 .imge .block-tab.open ul {
  padding-bottom: 1rem;
  pointer-events: auto;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge .block-tab.open ul, main .block-support.db-detail .container .inner.column-2 .imge .block-tab.open ul {
    padding: 0;
  }
}
main .block-support.db-detail .container .inner .column-2 .imge + .text, main .block-support.db-detail .container .inner.column-2 .imge + .text {
  margin-top: 8rem;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner .column-2 .imge + .text, main .block-support.db-detail .container .inner.column-2 .imge + .text {
    margin-top: 0;
  }
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner.flex-box {
    flex-wrap: nowrap;
  }
}
main .block-support.db-detail .container .inner.flex-box .product {
  align-items: flex-start;
  flex-wrap: nowrap;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner.flex-box .product {
    margin-right: 10rem;
  }
}
main .block-support.db-detail .container .inner.flex-box .product h3 {
  font-weight: 600;
  margin-bottom: 2rem;
}
main .block-support.db-detail .container .inner.flex-box .product h3 small {
  color: #707070;
  display: block;
  font-size: clamp(1.3rem, 1.27rem + 0.17vw, 1.4rem);
  font-weight: 400;
}
main .block-support.db-detail .container .inner.flex-box .product p + p {
  margin-top: 3rem;
}
main .block-support.db-detail .container .inner.flex-box .product p a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  margin-right: 0.5rem;
}
main .block-support.db-detail .container .inner.flex-box .product .img {
  border: 1px solid #d0d0d0;
  margin-right: 2rem;
  padding: 2rem;
  width: 12rem;
}
@media screen and (min-width: 480px) {
  main .block-support.db-detail .container .inner.flex-box .product .img {
    width: 15rem;
  }
}
main .block-support.db-detail .container .inner.flex-box .product .img + div {
  margin-top: 0;
}
main .block-support.db-detail .container .inner.flex-box .document {
  margin-top: 5rem;
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner.flex-box .document {
    margin-top: 0;
    width: auto;
  }
}
main .block-support.db-detail .container .inner.flex-box .document .guide {
  background-color: #f0f0f0;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  padding: 2rem;
}
@media screen and (min-width: 980px) {
  main .block-support.db-detail .container .inner.flex-box .document .guide {
    background-color: transparent;
    filter: none;
    padding: 0;
  }
}
main .block-support.db-detail .container .inner.flex-box .document .guide ul li {
  padding-left: 3rem;
  text-indent: -3rem;
}
main .block-support.db-detail .container .inner.flex-box .document .guide ul li a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  margin-right: 0.5rem;
}
main .block-support.db-detail .container .inner.flex-box .document .catalog {
  margin-top: 5rem;
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner.flex-box .document .catalog {
    margin-top: 6rem;
  }
}
main .block-support.db-detail .container .inner.flex-box .document .catalog ul li.img {
  margin-right: 2rem;
  width: 8rem;
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner.flex-box .document .catalog ul li.img {
    margin-right: 3rem;
    width: 10rem;
  }
}
main .block-support.db-detail .container .inner.flex-box .document .catalog ul li + li {
  width: calc(100% - 8rem - 2rem);
}
@media screen and (min-width: 780px) {
  main .block-support.db-detail .container .inner.flex-box .document .catalog ul li + li {
    width: calc(100% - 10rem - 3rem);
  }
}
@media screen and (max-width: 779px) {
  main .block-corp .subnavi {
    margin-bottom: 5rem;
    padding-top: 2rem;
    width: 100%;
  }
}
@media screen and (min-width: 780px) {
  main .block-corp .subnavi {
    width: 18rem;
  }
}
@media screen and (min-width: 780px) {
  main .block-corp .subnavi-menu.sticky {
    margin-top: -7rem;
    padding-top: 7rem;
    position: sticky;
    top: 2rem;
  }
}
main .block-corp .subnavi-menu h4 {
  margin-bottom: 1rem;
}
main .block-corp .subnavi-menu ul {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 480px) {
  main .block-corp .subnavi-menu ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 780px) {
  main .block-corp .subnavi-menu ul {
    display: block;
    gap: 0;
  }
}
main .block-corp .subnavi-menu ul li {
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}
@media screen and (min-width: 780px) {
  main .block-corp .subnavi-menu ul li {
    text-align: left;
  }
}
main .block-corp .subnavi-menu ul li a {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  line-height: 1.2;
  padding-bottom: 2rem;
  position: relative;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main .block-corp .subnavi-menu ul li a {
    border-bottom: none;
    display: block;
    padding: 1rem;
  }
}
@media screen and (max-width: 779px) {
  main .block-corp .subnavi-menu ul li a::after {
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    font-variant: normal;
    text-rendering: auto;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    font-weight: 900;
    bottom: 0.5rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 780px) {
  main .block-corp .subnavi-menu ul li.active a {
    font-weight: 600;
  }
}
main .block-corp .subnavi-menu ul li.active a::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 780px) {
  main .block-corp .subnavi-menu ul li.active a::before {
    bottom: 0;
    height: 100%;
    left: -3px;
  }
}
@media screen and (max-width: 779px) {
  main .block-corp .subnavi-menu ul li.active a::before {
    bottom: -2px;
  }
}
main .block-corp .subnavi-menu ul li.link a::after {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  bottom: auto;
  left: auto;
  position: absolute;
  right: 0;
  top: 6%;
  transform: translateY(0);
}
@media screen and (min-width: 780px) {
  main .block-corp .subnavi-menu ul li.link a::after {
    top: 50%;
    transform: translateY(-50%);
  }
}
main .block-corp .subnavi .relation li a {
  color: black;
}
main .block-corp .subnavi .relation li a:hover {
  color: #707070;
}
main .block-corp .subnavi .description-list li {
  font-size: clamp(1.2rem, 1.139rem + 0.35vw, 1.4rem);
}
main .block-corp .subnavi .description-list li span {
  font-size: 100%;
  margin-bottom: 0.5rem;
  margin-right: 0;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-corp-content {
    margin-left: 5rem;
    width: calc(100% - 18rem - 5rem);
  }
}
@media screen and (max-width: 779px) {
  main .block-corp-content {
    width: 100%;
  }
}
main .block-sports .container {
  padding-bottom: 5rem;
  padding-top: 5rem;
}
@media screen and (min-width: 980px) {
  main .block-sports .container {
    padding-bottom: 7rem;
    padding-top: 7rem;
  }
}
main .block-sports .breadcrumb {
  margin-top: -4rem;
}
@media screen and (min-width: 980px) {
  main .block-sports .breadcrumb {
    margin-top: -6rem;
  }
}
main .block-sports .breadcrumb + h2, main .block-sports .breadcrumb + div, main .block-sports .breadcrumb + ul {
  margin-top: 4rem;
}
@media screen and (min-width: 980px) {
  main .block-sports .breadcrumb + h2, main .block-sports .breadcrumb + div, main .block-sports .breadcrumb + ul {
    margin-top: 5rem;
  }
}
main .block-sports h3 {
  font-size: clamp(2.2rem, 2.255rem + 0.73vw, 2.6rem);
  margin-bottom: 3rem;
}
@media screen and (min-width: 780px) {
  main .block-sports h3 {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 779px) {
  main .block-sports h3 {
    text-align: center;
  }
}
main .block-sports h3.line {
  padding-bottom: 1rem;
}
main .block-sports h3.line::after {
  width: 30%;
}
@media screen and (max-width: 779px) {
  main .block-sports h3.line::after {
    left: 50%;
    transform: translateX(-50%);
  }
}
main .block-sports h5 {
  margin-bottom: 1rem;
}
main .block-sports-title h2 {
  margin-bottom: 0;
  text-align: center;
}
main .block-sports-title h2 small {
  display: block;
  font-size: clamp(2rem, 2.055rem + 0.73vw, 2.2rem);
  margin-bottom: 0.5rem;
}
main .block-sports-title h2 span.name {
  font-size: clamp(3.8rem, 3.455rem + 0.73vw, 4.6rem);
}
main .block-sports-title h2 span.name.jp {
  font-size: clamp(2.4rem, 3.455rem + 0.73vw, 3rem);
  font-weight: 600;
}
main .block-sports-title h2 span.sub {
  font-size: clamp(1.2rem, 1.327rem + 0.36vw, 1.4rem);
}
main .block-sports-slide .splide__track {
  margin-top: 0;
}
main .block-sports-content-btn {
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (min-width: 780px) {
  main .block-sports-content-btn {
    flex-wrap: nowrap;
    gap: 1rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-sports-content-btn {
    gap: 2rem;
  }
}
main .block-sports-content-btn-list {
  font-size: clamp(2rem, 2.055rem + 0.73vw, 2.4rem);
  line-height: 1.5;
  text-align: center;
  width: 100%;
}
main .block-sports-content-btn-list a {
  border-radius: 1rem;
  display: block;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  padding: 1rem;
  position: relative;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main .block-sports-content-btn-list a {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}
main .block-sports-content-btn-list a:hover {
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3));
  text-decoration: none;
}
main .block-sports-content-btn-list a::after {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 780px) {
  main .block-sports-content-btn-list a::after {
    right: 2rem;
  }
}
main .block-sports-content-btn-list small {
  display: block;
  font-size: clamp(1.1rem, 1.064rem + 0.18vw, 1.2rem);
  font-weight: 400;
}
main .block-sports-content-btn-list + li {
  margin-top: 0;
}
@media screen and (min-width: 780px) {
  main .block-sports-content-card {
    display: grid;
    gap: 4rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 980px) {
  main .block-sports-content-card {
    gap: 6rem;
  }
}
main .block-sports-content-card-list {
  display: grid;
  gap: 2rem;
  grid-template-columns: 35% 1fr;
}
@media screen and (min-width: 480px) {
  main .block-sports-content-card-list {
    grid-template-columns: 20rem 1fr;
  }
}
main .block-sports-content-card-list li + li {
  margin-top: 0;
}
main .block-sports-content-card-list + ul {
  margin-top: 4rem;
}
@media screen and (min-width: 780px) {
  main .block-sports-content-card-list + ul {
    margin-top: 0;
  }
}
main .block-sports-content-card-list-outline p.status {
  font-size: clamp(1.3rem, 1.47rem + 0.17vw, 1.4rem);
}
main .block-sports-content-card-list-outline p.status span {
  border-radius: 0.3rem;
  margin-right: 0.5rem;
  padding-bottom: 0.2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.2rem;
}
main .block-sports-content-card-list-outline p + p {
  margin-top: 1rem;
}
main .block-sports-content-text-sns {
  gap: 2rem;
}
main .block-sports-content-text-sns li {
  align-items: center;
  display: flex;
}
main .block-sports-content-text-sns li + li {
  border-left: 1px solid black;
  margin-top: 0;
  padding-left: 2rem;
}
main .block-sports-content-text-sns li svg {
  width: 4rem;
}
main .block-sports-content-text-sns li a {
  align-items: center;
  display: flex;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 979px) {
  main .block-sports-content-text .logo {
    border-radius: 0.3rem;
    margin-inline: auto;
    max-width: 60rem;
    padding-bottom: 10rem;
    padding-left: 6rem;
    padding-right: 6rem;
    padding-top: 10rem;
    border: 1px solid black;
  }
}
@media screen and (max-width: 779px) {
  main .block-sports-content-text .logo {
    padding-bottom: 6rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 6rem;
  }
}
@media screen and (max-width: 979px) {
  main .block-sports-content-text .logo img {
    max-width: 36rem;
    margin-inline: auto;
  }
}
@media screen and (max-width: 779px) {
  main .block-sports-content-text .logo img {
    max-width: 24rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-sports-content-text .logo img {
    max-width: 36rem;
  }
}
main .block-sports-content-imge {
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-sports-content-imge {
    margin-top: 0;
  }
}
main .block-sports-content-imge picture {
  display: block;
  margin-inline: auto;
  max-width: 60rem;
}
@media screen and (min-width: 980px) {
  main .block-sports-content.column-2 {
    display: grid;
    gap: 4rem;
    grid-template-columns: 1fr 40%;
  }
}
main .block-dealer i.fa-shopping-cart {
  font-size: 93%;
  margin-right: 0.5rem;
}
main .block-dealer ul li i {
  margin-right: 0.5rem;
}
main .block-dealer ul li.dealername a {
  text-decoration: underline;
}
main .block-dealer ul li.iq {
  display: inline-block;
  font-weight: normal;
}
main .block-dealer ul li.iq a {
  background-color: white;
  border: #303030 1px solid;
  border-radius: 0.3rem;
  color: black;
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  padding: 0.5rem;
  text-align: center;
  text-decoration: none;
}
main .block-dealer ul li.iq a:hover {
  background-color: #505050;
  color: white;
}
main .block-dealer table tr {
  padding: 1rem;
}
main .block-dealer table tr + tr {
  border-top: none;
  margin-top: 0;
  padding: spc-10;
}
@media screen and (min-width: 780px) {
  main .block-dealer table tr + tr {
    padding-top: 0;
  }
}
main .block-dealer table tr:nth-child(odd) {
  background-color: #f0f0f0;
}
main .block-dealer table tr:nth-child(odd) th, main .block-dealer table tr:nth-child(odd) td {
  background-color: transparent;
}
main .block-dealer table th, main .block-dealer table td {
  border: none;
}
@media screen and (min-width: 1200px) {
  main .block-dealer table th, main .block-dealer table td {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 780px) {
  main .block-dealer table th {
    max-width: 20rem;
    width: auto;
  }
}
@media screen and (min-width: 780px) {
  main .block-dealer table th.shopcategory {
    color: white;
  }
}
main .block-dealer table th ul {
  margin-bottom: 1rem;
}
@media screen and (min-width: 780px) {
  main .block-dealer table th ul {
    margin-bottom: 0;
  }
}
main .block-dealer table th ul li {
  font-weight: bold;
}
@media screen and (min-width: 780px) {
  main .block-dealer table td {
    width: auto;
  }
}
main .block-dealer table td.address::before {
  content: "住　所：";
}
main .block-dealer table td.tel::before {
  content: "連絡先：";
}
main .block-dealer table td.holiday::before {
  content: "休　日：";
}
main .block-dealer table td.address br, main .block-dealer table td.tel br, main .block-dealer table td.holiday br {
  display: none;
}
main .block-dealer table td.address::before, main .block-dealer table td.tel::before, main .block-dealer table td.holiday::before {
  display: inline-block;
  font-weight: 600;
}
@media screen and (min-width: 780px) {
  main .block-dealer table td.address::before, main .block-dealer table td.tel::before, main .block-dealer table td.holiday::before {
    content: "";
  }
}
main .block-dealer table td.storeserch, main .block-dealer table td:empty {
  display: none;
}
@media screen and (min-width: 780px) {
  main .block-dealer table td.storeserch, main .block-dealer table td:empty {
    display: table-cell;
  }
}
main .block-dealer table td a {
  text-decoration: underline;
}
main .block-dealer table td a:hover {
  text-decoration: none;
}
main .block-dealer table td span {
  padding-left: 1rem;
  padding-right: 1rem;
}
main .block-dealer table thead {
  display: none;
}
@media screen and (min-width: 780px) {
  main .block-dealer table thead {
    display: table-header-group;
  }
}
main .block-dealer table thead tr:nth-child(odd) {
  background-color: #707070;
}
main .block-dealer .step-box {
  background-color: white;
  border: 2px solid #f0f0f0;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  padding: 2rem;
  position: relative;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main .block-dealer .step-box {
    border-width: 4px;
  }
}
@media screen and (min-width: 1200px) {
  main .block-dealer .step-box {
    border-width: 5px;
    padding: 3rem;
  }
}
main .block-dealer .step-box .step-title {
  background-color: #707070;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  left: -0.4rem;
  line-height: 1.5;
  padding: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  top: 1rem;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  main .block-dealer .step-box .step-title {
    left: -0.5rem;
    top: 1rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-dealer .step-box .step-title {
    left: -1rem;
  }
}
main .block-dealer .step-box:hover {
  filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3));
}
main .block-dealer .step-box:hover .step-title {
  background-color: #303030;
  left: -0.8rem;
}
@media screen and (min-width: 780px) {
  main .block-dealer .step-box:hover .step-title {
    left: -1rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-dealer .step-box:hover .step-title {
    left: -1.5rem;
  }
}
@media screen and (min-width: 780px) {
  main .block-dealer .step-box.search .select select {
    padding-left: 2rem;
  }
}
main .block-dealer .step-box.search .SecurityMenu {
  display: none;
}
main .block-dealer .step-box.search .SecurityMenu.-isView {
  display: block;
}
main .block-dealer .step-box.search .SecurityMenu.-isView + .select {
  display: none;
}
main .block-dealer .step-box.search .SecurityMenu.-isView + .select + #submit_button {
  display: none;
}
main .block-dealer .step-box-category + div {
  position: relative;
  margin-top: 0;
  padding-top: 5rem;
}
main .block-dealer .step-box-category + div::before {
  color: #d0d0d0;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f078";
  font-weight: 900;
  font-size: 130%;
  position: absolute;
  left: 50%;
  line-height: 5rem;
  top: 0;
  transform: translateX(-50%);
}
@media screen and (min-width: 780px) {
  main .block-dealer .step-box-category + div::before {
    font-size: 150%;
  }
}
@media screen and (min-width: 780px) {
  main .block-dealer-search {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 780px) {
  main .block-dealer-search {
    gap: 1.5rem;
  }
}
main .block-dealer-search-box {
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-dealer-search-box .step-box {
    height: 100%;
  }
}
main .block-dealer-search-box .step-box + .step-box {
  margin-top: 2rem;
}
@media screen and (min-width: 780px) {
  main .block-dealer-search-box .step-box + .step-box {
    margin-top: 2rem;
  }
}
main .block-dealer-search-box + div {
  margin-top: 2rem;
}
@media screen and (min-width: 780px) {
  main .block-dealer-search-box + div {
    margin-top: 0;
  }
}
@media screen and (min-width: 780px) {
  main .block-dealer-search-box + div .step-box {
    height: auto;
  }
}
main .block-dealer-result .step-box {
  border: none;
}
main .block-dealer-result .step-box ul li {
  line-height: 1.5;
}
main .block-dealer.modal-result#StoreList {
  background-color: white;
  padding: 0;
}
main .block-dealer.modal-result#StoreList .block-dealer-result {
  background-color: white;
}
main .block-dealer.modal-result#StoreList h2.line {
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
@media screen and (min-width: 780px) {
  main .block-dealer.modal-result#StoreList h2.line {
    margin-bottom: 4rem;
  }
}
main .block-dealer.modal-result#StoreList h2.line span {
  font-size: 70%;
  width: 100%;
}
main .block-dealer.modal-result#StoreList ul.back {
  margin-top: -2rem;
  position: relative;
  top: auto;
}
@media screen and (min-width: 780px) {
  main .block-dealer.modal-result#StoreList ul.back {
    margin-top: -3rem;
  }
}
main .block-products h3 {
  font-weight: 600;
}
@media screen and (min-width: 980px) {
  main .block-products.head .info {
    position: relative;
  }
}
@media screen and (min-width: 980px) {
  main .block-products.head .info.flex-box {
    align-items: flex-start;
    justify-content: space-between;
  }
}
main .block-products.head .info .sns-box {
  margin-top: 4rem;
}
@media screen and (min-width: 780px) {
  main .block-products.head .info .sns-box {
    margin-top: 5rem;
  }
}
main .block-products.head .info-slide {
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-products.head .info-slide {
    position: sticky;
    top: 0;
    width: 58%;
  }
}
main .block-products.head .info-slide .splide__pagination {
  bottom: -2rem;
}
@media screen and (min-width: 980px) {
  main .block-products.head .info-slide .splide {
    margin-top: 4rem;
  }
}
main .block-products.head .info-slide .splide div + div {
  margin-top: 0;
}
main .block-products.head .info-outline {
  margin-top: 6rem;
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-products.head .info-outline {
    margin-top: 0;
    width: calc(42% - 6rem);
  }
}
main .block-products.head .info-outline h2 {
  font-size: clamp(4.2rem, 3.957rem + 1.39vw, 5rem);
  margin-bottom: 0;
  margin-top: 5rem;
}
main .block-products.head .info-outline h2 small {
  margin-bottom: -1rem;
}
main .block-products.head .info-outline h2 + p {
  font-size: clamp(1.6rem, 1.57rem + 0.17vw, 1.7rem);
}
main .block-products.head .info-outline h3 {
  font-size: clamp(1.8rem, 1.739rem + 0.35vw, 2rem);
  margin-bottom: 2rem;
}
@media screen and (min-width: 780px) {
  main .block-products.head .info-outline h3 {
    margin-bottom: 2rem;
  }
}
main .block-products.head .info-outline h3.line {
  border-bottom: solid 2px #d0d0d0;
  font-size: clamp(2rem, 1.909rem + 0.52vw, 2.3rem);
  margin-bottom: 3rem;
  padding-bottom: 1rem;
}
main .block-products.head .info-outline h3.line::after {
  width: 30%;
}
main .block-products.head .info-outline-relation.flex-box {
  align-items: center;
}
main .block-products.head .info-outline-relation li {
  font-size: clamp(1.2rem, 1.139rem + 0.35vw, 1.4rem);
}
main .block-products.head .info-outline-relation li.date {
  margin-bottom: 0.5rem;
  order: 1;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  main .block-products.head .info-outline-relation li.date {
    margin-left: auto;
    margin-bottom: 0;
    order: 3;
    width: auto;
  }
}
main .block-products.head .info-outline-relation li.stock, main .block-products.head .info-outline-relation li.model {
  border-radius: 3rem;
  font-weight: 600;
  padding-left: 1rem;
  padding-right: 1rem;
}
main .block-products.head .info-outline-relation li.stock {
  order: 2;
}
@media screen and (min-width: 1200px) {
  main .block-products.head .info-outline-relation li.stock {
    order: 1;
  }
}
main .block-products.head .info-outline-relation li.stock + .model {
  margin-left: 0.5rem;
}
main .block-products.head .info-outline-relation li.model {
  order: 3;
}
@media screen and (min-width: 1200px) {
  main .block-products.head .info-outline-relation li.model {
    order: 2;
  }
}
main .block-products.head .info-outline-connection ul li.box a, main .block-products.head .info-outline-connection ul li.box div {
  padding: 0.2rem;
  position: relative;
  transition: all 0.3s ease-out;
}
main .block-products.head .info-outline-connection ul li.box a.flex-box, main .block-products.head .info-outline-connection ul li.box div.flex-box {
  align-items: center;
  flex-wrap: nowrap;
}
main .block-products.head .info-outline-connection ul li.box a p, main .block-products.head .info-outline-connection ul li.box div p {
  font-size: clamp(2.1rem, 2.039rem + 0.35vw, 2.3rem);
  line-height: 1;
  margin-left: 1rem;
}
main .block-products.head .info-outline-connection ul li.box a p small, main .block-products.head .info-outline-connection ul li.box div p small {
  display: block;
  font-size: clamp(1.3rem, 1.27rem + 0.17vw, 1.4rem);
  margin-bottom: 0.5rem;
}
main .block-products.head .info-outline-connection ul li.box a p.jp, main .block-products.head .info-outline-connection ul li.box div p.jp {
  font-size: clamp(1.7rem, 1.639rem + 0.35vw, 1.9rem);
}
main .block-products.head .info-outline-connection ul li.box a p.jp-op, main .block-products.head .info-outline-connection ul li.box div p.jp-op {
  font-size: clamp(1.6rem, 1.57rem + 0.17vw, 1.7rem);
}
main .block-products.head .info-outline-connection ul li.box a p + picture, main .block-products.head .info-outline-connection ul li.box div p + picture {
  margin-left: auto;
}
main .block-products.head .info-outline-connection ul li.box a picture img, main .block-products.head .info-outline-connection ul li.box div picture img {
  width: 6rem;
}
main .block-products.head .info-outline-connection ul li.box a:hover {
  filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3));
  text-decoration: none;
}
main .block-products.head .info-outline-connection ul li.box a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f078";
  font-weight: 900;
  font-size: 50%;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 780px) {
  main .block-products.head .info-outline-connection ul li.box a::before {
    right: 2rem;
  }
}
main .block-products.head .info-outline-connection ul li.box + .box {
  margin-top: 1rem;
}
main .block-products.head .info-outline-connection ul li.box.arow-r a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
}
main .block-products.head .info-outline-connection ul li.line .feature-icon {
  background-color: #505050;
  border-radius: 0.3rem;
  margin-right: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
main .block-products.head .info-outline-connection ul li.line .feature-icon p {
  font-size: 11px;
  font-size: 1.1rem;
}
main .block-products.head .info-outline-connection ul li.line .feature-text .badge + p {
  margin-top: 1rem;
}
main .block-products.head .info-outline-connection ul li.line .flex-box {
  align-items: center;
}
main .block-products.head .info-outline-connection ul li.line p {
  font-weight: 600;
  line-height: 1.5;
}
main .block-products.head .info-outline-connection ul li.line a {
  position: relative;
  transition: all 0.3s ease-out;
}
main .block-products.head .info-outline-connection ul li.line a::after {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f078";
  font-weight: 900;
  font-size: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
main .block-products.head .info-outline-connection ul li.line a:hover {
  text-decoration: none;
}
main .block-products.head .info-outline-connection ul li.line div + div {
  margin-top: 0;
}
main .block-products.head .info-outline-connection ul li.line + .line {
  border-top: solid 1px #d0d0d0;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
main .block-products.head .info-outline-connection ul.supplement {
  gap: 0.5rem 2rem;
  margin-top: 3rem;
}
main .block-products.head .info-outline-connection ul.supplement li {
  font-size: 13px;
  font-size: 1.3rem;
}
main .block-products.head .info-outline-connection ul.supplement li i {
  margin-right: 0.5rem;
}
main .block-products.head .info-outline-connection + p {
  font-size: clamp(1.6rem, 1.57rem + 0.17vw, 1.7rem);
  margin-top: 3rem;
}
main .block-products.head .info-outline-movie .inner {
  margin: auto;
  max-width: 59rem;
}
main .block-products.head .info-outline-movie .video + div {
  margin-top: 2rem;
}
main .block-products.head .info-outline-movie .video-btn + div {
  margin-top: 2rem;
}
main .block-products.head .info-outline-point {
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  padding: 2rem;
}
main .block-products.head .info-outline-point + div {
  margin-top: 2rem;
}
main .block-products.app-head {
  background-color: #e0e0e0;
}
main .block-products.app-head h2 {
  margin-bottom: 0;
}
main .block-products.app-head h2 span {
  display: block;
}
main .block-products.app-head .horiz-w50, main .block-products.app-head .horiz-w48 {
  margin-inline: 0;
}
main .block-products.app-head .btn {
  text-align: left;
}
main .block-products.app-head .btn h3 {
  margin-bottom: 0;
}
main .block-products.app-head .btn a.u-cont-w75 {
  align-items: center;
  display: grid;
  grid-template-columns: 3fr 1fr;
  padding-right: 5rem;
}
main .block-products .app-head-inner {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
}
@media screen and (min-width: 780px) {
  main .block-products .app-head-inner {
    grid-template-columns: 1fr 46%;
  }
}
@media screen and (min-width: 980px) {
  main .block-products .app-head-inner {
    grid-template-columns: 1fr 42%;
    gap: 2rem;
  }
}
main .block-products .app-head-inner .imge {
  display: flex;
  align-items: end;
}
@media screen and (max-width: 779px) {
  main .block-products .app-head-inner .imge {
    display: none;
  }
}
main .block-products.app-content {
  background-color: white;
}
main .block-products.app-content .column-2.u-cont-w50, main .block-products.app-content .column-2.u-cont-w60, main .block-products.app-content .column-2.u-cont-w80 {
  align-items: stretch;
  gap: 4rem;
  justify-content: center;
}
@media screen and (min-width: 980px) {
  main .block-products.app-content .column-2.u-cont-w50, main .block-products.app-content .column-2.u-cont-w60, main .block-products.app-content .column-2.u-cont-w80 {
    display: grid;
    gap: 6rem;
  }
}
@media screen and (min-width: 980px) {
  main .block-products.app-content .column-2.u-cont-w50 .imge, main .block-products.app-content .column-2.u-cont-w50 .chart, main .block-products.app-content .column-2.u-cont-w50 .text, main .block-products.app-content .column-2.u-cont-w60 .imge, main .block-products.app-content .column-2.u-cont-w60 .chart, main .block-products.app-content .column-2.u-cont-w60 .text, main .block-products.app-content .column-2.u-cont-w80 .imge, main .block-products.app-content .column-2.u-cont-w80 .chart, main .block-products.app-content .column-2.u-cont-w80 .text {
    width: 100%;
  }
}
main .block-products.app-content .column-2.u-cont-w50 div + .cation-box,
main .block-products.app-content .column-2.u-cont-w50 div + .point-box, main .block-products.app-content .column-2.u-cont-w60 div + .cation-box,
main .block-products.app-content .column-2.u-cont-w60 div + .point-box, main .block-products.app-content .column-2.u-cont-w80 div + .cation-box,
main .block-products.app-content .column-2.u-cont-w80 div + .point-box {
  margin-top: 0;
}
@media screen and (min-width: 980px) {
  main .block-products.app-content .column-2.u-cont-w50 {
    grid-template-columns: 1fr 1fr;
  }
}
main .block-products.app-content .column-2.u-cont-w50 .point-box {
  margin-inline: auto;
  max-width: 54rem;
}
@media screen and (min-width: 980px) {
  main .block-products.app-content .column-2.u-cont-w50 .point-box {
    max-width: 50rem;
  }
}
main .block-products.app-content .column-2.u-cont-w50 .point-box.u-w100 {
  max-width: inherit;
}
@media screen and (min-width: 980px) {
  main .block-products.app-content .column-2.u-cont-w60 {
    grid-template-columns: 1fr 40%;
  }
}
main .block-products.app-content .column-2.u-cont-w60 .imge img {
  max-width: 48rem;
}
@media screen and (min-width: 980px) {
  main .block-products.app-content .column-2.u-cont-w60 .imge img {
    max-width: auto;
  }
}
@media screen and (min-width: 980px) {
  main .block-products.app-content .column-2.u-cont-w80 {
    grid-template-columns: 1fr 18%;
  }
}
main .block-products.app-content .column-2.u-cont-w80 .imge img {
  max-width: 22rem;
}
@media screen and (min-width: 980px) {
  main .block-products.app-content .column-2.u-cont-w80 .imge img {
    max-width: auto;
  }
}
main .block-products.app-content table thead tr th {
  background-color: #f0f0f0;
}
main .block-products.app-content:nth-child(even) {
  background-color: #f0f0f0;
}
main .block-products.app-content:nth-child(even) .vert-h3-line, main .block-products.app-content:nth-child(even) .vert-h5-line, main .block-products.app-content:nth-child(even) .vert-h6-line, main .block-products.app-content:nth-child(even) .vert-h9-line, main .block-products.app-content:nth-child(even) .vert-h12-line, main .block-products.app-content:nth-child(even) .vert-h18-line {
  border-top-color: #e0e0e0;
}
main .block-products.app-content:nth-child(even) table thead tr th {
  background-color: white;
}
main .block-products.app-content:nth-child(even) [class*=-faq] .inner .point-box {
  background-color: white;
}
main .block-products .app-content-dl-os {
  display: grid;
  gap: 2rem;
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-products .app-content-dl-os {
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
}
@media screen and (max-width: 979px) {
  main .block-products .app-content-dl-os {
    background-color: white;
    filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
    padding: 3rem;
  }
}
main .block-products .app-content-dl-os + div {
  margin-top: 0;
}
main .block-products .app-content-dl-os-img + div, main .block-products .app-content-dl-os-txt + div {
  margin-top: 0;
  padding-top: 2rem;
  border-top: 1px solid #e0e0e0;
}
main .block-products .app-content-dl-os-img img {
  margin-inline: auto;
  max-height: 8rem;
}
@media screen and (min-width: 780px) {
  main .block-products .app-content-dl-os.u-cont-w50 {
    margin-inline: auto;
    width: 50%;
  }
}
main .block-products .app-content-contact h4 {
  margin-bottom: 0;
}
main .block-products .app-content-contact .point-box.scroll {
  background-color: white;
  height: 30rem;
  overflow-y: auto;
}
main .block-products .app-content-contact .error-msg {
  border-bottom: 2px solid #e60012;
  color: #e60012;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
main .block-products .app-content-contact .formContent li {
  display: flex;
  gap: 1rem;
  overflow: hidden;
  flex-wrap: wrap;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 980px) {
  main .block-products .app-content-contact .formContent li {
    gap: 2rem;
    flex-wrap: nowrap;
  }
}
main .block-products .app-content-contact .formContent li + li {
  border-top: 1px solid #d0d0d0;
}
main .block-products .app-content-contact .formContent li label, main .block-products .app-content-contact .formContent li .label {
  font-weight: 600;
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-products .app-content-contact .formContent li label, main .block-products .app-content-contact .formContent li .label {
    width: 35%;
  }
}
main .block-products .app-content-contact .formContent li .formContent-box {
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-products .app-content-contact .formContent li .formContent-box {
    width: 65%;
  }
}
main .block-products .app-content-contact .formContent li .formContent-box input[type=text], main .block-products .app-content-contact .formContent li .formContent-box textArea, main .block-products .app-content-contact .formContent li .formContent-box select {
  padding-top: 0.2rem;
  width: 100%;
}
main .block-products .app-content-contact .formContent li .formContent-box textArea {
  height: 30rem;
}
main .block-products .app-content-contact .formContent li .formContent-box .input-error {
  color: #e60012;
}
main .block-products .app-content-contact .submitBtn {
  display: flex;
  justify-content: center;
  gap: 3rem;
}
main .block-products .app-content-contact .submitBtn li {
  text-align: center;
}
main .block-products .app-content-contact .submitBtn li input[type=submit] {
  margin-inline: auto;
  padding: 2rem;
  min-width: 16rem;
}
main .block-products .app-content-contact .submitBtn li + li {
  margin-top: 0;
}
main .block-products .app-content-faq .inner .point-box {
  border-radius: 0.5rem;
  filter: drop-shadow(0 0 0.4rem rgba(0, 0, 0, 0.3));
}
main .block-products .app-content-faq .inner .point-box h3, main .block-products .app-content-faq .inner .point-box h4 {
  margin-bottom: 0;
}
main .block-products .app-content-faq .inner .point-box + .answer-box {
  margin-top: 1rem;
}
main .block-products .app-content-faq .inner .answer-box {
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.1));
  padding: 2rem;
  position: relative;
}
main .block-products .app-content-faq .inner .answer-box.flex-box {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  padding-left: 0;
}
@media screen and (min-width: 980px) {
  main .block-products .app-content-faq .inner .answer-box.flex-box {
    gap: 2rem;
  }
}
main .block-products .app-content-faq .inner .answer-box-title {
  background-color: #d0d0d0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
@media screen and (min-width: 980px) {
  main .block-products .app-content-faq .inner .answer-box-title {
    position: static;
  }
}
main .block-products .app-content-faq .inner .answer-box-title + div {
  margin-top: 0;
}
main .block-products .app-content-faq .inner .answer-box-text {
  padding-left: 2rem;
  padding-top: 3rem;
  width: 100%;
}
@media screen and (min-width: 980px) {
  main .block-products .app-content-faq .inner .answer-box-text {
    padding: 0;
  }
}
main .block-products .app-content-faq .vert-h3-line, main .block-products .app-content-faq .vert-h5-line, main .block-products .app-content-faq .vert-h6-line, main .block-products .app-content-faq .vert-h9-line, main .block-products .app-content-faq .vert-h12-line, main .block-products .app-content-faq .vert-h18-line {
  border-top-color: #e0e0e0;
}
main .block-products .app-content-product .column-2.u-cont-w50 div + div, main .block-products .app-content-product .column-2.u-cont-w60 div + div, main .block-products .app-content-product .column-2.u-cont-w80 div + div {
  margin-top: 0;
}
main .block-products.block-dealer {
  padding-bottom: 0;
  padding-top: 0;
}
main .block-products.block-dealer ul li.iq a {
  color: black !important;
}
main .block-products.block-dealer ul li.iq a:hover {
  color: white !important;
}
main .block-tab {
  background-color: white;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  position: sticky;
  top: 0;
  z-index: 51;
}
main .block-tab.move {
  position: relative;
}
main .block-tab .container {
  position: relative;
}
@media screen and (min-width: 780px) {
  main .block-tab .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
main .block-tab .container h1 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  font-size: clamp(2rem, 1.878rem + 0.7vw, 2.4rem);
  line-height: 5rem;
  white-space: nowrap;
}
@media screen and (min-width: 780px) {
  main .block-tab .container h1 {
    margin-right: 5rem;
  }
}
main .block-tab .container h1 a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-tab .container h1 a {
    display: none;
  }
}
main .block-tab .container h1 a span {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: 0.5rem;
}
main .block-tab .container h1 a span::after {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 400;
  margin-left: 0.5rem;
}
main .block-tab .container h1 a.menu-title {
  width: auto;
}
@media screen and (min-width: 780px) {
  main .block-tab .container h1 a.menu-title {
    display: flex;
  }
}
main .block-tab .container h1 a.menu-title::after {
  content: "";
}
main .block-tab .container h1 a:hover, main .block-tab .container h1 a:focus {
  text-decoration: none;
}
main .block-tab .container h1 a::after {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f0c9";
  font-weight: 900;
  font-size: 33px;
  font-size: 3.3rem;
  margin-left: auto;
}
main .block-tab .container h1.index a span::after {
  content: "製品特徴";
}
main .block-tab .container h1.lineup a span::after {
  content: "ラインアップ";
}
main .block-tab .container h1.speclist a span::after {
  content: "機能一覧";
}
main .block-tab .container h1.option a span::after {
  content: "オプション";
}
main .block-tab .container h1.function a span::after {
  content: "特徴";
}
main .block-tab .container h1.dealer a span::after {
  content: "取扱店";
}
main .block-tab .container h1.jp-title {
  font-size: clamp(1.7rem, 1.578rem + 0.67vw, 2.1rem);
}
main .block-tab .container ul {
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.3));
  height: 0;
  overflow: hidden;
  padding-left: 1rem;
  padding-right: 1rem;
  pointer-events: none;
  position: absolute;
  top: 6rem;
  width: 100%;
}
@media screen and (min-width: 780px) {
  main .block-tab .container ul {
    filter: none;
    display: flex !important;
    gap: 0.5rem;
    height: auto !important;
    padding: 0;
    pointer-events: auto;
    position: relative;
    top: auto;
    width: auto;
  }
}
main .block-tab .container ul li {
  font-size: clamp(1.3rem, 1.27rem + 0.17vw, 1.4rem);
}
@media screen and (min-width: 780px) {
  main .block-tab .container ul li a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 5rem;
    position: relative;
  }
}
main .block-tab .container ul li a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  font-size: 50%;
  vertical-align: middle;
  margin-right: 1rem;
}
@media screen and (min-width: 780px) {
  main .block-tab .container ul li a::before {
    font-size: 7px;
    font-size: 0.7rem;
    margin-right: 0.5rem;
  }
}
@media screen and (min-width: 780px) {
  main .block-tab .container ul li a::after {
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s ease-out;
    width: 100%;
  }
}
main .block-tab .container ul li a:hover, main .block-tab .container ul li a:focus {
  text-decoration: none;
}
@media screen and (min-width: 780px) {
  main .block-tab .container ul li a:hover::after, main .block-tab .container ul li a:focus::after {
    transform: scale(1, 1);
  }
}
main .block-tab .container ul li + li {
  border-top: #e0e0e0 1px solid;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
@media screen and (min-width: 780px) {
  main .block-tab .container ul li + li {
    border-top: none;
    margin-top: 0;
    margin-left: 2rem;
    padding-top: 0;
  }
}
@media screen and (min-width: 980px) {
  main .block-tab .container ul li + li {
    margin-left: 3rem;
  }
}
main .block-tab .container ul li.active a {
  color: #d0d0d0;
}
@media screen and (min-width: 780px) {
  main .block-tab .container ul li.active a {
    color: black;
  }
}
@media screen and (min-width: 780px) {
  main .block-tab .container ul li.active a::after {
    transform: scale(1, 1);
  }
}
main .block-tab .container ul li.pdf a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f1c1";
  font-weight: 900;
  font-size: 90%;
  font-weight: 400;
}
main .block-tab .container ul li.mail a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f0e0";
  font-weight: 900;
  font-size: 90%;
  font-weight: 400;
}
main .block-tab .container ul li.store a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f54f";
  font-weight: 900;
}
main .block-tab .container ul li.blank-af a i, main .block-tab .container ul li.blank-be a i {
  color: #a0a0a0;
  font-size: 7px;
  font-size: 0.7rem;
}
main .block-tab .container ul li.blank-af a i {
  margin-left: 0.5rem;
}
main .block-tab .container ul li.blank-be a i {
  margin-right: 0.5rem;
}
main .block-tab .container ul li.page-scroll a::before {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f0dc";
  font-weight: 900;
}
main .block-tab.open .container h1 a::after {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f00d";
  font-weight: 900;
  font-size: 33px;
  font-size: 3.3rem;
}
main .block-tab.open .container h1 a.menu-title::after {
  content: "";
}
main .block-tab.open .container ul {
  padding-bottom: 1rem;
  padding-top: 1rem;
  pointer-events: auto;
}
@media screen and (min-width: 780px) {
  main .block-tab.open .container ul {
    padding: 0;
  }
}
main .block-tab.corp {
  filter: drop-shadow(0 0.3rem 0.2rem rgba(0, 0, 0, 0.3));
}
main .block-tab.corp .container h1 {
  font-size: 11px;
  font-size: 1.1rem;
  white-space: nowrap;
}
main .block-tab.corp .container h1.company a span::after {
  content: "会社案内";
}
main .block-tab.corp .container h1.important a span::after {
  content: "お知らせ";
}
main .block-tab.corp .container h1.news a span::after {
  content: "ニュースリリース";
}
main .block-tab.corp .container h1.recruit a span::after {
  content: "採用・キャリア";
}
@media screen and (min-width: 780px) {
  main .block-tab.corp .container h1 {
    display: none;
  }
}
@media screen and (min-width: 780px) {
  main .block-tab.corp .container ul li {
    font-weight: 600;
  }
}
@media screen and (min-width: 780px) {
  main .block-tab.corp .container ul li a {
    position: relative;
  }
}
@media screen and (min-width: 780px) {
  main .block-tab.corp .container ul li a::after {
    background-color: #d61518;
    bottom: 0.1rem;
    height: 0.2rem;
  }
}
main .block-tab.sports {
  filter: drop-shadow(0 0.3rem 0.2rem rgba(0, 0, 0, 0.3));
}
main .block-tab.sports h1 {
  font-size: clamp(1.5rem, 1.27rem + 0.17vw, 1.6rem);
  font-weight: 600;
  white-space: nowrap;
}
main .block-tab.sports h1 a.menu-title {
  width: auto;
}
@media screen and (min-width: 780px) {
  main .block-tab.sports h1 a.menu-title {
    display: flex;
  }
}
main .block-tab.sports h1 a.menu-title::after {
  content: "";
}
main .block-tab.sports h1.valleyball a span::after {
  content: "バレーボール";
}
main .block-tab.sports h1.motorsports a span::after {
  content: "モータースポーツ";
}
main .block-tab.sports h1.golf a span::after {
  content: "ゴルフ";
}
@media screen and (max-width: 779px) {
  main .block-tab.sports ul {
    border-radius: 1rem;
  }
}
@media screen and (max-width: 779px) {
  main .block-tab.sports ul li a {
    display: block;
    line-height: 2.8;
  }
}
@media screen and (min-width: 780px) {
  main .block-tab.sports ul li.active a {
    position: relative;
  }
}
@media screen and (min-width: 780px) {
  main .block-tab.sports ul li.active a::after {
    background-color: white;
    bottom: 0;
    content: "";
    height: 0.2rem;
    position: absolute;
    width: 100%;
  }
}
main .block-comparison h3 {
  font-weight: 600;
}
main .block-comparison .subnavi {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 201;
}
@media screen and (min-width: 780px) {
  main .block-comparison .subnavi {
    left: 0;
    right: auto;
  }
}
main .block-comparison .subnavi-menu {
  background-color: rgba(255, 255, 255, 0.8);
}
main .block-comparison .subnavi-menu ul li {
  font-size: clamp(1.2rem, 1.141rem + 0.3vw, 1.4rem);
  writing-mode: vertical-lr;
}
main .block-comparison .subnavi-menu ul li a {
  color: #707070 !important;
  display: block;
  padding-bottom: 0.8rem;
  padding-top: 0.8rem;
}
@media screen and (min-width: 980px) {
  main .block-comparison .subnavi-menu ul li a {
    border-left: 0.2rem solid #d0d0d0;
    line-height: 2.2;
  }
}
main .block-comparison .subnavi-menu ul li a:hover {
  background-color: #d61518;
  color: white !important;
  text-decoration: none;
}
@media screen and (min-width: 980px) {
  main .block-comparison .subnavi-menu ul li a:hover {
    border-left: 0.2rem solid #d61518;
  }
}
main .block-comparison .subnavi-menu ul li.active a {
  background-color: #d61518;
  color: white !important;
}
@media screen and (min-width: 980px) {
  main .block-comparison .subnavi-menu ul li.active a {
    border-left: 0.2rem solid #d61518;
  }
}
main .block-comparison .fixednavi {
  background-color: transparent;
  padding: 0;
  position: fixed;
  z-index: 901;
}
main .block-comparison .fixednavi div + div {
  margin-top: 0;
}
main .block-comparison .fixednavi .inner {
  position: relative;
}
main .block-comparison .fixednavi .drawer {
  bottom: 0;
  filter: drop-shadow(0 -0.2rem 0.5rem rgba(0, 0, 0, 0.2));
  position: absolute;
  width: 100%;
  z-index: 902;
}
main .block-comparison .fixednavi .drawer-menu {
  background: white;
  display: block;
  position: relative;
  width: 50%;
}
main .block-comparison .fixednavi .drawer-menu label {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  font-weight: 600;
  line-height: 4rem;
  margin-inline: auto;
}
main .block-comparison .fixednavi .drawer-menu label i {
  margin-right: 0.5rem;
}
main .block-comparison .fixednavi .drawer-menu label.close {
  display: none;
  pointer-events: none;
}
main .block-comparison .fixednavi .drawer-menu.active {
  border-radius: 0.5rem 0.5rem 0 0;
  left: 5%;
  width: 30%;
}
main .block-comparison .fixednavi .drawer-menu.active label.close {
  display: flex;
  pointer-events: auto;
}
main .block-comparison .fixednavi .drawer-menu.active label.open {
  display: none;
}
main .block-comparison .fixednavi .drawer-box {
  background: white;
  height: 92vh;
  padding: 2rem;
  padding-left: 4%;
  padding-right: 4%;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 480px) {
  main .block-comparison .fixednavi .drawer-box {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (min-width: 1200px) {
  main .block-comparison .fixednavi .drawer-box {
    padding-bottom: 3rem;
    padding-left: calc((100% - 118rem) / 2);
    padding-right: calc((100% - 118rem) / 2);
    padding-top: 3rem;
  }
}
main .block-comparison .fixednavi .drawer-box h2 {
  font-size: clamp(2.1rem, 1.918rem + 0.91vw, 2.6rem);
  margin-bottom: 3rem;
}
main .block-comparison .fixednavi .drawer-box h2.line {
  padding-bottom: 1rem;
}
main .block-comparison .fixednavi .drawer + .drawer {
  left: 50%;
}
main .block-comparison .fixednavi .drawer + .drawer .drawer-box {
  transform: translateX(-50%);
}
main .block-comparison .fixednavi .drawer.active {
  filter: drop-shadow(0 -0.4rem 0.6rem rgba(0, 0, 0, 0.4));
  z-index: 903;
}
main .block-comparison .fixednavi .drawer .search-tab {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
main .block-comparison .fixednavi .drawer .search-tab input {
  display: none;
}
main .block-comparison .fixednavi .drawer .search-tab > label {
  background-color: #e0e0e0;
  border-bottom: 2px solid #d61518;
  border-top: 2px solid #e0e0e0;
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
  border-radius: 0.5rem 0.5rem 0 0;
  color: #a0a0a0;
  cursor: pointer;
  flex: 1 1;
  font-size: clamp(1.6rem, 1.527rem + 0.36vw, 1.8rem);
  font-weight: 600;
  order: -1;
  padding-bottom: 1rem;
  padding-top: 1rem;
  text-align: center;
  width: 50%;
}
main .block-comparison .fixednavi .drawer .search-tab > label:hover {
  opacity: 0.8;
}
main .block-comparison .fixednavi .drawer .search-tab > div {
  display: none;
  width: 100%;
  padding-top: 3rem;
}
main .block-comparison .fixednavi .drawer .search-tab label:has(:checked) {
  background-color: white;
  border-top: 2px solid #d61518;
  border-left: 2px solid #d61518;
  border-right: 2px solid #d61518;
  border-bottom: 2px solid white;
  color: #d61518;
}
main .block-comparison .fixednavi .drawer .search-tab label:has(:checked) + div {
  display: block;
}
main .block-comparison .fixednavi .drawer .search-tab__outline-02, main .block-comparison .fixednavi .drawer .search-tab__outline-01 {
  height: 100%;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword {
  position: relative;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-area {
  border: 1px solid #d0d0d0;
  border-radius: 0.3rem;
  position: relative;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-area-input {
  display: block;
  height: 5rem;
  margin-right: 6rem;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-area-input input {
  border: 0;
  box-sizing: border-box;
  display: block;
  height: 100%;
  outline: none;
  padding: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-area-input input::-moz-placeholder {
  font-size: clamp(1.3rem, 1.341rem + 0.3vw, 1.5rem);
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-area-input input::placeholder {
  font-size: clamp(1.3rem, 1.341rem + 0.3vw, 1.5rem);
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-area-submit {
  background-color: #f0f0f0;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 4rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 4rem;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-area-submit i {
  font-size: 20px;
  font-size: 2rem;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-result {
  background-color: white;
  border-radius: 1rem;
  filter: drop-shadow(0 0.2rem 0.5rem rgba(0, 0, 0, 0.4));
  max-height: 40vh;
  overflow-y: auto;
  padding: 2rem;
  position: absolute;
  top: 6rem;
  width: 100%;
  z-index: 100;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-result-list a {
  background: linear-gradient(to right, white 0%, white 100%);
  color: black !important;
  display: block;
  transition: all 0.3s ease-out;
  position: relative;
}
@media screen and (min-width: 780px) {
  main .block-comparison .fixednavi .drawer .search-tab__keyword-result-list a {
    align-items: center;
    display: flex;
  }
}
@media screen and (max-width: 779px) {
  main .block-comparison .fixednavi .drawer .search-tab__keyword-result-list a {
    line-height: 1.5;
  }
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-result-list a::after {
  color: #a0a0a0 !important;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  font-size: 80%;
  position: absolute;
  right: 0;
  top: 50%;
  transition: all 0.3s ease-out;
  transform: translateY(-50%);
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-result-list a:hover {
  background: linear-gradient(to right, white 0%, #e0e0e0 100%);
  text-decoration: none;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-result-list a:hover::after {
  right: 1rem;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-result-list a small {
  font-size: 11px;
  font-size: 1.1rem;
  display: block;
  color: #505050 !important;
}
@media screen and (min-width: 780px) {
  main .block-comparison .fixednavi .drawer .search-tab__keyword-result-list a small {
    background-color: #d0d0d0;
    border-radius: 0.3rem;
    margin-right: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-result-list + div {
  border-top: 1px solid #e0e0e0;
  margin-top: 1rem;
  padding-top: 1rem;
}
main .block-comparison .fixednavi .drawer .search-tab__keyword-result.u-show {
  visibility: visible;
}
main .block-comparison .fixednavi .drawer .search-tab__choice dl {
  border: none;
}
@media screen and (max-width: 779px) {
  main .block-comparison .fixednavi .drawer .search-tab__choice dl {
    display: block;
  }
}
@media screen and (min-width: 780px) {
  main .block-comparison .fixednavi .drawer .search-tab__choice dl {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
}
main .block-comparison .fixednavi .drawer .search-tab__choice dl dd {
  border: none;
  display: flex;
  gap: 1rem 2rem;
  margin-left: 0;
  width: auto;
}
@media screen and (max-width: 779px) {
  main .block-comparison .fixednavi .drawer .search-tab__choice dl dd {
    padding-left: 0.2rem;
  }
}
@media screen and (min-width: 780px) {
  main .block-comparison .fixednavi .drawer .search-tab__choice dl dd {
    border-top: 1px solid #f0f0f0;
    gap: 1rem 3rem;
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
@media screen and (max-width: 779px) {
  main .block-comparison .fixednavi .drawer .search-tab__choice dl dd + dt {
    border-top: 1px solid #f0f0f0;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
}
main .block-comparison .fixednavi .drawer .search-tab__choice dl dd div {
  border: none;
}
main .block-comparison .fixednavi .drawer .search-tab__choice dl dd div label {
  gap: 0.5rem;
}
main .block-comparison .fixednavi .drawer .search-tab__choice dl dd div label input[type=checkbox] {
  border-radius: 0.3rem;
  border: 1px solid #d0d0d0;
  display: inline-block;
  height: auto;
  accent-color: #d61518;
  transform: scale(1.2);
}
main .block-comparison .fixednavi .drawer .search-tab__choice dl dd div label:has(:checked) {
  border: none;
}
main .block-comparison .fixednavi .drawer .search-tab__choice dl dt {
  padding-right: 2rem;
  width: auto;
}
@media screen and (min-width: 780px) {
  main .block-comparison .fixednavi .drawer .search-tab__choice dl dt {
    border-top: 1px solid #f0f0f0;
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
@media screen and (max-width: 779px) {
  main .block-comparison .fixednavi .drawer .search-tab__choice dl dt + dd {
    margin-top: 0.5rem;
  }
}
main .block-comparison .fixednavi .drawer .search-tab__choice dl dt:first-child {
  border: none;
  margin: 0;
  padding: 0;
}
main .block-comparison .fixednavi .drawer .search-tab__choice dl dt:first-child + dd {
  border: none;
  margin: 0;
  padding-top: 0;
}
main .block-comparison .fixednavi .drawer .search-tab__result {
  background-color: white;
  bottom: 0;
  filter: drop-shadow(0 -0.2rem 0.5rem rgba(0, 0, 0, 0.2));
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
main .block-comparison .fixednavi .drawer .search-tab__result.active {
  filter: drop-shadow(0 -0.4rem 0.6rem rgba(0, 0, 0, 0.2));
}
main .block-comparison .fixednavi .drawer .search-tab__result-group {
  height: 90vh;
}
main .block-comparison .fixednavi .drawer .search-tab__result .btn {
  font-weight: 600;
}
main .block-comparison .fixednavi .drawer .search-tab__result .btn a {
  background-color: white !important;
  color: #d61518 !important;
  filter: none;
  line-height: 2rem;
  max-width: inherit;
  padding-left: 1rem;
  padding-right: 1rem;
}
main .block-comparison .fixednavi .drawer .search-tab__result .btn a:hover {
  color: #707070 !important;
}
main .block-comparison .fixednavi .drawer .search-tab__result .btn a i {
  margin-right: 1rem;
  position: static;
  transform: none;
}
main .block-comparison .swiper-header {
  position: relative;
}
main .block-comparison .swiper-header .number {
  font-size: clamp(1.7rem, 1.639rem + 0.35vw, 1.9rem);
  font-weight: 600;
  line-height: 1.4;
}
main .block-comparison .swiper-header .number strong {
  font-size: clamp(2.2rem, 1.878rem + 0.7vw, 2.6rem);
}
main .block-comparison .swiper-header .number span {
  font-size: clamp(1.4rem, 1.47rem + 0.17vw, 1.5rem);
  font-weight: 400;
}
main .block-comparison .swiper-header .button {
  display: flex;
  gap: 2rem;
  margin-top: 0;
  right: 0;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 779px) {
  main .block-comparison .swiper-header .button {
    padding-right: 2rem;
  }
}
@media screen and (max-width: 479px) {
  main .block-comparison .swiper-header .button {
    justify-content: right;
    padding-top: 1rem;
  }
}
main .block-comparison .swiper-header .button .prev1,
main .block-comparison .swiper-header .button .next1 {
  background-color: black;
  border-radius: 50%;
  color: white;
  height: 5rem;
  margin-top: 0;
  position: static;
  width: 5rem;
}
@media screen and (min-width: 980px) {
  main .block-comparison .swiper-header .button .prev1,
  main .block-comparison .swiper-header .button .next1 {
    height: 6rem;
    width: 6rem;
  }
}
main .block-comparison .swiper-header .button .prev1::after {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f053";
  font-weight: 900;
  font-size: 100%;
}
@media screen and (min-width: 980px) {
  main .block-comparison .swiper-header .button .prev1::after {
    font-size: 120%;
  }
}
main .block-comparison .swiper-header .button .next1::after {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font-weight: 900;
  font-size: 100%;
}
@media screen and (min-width: 980px) {
  main .block-comparison .swiper-header .button .next1::after {
    font-size: 120%;
  }
}
main .block-comparison .swiper-wrapper div + div {
  margin-top: 0;
}
main .block-comparison .swiper-wrapper h4, main .block-comparison .swiper-wrapper h5, main .block-comparison .swiper-wrapper p, main .block-comparison .swiper-wrapper li {
  font-size: clamp(1.2rem, 1.111rem + 0.44vw, 1.5rem);
  line-height: 1.8;
}
main .block-comparison .swiper-wrapper h4, main .block-comparison .swiper-wrapper h5 {
  margin-bottom: 0.8rem;
  padding-bottom: 0.4rem;
  padding-left: 1rem;
  padding-top: 0.4rem;
}
@media screen and (min-width: 480px) {
  main .block-comparison .swiper-wrapper h4, main .block-comparison .swiper-wrapper h5 {
    padding-left: 2rem;
  }
}
main .block-comparison .swiper-wrapper h4 {
  background-color: #d0d0d0;
}
main .block-comparison .swiper-wrapper h4 + h5 {
  margin-top: 1.6rem;
}
main .block-comparison .swiper-wrapper h5 {
  background-color: #f0f0f0;
}
main .block-comparison .swiper-wrapper p {
  padding-left: 1rem;
}
@media screen and (min-width: 480px) {
  main .block-comparison .swiper-wrapper p {
    padding-left: 2rem;
  }
}
main .block-comparison .swiper-wrapper p i {
  margin-right: 0.5rem;
}
main .block-comparison .swiper-wrapper p + h4 {
  margin-top: 2.4rem;
}
main .block-comparison .swiper-wrapper p + h5 {
  margin-top: 1.6rem;
}
main .block-comparison .swiper-wrapper.item .swiper-slide {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 480px) {
  main .block-comparison .swiper-wrapper.item .swiper-slide {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
main .block-comparison .swiper-wrapper.item .swiper-slide h3 {
  font-size: clamp(1.5rem, 1.57rem + 0.17vw, 1.7rem);
  margin-bottom: 0.5rem;
  text-align: center;
}
main .block-comparison .swiper-wrapper.item .swiper-slide .item-card {
  padding-left: 1rem;
  padding-right: 1rem;
}
main .block-comparison .swiper-wrapper.item .swiper-slide .item-card li {
  font-size: clamp(1.2rem, 1.111rem + 0.44vw, 1.5rem);
  text-align: center;
}
main .block-comparison .swiper-wrapper.item .swiper-slide .item-card li a {
  border: 1px solid #505050;
  color: #707070 !important;
  display: block;
  border-radius: 0.5rem;
  padding: 0.2rem;
}
main .block-comparison .swiper-wrapper.item .swiper-slide .item-card li a:hover {
  background-color: #505050;
  color: white !important;
  text-decoration: none;
}
main .block-comparison .swiper-wrapper.item .swiper-slide .item-card li + li {
  margin-top: 0.4rem;
}
main .block-comparison .container {
  padding-bottom: 7rem;
  padding-top: 7rem;
}
@media screen and (min-width: 980px) {
  main .block-comparison .container {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
}

#car main a {
  color: #d61518;
}
#car main h2.line::after, #car main h3.line::after {
  border-bottom-color: #d61518;
}
#car main h2.line span.box, #car main h3.line span.box {
  background-color: #d61518;
}
#car main .btn a {
  background-color: #d61518;
}
#car main .btn-dealer a, #car main .btn-fixednavi a {
  background-color: #d61518;
}
#car main .btn-end_production.successor a {
  background-color: #d61518;
}
#car main .block-title.products h2 {
  border-left-color: #d61518;
}
#car main .block-products h2.line small, #car main .block-products h3.line small {
  color: #d61518;
}
#car main .block-products .column-1 p.title.main, #car main .block-products .column-2 p.title.main, #car main .block-products .column-img p.title.main {
  background-color: #d61518;
}
#car main .block-products .column-list li::before {
  color: #d61518;
}
#car main .block-products.head .info-slide .splide__pagination__page.is-active {
  background-color: #d61518;
}
#car main .block-products.head .info-outline-connection ul li.line a .feature-icon {
  background-color: #d61518;
}
#car main .block-products.head .info-outline-connection ul li.line a:hover .feature-text p {
  color: #d61518;
}
#car main .block-products.head .info-outline-connection ul li.line a:hover::after {
  color: #d61518;
}

#bike main a {
  color: #008aab;
}
#bike main h2.line::after, #bike main h3.line::after {
  border-bottom-color: #008aab;
}
#bike main h2.line span.box, #bike main h3.line span.box {
  background-color: #008aab;
}
#bike main .btn a {
  background-color: #008aab;
}
#bike main .btn-dealer a, #bike main .btn-fixednavi a {
  background-color: #008aab;
}
#bike main .btn-end_production.successor a {
  background-color: #008aab;
}
#bike main .block-title.products h2 {
  border-left-color: #008aab;
}
#bike main .block-products h2.line small, #bike main .block-products h3.line small {
  color: #008aab;
}
#bike main .block-products .column-1 p.title.main, #bike main .block-products .column-2 p.title.main, #bike main .block-products .column-img p.title.main {
  background-color: #008aab;
}
#bike main .block-products .column-list li::before {
  color: #008aab;
}
#bike main .block-products.head .info-slide .splide__pagination__page.is-active {
  background-color: #008aab;
}
#bike main .block-products.head .info-outline-connection ul li.line a .feature-icon {
  background-color: #008aab;
}
#bike main .block-products.head .info-outline-connection ul li.line a:hover .feature-text p {
  color: #008aab;
}
#bike main .block-products.head .info-outline-connection ul li.line a:hover::after {
  color: #008aab;
}

#golf main a, #sports main a {
  color: #00ae41;
}
#golf main h2.line::after, #golf main h3.line::after, #sports main h2.line::after, #sports main h3.line::after {
  border-bottom-color: #00ae41;
}
#golf main h2.line span.box, #golf main h3.line span.box, #sports main h2.line span.box, #sports main h3.line span.box {
  background-color: #00ae41;
}
#golf main .btn a, #sports main .btn a {
  background-color: #00ae41;
}
#golf main .btn-dealer a, #golf main .btn-fixednavi a, #sports main .btn-dealer a, #sports main .btn-fixednavi a {
  background-color: #00ae41;
}
#golf main .btn-end_production.successor a, #sports main .btn-end_production.successor a {
  background-color: #00ae41;
}
#golf main .block-title.products h2, #sports main .block-title.products h2 {
  border-left-color: #00ae41;
}
#golf main .block-products h2.line small, #golf main .block-products h3.line small, #sports main .block-products h2.line small, #sports main .block-products h3.line small {
  color: #00ae41;
}
#golf main .block-products .column-1 p.title.main, #golf main .block-products .column-2 p.title.main, #golf main .block-products .column-img p.title.main, #sports main .block-products .column-1 p.title.main, #sports main .block-products .column-2 p.title.main, #sports main .block-products .column-img p.title.main {
  background-color: #00ae41;
}
#golf main .block-products .column-list li::before, #sports main .block-products .column-list li::before {
  color: #00ae41;
}
#golf main .block-products.head .info-slide .splide__pagination__page.is-active, #sports main .block-products.head .info-slide .splide__pagination__page.is-active {
  background-color: #00ae41;
}
#golf main .block-products.head .info-outline-connection ul li.line a .feature-icon, #sports main .block-products.head .info-outline-connection ul li.line a .feature-icon {
  background-color: #00ae41;
}
#golf main .block-products.head .info-outline-connection ul li.line a:hover .feature-text p, #sports main .block-products.head .info-outline-connection ul li.line a:hover .feature-text p {
  color: #00ae41;
}
#golf main .block-products.head .info-outline-connection ul li.line a:hover::after, #sports main .block-products.head .info-outline-connection ul li.line a:hover::after {
  color: #00ae41;
}

#robot main a {
  color: #6a5da5;
}
#robot main h2.line::after, #robot main h3.line::after {
  border-bottom-color: #6a5da5;
}
#robot main h2.line span.box, #robot main h3.line span.box {
  background-color: #6a5da5;
}
#robot main .btn a {
  background-color: #6a5da5;
}
#robot main .btn-dealer a, #robot main .btn-fixednavi a {
  background-color: #6a5da5;
}
#robot main .btn-end_production.successor a {
  background-color: #6a5da5;
}
#robot main .block-title.products h2 {
  border-left-color: #6a5da5;
}
#robot main .block-products h2.line small, #robot main .block-products h3.line small {
  color: #6a5da5;
}
#robot main .block-products .column-1 p.title.main, #robot main .block-products .column-2 p.title.main, #robot main .block-products .column-img p.title.main {
  background-color: #6a5da5;
}
#robot main .block-products .column-list li::before {
  color: #6a5da5;
}
#robot main .block-products.head .info-slide .splide__pagination__page.is-active {
  background-color: #6a5da5;
}
#robot main .block-products.head .info-outline-connection ul li.line a .feature-icon {
  background-color: #6a5da5;
}
#robot main .block-products.head .info-outline-connection ul li.line a:hover .feature-text p {
  color: #6a5da5;
}
#robot main .block-products.head .info-outline-connection ul li.line a:hover::after {
  color: #6a5da5;
}

#dealer main a, #support main a {
  color: #069;
}
#dealer main h2.line::after, #dealer main h3.line::after, #support main h2.line::after, #support main h3.line::after {
  border-bottom-color: #069;
}
#dealer main h2.line span.box, #dealer main h3.line span.box, #support main h2.line span.box, #support main h3.line span.box {
  background-color: #069;
}
#dealer main .btn a, #support main .btn a {
  background-color: #069;
}
#dealer main .btn-dealer a, #dealer main .btn-fixednavi a, #support main .btn-dealer a, #support main .btn-fixednavi a {
  background-color: #069;
}
#dealer main .btn-end_production.successor a, #support main .btn-end_production.successor a {
  background-color: #069;
}
#dealer main .block-title.products h2, #support main .block-title.products h2 {
  border-left-color: #069;
}
#dealer main .block-products h2.line small, #dealer main .block-products h3.line small, #support main .block-products h2.line small, #support main .block-products h3.line small {
  color: #069;
}
#dealer main .block-products .column-1 p.title.main, #dealer main .block-products .column-2 p.title.main, #dealer main .block-products .column-img p.title.main, #support main .block-products .column-1 p.title.main, #support main .block-products .column-2 p.title.main, #support main .block-products .column-img p.title.main {
  background-color: #069;
}
#dealer main .block-products .column-list li::before, #support main .block-products .column-list li::before {
  color: #069;
}
#dealer main .block-products .column-list li.disabled::before, #support main .block-products .column-list li.disabled::before {
  color: #d0d0d0;
}
#dealer main .block-products.head .info-slide .splide__pagination__page.is-active, #support main .block-products.head .info-slide .splide__pagination__page.is-active {
  background-color: #069;
}
#dealer main .block-products.head .info-outline-connection ul li.line a .feature-icon, #support main .block-products.head .info-outline-connection ul li.line a .feature-icon {
  background-color: #069;
}
#dealer main .block-products.head .info-outline-connection ul li.line a:hover .feature-text p, #support main .block-products.head .info-outline-connection ul li.line a:hover .feature-text p {
  color: #069;
}
#dealer main .block-products.head .info-outline-connection ul li.line a:hover::after, #support main .block-products.head .info-outline-connection ul li.line a:hover::after {
  color: #069;
}
#dealer main .block-dealer ul li.iq a, #support main .block-dealer ul li.iq a {
  color: black;
}
#dealer main .block-dealer ul li.iq a:hover, #support main .block-dealer ul li.iq a:hover {
  color: white;
}
#dealer main .block-support.db-index .subnavi-menu ul li a, #support main .block-support.db-index .subnavi-menu ul li a {
  color: black;
}
#dealer main .block-support.db-index .subnavi-menu ul li a:hover, #support main .block-support.db-index .subnavi-menu ul li a:hover {
  color: #707070;
}
#dealer main .block-support.db-index .subnavi-menu ul li.active a, #support main .block-support.db-index .subnavi-menu ul li.active a {
  color: #069;
}
#dealer main .block-support.db-index .db-index-category .list ul li a:hover, #dealer main .block-support.db-index .db-index-category .list ul li a:focus, #support main .block-support.db-index .db-index-category .list ul li a:hover, #support main .block-support.db-index .db-index-category .list ul li a:focus {
  color: white;
}
#dealer main .block-support.db-results.search .btn a, #support main .block-support.db-results.search .btn a {
  background-color: transparent;
  color: #069;
}
#dealer main .block-support.db-results.search .btn a:hover, #support main .block-support.db-results.search .btn a:hover {
  background-color: #069;
  color: white;
}
#dealer main .block-support.db-results.search .btn.active a, #support main .block-support.db-results.search .btn.active a {
  color: #a0a0a0;
}
#dealer main .block-support.db-results.search .btn.active a:hover, #support main .block-support.db-results.search .btn.active a:hover {
  background-color: #a0a0a0;
  color: white;
}
#dealer main .block-support.db-results.adjust .container .inner.narrow .pagination ul li a, #support main .block-support.db-results.adjust .container .inner.narrow .pagination ul li a {
  color: #a0a0a0;
}
#dealer main .block-support.db-results.adjust .container .inner.narrow .pagination ul li a:hover, #support main .block-support.db-results.adjust .container .inner.narrow .pagination ul li a:hover {
  color: #069;
}
#dealer main .block-support.db-results.adjust .container .inner.narrow .pagination ul li.active a, #support main .block-support.db-results.adjust .container .inner.narrow .pagination ul li.active a {
  color: #069;
}
#dealer main .block-support.db-results .list ul li a:hover, #dealer main .block-support.db-results .list ul li a:focus, #support main .block-support.db-results .list ul li a:hover, #support main .block-support.db-results .list ul li a:focus {
  color: #069;
}
#dealer main .block-support.db-results .list ul li a:hover div h3 small, #dealer main .block-support.db-results .list ul li a:focus div h3 small, #support main .block-support.db-results .list ul li a:hover div h3 small, #support main .block-support.db-results .list ul li a:focus div h3 small {
  color: #069;
}
#dealer main .block-support.db-results .list ul li a:hover div p, #dealer main .block-support.db-results .list ul li a:focus div p, #support main .block-support.db-results .list ul li a:hover div p, #support main .block-support.db-results .list ul li a:focus div p {
  color: #069;
}
#dealer main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3 a, #dealer main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 a, #support main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3 a, #support main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 a {
  color: #707070;
}
#dealer main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3 a:hover, #dealer main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 a:hover, #support main .block-support.db-detail .container .inner .column-2 .imge .block-tab h3 a:hover, #support main .block-support.db-detail .container .inner.column-2 .imge .block-tab h3 a:hover {
  color: #505050;
}
#dealer main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li a, #dealer main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li a, #support main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li a, #support main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li a {
  color: #707070;
}
#dealer main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li a:hover, #dealer main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li a:hover, #support main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li a:hover, #support main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li a:hover {
  color: #069;
}
@media screen and (min-width: 980px) {
  #dealer main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li.active a, #dealer main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li.active a, #support main .block-support.db-detail .container .inner .column-2 .imge .block-tab ul li.active a, #support main .block-support.db-detail .container .inner.column-2 .imge .block-tab ul li.active a {
    color: #069;
  }
}

#corp main a {
  color: #069;
}
#corp main h2.line::after, #corp main h3.line::after {
  border-bottom-color: #d61518;
}
#corp main h2.line span.box, #corp main h3.line span.box {
  background-color: #d61518;
}
@media screen and (max-width: 779px) {
  #corp main .block-corp .subnavi {
    border-top: 1px solid #e0e0e0;
  }
}
#corp main .block-corp .subnavi-menu ul li a {
  color: black;
}
@media screen and (min-width: 780px) {
  #corp main .block-corp .subnavi-menu ul li a {
    border-left: 3px solid #d0d0d0;
  }
}
#corp main .block-corp .subnavi-menu ul li a:hover {
  color: #707070;
}
@media screen and (min-width: 780px) {
  #corp main .block-corp .subnavi-menu ul li a:hover {
    border-bottom: none;
    border-left: 3px solid #d0d0d0;
  }
}
#corp main .block-corp .subnavi-menu ul li.active a {
  color: black;
}
@media screen and (min-width: 780px) {
  #corp main .block-corp .subnavi-menu ul li.active a::before {
    border-left: solid 3px #d61518;
  }
}
@media screen and (max-width: 779px) {
  #corp main .block-corp .subnavi-menu ul li.active a::before {
    border-bottom: 1px solid #d61518;
  }
}
#corp main .block-corp .subnavi .relation li a {
  color: black;
}
#corp main .block-corp .subnavi .relation li a:hover {
  color: #707070;
}
#corp main .block-corp-content .column-list li::before {
  color: #d61518;
}

#car main a:hover, #car main a:focus, #bike main a:hover, #bike main a:focus, #golf main a:hover, #golf main a:focus, #sports main a:hover, #sports main a:focus, #robot main a:hover, #robot main a:focus, #dealer main a:hover, #dealer main a:focus, #support main a:hover, #support main a:focus, #corp main a:hover, #corp main a:focus {
  color: #707070;
}
#car main .btn a, #bike main .btn a, #golf main .btn a, #sports main .btn a, #robot main .btn a, #dealer main .btn a, #support main .btn a, #corp main .btn a {
  color: white;
}
#car main .btn a:hover, #car main .btn a:focus, #bike main .btn a:hover, #bike main .btn a:focus, #golf main .btn a:hover, #golf main .btn a:focus, #sports main .btn a:hover, #sports main .btn a:focus, #robot main .btn a:hover, #robot main .btn a:focus, #dealer main .btn a:hover, #dealer main .btn a:focus, #support main .btn a:hover, #support main .btn a:focus, #corp main .btn a:hover, #corp main .btn a:focus {
  background-color: #707070;
}
#car main .btn-dealer a, #car main .btn-fixednavi a, #bike main .btn-dealer a, #bike main .btn-fixednavi a, #golf main .btn-dealer a, #golf main .btn-fixednavi a, #sports main .btn-dealer a, #sports main .btn-fixednavi a, #robot main .btn-dealer a, #robot main .btn-fixednavi a, #dealer main .btn-dealer a, #dealer main .btn-fixednavi a, #support main .btn-dealer a, #support main .btn-fixednavi a, #corp main .btn-dealer a, #corp main .btn-fixednavi a {
  color: white;
}
#car main .btn-dealer a:hover, #car main .btn-dealer a:focus, #car main .btn-fixednavi a:hover, #car main .btn-fixednavi a:focus, #bike main .btn-dealer a:hover, #bike main .btn-dealer a:focus, #bike main .btn-fixednavi a:hover, #bike main .btn-fixednavi a:focus, #golf main .btn-dealer a:hover, #golf main .btn-dealer a:focus, #golf main .btn-fixednavi a:hover, #golf main .btn-fixednavi a:focus, #sports main .btn-dealer a:hover, #sports main .btn-dealer a:focus, #sports main .btn-fixednavi a:hover, #sports main .btn-fixednavi a:focus, #robot main .btn-dealer a:hover, #robot main .btn-dealer a:focus, #robot main .btn-fixednavi a:hover, #robot main .btn-fixednavi a:focus, #dealer main .btn-dealer a:hover, #dealer main .btn-dealer a:focus, #dealer main .btn-fixednavi a:hover, #dealer main .btn-fixednavi a:focus, #support main .btn-dealer a:hover, #support main .btn-dealer a:focus, #support main .btn-fixednavi a:hover, #support main .btn-fixednavi a:focus, #corp main .btn-dealer a:hover, #corp main .btn-dealer a:focus, #corp main .btn-fixednavi a:hover, #corp main .btn-fixednavi a:focus {
  background-color: #707070;
}
#car main .btn-end_production a, #bike main .btn-end_production a, #golf main .btn-end_production a, #sports main .btn-end_production a, #robot main .btn-end_production a, #dealer main .btn-end_production a, #support main .btn-end_production a, #corp main .btn-end_production a {
  color: white;
}
#car main .btn-end_production a:hover, #car main .btn-end_production a:focus, #bike main .btn-end_production a:hover, #bike main .btn-end_production a:focus, #golf main .btn-end_production a:hover, #golf main .btn-end_production a:focus, #sports main .btn-end_production a:hover, #sports main .btn-end_production a:focus, #robot main .btn-end_production a:hover, #robot main .btn-end_production a:focus, #dealer main .btn-end_production a:hover, #dealer main .btn-end_production a:focus, #support main .btn-end_production a:hover, #support main .btn-end_production a:focus, #corp main .btn-end_production a:hover, #corp main .btn-end_production a:focus {
  background-color: #707070;
}
#car main .btn.gray a, #bike main .btn.gray a, #golf main .btn.gray a, #sports main .btn.gray a, #robot main .btn.gray a, #dealer main .btn.gray a, #support main .btn.gray a, #corp main .btn.gray a {
  color: white;
  background-color: #707070;
}
#car main .btn.gray a:hover, #bike main .btn.gray a:hover, #golf main .btn.gray a:hover, #sports main .btn.gray a:hover, #robot main .btn.gray a:hover, #dealer main .btn.gray a:hover, #support main .btn.gray a:hover, #corp main .btn.gray a:hover {
  background-color: #505050;
}
#car main .btn-content-down a, #bike main .btn-content-down a, #golf main .btn-content-down a, #sports main .btn-content-down a, #robot main .btn-content-down a, #dealer main .btn-content-down a, #support main .btn-content-down a, #corp main .btn-content-down a {
  color: white;
}
#car main .selection-btn li a, #car main .official li a, #bike main .selection-btn li a, #bike main .official li a, #golf main .selection-btn li a, #golf main .official li a, #sports main .selection-btn li a, #sports main .official li a, #robot main .selection-btn li a, #robot main .official li a, #dealer main .selection-btn li a, #dealer main .official li a, #support main .selection-btn li a, #support main .official li a, #corp main .selection-btn li a, #corp main .official li a {
  color: white;
}
#car main .breadcrumb ul li a, #bike main .breadcrumb ul li a, #golf main .breadcrumb ul li a, #sports main .breadcrumb ul li a, #robot main .breadcrumb ul li a, #dealer main .breadcrumb ul li a, #support main .breadcrumb ul li a, #corp main .breadcrumb ul li a {
  color: #a0a0a0;
}
#car main .breadcrumb ul li a:hover, #bike main .breadcrumb ul li a:hover, #golf main .breadcrumb ul li a:hover, #sports main .breadcrumb ul li a:hover, #robot main .breadcrumb ul li a:hover, #dealer main .breadcrumb ul li a:hover, #support main .breadcrumb ul li a:hover, #corp main .breadcrumb ul li a:hover {
  color: #707070;
}
#car main .sns-box ul li.sns a, #bike main .sns-box ul li.sns a, #golf main .sns-box ul li.sns a, #sports main .sns-box ul li.sns a, #robot main .sns-box ul li.sns a, #dealer main .sns-box ul li.sns a, #support main .sns-box ul li.sns a, #corp main .sns-box ul li.sns a {
  color: white;
}
#car main .pagenav li a, #bike main .pagenav li a, #golf main .pagenav li a, #sports main .pagenav li a, #robot main .pagenav li a, #dealer main .pagenav li a, #support main .pagenav li a, #corp main .pagenav li a {
  color: #707070;
}
#car main .pagenav li a:hover, #car main .pagenav li a.active, #bike main .pagenav li a:hover, #bike main .pagenav li a.active, #golf main .pagenav li a:hover, #golf main .pagenav li a.active, #sports main .pagenav li a:hover, #sports main .pagenav li a.active, #robot main .pagenav li a:hover, #robot main .pagenav li a.active, #dealer main .pagenav li a:hover, #dealer main .pagenav li a.active, #support main .pagenav li a:hover, #support main .pagenav li a.active, #corp main .pagenav li a:hover, #corp main .pagenav li a.active {
  color: white;
}
#car main ul.relation li, #bike main ul.relation li, #golf main ul.relation li, #sports main ul.relation li, #robot main ul.relation li, #dealer main ul.relation li, #support main ul.relation li, #corp main ul.relation li {
  color: #a0a0a0;
}
#car main ul.relation li a, #bike main ul.relation li a, #golf main ul.relation li a, #sports main ul.relation li a, #robot main ul.relation li a, #dealer main ul.relation li a, #support main ul.relation li a, #corp main ul.relation li a {
  color: #a0a0a0;
}
#car main ul.relation li a:hover, #bike main ul.relation li a:hover, #golf main ul.relation li a:hover, #sports main ul.relation li a:hover, #robot main ul.relation li a:hover, #dealer main ul.relation li a:hover, #support main ul.relation li a:hover, #corp main ul.relation li a:hover {
  color: #707070;
}
#car main p.back a, #car main ul.back a, #bike main p.back a, #bike main ul.back a, #golf main p.back a, #golf main ul.back a, #sports main p.back a, #sports main ul.back a, #robot main p.back a, #robot main ul.back a, #dealer main p.back a, #dealer main ul.back a, #support main p.back a, #support main ul.back a, #corp main p.back a, #corp main ul.back a {
  color: white;
}
#car main .block-title ul li a, #bike main .block-title ul li a, #golf main .block-title ul li a, #sports main .block-title ul li a, #robot main .block-title ul li a, #dealer main .block-title ul li a, #support main .block-title ul li a, #corp main .block-title ul li a {
  color: #a0a0a0;
}
#car main .block-title ul li a:hover, #car main .block-title ul li a:focus, #bike main .block-title ul li a:hover, #bike main .block-title ul li a:focus, #golf main .block-title ul li a:hover, #golf main .block-title ul li a:focus, #sports main .block-title ul li a:hover, #sports main .block-title ul li a:focus, #robot main .block-title ul li a:hover, #robot main .block-title ul li a:focus, #dealer main .block-title ul li a:hover, #dealer main .block-title ul li a:focus, #support main .block-title ul li a:hover, #support main .block-title ul li a:focus, #corp main .block-title ul li a:hover, #corp main .block-title ul li a:focus {
  color: #707070;
}
#car main .block-tab .container h1 a, #bike main .block-tab .container h1 a, #golf main .block-tab .container h1 a, #sports main .block-tab .container h1 a, #robot main .block-tab .container h1 a, #dealer main .block-tab .container h1 a, #support main .block-tab .container h1 a, #corp main .block-tab .container h1 a {
  color: black;
}
#car main .block-tab .container h1 a:hover, #car main .block-tab .container h1 a:focus, #bike main .block-tab .container h1 a:hover, #bike main .block-tab .container h1 a:focus, #golf main .block-tab .container h1 a:hover, #golf main .block-tab .container h1 a:focus, #sports main .block-tab .container h1 a:hover, #sports main .block-tab .container h1 a:focus, #robot main .block-tab .container h1 a:hover, #robot main .block-tab .container h1 a:focus, #dealer main .block-tab .container h1 a:hover, #dealer main .block-tab .container h1 a:focus, #support main .block-tab .container h1 a:hover, #support main .block-tab .container h1 a:focus, #corp main .block-tab .container h1 a:hover, #corp main .block-tab .container h1 a:focus {
  color: #707070;
}
#car main .block-tab .container h1 a span, #bike main .block-tab .container h1 a span, #golf main .block-tab .container h1 a span, #sports main .block-tab .container h1 a span, #robot main .block-tab .container h1 a span, #dealer main .block-tab .container h1 a span, #support main .block-tab .container h1 a span, #corp main .block-tab .container h1 a span {
  color: #a0a0a0;
}
#car main .block-tab .container h1 a span::after, #bike main .block-tab .container h1 a span::after, #golf main .block-tab .container h1 a span::after, #sports main .block-tab .container h1 a span::after, #robot main .block-tab .container h1 a span::after, #dealer main .block-tab .container h1 a span::after, #support main .block-tab .container h1 a span::after, #corp main .block-tab .container h1 a span::after {
  color: black;
}
#car main .block-tab .container ul, #bike main .block-tab .container ul, #golf main .block-tab .container ul, #sports main .block-tab .container ul, #robot main .block-tab .container ul, #dealer main .block-tab .container ul, #support main .block-tab .container ul, #corp main .block-tab .container ul {
  background-color: white;
}
@media screen and (min-width: 780px) {
  #car main .block-tab .container ul, #bike main .block-tab .container ul, #golf main .block-tab .container ul, #sports main .block-tab .container ul, #robot main .block-tab .container ul, #dealer main .block-tab .container ul, #support main .block-tab .container ul, #corp main .block-tab .container ul {
    background-color: transparent;
  }
}
#car main .block-tab .container ul li + li, #bike main .block-tab .container ul li + li, #golf main .block-tab .container ul li + li, #sports main .block-tab .container ul li + li, #robot main .block-tab .container ul li + li, #dealer main .block-tab .container ul li + li, #support main .block-tab .container ul li + li, #corp main .block-tab .container ul li + li {
  border-top: #e0e0e0 1px solid;
}
@media screen and (min-width: 780px) {
  #car main .block-tab .container ul li + li, #bike main .block-tab .container ul li + li, #golf main .block-tab .container ul li + li, #sports main .block-tab .container ul li + li, #robot main .block-tab .container ul li + li, #dealer main .block-tab .container ul li + li, #support main .block-tab .container ul li + li, #corp main .block-tab .container ul li + li {
    border-top: none;
  }
}
#car main .block-tab .container ul li a, #bike main .block-tab .container ul li a, #golf main .block-tab .container ul li a, #sports main .block-tab .container ul li a, #robot main .block-tab .container ul li a, #dealer main .block-tab .container ul li a, #support main .block-tab .container ul li a, #corp main .block-tab .container ul li a {
  color: black;
}
#car main .block-tab .container ul li a:hover, #car main .block-tab .container ul li a:focus, #bike main .block-tab .container ul li a:hover, #bike main .block-tab .container ul li a:focus, #golf main .block-tab .container ul li a:hover, #golf main .block-tab .container ul li a:focus, #sports main .block-tab .container ul li a:hover, #sports main .block-tab .container ul li a:focus, #robot main .block-tab .container ul li a:hover, #robot main .block-tab .container ul li a:focus, #dealer main .block-tab .container ul li a:hover, #dealer main .block-tab .container ul li a:focus, #support main .block-tab .container ul li a:hover, #support main .block-tab .container ul li a:focus, #corp main .block-tab .container ul li a:hover, #corp main .block-tab .container ul li a:focus {
  color: #707070;
}
#car main .block-tab .container ul li.active a, #bike main .block-tab .container ul li.active a, #golf main .block-tab .container ul li.active a, #sports main .block-tab .container ul li.active a, #robot main .block-tab .container ul li.active a, #dealer main .block-tab .container ul li.active a, #support main .block-tab .container ul li.active a, #corp main .block-tab .container ul li.active a {
  color: #d0d0d0;
}
#car main .block-tab.sports, #bike main .block-tab.sports, #golf main .block-tab.sports, #sports main .block-tab.sports, #robot main .block-tab.sports, #dealer main .block-tab.sports, #support main .block-tab.sports, #corp main .block-tab.sports {
  background-color: #527AA8;
}
#car main .block-tab.sports .container h1 a, #bike main .block-tab.sports .container h1 a, #golf main .block-tab.sports .container h1 a, #sports main .block-tab.sports .container h1 a, #robot main .block-tab.sports .container h1 a, #dealer main .block-tab.sports .container h1 a, #support main .block-tab.sports .container h1 a, #corp main .block-tab.sports .container h1 a {
  color: white;
}
#car main .block-tab.sports .container h1 a:hover, #car main .block-tab.sports .container h1 a:focus, #bike main .block-tab.sports .container h1 a:hover, #bike main .block-tab.sports .container h1 a:focus, #golf main .block-tab.sports .container h1 a:hover, #golf main .block-tab.sports .container h1 a:focus, #sports main .block-tab.sports .container h1 a:hover, #sports main .block-tab.sports .container h1 a:focus, #robot main .block-tab.sports .container h1 a:hover, #robot main .block-tab.sports .container h1 a:focus, #dealer main .block-tab.sports .container h1 a:hover, #dealer main .block-tab.sports .container h1 a:focus, #support main .block-tab.sports .container h1 a:hover, #support main .block-tab.sports .container h1 a:focus, #corp main .block-tab.sports .container h1 a:hover, #corp main .block-tab.sports .container h1 a:focus {
  color: #BFD6F1;
}
#car main .block-tab.sports .container h1 span, #bike main .block-tab.sports .container h1 span, #golf main .block-tab.sports .container h1 span, #sports main .block-tab.sports .container h1 span, #robot main .block-tab.sports .container h1 span, #dealer main .block-tab.sports .container h1 span, #support main .block-tab.sports .container h1 span, #corp main .block-tab.sports .container h1 span {
  color: #BFD6F1;
}
#car main .block-tab.sports .container h1 span::after, #bike main .block-tab.sports .container h1 span::after, #golf main .block-tab.sports .container h1 span::after, #sports main .block-tab.sports .container h1 span::after, #robot main .block-tab.sports .container h1 span::after, #dealer main .block-tab.sports .container h1 span::after, #support main .block-tab.sports .container h1 span::after, #corp main .block-tab.sports .container h1 span::after {
  color: white;
}
#car main .block-tab.sports .container ul, #bike main .block-tab.sports .container ul, #golf main .block-tab.sports .container ul, #sports main .block-tab.sports .container ul, #robot main .block-tab.sports .container ul, #dealer main .block-tab.sports .container ul, #support main .block-tab.sports .container ul, #corp main .block-tab.sports .container ul {
  background-color: #527AA8;
}
@media screen and (min-width: 780px) {
  #car main .block-tab.sports .container ul, #bike main .block-tab.sports .container ul, #golf main .block-tab.sports .container ul, #sports main .block-tab.sports .container ul, #robot main .block-tab.sports .container ul, #dealer main .block-tab.sports .container ul, #support main .block-tab.sports .container ul, #corp main .block-tab.sports .container ul {
    background-color: transparent;
  }
}
#car main .block-tab.sports .container ul li + li, #bike main .block-tab.sports .container ul li + li, #golf main .block-tab.sports .container ul li + li, #sports main .block-tab.sports .container ul li + li, #robot main .block-tab.sports .container ul li + li, #dealer main .block-tab.sports .container ul li + li, #support main .block-tab.sports .container ul li + li, #corp main .block-tab.sports .container ul li + li {
  border-top: #6E97C7 1px solid;
}
#car main .block-tab.sports .container ul li a, #bike main .block-tab.sports .container ul li a, #golf main .block-tab.sports .container ul li a, #sports main .block-tab.sports .container ul li a, #robot main .block-tab.sports .container ul li a, #dealer main .block-tab.sports .container ul li a, #support main .block-tab.sports .container ul li a, #corp main .block-tab.sports .container ul li a {
  color: white;
}
#car main .block-tab.sports .container ul li a:hover, #car main .block-tab.sports .container ul li a:focus, #bike main .block-tab.sports .container ul li a:hover, #bike main .block-tab.sports .container ul li a:focus, #golf main .block-tab.sports .container ul li a:hover, #golf main .block-tab.sports .container ul li a:focus, #sports main .block-tab.sports .container ul li a:hover, #sports main .block-tab.sports .container ul li a:focus, #robot main .block-tab.sports .container ul li a:hover, #robot main .block-tab.sports .container ul li a:focus, #dealer main .block-tab.sports .container ul li a:hover, #dealer main .block-tab.sports .container ul li a:focus, #support main .block-tab.sports .container ul li a:hover, #support main .block-tab.sports .container ul li a:focus, #corp main .block-tab.sports .container ul li a:hover, #corp main .block-tab.sports .container ul li a:focus {
  color: #BFD6F1;
}
#car main .block-tab.sports .container ul li.active a, #bike main .block-tab.sports .container ul li.active a, #golf main .block-tab.sports .container ul li.active a, #sports main .block-tab.sports .container ul li.active a, #robot main .block-tab.sports .container ul li.active a, #dealer main .block-tab.sports .container ul li.active a, #support main .block-tab.sports .container ul li.active a, #corp main .block-tab.sports .container ul li.active a {
  color: #BFD6F1;
}
#car main .block-products .column-list li.disabled::before, #bike main .block-products .column-list li.disabled::before, #golf main .block-products .column-list li.disabled::before, #sports main .block-products .column-list li.disabled::before, #robot main .block-products .column-list li.disabled::before, #dealer main .block-products .column-list li.disabled::before, #support main .block-products .column-list li.disabled::before, #corp main .block-products .column-list li.disabled::before {
  color: #d0d0d0;
}
#car main .block-products .column-model li a, #bike main .block-products .column-model li a, #golf main .block-products .column-model li a, #sports main .block-products .column-model li a, #robot main .block-products .column-model li a, #dealer main .block-products .column-model li a, #support main .block-products .column-model li a, #corp main .block-products .column-model li a {
  color: black;
}
#car main .block-products .column-model li a:hover, #car main .block-products .column-model li a:focus, #bike main .block-products .column-model li a:hover, #bike main .block-products .column-model li a:focus, #golf main .block-products .column-model li a:hover, #golf main .block-products .column-model li a:focus, #sports main .block-products .column-model li a:hover, #sports main .block-products .column-model li a:focus, #robot main .block-products .column-model li a:hover, #robot main .block-products .column-model li a:focus, #dealer main .block-products .column-model li a:hover, #dealer main .block-products .column-model li a:focus, #support main .block-products .column-model li a:hover, #support main .block-products .column-model li a:focus, #corp main .block-products .column-model li a:hover, #corp main .block-products .column-model li a:focus {
  color: #707070;
}
#car main .block-products .column-img li.btn a, #bike main .block-products .column-img li.btn a, #golf main .block-products .column-img li.btn a, #sports main .block-products .column-img li.btn a, #robot main .block-products .column-img li.btn a, #dealer main .block-products .column-img li.btn a, #support main .block-products .column-img li.btn a, #corp main .block-products .column-img li.btn a {
  color: black;
}
#car main .block-products .column-img li.btn a:hover, #bike main .block-products .column-img li.btn a:hover, #golf main .block-products .column-img li.btn a:hover, #sports main .block-products .column-img li.btn a:hover, #robot main .block-products .column-img li.btn a:hover, #dealer main .block-products .column-img li.btn a:hover, #support main .block-products .column-img li.btn a:hover, #corp main .block-products .column-img li.btn a:hover {
  color: #707070;
}
#car main .block-products .column-img li.btn a p small, #bike main .block-products .column-img li.btn a p small, #golf main .block-products .column-img li.btn a p small, #sports main .block-products .column-img li.btn a p small, #robot main .block-products .column-img li.btn a p small, #dealer main .block-products .column-img li.btn a p small, #support main .block-products .column-img li.btn a p small, #corp main .block-products .column-img li.btn a p small {
  color: #707070;
}
#car main .block-products.head .info-outline h2 small, #bike main .block-products.head .info-outline h2 small, #golf main .block-products.head .info-outline h2 small, #sports main .block-products.head .info-outline h2 small, #robot main .block-products.head .info-outline h2 small, #dealer main .block-products.head .info-outline h2 small, #support main .block-products.head .info-outline h2 small, #corp main .block-products.head .info-outline h2 small {
  color: #707070;
}
#car main .block-products.head .info-outline h2 span.en-900 small, #bike main .block-products.head .info-outline h2 span.en-900 small, #golf main .block-products.head .info-outline h2 span.en-900 small, #sports main .block-products.head .info-outline h2 span.en-900 small, #robot main .block-products.head .info-outline h2 span.en-900 small, #dealer main .block-products.head .info-outline h2 span.en-900 small, #support main .block-products.head .info-outline h2 span.en-900 small, #corp main .block-products.head .info-outline h2 span.en-900 small {
  color: #505050;
}
#car main .block-products.head .info-outline-relation li.date, #bike main .block-products.head .info-outline-relation li.date, #golf main .block-products.head .info-outline-relation li.date, #sports main .block-products.head .info-outline-relation li.date, #robot main .block-products.head .info-outline-relation li.date, #dealer main .block-products.head .info-outline-relation li.date, #support main .block-products.head .info-outline-relation li.date, #corp main .block-products.head .info-outline-relation li.date {
  color: #707070;
}
#car main .block-products.head .info-outline-relation li.stock, #bike main .block-products.head .info-outline-relation li.stock, #golf main .block-products.head .info-outline-relation li.stock, #sports main .block-products.head .info-outline-relation li.stock, #robot main .block-products.head .info-outline-relation li.stock, #dealer main .block-products.head .info-outline-relation li.stock, #support main .block-products.head .info-outline-relation li.stock, #corp main .block-products.head .info-outline-relation li.stock {
  background-color: white;
}
#car main .block-products.head .info-outline-relation li.stock.will, #bike main .block-products.head .info-outline-relation li.stock.will, #golf main .block-products.head .info-outline-relation li.stock.will, #sports main .block-products.head .info-outline-relation li.stock.will, #robot main .block-products.head .info-outline-relation li.stock.will, #dealer main .block-products.head .info-outline-relation li.stock.will, #support main .block-products.head .info-outline-relation li.stock.will, #corp main .block-products.head .info-outline-relation li.stock.will {
  color: #d0d0d0;
}
#car main .block-products.head .info-outline-relation li.stock.new, #bike main .block-products.head .info-outline-relation li.stock.new, #golf main .block-products.head .info-outline-relation li.stock.new, #sports main .block-products.head .info-outline-relation li.stock.new, #robot main .block-products.head .info-outline-relation li.stock.new, #dealer main .block-products.head .info-outline-relation li.stock.new, #support main .block-products.head .info-outline-relation li.stock.new, #corp main .block-products.head .info-outline-relation li.stock.new {
  color: red;
}
#car main .block-products.head .info-outline-relation li.stock.end, #bike main .block-products.head .info-outline-relation li.stock.end, #golf main .block-products.head .info-outline-relation li.stock.end, #sports main .block-products.head .info-outline-relation li.stock.end, #robot main .block-products.head .info-outline-relation li.stock.end, #dealer main .block-products.head .info-outline-relation li.stock.end, #support main .block-products.head .info-outline-relation li.stock.end, #corp main .block-products.head .info-outline-relation li.stock.end {
  color: black;
}
#car main .block-products.head .info-outline-relation li.model, #bike main .block-products.head .info-outline-relation li.model, #golf main .block-products.head .info-outline-relation li.model, #sports main .block-products.head .info-outline-relation li.model, #robot main .block-products.head .info-outline-relation li.model, #dealer main .block-products.head .info-outline-relation li.model, #support main .block-products.head .info-outline-relation li.model, #corp main .block-products.head .info-outline-relation li.model {
  background-color: black;
  color: white;
}
#car main .block-products.head .info-outline-connection ul li.box a, #car main .block-products.head .info-outline-connection ul li.box div, #bike main .block-products.head .info-outline-connection ul li.box a, #bike main .block-products.head .info-outline-connection ul li.box div, #golf main .block-products.head .info-outline-connection ul li.box a, #golf main .block-products.head .info-outline-connection ul li.box div, #sports main .block-products.head .info-outline-connection ul li.box a, #sports main .block-products.head .info-outline-connection ul li.box div, #robot main .block-products.head .info-outline-connection ul li.box a, #robot main .block-products.head .info-outline-connection ul li.box div, #dealer main .block-products.head .info-outline-connection ul li.box a, #dealer main .block-products.head .info-outline-connection ul li.box div, #support main .block-products.head .info-outline-connection ul li.box a, #support main .block-products.head .info-outline-connection ul li.box div, #corp main .block-products.head .info-outline-connection ul li.box a, #corp main .block-products.head .info-outline-connection ul li.box div {
  background: white;
  border: #d0d0d0 solid 1px;
  color: black;
}
#car main .block-products.head .info-outline-connection ul li.line a::after, #bike main .block-products.head .info-outline-connection ul li.line a::after, #golf main .block-products.head .info-outline-connection ul li.line a::after, #sports main .block-products.head .info-outline-connection ul li.line a::after, #robot main .block-products.head .info-outline-connection ul li.line a::after, #dealer main .block-products.head .info-outline-connection ul li.line a::after, #support main .block-products.head .info-outline-connection ul li.line a::after, #corp main .block-products.head .info-outline-connection ul li.line a::after {
  color: #a0a0a0;
}
#car main .block-products.head .info-outline-connection ul li.line a .feature-text p, #bike main .block-products.head .info-outline-connection ul li.line a .feature-text p, #golf main .block-products.head .info-outline-connection ul li.line a .feature-text p, #sports main .block-products.head .info-outline-connection ul li.line a .feature-text p, #robot main .block-products.head .info-outline-connection ul li.line a .feature-text p, #dealer main .block-products.head .info-outline-connection ul li.line a .feature-text p, #support main .block-products.head .info-outline-connection ul li.line a .feature-text p, #corp main .block-products.head .info-outline-connection ul li.line a .feature-text p {
  color: black;
}
#car main .block-products.head .info-outline-connection ul li.line a .feature-text .badge span.new, #bike main .block-products.head .info-outline-connection ul li.line a .feature-text .badge span.new, #golf main .block-products.head .info-outline-connection ul li.line a .feature-text .badge span.new, #sports main .block-products.head .info-outline-connection ul li.line a .feature-text .badge span.new, #robot main .block-products.head .info-outline-connection ul li.line a .feature-text .badge span.new, #dealer main .block-products.head .info-outline-connection ul li.line a .feature-text .badge span.new, #support main .block-products.head .info-outline-connection ul li.line a .feature-text .badge span.new, #corp main .block-products.head .info-outline-connection ul li.line a .feature-text .badge span.new {
  background-color: white;
  color: #e60012;
}
#car main .block-products.head .info-outline-connection ul li.line a .feature-icon, #bike main .block-products.head .info-outline-connection ul li.line a .feature-icon, #golf main .block-products.head .info-outline-connection ul li.line a .feature-icon, #sports main .block-products.head .info-outline-connection ul li.line a .feature-icon, #robot main .block-products.head .info-outline-connection ul li.line a .feature-icon, #dealer main .block-products.head .info-outline-connection ul li.line a .feature-icon, #support main .block-products.head .info-outline-connection ul li.line a .feature-icon, #corp main .block-products.head .info-outline-connection ul li.line a .feature-icon {
  color: white;
}
#car main .block-products.head .info-outline-connection ul.supplement li a, #bike main .block-products.head .info-outline-connection ul.supplement li a, #golf main .block-products.head .info-outline-connection ul.supplement li a, #sports main .block-products.head .info-outline-connection ul.supplement li a, #robot main .block-products.head .info-outline-connection ul.supplement li a, #dealer main .block-products.head .info-outline-connection ul.supplement li a, #support main .block-products.head .info-outline-connection ul.supplement li a, #corp main .block-products.head .info-outline-connection ul.supplement li a {
  color: #707070;
}
#car main .block-products.head .info-outline-connection ul.supplement li a:hover, #bike main .block-products.head .info-outline-connection ul.supplement li a:hover, #golf main .block-products.head .info-outline-connection ul.supplement li a:hover, #sports main .block-products.head .info-outline-connection ul.supplement li a:hover, #robot main .block-products.head .info-outline-connection ul.supplement li a:hover, #dealer main .block-products.head .info-outline-connection ul.supplement li a:hover, #support main .block-products.head .info-outline-connection ul.supplement li a:hover, #corp main .block-products.head .info-outline-connection ul.supplement li a:hover {
  color: #505050;
}
#car main .block-products.head .info-outline-point, #bike main .block-products.head .info-outline-point, #golf main .block-products.head .info-outline-point, #sports main .block-products.head .info-outline-point, #robot main .block-products.head .info-outline-point, #dealer main .block-products.head .info-outline-point, #support main .block-products.head .info-outline-point, #corp main .block-products.head .info-outline-point {
  background: white;
}
#car main .block-products.head .info-slide .splide__pagination__page, #bike main .block-products.head .info-slide .splide__pagination__page, #golf main .block-products.head .info-slide .splide__pagination__page, #sports main .block-products.head .info-slide .splide__pagination__page, #robot main .block-products.head .info-slide .splide__pagination__page, #dealer main .block-products.head .info-slide .splide__pagination__page, #support main .block-products.head .info-slide .splide__pagination__page, #corp main .block-products.head .info-slide .splide__pagination__page {
  background-color: #a0a0a0;
}
#car main .block-products.pr h2.line::after, #car main .block-products.pr h3.line::after, #bike main .block-products.pr h2.line::after, #bike main .block-products.pr h3.line::after, #golf main .block-products.pr h2.line::after, #golf main .block-products.pr h3.line::after, #sports main .block-products.pr h2.line::after, #sports main .block-products.pr h3.line::after, #robot main .block-products.pr h2.line::after, #robot main .block-products.pr h3.line::after, #dealer main .block-products.pr h2.line::after, #dealer main .block-products.pr h3.line::after, #support main .block-products.pr h2.line::after, #support main .block-products.pr h3.line::after, #corp main .block-products.pr h2.line::after, #corp main .block-products.pr h3.line::after {
  border-bottom-color: black;
}
#car main .block-products.pr h2.line span.box, #car main .block-products.pr h3.line span.box, #bike main .block-products.pr h2.line span.box, #bike main .block-products.pr h3.line span.box, #golf main .block-products.pr h2.line span.box, #golf main .block-products.pr h3.line span.box, #sports main .block-products.pr h2.line span.box, #sports main .block-products.pr h3.line span.box, #robot main .block-products.pr h2.line span.box, #robot main .block-products.pr h3.line span.box, #dealer main .block-products.pr h2.line span.box, #dealer main .block-products.pr h3.line span.box, #support main .block-products.pr h2.line span.box, #support main .block-products.pr h3.line span.box, #corp main .block-products.pr h2.line span.box, #corp main .block-products.pr h3.line span.box {
  background-color: black;
}
#car main .block-sports h3.line, #bike main .block-sports h3.line, #golf main .block-sports h3.line, #sports main .block-sports h3.line, #robot main .block-sports h3.line, #dealer main .block-sports h3.line, #support main .block-sports h3.line, #corp main .block-sports h3.line {
  border-bottom: solid 2px #d0d0d0;
}
#car main .block-sports h3.line::after, #bike main .block-sports h3.line::after, #golf main .block-sports h3.line::after, #sports main .block-sports h3.line::after, #robot main .block-sports h3.line::after, #dealer main .block-sports h3.line::after, #support main .block-sports h3.line::after, #corp main .block-sports h3.line::after {
  border-bottom-color: #527AA8;
}
#car main .block-sports-title h2 small, #bike main .block-sports-title h2 small, #golf main .block-sports-title h2 small, #sports main .block-sports-title h2 small, #robot main .block-sports-title h2 small, #dealer main .block-sports-title h2 small, #support main .block-sports-title h2 small, #corp main .block-sports-title h2 small {
  color: #707070;
}
#car main .block-sports-title h2 span, #bike main .block-sports-title h2 span, #golf main .block-sports-title h2 span, #sports main .block-sports-title h2 span, #robot main .block-sports-title h2 span, #dealer main .block-sports-title h2 span, #support main .block-sports-title h2 span, #corp main .block-sports-title h2 span {
  color: #527AA8;
}
#car main .block-sports-content-btn-list a, #bike main .block-sports-content-btn-list a, #golf main .block-sports-content-btn-list a, #sports main .block-sports-content-btn-list a, #robot main .block-sports-content-btn-list a, #dealer main .block-sports-content-btn-list a, #support main .block-sports-content-btn-list a, #corp main .block-sports-content-btn-list a {
  background-color: #527AA8;
  color: white;
}
#car main .block-sports-content-btn-list a:hover, #bike main .block-sports-content-btn-list a:hover, #golf main .block-sports-content-btn-list a:hover, #sports main .block-sports-content-btn-list a:hover, #robot main .block-sports-content-btn-list a:hover, #dealer main .block-sports-content-btn-list a:hover, #support main .block-sports-content-btn-list a:hover, #corp main .block-sports-content-btn-list a:hover {
  background-color: #707070;
}
#car main .block-sports-content-card-list-outline p.status span, #bike main .block-sports-content-card-list-outline p.status span, #golf main .block-sports-content-card-list-outline p.status span, #sports main .block-sports-content-card-list-outline p.status span, #robot main .block-sports-content-card-list-outline p.status span, #dealer main .block-sports-content-card-list-outline p.status span, #support main .block-sports-content-card-list-outline p.status span, #corp main .block-sports-content-card-list-outline p.status span {
  background-color: black;
  color: white;
}
#car main .block-sports-content-text-sns, #bike main .block-sports-content-text-sns, #golf main .block-sports-content-text-sns, #sports main .block-sports-content-text-sns, #robot main .block-sports-content-text-sns, #dealer main .block-sports-content-text-sns, #support main .block-sports-content-text-sns, #corp main .block-sports-content-text-sns {
  gap: 2rem;
}
#car main .block-sports-content-text-sns li + li, #bike main .block-sports-content-text-sns li + li, #golf main .block-sports-content-text-sns li + li, #sports main .block-sports-content-text-sns li + li, #robot main .block-sports-content-text-sns li + li, #dealer main .block-sports-content-text-sns li + li, #support main .block-sports-content-text-sns li + li, #corp main .block-sports-content-text-sns li + li {
  border-left-color: #e0e0e0;
}
#car main .block-sports-content-text-sns li a, #car main .block-sports-content-text-sns li a svg .cls-1, #bike main .block-sports-content-text-sns li a, #bike main .block-sports-content-text-sns li a svg .cls-1, #golf main .block-sports-content-text-sns li a, #golf main .block-sports-content-text-sns li a svg .cls-1, #sports main .block-sports-content-text-sns li a, #sports main .block-sports-content-text-sns li a svg .cls-1, #robot main .block-sports-content-text-sns li a, #robot main .block-sports-content-text-sns li a svg .cls-1, #dealer main .block-sports-content-text-sns li a, #dealer main .block-sports-content-text-sns li a svg .cls-1, #support main .block-sports-content-text-sns li a, #support main .block-sports-content-text-sns li a svg .cls-1, #corp main .block-sports-content-text-sns li a, #corp main .block-sports-content-text-sns li a svg .cls-1 {
  color: #707070;
  fill: #707070;
}
#car main .block-sports-content-text-sns li a:hover, #car main .block-sports-content-text-sns li a svg .cls-1:hover, #bike main .block-sports-content-text-sns li a:hover, #bike main .block-sports-content-text-sns li a svg .cls-1:hover, #golf main .block-sports-content-text-sns li a:hover, #golf main .block-sports-content-text-sns li a svg .cls-1:hover, #sports main .block-sports-content-text-sns li a:hover, #sports main .block-sports-content-text-sns li a svg .cls-1:hover, #robot main .block-sports-content-text-sns li a:hover, #robot main .block-sports-content-text-sns li a svg .cls-1:hover, #dealer main .block-sports-content-text-sns li a:hover, #dealer main .block-sports-content-text-sns li a svg .cls-1:hover, #support main .block-sports-content-text-sns li a:hover, #support main .block-sports-content-text-sns li a svg .cls-1:hover, #corp main .block-sports-content-text-sns li a:hover, #corp main .block-sports-content-text-sns li a svg .cls-1:hover {
  color: #d0d0d0;
  fill: #d0d0d0;
}
@media screen and (max-width: 979px) {
  #car main .block-sports-content-text .logo, #bike main .block-sports-content-text .logo, #golf main .block-sports-content-text .logo, #sports main .block-sports-content-text .logo, #robot main .block-sports-content-text .logo, #dealer main .block-sports-content-text .logo, #support main .block-sports-content-text .logo, #corp main .block-sports-content-text .logo {
    background-color: white;
    border-color: #a0a0a0;
  }
}
#car main .block-sports:nth-child(odd), #bike main .block-sports:nth-child(odd), #golf main .block-sports:nth-child(odd), #sports main .block-sports:nth-child(odd), #robot main .block-sports:nth-child(odd), #dealer main .block-sports:nth-child(odd), #support main .block-sports:nth-child(odd), #corp main .block-sports:nth-child(odd) {
  background-color: #f0f0f0;
}

footer {
  color: #e0e0e0;
  background-color: #505050;
  padding-bottom: 4rem;
  padding-top: 4rem;
  position: relative;
}
@media screen and (min-width: 780px) {
  footer {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
}
footer h4 {
  font-size: clamp(1.4rem, 1.339rem + 0.35vw, 1.6rem);
  margin-bottom: 1rem;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 780px) {
  footer h4 {
    text-align: left;
  }
}
footer h4.pc {
  display: none;
}
@media screen and (min-width: 780px) {
  footer h4.pc {
    display: block;
  }
}
footer h4.mob {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 780px) {
  footer h4.mob {
    display: none;
  }
}
footer h4.mob i {
  right: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
footer ul li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (min-width: 780px) {
  footer ul li + li {
    margin-top: 1rem;
  }
}
footer ul li i.fa-caret-right, footer ul li i.fa-phone-square {
  margin-right: 0.5rem;
}
footer ul li i.fa-external-link, footer ul li i.fa-external-link-alt {
  font-size: 70%;
  margin-left: 0.5rem;
}
footer ul.sns-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media screen and (min-width: 780px) {
  footer ul.sns-icon {
    justify-content: flex-start;
  }
}
footer ul.sns-icon li {
  line-height: 1;
}
footer ul.sns-icon li i {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 4rem;
}
footer ul.sns-icon li a {
  background-color: #a0a0a0;
  border-radius: 0.5rem;
  display: block;
  min-width: 4rem;
  text-align: center;
  transition: all 0.3s ease-out;
}
footer ul.sns-icon li a:hover {
  background-color: #707070;
}
footer .copyright {
  color: #a0a0a0;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 2rem;
  text-align: center;
}
@media screen and (min-width: 780px) {
  footer .copyright {
    text-align: left;
  }
}
@media screen and (min-width: 780px) {
  footer .copyright.corp {
    margin-top: 12rem;
    text-align: left;
  }
}
footer a {
  color: #d0d0d0;
  fill: #d0d0d0;
  transition: all 0.3s ease-out;
}
footer a:visited {
  color: #d0d0d0;
  fill: #d0d0d0;
}
footer a:hover {
  color: #f0f0f0;
  fill: #f0f0f0;
}
footer .accordion + .accordion {
  margin-top: 1rem;
}
@media screen and (min-width: 780px) {
  footer .accordion + .accordion {
    margin-top: 3rem;
  }
}
footer .accordion input[type=checkbox].on-off {
  display: none;
}
footer .accordion label {
  border: #707070 1px solid;
  border-radius: 0.3rem;
  cursor: pointer;
  display: block;
  padding: 2rem;
  transition: all 0.3s ease-out;
  width: 100%;
}
footer .accordion label:hover {
  background-color: #303030;
}
footer .accordion .box {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  footer .accordion .box {
    max-height: inherit;
    overflow: auto;
  }
}
footer .accordion .box > ul {
  background-color: #707070;
  border-radius: 0.3rem;
  margin-top: 0.5rem;
  padding: 1rem;
  width: 100%;
}
@media screen and (min-width: 780px) {
  footer .accordion .box > ul {
    background-color: transparent;
    border-radius: 0;
    margin-top: 0;
    padding: 0;
  }
}
footer .accordion #Panelfooter-pro01:checked ~ h4 i,
footer .accordion #Panelfooter-pro02:checked ~ h4 i,
footer .accordion #Panelfooter-pro03:checked ~ h4 i,
footer .accordion #Panelfooter-corp01:checked ~ h4 i,
footer .accordion #Panelfooter-corp02:checked ~ h4 i,
footer .accordion #Panelfooter-corp03:checked ~ h4 i {
  transform: rotate(180deg);
}
footer .accordion #Panelfooter-pro01:checked ~ .box,
footer .accordion #Panelfooter-pro02:checked ~ .box,
footer .accordion #Panelfooter-pro03:checked ~ .box,
footer .accordion #Panelfooter-corp01:checked ~ .box,
footer .accordion #Panelfooter-corp02:checked ~ .box,
footer .accordion #Panelfooter-corp03:checked ~ .box {
  max-height: 300rem;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 780px) {
  footer .accordion #Panelfooter-pro01:checked ~ .box,
  footer .accordion #Panelfooter-pro02:checked ~ .box,
  footer .accordion #Panelfooter-pro03:checked ~ .box,
  footer .accordion #Panelfooter-corp01:checked ~ .box,
  footer .accordion #Panelfooter-corp02:checked ~ .box,
  footer .accordion #Panelfooter-corp03:checked ~ .box {
    max-height: inherit;
  }
}
footer .corp-info {
  text-align: center;
}
@media screen and (min-width: 780px) {
  footer .corp-info {
    border-top: 1px solid #707070;
    margin-right: 12rem;
    margin-top: 2rem;
    padding-top: 2rem;
    text-align: left;
  }
}
footer .corp-info ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media screen and (min-width: 780px) {
  footer .corp-info ul {
    justify-content: flex-start;
    gap: 1rem;
  }
}
footer .corp-info ul li + li::before {
  border-left: 1px solid #707070;
  content: "";
  display: inline;
  padding-left: 0.5rem;
}
@media screen and (min-width: 780px) {
  footer .corp-info ul li + li::before {
    padding-left: 1rem;
  }
}
footer .copy {
  margin-top: 0;
  padding-bottom: 2rem;
  padding-top: 3rem;
  position: relative;
  width: auto;
}
@media screen and (min-width: 780px) {
  footer .copy {
    bottom: 0;
    padding: 0;
    position: absolute;
    right: 0;
  }
}
footer .copy a {
  background: url("../img/base/footer_logo.svg") no-repeat;
  display: block;
  height: 0;
  margin-inline: auto;
  overflow: hidden;
  padding-top: 9rem;
  text-align: center;
  width: 9rem;
}
@media screen and (min-width: 780px) {
  footer .copy a {
    padding-top: 10rem;
    width: 10rem;
  }
}
footer .page-top {
  bottom: 10rem;
  font-size: 8px;
  font-size: 0.8rem;
  margin-top: 0;
  position: fixed;
  right: 4%;
  z-index: 51;
}
@media screen and (min-width: 480px) {
  footer .page-top {
    right: 3%;
  }
}
@media screen and (min-width: 1200px) {
  footer .page-top {
    right: calc((100% - 118rem) * 0.5);
  }
}
footer .page-top a {
  background-color: #505050;
  border-radius: 50%;
  filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.8));
  color: white;
  display: block;
  height: 5rem;
  line-height: 1;
  width: 5rem;
  text-align: center;
  transition: all 0.3s ease-out;
}
footer .page-top a:hover {
  background-color: #303030;
  text-decoration: none;
}
footer .page-top a::before {
  color: #d0d0d0;
  display: block;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-size: 80%;
  font-variant: normal;
  text-rendering: auto;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f077";
  font-weight: 900;
  font-size: 28px;
  font-size: 2.8rem;
  padding-top: 0.2rem;
  text-align: center;
}
footer .page-top.abs {
  bottom: auto;
  position: absolute;
  top: -1.5rem;
}
@media screen and (min-width: 780px) {
  footer .products .accordion + .accordion {
    margin-top: 6rem;
  }
}
@media screen and (min-width: 780px) {
  footer .products .accordion .box.flex-box {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 980px) {
  footer .products .accordion .box.flex-box {
    gap: 3rem;
  }
}
@media screen and (min-width: 780px) {
  footer .products .accordion .box.flex-box > ul + ul {
    position: relative;
  }
}
@media screen and (min-width: 780px) and (min-width: 780px) {
  footer .products .accordion .box.flex-box > ul + ul:before {
    border-left: 1px solid #707070;
    bottom: 0;
    content: "";
    left: -2rem;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
@media screen and (min-width: 780px) and (min-width: 980px) {
  footer .products .accordion .box.flex-box > ul + ul:before {
    left: -3rem;
  }
}
footer .products .accordion .box.flex-box > ul ul {
  margin-top: 0.5rem;
  padding-left: 2rem;
}
@media screen and (min-width: 780px) {
  footer .products .accordion .box.relation {
    margin-right: 12rem;
  }
}
@media screen and (min-width: 780px) {
  footer .products .accordion .box.relation ul {
    gap: 0.5rem;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 780px) {
  footer .products .accordion .box.relation ul li + li {
    margin-top: 0;
  }
}
@media screen and (min-width: 780px) {
  footer .products .accordion .box.relation ul li + li::before {
    border-left: 1px solid #707070;
    content: "";
    display: inline;
    margin-left: 1rem;
    padding-left: 1rem;
  }
}
footer .products .accordion .box.relation ul li::before {
  margin-top: auto;
}
@media screen and (min-width: 780px) {
  footer .corp {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 980px) {
  footer .corp {
    gap: 3rem;
  }
}
@media screen and (min-width: 780px) {
  footer .corp .accordion + .accordion {
    margin-top: 0;
    position: relative;
  }
}
@media screen and (min-width: 780px) and (min-width: 780px) {
  footer .corp .accordion + .accordion:before {
    border-left: 1px solid #707070;
    bottom: 0;
    content: "";
    left: -2rem;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
@media screen and (min-width: 780px) and (min-width: 980px) {
  footer .corp .accordion + .accordion:before {
    left: -3rem;
  }
}
footer .corp ul li + li {
  margin-top: 0.5rem;
}
footer .corp ul ul {
  margin-top: 0.5rem;
  padding-left: 2rem;
}
@media screen and (min-width: 780px) {
  footer .corp + .copy + .copyright {
    margin-top: 12rem;
  }
}/*# sourceMappingURL=style-base.css.map */