@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,400;1,500;1,600&family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
/* line 5, ../sass/top.scss */
#main_image {
  position: relative;
}
/* line 8, ../sass/top.scss */
#main_image .slider .slide_item {
  width: 100%;
  height: 46.875vw;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  /* line 8, ../sass/top.scss */
  #main_image .slider .slide_item {
    height: 73.33333vw;
  }
}
/* line 19, ../sass/top.scss */
#main_image .message {
  background-color: rgba(0, 137, 83, 0.6);
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  color: #FFFDF8;
  font-family: "Noto Serif JP";
  font-size: clamp(28px, 1.875vw, 36px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 54px */
  padding: 5.72917vw 4.6875vw;
}
@media screen and (max-width: 768px) {
  /* line 19, ../sass/top.scss */
  #main_image .message {
    width: 100%;
    height: 26.66667vw;
    top: unset;
    bottom: -26.66667vw;
    left: 0;
    transform: translateY(0);
    font-size: 4.8vw;
    text-align: center;
  }
}
/* line 42, ../sass/top.scss */
#main_image .message:before {
  content: "";
  display: block;
  width: 5.20833vw;
  height: 5.20833vw;
  position: absolute;
  left: 0.52083vw;
  bottom: 0.52083vw;
  background-image: url(../img/tuta_01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  /* line 42, ../sass/top.scss */
  #main_image .message:before {
    width: 10.66667vw;
    height: 10.66667vw;
    left: 1.33333vw;
    bottom: 1.33333vw;
  }
}
/* line 61, ../sass/top.scss */
#main_image .message:after {
  content: "";
  display: block;
  width: 5.20833vw;
  height: 5.20833vw;
  position: absolute;
  right: 0.52083vw;
  top: 0.52083vw;
  background-image: url(../img/tuta_02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  /* line 61, ../sass/top.scss */
  #main_image .message:after {
    width: 10.66667vw;
    height: 10.66667vw;
    right: 1.33333vw;
    top: 1.33333vw;
  }
}
/* line 81, ../sass/top.scss */
#main_image .important {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  /* line 81, ../sass/top.scss */
  #main_image .important {
    bottom: unset;
    top: 0;
  }
}
/* line 92, ../sass/top.scss */
#main_image .important .imp_news {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  gap: 1.04167vw;
  padding: 1.25vw 1.14583vw;
}
@media screen and (max-width: 768px) {
  /* line 92, ../sass/top.scss */
  #main_image .important .imp_news {
    flex-wrap: wrap;
    padding: 2.66667vw 2.93333vw;
    gap: 2.66667vw;
  }
}
/* line 105, ../sass/top.scss */
#main_image .important .imp_news .date {
  display: inline-block;
  color: #fff;
  font-size: clamp(14px, 0.83333vw, 16px);
}
@media screen and (max-width: 768px) {
  /* line 105, ../sass/top.scss */
  #main_image .important .imp_news .date {
    font-size: clamp(16px, 2.34375vw, 18px);
  }
}
/* line 113, ../sass/top.scss */
#main_image .important .imp_news .cat {
  display: inline-block;
  width: 11em;
  padding: 0.41667vw 0.83333vw;
  text-align: center;
  border-radius: 0.52083vw;
  border: 1px solid #DA1D1D;
  background-color: #FFFDF8;
  color: #DA1D1D;
  font-family: "Noto Sans JP";
  font-size: clamp(12px, 0.72917vw, 14px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  /* line 113, ../sass/top.scss */
  #main_image .important .imp_news .cat {
    font-size: clamp(14px, 2.08333vw, 16px);
    padding: 1.06667vw 2.13333vw;
    width: auto;
  }
}
/* line 133, ../sass/top.scss */
#main_image .important .imp_news .title {
  display: block;
  color: #fff;
}
/* line 136, ../sass/top.scss */
#main_image .important .imp_news .title:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  /* line 133, ../sass/top.scss */
  #main_image .important .imp_news .title {
    width: 100%;
    font-size: clamp(16px, 2.34375vw, 18px);
  }
}

