@charset "UTF-8";
/* mixin
*********************************************************************/
/* media query */
/* SP縦から */
/* SP横から */
/* フルワイド */
.topPage {
  border-top: 4px solid #303a6a; }

.img-box-pc {
  width: 100%;
  display: block; }
  @media all and (max-width: 800px) {
    .img-box-pc {
      display: none; } }

.img-box-sp {
  display: none; }
  @media all and (max-width: 800px) {
    .img-box-sp {
      width: 100%;
      display: block; } }
  @media all and (max-width: 800px) {
    .img-box-sp img {
      display: block;
      margin-bottom: 10px; } }

.top-ttl {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 40px;
  z-index: 1; }
  @media all and (max-width: 500px) {
    .top-ttl {
      margin-top: 15px; } }
  .top-ttl .top_titlebox {
    margin: 0 auto; }
    .top-ttl .top_titlebox h1 {
      text-align: center; }
  .top-ttl .intro {
    text-align: center;
    clear: both; }
    .top-ttl .intro h2 {
      margin-bottom: 30px; }
    .top-ttl .intro p {
      line-height: 2; }

#info {
  position: relative;
  text-align: center;
  margin-bottom: 40px; }
  #info img {
    margin: 0 auto;
    vertical-align: bottom; }

#more {
  text-align: center;
  margin-bottom: 40px; }
  #more h3 {
    margin-top: 30px;
    margin-bottom: 30px; }
  #more p {
    margin-bottom: 20px; }

.border {
  width: 100%;
  height: 6px;
  background-position: center center;
  background-image: url("../img/top/line.png");
  background-repeat: repeat-x; }

.a-menu {
  clear: both; }
  .a-menu ul {
    list-style: none; }
  .a-menu a {
    text-decoration: none; }
  .a-menu .accordion-menu {
    width: 100%;
    max-width: 992px;
    margin: 0 auto 40px;
    background: #d7caa3;
    font-weight: bold;
    border-radius: 4px; }
  .a-menu .accordion-menu li.open .dropdownlink {
    color: #fff; }
    .a-menu .accordion-menu li.open .dropdownlink .fa-chevron-down {
      transform: rotate(180deg); }
  .a-menu .accordion-menu li:last-child .dropdownlink {
    border-bottom: 0; }
  .a-menu .dropdownlink {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 45px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    color: #253462;
    position: relative;
    transition: all 0.4s ease-out; }
    .a-menu .dropdownlink i {
      position: absolute;
      top: 17px;
      left: 16px; }
    .a-menu .dropdownlink .fa-chevron-down {
      right: 12px;
      left: auto; }
  .a-menu .submenuItems {
    display: none;
    background: #e0d7be; }
    .a-menu .submenuItems li {
      border-bottom: 2px solid #fff; }
  .a-menu .submenuItems a {
    display: block;
    color: #253462;
    padding: 12px 12px 12px 45px;
    transition: all 0.4s ease-out; }
    .a-menu .submenuItems a:hover {
      background-color: #253462;
      color: #fff; }

#banaBox {
  padding-bottom: 40px;
  background-color: #faf8f3;
  border-bottom: 4px solid #303a6a; }
  #banaBox ul {
    margin-top: 50px; }
    #banaBox ul li {
      padding: 10px 30px; }
      #banaBox ul li a img:hover {
        transform: translateY(-2px);
        transition-duration: 0.5s; }
      #banaBox ul li img {
        width: auto;
        margin: 0 auto; }

.slick-slide img {
  width: auto;
  max-height: 258px;
  object-fit: cover; }
  @media all and (max-width: 1367px) {
    .slick-slide img {
      max-height: 220px; } }
  @media all and (max-width: 1000px) {
    .slick-slide img {
      max-height: 178px; } }
  @media all and (max-width: 500px) {
    .slick-slide img {
      max-height: 158px; } }