@charset "UTF-8";
/*swiper*/
.swiper_index {
  margin-top: -20px; }
  .swiper_index .swiper-slide {
    padding-bottom: 14px; }
    .swiper_index .swiper-slide a img {
      max-width: 100%;
      height: auto; }

/*swiper-navigation*/
.swiper-button-prev, .swiper-button-next {
  color: #FFF !important;
  filter: opacity(70%);
  text-shadow: 0 0 5px #666; }

/*swiper-pagination*/
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.swiper-pagination-bullet-active {
  background: #D70C18 !important; }

.swiper-pagination {
  display: flex;
  gap: 0 1px; }
  .swiper-pagination span.swiper-pagination-bullet {
    display: block;
    width: 100%;
    height: 8px;
    border-radius: 0;
    margin: 0 !important; }

main.index {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0 40px; }
  main.index h1 {
    margin-bottom: 0.5em; }

.license_products {
  grid-column: 1 / 3;
  grid-row: 1 / 2; }

.category {
  grid-column: 1 / 2;
  grid-row: 2 / 3; }

.news {
  grid-column: 2 / 3;
  grid-row: 2 / 3; }

/*section*/
.license_products > ul,
.category > ul {
  list-style: none;
  margin: 0 0 2em 0;
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr 1fr; }
  .license_products > ul > li,
  .category > ul > li {
    border: 1px solid #DDD;
    margin: 0; }
    .license_products > ul > li a,
    .category > ul > li a {
      display: flex;
      align-items: end;
      gap: 15px;
      text-decoration: none;
      color: #333; }
      .license_products > ul > li a img,
      .category > ul > li a img {
        display: block;
        padding: 5px;
        max-width: 25%; }
      .license_products > ul > li a h2, .license_products > ul > li a h3,
      .category > ul > li a h2,
      .category > ul > li a h3 {
        background-color: transparent;
        margin-bottom: 15px; }

.license_products h2 {
  font-size: 1.2rem; }
.license_products a:hover {
  background: #f6e2dd; }

/*--------products list ul--------*/
.category img:hover {
  filter: alpha(opacity=60);
  opacity: 0.60; }
.category h3 {
  font-size: 1.2rem;
  border: none; }
.category > ul.item1 {
  grid-template-columns: 1fr; }
  .category > ul.item1 li img {
    max-width: 13%; }
.category ul.note {
  display: block; }
  .category ul.note li {
    border: none; }
    .category ul.note li a {
      display: inline; }

@media (max-width: 864px) {
  main.index {
    grid-template-columns: 1fr;
    gap: 0 0; }

  .license_products {
    grid-column: 1 / 2;
    grid-row: 1 / 2; }

  .category {
    grid-column: 1 / 2;
    grid-row: 2 / 3; }
    .category > ul.item1 li img {
      max-width: 25%; }

  .news {
    grid-column: 1 / 2;
    grid-row: 3 / 4; } }
@media (max-width: 640px) {
  .license_products > ul, .category > ul {
    grid-template-columns: 1fr; }
    .license_products > ul > li h2, .license_products > ul > li h3, .category > ul > li h2, .category > ul > li h3 {
      font-size: 1rem; } }
/*--------index news--------*/
.news dl {
  margin-bottom: 2em; }
  .news dl div {
    padding: 0;
    background: #EFEFEF;
    border-radius: 10px;
    margin-bottom: 10px; }
    .news dl div dt {
      padding: 0;
      margin: 0;
      background-color: transparent; }
      .news dl div dt span {
        display: block;
        padding: 2px 4px;
        background: #053C54;
        color: #FFF;
        border-radius: 5px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
  .news dl dd {
    margin: 0;
    padding: 15px; }
    .news dl dd p {
      margin-bottom: 0.5em; }
  .news dl ul.news_info_products {
    list-style: none;
    margin: 0 0 0.5em 0; }
    .news dl ul.news_info_products li {
      margin: 0;
      padding-left: 0.7em;
      text-indent: -0.7em; }
    .news dl ul.news_info_products li::before {
      font-size: 0.7em;
      content: "・"; }
    .news dl ul.news_info_products li.new::after {
      font-size: 0.7em;
      content: "NEW";
      padding: 2px 4px;
      background: #FF6901;
      color: #FFF;
      border-radius: 3px;
      display: inline;
      vertical-align: text-top; }
  .news dl ul.support_link {
    margin-bottom: 0; }
    .news dl ul.support_link a {
      background: #FFF;
      font-size: 1rem; }
    .news dl ul.support_link a:hover {
      background: #053C54; }

.support_index {
  list-style: none;
  margin: -0.5em 0 2em .5em; }
  .support_index a {
    text-decoration: none; }
  .support_index li {
    position: relative;
    padding-left: .8em;
    margin-bottom: 0.3em; }
  .support_index li:before {
    content: '';
    position: absolute;
    top: .45em;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #666; }
  .support_index li:hover:before {
    background-color: #D70C18; }