/* line 150, ../sass/top.scss */
section .continer h2 {
  text-align: center;
  margin-bottom: 3.33333vw;
}
@media screen and (max-width: 768px) {
  /* line 150, ../sass/top.scss */
  section .continer h2 {
    margin-bottom: 8.53333vw;
  }
}
/* line 156, ../sass/top.scss */
section .continer h2 .main_title {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: clamp(36px, 2.1875vw, 42px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 63px */
  text-align: center;
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 156, ../sass/top.scss */
  section .continer h2 .main_title {
    font-size: clamp(28px, 4.16667vw, 32px);
  }
}
/* line 169, ../sass/top.scss */
section .continer h2 .sub_title {
  color: #01472B;
  font-family: Lora;
  font-size: clamp(16px, 0.9375vw, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 27px */
  border-bottom: 1px solid #01472B;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  /* line 169, ../sass/top.scss */
  section .continer h2 .sub_title {
    font-size: clamp(16px, 2.34375vw, 18px);
  }
}

/* line 186, ../sass/top.scss */
#news {
  padding: 84px 0;
}
@media screen and (max-width: 768px) {
  /* line 186, ../sass/top.scss */
  #news {
    padding: 37.86667vw 0 11.2vw;
  }
}

/* line 193, ../sass/top.scss */
#school {
  padding: 64px 0;
  background-size: auto auto;
  background-color: #fefbf2;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 15px, #fffcdb 15px, #fffcdb 30px);
}
@media screen and (max-width: 768px) {
  /* line 198, ../sass/top.scss */
  #school .continer {
    padding: 0 5%;
  }
}
/* line 202, ../sass/top.scss */
#school .continer .flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-bottom: 2.08333vw;
}
/* line 205, ../sass/top.scss */
#school .continer .flex .scl_panel_2x {
  width: 48%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* line 205, ../sass/top.scss */
  #school .continer .flex .scl_panel_2x {
    width: 100%;
    margin-bottom: 5.33333vw;
  }
}
/* line 212, ../sass/top.scss */
#school .continer .flex .scl_panel_2x .ovf-h {
  overflow: hidden;
  display: block;
  height: 20vw;
  margin-bottom: 1.04167vw;
}
@media screen and (max-width: 768px) {
  /* line 212, ../sass/top.scss */
  #school .continer .flex .scl_panel_2x .ovf-h {
    height: 59.46667vw;
    margin-bottom: 2.66667vw;
  }
}
/* line 222, ../sass/top.scss */
#school .continer .flex .scl_panel_2x .thmb {
  display: block;
  margin-bottom: 1.04167vw;
  height: 20vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  /* line 222, ../sass/top.scss */
  #school .continer .flex .scl_panel_2x .thmb {
    height: 59.46667vw;
  }
}
/* line 235, ../sass/top.scss */
#school .continer .flex .scl_panel_3x {
  width: 32%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* line 235, ../sass/top.scss */
  #school .continer .flex .scl_panel_3x {
    width: 100%;
    margin-bottom: 5.33333vw;
  }
}
/* line 242, ../sass/top.scss */
#school .continer .flex .scl_panel_3x .ovf-h {
  overflow: hidden;
  display: block;
  height: 17.55208vw;
  margin-bottom: 1.04167vw;
}
@media screen and (max-width: 768px) {
  /* line 242, ../sass/top.scss */
  #school .continer .flex .scl_panel_3x .ovf-h {
    height: 59.46667vw;
    margin-bottom: 2.66667vw;
  }
}
/* line 252, ../sass/top.scss */
#school .continer .flex .scl_panel_3x .thmb {
  height: 17.55208vw;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  /* line 252, ../sass/top.scss */
  #school .continer .flex .scl_panel_3x .thmb {
    height: 59.46667vw;
  }
}

