@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : copy.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
.con_link, .con_gallery {
  max-width: 1160px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_link, .con_gallery {
    width: 95%;
  }
}

.con_gallery .box_gallery .gallery:after {
  content: "";
  display: table;
  clear: both;
}

/* FontSize */
/* -----------------------------------------------------------
    .con_link　アンカーリンク
----------------------------------------------------------- */
.con_link {
  margin: 160px auto -70px;
}
@media only screen and (max-width: 767px) {
  .con_link {
    margin: 110px auto 50px;
  }
}
.con_link ul {
  font-size: 0;
}
.con_link ul li {
  margin: 0.3%;
  width: 24.4%;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media only screen and (max-width: 767px) {
  .con_link ul li {
    border-top: 0;
    display: block;
    width: 100%;
    border-right: none;
    font-size: 16px;
    text-align: left;
  }
  .con_link ul li:first-child {
    border-left: none;
  }
}
.con_link ul li a {
  width: 100%;
  background-color: #506B86;
  padding: .6em;
  display: inline-block;
  text-decoration: none;
  transition: .5s ease;
  color: #fff;
}
.con_link ul li a::before {
  content: '\f0d7';
  padding-right: 0.5em;
  font-family: "FontAwesome";
  font-size: 129%;
}
.con_link ul li a:hover {
  opacity: .8;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .con_link ul li a {
    padding: 12px;
  }
}

/* -----------------------------------------------------------
    .con_gallery
----------------------------------------------------------- */
.con_gallery {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .con_gallery {
    margin-top: 50px;
  }
}
.con_gallery .box_gallery {
  padding-top: 170px;
  margin-top: -120px;
}
@media only screen and (max-width: 767px) {
  .con_gallery .box_gallery {
    padding-top: 0;
    margin-top: 0;
  }
}
.con_gallery .box_gallery .st_basic {
  text-align: center;
  margin-bottom: 15px;
}
.con_gallery .box_gallery .st_basic .eng {
  font-family: "Cinzel", serif;
  color: #8599ac;
  font-size: 110%;
  letter-spacing: 0.1em;
}
.con_gallery .box_gallery .st_basic .jp {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 2em;
  font-weight: normal;
}
.con_gallery .box_gallery .gallery .modal {
  float: left;
  width: 23.5%;
  margin-left: 2%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_gallery .box_gallery .gallery .modal {
    width: 49%;
  }
  .con_gallery .box_gallery .gallery .modal:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_gallery .box_gallery .gallery .modal {
    width: 100%;
    margin-left: 0;
  }
}
.con_gallery .box_gallery .gallery .modal:first-child {
  margin-left: 0;
}
.con_gallery .box_gallery .gallery .modal:nth-child(5) {
  margin-left: 0;
}
.con_gallery .box_gallery .gallery .modal h4 {
  text-align: center;
  font-weight: normal;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 1.3em;
  margin-top: 15px;
}