@charset "UTF-8";
/*ブレークポイント*/
:root {
  --color-blue: #005aaa;
  --color-green: #20ad67;
  --color-white: #ffffff;
  --color-red: #e5004f;
  --color-red-hover: #970035;
  --color-list: #fff096;
  --background-color: #c3d842;
  --background-color-rgb: 195, 216, 66;
  --background-color-hover: #8ea016;
  --footer-color: #20ad67;
  --btn-color: #00aaaa;
  --btn-hover-color: #007a7a;
  --btn2-color: #b0c625;
  --anchor-color: #f2fae0;
}

#page_sub header {
  background-color: white;
}
#page_sub header > div {
  position: relative;
  margin: 0 auto;
  padding: clamp(6px, 3.936px + 0.55vw, 10px) 0;
  width: min(95%, 1200px);
  text-align: center;
}
#page_sub header h1 {
  display: inline-block;
  width: 250px;
}
#page_sub main #anchor {
  padding: clamp(35px, 27.248px + 2.07vw, 50px) 0;
  background-color: var(--anchor-color);
  text-align: center;
}
#page_sub main #anchor ul {
  margin: clamp(21px, 16.352px + 1.24vw, 30px) auto 0;
  width: min(80%, 1000px);
}
#page_sub main #anchor ul li {
  margin: clamp(6px, 3.936px + 0.55vw, 10px) 0 0;
  line-height: 1;
}
#page_sub main #anchor ul li a {
  display: block;
}
#page_sub main #anchor ul li:nth-of-type(2) {
  animation-delay: 0.1s;
}
#page_sub main #anchor ul li:nth-of-type(3) {
  animation-delay: 0.2s;
}
#page_sub main #anchor ul li:nth-of-type(4) {
  animation-delay: 0.3s;
}
#page_sub main #anchor ul li:nth-of-type(5) {
  animation-delay: 0.4s;
}
#page_sub main .place {
  margin: clamp(49px, 38.144px + 2.9vw, 70px) auto 0;
  padding-bottom: clamp(35px, 27.248px + 2.07vw, 50px);
  width: min(95%, 1200px);
  background-color: white;
  filter: drop-shadow(0px 0px 8px rgba(100, 110, 0, 0.5));
}
#page_sub main .place h3 {
  padding: 0.5em 0.15em;
  padding-right: 0;
  font-size: clamp(2.72rem, 2.35rem + 0.95vw, 3.4rem);
  font-weight: bold;
  line-height: 1.4;
  color: white;
  background-color: var(--btn-color);
}
#page_sub main .place h3 span {
  display: inline-block;
  padding: 0 0.2em;
}
#page_sub main .place .lead {
  font-size: clamp(1.92rem, 1.659rem + 0.67vw, 2.4rem);
  line-height: 1.6;
  font-weight: bold;
}
#page_sub main .place .lead + p {
  margin-top: 1em;
}
#page_sub main .place h4 {
  position: relative;
  margin: clamp(28px, 21.12px + 1.66vw, 40px) clamp(21px, 16.352px + 1.24vw, 30px) 0;
}
#page_sub main .place h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 47%;
  width: 100%;
  height: 3px;
  background-color: var(--btn-color);
}
#page_sub main .place h4 span {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0.35em 1.25em;
  border: solid 3px var(--btn-color);
  border-radius: 1em;
  width: fit-content;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: var(--btn-color);
  background-color: white;
}
#page_sub main .place ul {
  margin: clamp(14px, 10.896px + 0.83vw, 20px) auto 0;
  padding: 0 clamp(21px, 16.352px + 1.24vw, 30px);
  position: relative;
}
#page_sub main .place ul li {
  padding: 0.75em 0;
  font-size: clamp(1.92rem, 1.659rem + 0.67vw, 2.4rem);
  font-weight: bold;
}
#page_sub main .place ul li:not(:first-of-type) {
  border-top: solid 1px rgba(0, 0, 0, 0.5);
}
#page_sub main .place ul li p > span {
  display: inline-block;
}
#page_sub main .place ul li p + p {
  margin-top: 0.5em;
}
#page_sub main .place ul li p.date {
  display: flex;
  align-items: center;
  margin-top: -0.25em;
  position: relative;
  font-size: clamp(3.04rem, 2.627rem + 1.07vw, 3.8rem);
  line-height: 1;
  color: var(--color-red);
}
#page_sub main .place ul li p.date span {
  line-height: 1;
}
#page_sub main .place ul li p.date span.date_kai {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5em;
  width: 3.6em;
  height: 3.6em;
  border-radius: 50%;
  font-size: 50%;
  color: white;
  background-color: var(--color-red);
}
#page_sub main .place ul li p.date span span {
  font-size: 150%;
}
#page_sub main .place ul li p.date + .date {
  margin-top: 0.2em;
}
#page_sub main .place ul li .btn1.anchor_content {
  width: 16em;
}
#page_sub main .place ul li .btn1.anchor_content a {
  padding: 0.75em 0;
  font-size: 6.5cqw;
}
#page_sub main .place ul li .btn1.google_map {
  margin: 0 auto;
  padding: 0.25em 0;
  width: min(100%, 20em);
}
#page_sub main .place ul li .btn1.google_map a {
  padding: 0.75em 0;
  font-size: 6.5cqw;
}
#page_sub main .place ul li .font_n {
  font-size: clamp(1.44rem, 1.244rem + 0.51vw, 1.8rem);
  font-weight: bold;
}
#page_sub main .place ul li .column > div:first-of-type {
  margin-bottom: 10px;
  padding: 0.25em 1em;
  width: 5em;
  text-align: center;
  background-color: #c7e2e2;
}
#page_sub main .place ul li .column > div:last-of-type {
  flex: 1;
}
#page_sub main .place ul li .map {
  margin: clamp(14px, 10.896px + 0.83vw, 20px) 0 0;
  width: 100%;
}
#page_sub main .place .enter {
  margin: clamp(14px, 10.896px + 0.83vw, 20px) auto 0;
  width: min(95%, 500px);
}
#page_sub main #content {
  margin-top: clamp(21px, 16.352px + 1.24vw, 30px);
  padding: clamp(35px, 27.248px + 2.07vw, 50px) 0 clamp(35px, 27.248px + 2.07vw, 50px);
  background-color: transparent;
}
@media print, screen and (min-width: 768px) {
  #page_sub header > div {
    text-align: left;
  }
  #page_sub header h1 {
    width: 300px;
  }
  #page_sub main #anchor ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #page_sub main #anchor ul li {
    width: 49%;
  }
  #page_sub main #anchor ul li a {
    transition: all 0.3s cubic-bezier(0.39, 0, 0.25, 1);
  }
  #page_sub main #anchor ul li a:hover {
    transform: translate3d(0, -3px, 0);
  }
  #page_sub main .place h4 span {
    margin: 0 0 0 3.7em;
  }
  #page_sub main .place ul li .column {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  #page_sub main .place ul li .column > div:first-of-type {
    margin: 0;
    padding: 0;
    width: 3.5em;
    background-color: transparent;
  }
  #page_sub main .place ul li .btn1.google_map {
    margin: 0;
    width: 16em;
  }
  #page_sub main .place ul li .btn1.google_map a {
    padding: 0.75em 0;
    font-size: 6.5cqw;
  }
  #page_sub main .place ul li .map {
    margin: clamp(14px, 10.896px + 0.83vw, 20px) 0 0 0;
    padding-left: 3.5em;
    width: min(100%, 700px);
  }
}

/*# sourceMappingURL=sub.css.map */