/* line 267, ../sass/top.scss */
#information {
  padding: 8.33333vw 0;
}
@media screen and (max-width: 768px) {
  /* line 267, ../sass/top.scss */
  #information {
    padding: 21.33333vw 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 272, ../sass/top.scss */
  #information .continer {
    padding: 0 5%;
  }
}
/* line 276, ../sass/top.scss */
#information .continer .flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  gap: 2.08333vw;
}
@media screen and (max-width: 768px) {
  /* line 276, ../sass/top.scss */
  #information .continer .flex {
    gap: 16vw;
  }
}
/* line 282, ../sass/top.scss */
#information .continer .flex .image {
  width: 40.625vw;
  box-shadow: -6.77083vw 6.77083vw 0px -4.16667vw rgba(0, 137, 83, 0.6);
}
@media screen and (max-width: 768px) {
  /* line 282, ../sass/top.scss */
  #information .continer .flex .image {
    width: 90%;
    box-shadow: -17.33333vw 17.33333vw 0px -10.66667vw rgba(0, 137, 83, 0.6);
  }
}
/* line 290, ../sass/top.scss */
#information .continer .flex .list {
  width: 40.625vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.08333vw;
}
@media screen and (max-width: 768px) {
  /* line 290, ../sass/top.scss */
  #information .continer .flex .list {
    width: 100%;
    gap: 5.33333vw;
  }
}
/* line 300, ../sass/top.scss */
#information .continer .flex .list h2 {
  margin: 0;
}
/* line 303, ../sass/top.scss */
#information .continer .flex .list p {
  font-family: "Noto Sans JP";
  font-size: clamp(18px, 1.14583vw, 22px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  /* line 303, ../sass/top.scss */
  #information .continer .flex .list p {
    font-size: clamp(18px, 2.86458vw, 22px);
  }
}
/* line 313, ../sass/top.scss */
#information .continer .flex .list .list_link {
  width: 26.04167vw;
}
@media screen and (max-width: 768px) {
  /* line 313, ../sass/top.scss */
  #information .continer .flex .list .list_link {
    width: 90%;
  }
}
/* line 318, ../sass/top.scss */
#information .continer .flex .list .list_link .link_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  gap: 0.83333vw;
  padding: 1.25vw 0.83333vw;
  color: #333;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
  border-bottom: 0.10417vw dashed #008953;
}
@media screen and (max-width: 768px) {
  /* line 318, ../sass/top.scss */
  #information .continer .flex .list .list_link .link_item {
    gap: 4.26667vw;
    padding: 3.2vw 2.13333vw;
  }
}
/* line 338, ../sass/top.scss */
#information .continer .flex .list .list_link .link_item .icon img {
  width: 1.30208vw;
}
@media screen and (max-width: 768px) {
  /* line 338, ../sass/top.scss */
  #information .continer .flex .list .list_link .link_item .icon img {
    width: 5.33333vw;
  }
}
/* line 345, ../sass/top.scss */
#information .continer .flex .list .list_link .link_item:after {
  font-family: 'Font Awesome 6 Free';
  content: "";
  font-weight: 600;
  font-size: 1em;
  color: #008953;
  position: absolute;
  top: 50%;
  right: 0.83333vw;
  transform: translateY(-50%);
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  /* line 345, ../sass/top.scss */
  #information .continer .flex .list .list_link .link_item:after {
    right: 2.13333vw;
  }
}

/* line 364, ../sass/top.scss */
#everyone {
  padding-bottom: 8.33333vw;
}
@media screen and (max-width: 768px) {
  /* line 366, ../sass/top.scss */
  #everyone .continer {
    padding: 0 5%;
  }
}
/* line 371, ../sass/top.scss */
#everyone .continer .flex .eve_panel {
  border: 1px solid #008953;
  padding: 3.125vw 4.16667vw;
  width: 40.625vw;
  display: flex;
  gap: 1.66667vw;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.25vw;
  border-radius: 7.8125vw 0px;
  border: 0.10417vw solid #008953;
  background-color: #FFFCDA;
}
@media screen and (max-width: 768px) {
  /* line 371, ../sass/top.scss */
  #everyone .continer .flex .eve_panel {
    padding: 8vw 10.66667vw;
    width: 100%;
    gap: 4.26667vw;
    margin-bottom: 3.2vw;
    border-radius: 20vw 0px;
  }
}
/* line 390, ../sass/top.scss */
#everyone .continer .flex .eve_panel h2 {
  margin: 0;
}
/* line 393, ../sass/top.scss */
#everyone .continer .flex .eve_panel p {
  font-size: clamp(18px, 1.04167vw, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* line 393, ../sass/top.scss */
  #everyone .continer .flex .eve_panel p {
    font-size: clamp(18px, 2.60417vw, 20px);
  }
}
@media screen and (max-width: 1300px) {
  /* line 371, ../sass/top.scss */
  #everyone .continer .flex .eve_panel {
    width: 48%;
    text-align: center;
    margin: 2% 1%;
  }
}
@media screen and (max-width: 768px) {
  /* line 371, ../sass/top.scss */
  #everyone .continer .flex .eve_panel {
    width: 100%;
    text-align: center;
    margin: 2% auto;
  }
}

