@charset "utf-8";
/* CSS Document */
/*トップページメイン*/
.section-title__image {
  width:100%;
  height: 40vh;
  background-image: url("../topimage.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.section-title__image-title {
  color: #333;
  font-weight: 600;
  width: 80vw;
  text-align: center;
  margin: auto auto;
}
.section-title h2 {
  font-size: 2.0rem;
}
@media(min-width:960px){
  .section-title__image {
    height:500px;
  }
  .section-title h2{
    font-size:4.4rem;
  }
}
/*セクションタイトル内ニュース*/
.section-title__news{
  width:100%;
  background-color: rgb(213 250 248 / 0.8);/*20250506更新#d5faf8*/
  text-align:left;/*20250506更新*/
  border-radius:7px;
  padding: 3px;/*20250506更新*/
  margin:10px auto;
}
.section-title__news-title{
  /*background-color:#fff;20250506更新*/
  color:#FF7934;
  /*border:solid 2px #FF7934;20250506更新*/
  padding:0 5px;/*20250506更新*/
  display:inline-block;
}
.section-title__news p{
  color:#333;
  font-size:1.2rem;
}
/*20250506更新.section-titile__news-place{
  background-color:#FC7F12;
  border-radius:20px;
  padding:1px 10px;/*20250506更新
  color:#fff;
  font-size:1.2rem;
  font-weight:500;
  vertical-align: top;
  margin:0 2px;
}*/
/*20250506更新*/
.section-title_news-title-icon{
  color:#ff8346;
}

@media(min-width:960px){
.section-title__news{
  width:60%;/*20250506更新*/
  background-color:  rgb(213 250 248 / 0.8);/*20250506更新#d5faf8*/
  text-align:center;
  border-radius:7px;
  padding-bottom:15px;
  margin:30px auto;
}
.section-title__news-title{
  /*background-color:#fff;20250506更新*/
  font-size: x-large;/*20250506更新*/
  color:#FF7934;
 /* border:solid 2px #FF7934;20250506更新*/
  padding:0 20px 3px;
  display:inline-block;
  margin-top:10px;
}
.section-title__news p{
  color:#333;
  font-size:2.0rem;
}
  .section-titile__news-place{
  font-size:1.6rem;
  vertical-align: text-top;
}
}
/*セクショントップ*/
.section-top__message {
  padding: 0 10px;
}
.section-top h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.section-top__description {
  font-size: 1.8rem;
  margin-bottom: 40px;
  text-align: left;
  color:#486463;
}
.section-top__image {
  width:90%;
  margin:0 auto;
  background-size: cover;
  display:flex;
}
 .section-top__image-unit{
    display:flex;
  }
.section-top__image img {
  object-fit: cover;
  padding: 10px;
  width: 80vw;
  max-width: 460px;
  vertical-align: bottom;
  margin:0 auto;
}
.section-top__image-name{
  text-align:center;
  padding:20px 30px;
  font-size:1.8rem;
  font-weight:600;
  margin:0 auto;
}
@media(min-width:960px){
  .section-top{
    max-width:1250px;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
  }
  .section-top h2 {
    font-size:3.6rem;
    line-height:5.6rem;
  margin-bottom: 20px;
}
  .section-top__message{
    width:625px;
    padding:60px 50px 0 10px;
  }
  .section-top__image{
    display:block;
   width:500px;
  }
  .section-top__image-unit{
    display:block;
  }
  .section-top__image img{
    width:100%;
    height:auto;
    padding:0;
    margin:0 auto;
  }
  .section-top__image-name{
   text-align: center;
  }
}
/*セクション活動場所*/
.section-place {
  padding: 0 10px;
}
.section-place__top-message {
  text-align: center;
  padding-top: 80px;
  margin-bottom:20px;
}
.section-place__top-subtitle {
  color: #1D788A;
  font-size: 1.8rem;
  font-weight: 500;
}
.section-place h2 {
  font-size:2.2rem;
  padding-top: 10px;
}
.section-place__top-description {
  padding-top: 20px;
  text-align: left;
  color:#486463;
  font-size: 1.8rem;
}
/*セクション活動場所の画像配置部分*/
.section-place{
  padding-bottom:80px;
}
.section-place__list {
  text-align: center;
}
.section-place ul {
  padding: 0px 10px;
}
.section-place ul li {
  list-style-type: none;
  margin-bottom: 40px;
}
.section-place ul li:last-child {
  margin-bottom: 20px;
}
.section-place__bg1, .section-place__bg2, .section-place__bg3, .section-place__bg4, .section-place__bg5, .section-place__bg6 {
  width:100%;
  height: 30vh;
  object-fit: cover;
  background-position: center;
  background-size: 130%;
  background-repeat: no-repeat;
  margin:0 auto;
  content: "";
}
.section-place__bg1 {
  background-image: url("../place1.jpg");
}
.section-place__bg2 {
  background-image: url("../place2.jpg");
}
.section-place__bg3 {
  background-image: url("../place3.jpg");
}
.section-place__bg4 {
  background-image: url("../place4.jpg");
}
.section-place__bg5 {
  background-image: url("../place5.jpg");
}
.section-place__bg6 {
  background-image: url("../place6.jpg");
}
.section-place__list-description{
  color:#074551;
  font-size: 1.6rem;
  padding: 30px 50px 60px;
  width: 80vw;
  background-color: #fff;
  text-align: left;
  margin: -30px auto 0;
  background-clip: padding-box;/*線を透過するため、paddingまでを背景色*/
  border:1px solid #9EDCD9;
  outline:10px solid rgba(255,255,255,0.5);
}
.section-place__list-name{
  background-color:#9EDCD9;
  padding:11px;
  color:#074551;
  font-weight:600;
  width:80vw;
  background-clip: padding-box;
  margin: -50px auto 0;/*透過した線を見せるため、ネガティブマージンTOP*/
}
@media(min-width:960px){
  .section-place{
    max-width:960px;
    margin:0 auto;
    padding-bottom:100px;
  }
.section-place__top-message {
  padding-top: 100px;
  margin-bottom:50px;
}
  .section-place h2 {
    font-size:3.6rem;
  line-height: 5.6rem;
}
  .section-place__top-description{
     text-align: center;
  }
  .section-place ul li{
  display:flex;
 /*justify-content: flex-start;*/
    flex-direction:row-reverse;
    margin-bottom: 90px;
  }
  .section-place__list-description{
    width:350px;
    height:350px;
    font-size:1.8rem;
    line-height: 3.2rem;
    margin-top:100px;
  }
  .section-place__reverse{
    position:relative;
  }
  .section-place__bg1, .section-place__bg2, .section-place__bg3, .section-place__bg4, .section-place__bg5, .section-place__bg6{
    width:750px;
    height:538px;
    object-fit: cover;
  }
  .section-place__list-name{
    width:348px;
    padding:10px;
  }
  .section-place__right{
    margin-right:-200px;
  }
  .section-place__left{
    position: absolute;
    margin-left:-200px;
  }
  .section-place__bottom-p{
    font-size:2.2rem;
    width:40vw;
    margin:0 auto;
  }
}