@charset "UTF-8";

h2 {
  color: var(--base-green);
  font-size: 2em;
  font-weight: 500;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
@media (max-width: 739px) {
 h2 span {
  display: inline-block;
 }
}
.koryu {
  margin: auto auto 2em;
  max-width: 720px;
}
.koryu p {
  line-height: 2;
}
.koryu_image_wrapper {
 text-align: center;
}
.koryu_image_wrapper .mark {
 position: relative;
 z-index: 3;
 margin: 0 auto -30px auto;
 width: 40%;
 max-width: 180px;
}
.koryu_image {
  display: flex;
}
@media (max-width: 739px) {
 .koryu_image {
  flex-direction: column;
 }
}
@media (min-width: 1240px) {
 .koryu {
  margin: auto auto 3em;
 }
 .koryu_image_wrapper {
  position: relative;
 }
 .koryu_image_wrapper .mark {
  position: absolute;
  z-index: 3;
  margin: 0;
  width: 40%;
  max-width: 200px;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
 }
}
.select_content {
  background: #e5f7da;
  margin: 5em 0 5em;
  padding: 2.5em 0;
}
.select_content h2 {
 font-size:1.5em;
 text-align: center;
 color:var(--base-green);
 font-weight: 500;
}
.select_content ul {
  display: flex;
  flex-direction: column;
  gap: 1.75em;
}
.select_content ul li {
  position: relative;
  background: #fff;
  box-shadow: 0 1px 10px rgba(1, 136, 37, 0.1);
  border-radius: 5px;
  overflow: hidden;
}
.select_content .ex_text {
  padding: 1.75em 1.5em 1.5em;
}
.select_content h3 {
  font-size: 1.2em;
  font-weight: 500;
  padding-bottom: 2em;
  line-height: 1.4;
  color: var(--base-green);
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
}
.select_content h3::after {
 content:"";
 width:2em;
 height: 1px;
 border-top: 2px solid var(--base-green-sub);
 position: absolute;
 left:calc(50% - 1em);
 bottom:1em;
}
.select_content p {
  font-size: 0.85em;
  color: var(--base-fontcolor);
}

@media (min-width: 740px) {
  .select_content {
    padding: 3.5em 0;
  }
  .select_content ul {
    flex-direction: row;
    gap: 1em;
  }
  .select_content ul li {
    flex: 1;
    padding-bottom: 23%;
  }
  .select_content .ex_img {
   position: absolute;
   bottom:0;
   left:0;
   
  }
}
@media (min-width: 1240px) {
 .select_content .ex_img {
  transform:scale(82%);
  bottom:5px;
 }
}
.info_header {
  padding: 0 0 1em 0;
  color: var(--base-green);
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  text-align: center;
}
.info_header h3 {
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 0.5em;
  word-break: keep-all;
}
.noinfo {
 text-align: center;
 font-size:0.95em;
 opacity: 0.7;
}
.eventinfo {
 padding: 0 0 4em 0;
}
.event_list {
  margin: 1.5em 0;
  padding: 1em 1.25em 1em;
  position: relative;
  border:1px solid #ddd;
}
.event_list a {
  text-decoration: none;
}
.event_list .thumbnail {
  width: 42%;
  max-width: 300px;
}
.event_list .single_event_cate {
 position: relative;
}
@media (max-width: 739px) {
 .event_list {
  margin: 1.5em 0;
  padding: 3em 1.25em 1em;
 }
 .event_list .single_event_cate {
  position: absolute;
  left:1em;
  top:0.7em;
}
}
.event_list .single_event_cate li {
  font-size: 0.7em;
  display: inline-block;
  line-height: 2;
  padding: 0 1em;
  border: 1px solid rgba(0, 136, 51, 0.8);
  background: #fff;
  color: var(--base-green);
  margin-right: 4px;
}
.event_list h3 {
  padding: 0.5em 0 0;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  overflow: hidden;
}
.event_list .event_list_data {
  padding: 0.5em 0 0;
}
.event_list .event_list_data::before {
  content: "";
  display: block;
  clear: both;
}
.event_list .event_day_time,
.event_list .event_shimekiri,
.event_list .excerpt {
  color: var(--base-fontcolor);
}
.event_list .event_day_time,
.event_list .event_shimekiri {
  font-size: 0.9em;
}
.event_list .excerpt p {
  font-size: 0.9em;
  opacity: 0.75;
  padding: 0.5em 0 0 0;
  line-height: 1.75;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 739px) {
  .event_list .thumbnail {
    float: left;
    margin: 0 0.75em 0 0;
  }
}
@media (min-width: 740px) {
  .event_list a {
    display: flex;
  }
  .event_list .thumbnail {
    width: 42%;
    max-width: 280px;
    padding-right: 1.5em;
  }
  .event_list_txt {
    flex: 1;
  }
}
.list_page_link {
  text-align: center;
  padding: 2em 0 0 0;
}
.list_page_link a {
  display: inline-block;
  position: relative;
  padding: 0 3em 0 2em;
  letter-spacing: 0.05em;
  line-height: 3;
  color: #fff;
  font-weight: 500;
  font-size: 0.95em;
  background-color: var(--base-green);
  border-radius: 3em;
  text-decoration: none;
  transition: all 0.3s;
}
.list_page_link a::after {
  content: "";
  width: 1.2em;
  height: 1.2em;
  background-image: url(../images/icon_arrow_right.svg);
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .list_page_link a:hover {
    background-color: var(--base-green-sub);
  }
}
.reportlist {
 border-top: 1px solid rgba(0, 127, 27, 0.5);
 padding: 3em 0 4em;
}
.reportlist .reportlist_flex {
 display: flex;
 gap: 2em;
 width: 84%;
 margin: auto;
}
.reportlist .reportlist_flex > div {
 flex: 1;
}
@media (max-width: 739px) {
 .reportlist .reportlist_flex {
   flex-direction: column;
 }
}
@media (min-width: 740px) {
 .reportlist .reportlist_flex {
   display: flex;
   gap: 2em;
   width: 86%;
   max-width: 950px;
 }
}
.reportlist .single_event_cate {
 position: relative;
 left: auto;
 top: auto;
 z-index: 2;
}
.reportlist .single_report a {
 text-decoration: none;
}
.reportlist .date_cate {
 color: var(--base-green);
 display: flex;
 justify-content: space-between;
 padding: 0.5em 0 0.7em;
 border-bottom: 1px solid rgba(0, 127, 27, 0.3);
 /* background: #ebf9e3; */
}
.reportlist h4 {
 font-weight: 600;
 padding: 0.5em 0 0.3em;
 font-size: 1.1em;
 line-height: 1.6;
}
.reportlist .subtitle {
 font-size: 0.9em;
}
.reportlist .thumbnail {
 overflow: hidden;
 aspect-ratio: 4/3;
 background: #fff;
}
.reportlist .thumbnail img {
 width: 100%;
 height: auto;
 object-fit: cover;
 aspect-ratio: 4/3;
 object-position: 50% 50%;
}
.reportlist .single_event_cate {
 position: relative;
 left: auto;
 top: auto;
 z-index: 2;
}
.single_event_cate li {
 font-size: 0.7em;
 display: inline-block;
 line-height: 2;
 padding: 0 1em;
 border: 1px solid rgba(0, 136, 51, 0.8);
 background: #fff;
 color: var(--base-green);
 margin-right: 4px;
}
@media (max-width: 1239px) {
 .reportlist .reportlist_flex > div:last-child {
   display: none;
 }
}
.forfuture {
 margin: 3em 0;
 text-align: center;
}
.forfuture a {
 display: inline-block;
 margin: auto;
 font-size:.8em;
 color:var(--base-fontcolor);
 border:3px solid rgba(0, 127, 57, 0.3);
 text-decoration: none;
 padding: 0.8em 1.5em 1em 1.5em;
}
.forfuture a img {
 width: 340px;
}