/* line 418, ../sass/top.scss */
#activities {
  padding-bottom: 8.33333vw;
}
@media screen and (max-width: 768px) {
  /* line 418, ../sass/top.scss */
  #activities {
    padding: 0 5% 21.33333vw;
  }
}
/* line 423, ../sass/top.scss */
#activities .continer {
  background-color: #fff;
  border: 2px solid #008953;
  background-image: url(../img/bg_pattern_hougan.png);
  padding: 2.60417vw 5.20833vw;
}
@media screen and (max-width: 768px) {
  /* line 423, ../sass/top.scss */
  #activities .continer {
    padding: 6.66667vw 5%;
  }
}
/* line 431, ../sass/top.scss */
#activities .continer .flex {
  align-items: center;
}
/* line 433, ../sass/top.scss */
#activities .continer .flex .image {
  width: 33.33333vw;
  height: 16.66667vw;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  /* line 433, ../sass/top.scss */
  #activities .continer .flex .image {
    width: 100%;
    height: 42.66667vw;
  }
}
/* line 445, ../sass/top.scss */
#activities .continer .flex .cont {
  width: 33.33333vw;
}
@media screen and (max-width: 768px) {
  /* line 445, ../sass/top.scss */
  #activities .continer .flex .cont {
    width: 100%;
  }
}
/* line 450, ../sass/top.scss */
#activities .continer .flex .cont p {
  font-size: clamp(22px, 1.35417vw, 26px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 1.66667vw;
}
@media screen and (max-width: 768px) {
  /* line 450, ../sass/top.scss */
  #activities .continer .flex .cont p {
    font-size: clamp(18px, 2.86458vw, 22px);
    margin-bottom: 4.26667vw;
  }
}
/* line 461, ../sass/top.scss */
#activities .continer .flex .cont .btn_area {
  text-align: left;
}
@media screen and (max-width: 768px) {
  /* line 461, ../sass/top.scss */
  #activities .continer .flex .cont .btn_area {
    text-align: center;
  }
}

/* line 472, ../sass/top.scss */
#bnr {
  padding-bottom: 8.33333vw;
}
/* line 475, ../sass/top.scss */
#bnr .flex .bnr_item {
  width: 20.05208vw;
  height: 9.73958vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  position: relative;
}
@media screen and (max-width: 768px) {
  /* line 475, ../sass/top.scss */
  #bnr .flex .bnr_item {
    width: 100%;
    height: 38.66667vw;
    margin-bottom: 5.33333vw;
    background-size: contain;
  }
}
/* line 488, ../sass/top.scss */
#bnr .flex .bnr_item:after {
  display: none;
}
/* line 491, ../sass/top.scss */
#bnr .flex .bnr_item span {
  display: block;
  background-color: #FFFDF8;
  padding: 0.3125vw 0.625vw;
  color: #333;
  border: 1px solid #B3B3B3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* line 491, ../sass/top.scss */
  #bnr .flex .bnr_item span {
    padding: 0.8vw 1.6vw;
  }
}

@media screen and (min-width: 1079px) {
  /* line 520, ../sass/top.scss */
  #school .continer .flex .scl_panel_2x:hover .thmb {
    transform: scale(1.1);
    transition: 0.5s;
  }
  /* line 524, ../sass/top.scss */
  #school .continer .flex .scl_panel_2x:hover .btn {
    border-color: rgba(0, 137, 83, 0.7);
    background-color: rgba(0, 137, 83, 0.7);
    transition: 0.5s;
  }
  /* line 528, ../sass/top.scss */
  #school .continer .flex .scl_panel_2x:hover .btn:after {
    transform: translate(10px, -50%);
    transition: 0.5s;
  }
  /* line 537, ../sass/top.scss */
  #school .continer .flex .scl_panel_3x:hover .thmb {
    transform: scale(1.1);
    transition: 0.5s;
  }
  /* line 541, ../sass/top.scss */
  #school .continer .flex .scl_panel_3x:hover .btn {
    border-color: rgba(0, 137, 83, 0.7);
    background-color: rgba(0, 137, 83, 0.7);
    transition: 0.5s;
  }
  /* line 545, ../sass/top.scss */
  #school .continer .flex .scl_panel_3x:hover .btn:after {
    transform: translate(10px, -50%);
    transition: 0.5s;
  }

  /* line 561, ../sass/top.scss */
  #information .continer .flex .list .list_link .link_item:hover {
    color: #008953;
    text-decoration: underline;
  }
  /* line 564, ../sass/top.scss */
  #information .continer .flex .list .list_link .link_item:hover:after {
    right: 0.41667vw;
    transition: 0.5s;
  }
}