@charset "UTF-8";

#act_01{
  overflow: hidden;
  padding-top: 80px;
}
#act_02{
  padding-top: 80px;
  overflow: hidden;
}
#act_03{
  padding-top: 80px;
  overflow: hidden;
}
/* 背景色変わるところの指定 */
.activities_006234{
  width: 100%;
  background-color: #006234;
}

.h3_white{
  font-size: 20px;
  font-weight: 600;
  /* padding-top: 80px; */
  color: #fff;
}

div .iframe{
  margin: 0 auto;
  text-align: center;
}

.sp_br {
  display: none;
}

.text_white{
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 600;
}

.table_title_white{
  text-align: center;
  font-weight: 600;
  color: #fff;
  border: solid 3px #fff;
  border-radius: 50px;
}

.border_img2{
  content: url(/images/facility/SVG/h3_deco.svg);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(345deg) brightness(108%) contrast(101%);
  margin-top: 15px;
  margin-bottom: 15px;
}



    /* img */
    .border_img{
      content: url(../images/activities/SVG/h3_deco.svg);
      margin-top: 15px;
      margin-bottom: 15px;
  }


/* 余白用 */
.contents_space{
  margin-left: 15px;
  margin-right: 15px;
}
.space_01{
  padding: 40px;
}

.space_02{
  padding: 20px;
}

    /* 全体文字系 */
h3{
  font-size: 20px;
  font-weight: 600;
  /* padding-top: 80px; */
}

/* .iitop{
  font-weight:bold;
  margin-bottom: 30px;
  padding-top:150px ;
  font-size: 18px;
  background-image: url(../images/activities/h3_deco.svg);
  background-repeat: no-repeat;
  background-size:auto;
  background-position:0 162px ;
  padding-bottom: 10px;
} */
.photo{
  font-size: 13.1px;
  font-weight:420
}



.photo2{
  font-size: 13px;
  font-weight:420;
  line-height:35px ;
}
.chotop{
  width: 65%;
}
.chotop2{
  width: 65%;
}

.iitop2{
  margin-bottom: 30px;
  font-weight:bold;
  font-size: 18px;
  background-image: url(../images/activities/h3_deco.svg);
  background-repeat: no-repeat;
  background-size:auto;
  background-position:0 180px ;
  padding-bottom: 7px;
}
.sec_event_list{
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
}
.sec_event_list dt{
  width: 12em;
  color: #006234;
  font-weight: bold;
  padding-right: 70px;
  border-bottom: 2px solid #006234;
  padding-left: 10px;
}
.sec_event_list dd{
  width:calc(100% - 12em) ;
  border-bottom: 2px solid #d9d9d9;
  padding-left: 10px;
}

@media screen and (max-width: 640px) {
  .sec_event_list dt{
    width: 100%;
    font-size: 2.0rem;
    text-align: center;
    padding-top: 10px;
    padding-right: 0px;
  }
  .sec_event_list dd{
    width: 100%;
    font-size: 1.4rem;
    text-align: center;
    padding-top: 10px;
  }
  .sp_br {
    display: block;
  }

  /* .sec_event_list .left{
    text-align: left;
    display: inline-block;
  } */
}

  /***  活動写真
  ************************/
  .iitop3{
    margin-bottom: 40px;
    font-weight:bold;
    font-size:18px ;
  }
.sec_photograph dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/********  運動会　**********/
.sec_photograph_event{
  width: 100%;
}
.sec_photograph_event dt{
  color: #006234;
  margin-top: 80px;
  margin-bottom: 20px;
  margin-inline: 20px;
  position: relative;
  overflow: hidden;
  font-weight:bold;
  font-size: 18px;
}
.sec_photograph_event dt::after{
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
  background-color: #006234;
}
.sec_photograph_event dd{
  display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px; /* 画像の間隔 */
    row-gap: 20px;
    padding: 20px;
    padding-bottom: 40px;
}

.sec_photograph_event img ,
.sec_photograph_event1 img
{
  /* border-radius: 15px; */
  max-width: 870px;
  /* margin-left: 20px; */

}

/***********　運動会以外　*************/
.sec_photograph_event1 {
  width:49.2%;
  padding: 0 20px;
  flex-wrap: wrap;
  font-weight:bold;
  font-size: 18px;
  background-color: #fff;
}
.sec_photograph_event1 dt{
  color: #006234;
  margin-block: 20px;
  position: relative;
  overflow: hidden;
}
.sec_photograph_event1 dt::after{
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 150px;
  transform: translateY(-50%);
  background-color: #006234;
}
.sec_photograph_event1 dd{
    row-gap: 20px;
    /* margin-top: 30px; */
    margin-bottom: 30px;
    column-gap: 0%;
}

@media screen and (max-width: 640px) {
      .sec_photograph dd{
        width: 100%;
        display: block;
      }
      .activities_img2{
        margin-bottom: 20px;
      }
      .sec_photograph_event1{
        width: 100%;
        display: block;
      }
      
    }
    .fadeIn_up {
      opacity: 0;
      transform: translate(0, 30%);
      transition: 1s;
      
    }
    .fadeIn_up.is-show {
      transform: translate(0, 0);
      opacity: 1;
    }
@media screen and (max-width:400px){
  div .iframe{
    position: relative;
    left: -7px;
  }
}