@charset "UTF-8";
/*------------------------------------------------------
 共通
-------------------------------------------------------*/
.page-title-wrap {
  padding: 180px 0 0; }
  @media screen and (max-width: 768px) {
    .page-title-wrap {
      padding: 30px 0; } }
  .page-title-wrap .page-title {
    position: relative;
    background: url("../img/top/bg-image01.jpg");
    background-size: cover; }
    .page-title-wrap .page-title h1 {
      padding: 2em 10px;
      text-align: center;
      font-weight: bold;
      z-index: 2;
      position: relative; }

@media screen and (max-width: 768px) {
  .page-content {
    padding-left: 2%;
    padding-right: 2%; } }

/*------------------------------------------------------
　関連イベント
-------------------------------------------------------*/
.calendar-area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; }

.calendar {
  flex: 0 1 calc(33.333% - 20px);
  box-sizing: border-box;
  border-radius: 15px;
  background: #FFF;
  padding: 1rem 2rem .8rem;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 768px) {
    .calendar {
      flex: 0 1 calc(50% - 10px); } }
  @media screen and (max-width: 576px) {
    .calendar {
      flex: 0 1 100%; } }
  .calendar a {
    text-decoration: none;
    color: #333;
    transition: color 0.5s ease; }
    .calendar a:hover {
      color: #29a57f; }
  .calendar .days {
    /*background: url("../img/top/bg-diagonal.png"),$bgcolor-green;*/
    background: url("../img/top/bg-image04.png") no-repeat center;
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    color: #194f34; }

/*------------------------------------------------------
　サイトマップ
-------------------------------------------------------*/
.sitemap h6 {
  margin-top: 0.7em;
  margin-bottom: 0.4em; }
  .sitemap h6 a {
    font-weight: bold;
    text-decoration: none;
    color: #000;
    margin-top: 0.7em;
    margin-bottom: 0.4em; }
.sitemap ul {
  padding-left: 0; }
  .sitemap ul li {
    list-style: none;
    margin-bottom: 0.5em;
    padding-left: 1em;
    position: relative; }
    .sitemap ul li:before {
      position: absolute;
      content: "";
      display: block;
      width: 0.6em;
      height: 0.6em;
      background: #006F6F;
      border-radius: 50%;
      left: 0;
      top: 0.4em; }
    .sitemap ul li a {
      color: #000;
      margin-right: 2em; }