@charset "utf-8";
header#global_header .fixed{
  bottom: 80px;
}
header#global_header .fixed a div span{
  display: block;
}
#contents_wrap #contents #main #col_main section .wrap-01 {
    background: rgba(255, 255, 255, 0.4);
}
#contents_wrap #contents #main #col_main section .wrap-01 .inner .title-top{
  max-width: 100%;
}
#contents_wrap #contents #main #col_main section .title-top.left{
  text-align: center;
}
#contents_wrap #contents #main #col_main section .title-top.left h2{
  align-items: center;
}
#contents_wrap #contents #main #col_main section .wrap-01 .inner .title-top::before {
  left: 0;
}

/*TOP新着情報*/
.index-news ul li:not(:last-child) a{
  border-bottom: 1px solid #d6d0d0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.index-news ul li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 30px;
  color: #402c2c;
}
.index-news ul li a img{
  width: 250px !important;
}
.index-news ul li a article{
  width: calc(100% - 250px);
}
.index-news ul li a article h5{
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 20px;
  margin-bottom: 10px;
}
.index-news ul li a article div{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 13px;
}
.index-news ul li a article span{
  font-size: 11px;
  display: block;
  width: fit-content;
  border: 1px solid #402c2c;
  padding: 3px 10px;
  margin-bottom: 10px;
}

/*TOPカレンダー2列*/
.wrap-05 .inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wrap-05 .inner .title-top{
  width: 100%;
  margin-bottom: 30px;
}
.wrap-05 .inner #form_calendar{
  width: 60%;
}
.wrap-05 .inner .text{
  width: 35%;
}


@media screen and (max-width: 834px) {
  /*TOP新着情報*/
  .index-news ul li a img{
    width: 150px !important;
  }
  .index-news ul li a article{
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 640px) {
  header#global_header .fixed a{
    width: 140px;
    height: 140px;
  }

  /*TOP新着情報*/
  .index-news ul li a{
    flex-direction: column;
    gap: 20px;
  }
  .index-news ul li a img{
    width: 100% !important;
  }
  .index-news ul li a article{
    width: 100%;
  }

  /*TOPカレンダー2列*/
  .wrap-05 .inner .title-top{
    margin-bottom: 0;
  }
  .wrap-05 .inner #form_calendar{
    width: 100%;
  }
  .wrap-05 .inner .text{
    width: 100%;
  }
}