@charset "UTF-8";

h2 {
    font-size:30px;
    text-align: center;
    padding-top: 60px;
}


/*section--content*/
.section--content {
    padding-bottom: 100px;
}
.section--content .inner {
    width:60%;
    margin: 0 auto;
}
.linklist {
    margin: 40px 0 70px;
}
.linklist__ttl {
    text-align: center;
}
.linklist__ttl--en {
    font-size:22px;
    letter-spacing: 2px;
}
.linklist__ttl--jp {
    border-bottom:solid 1px #C0C0C0;
    padding-bottom:20px;
    margin-bottom:30px;    
}
.linklist ul {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.linklist ul li {
    width:30%;
    border:solid 1px #C0C0C0;
}
.linklist ul li:nth-child(n+4) {
    margin-top:20px;
}

.linklist ul li a,
.swiperModalButton li {
    display: block;
    padding: 20px;
    cursor: pointer;
}
.linklist ul li a:hover,
.swiperModalButton li:hover {
    background:#fff;
}
.linklist ul li span {
    font-size:.6em;
    margin-left:1em;
}

/* @media screen and (max-width: 928px) {*/
@media screen and (max-width: 768px) {
  /*section--content*/
  .section--content .inner {
      width:90%;
  }
  .linklist ul li {
      width: 100%;
      font-size: .9em;
  }
  .linklist ul li:nth-child(n+2) {
      margin-top:15px;
  }
  .swiperModalButton {
    justify-content: space-between!important;
  }
  .swiperModalButton li {
    width: 48%!important;
  }
  .swiperModalButton li:nth-child(2) {
    margin-top: 0!important;
  }
}

/*下層イメージのみページ*/
.section--image img {
    width:100%;
    height:auto;
}