@charset "UTF-8";
/* line 557, ../../src/sass/setting/_variables.scss */
:root {
  --yohaku-contWrap: 1px calc( var(--vw) * 5 );
  --cont-wrap-width-max: unset;
  --spacing-unit-xxs: 4px;
  --spacing-unit-xs: 8px;
  --spacing-unit-s: 16px;
  --spacing-unit-m: 24px;
  --spacing-unit-l: 40px;
  --spacing-unit-xl: 64px;
  --spacing-unit-xxl: 104px;
  --text-size-def: 18px;
  --zoomRatio: 1;
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  /* line 557, ../../src/sass/setting/_variables.scss */
  :root {
    --yohaku-contWrap: 1px 45px 1px 45px;
    --cont-wrap-width-max: unset;
    --text-size-def: 16px;
    --zoomRatio: 1;
  }
}
@media screen and (max-width: 768px) {
  /* line 557, ../../src/sass/setting/_variables.scss */
  :root {
    --yohaku-contWrap: 1px 20px;
    --cont-wrap-width-max: unset;
    --text-size-def: 14px;
    --zoomRatio: 1;
  }
}

/* line 10, ../../src/sass/top.scss */
.topInner {
  padding: 0 calc( var(--vw) * 5 );
}

/* line 14, ../../src/sass/top.scss */
#hero {
  width: calc( var(--vw) * 68.28125 );
  height: calc( var(--vw) * 33.38542 );
  margin: calc( var(--vw) * 5.72917 ) auto 0;
  padding: calc( var(--vw) * 5.57292 ) 0 0;
}
@media screen and (max-width: 768px) {
  /* line 14, ../../src/sass/top.scss */
  #hero {
    width: calc( var(--vw) * 100 );
    height: calc( var(--vw) * 108.8 );
  }
  /* line 22, ../../src/sass/top.scss */
  #hero h1 {
    margin: calc( var(--vw) * 38.93333 ) 0 calc( var(--vw) * 33.33333 );
  }
}

/* line 28, ../../src/sass/top.scss */
.arrows {
  padding: 0;
  gap: 20px 20px;
}
/* line 32, ../../src/sass/top.scss */
.arrows .line {
  flex: 1;
  height: 1px;
  background-color: #EBEBEB;
}
/* line 37, ../../src/sass/top.scss */
.arrows .line.noLine {
  background-color: transparent;
}
/* line 43, ../../src/sass/top.scss */
.arrows .btns .bt {
  display: inline-block;
  cursor: pointer;
  width: calc( var(--vw) * 2.1875 );
  height: calc( var(--vw) * 2.1875 );
  margin: 0;
  padding: calc( var(--vw) * 0.41667 );
  border: 1px solid #2F3232;
  position: relative;
  text-align: center;
  font-size: calc( var(--vw) * 1.25 );
  line-height: 1;
}
@media screen and (max-width: 768px) {
  /* line 43, ../../src/sass/top.scss */
  .arrows .btns .bt {
    width: calc( var(--vw) * 6.4 );
    height: calc( var(--vw) * 6.4 );
    font-size: calc( var(--vw) * 5.33333 );
    line-height: 1;
  }
}
/* line 70, ../../src/sass/top.scss */
.arrows .btns .bt.prev {
  margin-right: calc( var(--vw) * 0.52083 );
}
/* line 76, ../../src/sass/top.scss */
.arrows .btns .bt:hover img {
  -moz-transform: translate(-10%, -50%);
  -ms-transform: translate(-10%, -50%);
  -webkit-transform: translate(-10%, -50%);
  transform: translate(-10%, -50%);
}

/* line 84, ../../src/sass/top.scss */
.slick-dots li button:before {
  font-size: calc( var(--vw) * 0.625 ) !important;
}
@media screen and (max-width: 768px) {
  /* line 84, ../../src/sass/top.scss */
  .slick-dots li button:before {
    font-size: calc( var(--vw) * 3.2 ) !important;
  }
}

/* line 92, ../../src/sass/top.scss */
.slick-dots {
  bottom: calc( var(--vw) * -2.34375 ) !important;
}
@media screen and (max-width: 768px) {
  /* line 92, ../../src/sass/top.scss */
  .slick-dots {
    bottom: calc( var(--vw) * -7.46667 ) !important;
  }
}

/* line 100, ../../src/sass/top.scss */
#sec01 {
  margin-bottom: calc( var(--vw) * 2.60417 );
}
/* line 103, ../../src/sass/top.scss */
#sec01 .arrows {
  width: calc( var(--vw) * 55.10417 );
  margin: calc( var(--vw) * 1.04167 ) auto;
}
@media screen and (max-width: 768px) {
  /* line 103, ../../src/sass/top.scss */
  #sec01 .arrows {
    width: calc( var(--vw) * 89.33333 );
  }
}
/* line 112, ../../src/sass/top.scss */
#sec01 #banSlider {
  width: calc( var(--vw) * 55.10417 );
  height: calc( var(--vw) * 11.97917 );
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  /* line 112, ../../src/sass/top.scss */
  #sec01 #banSlider {
    width: calc( var(--vw) * 89.33333 );
    height: calc( var(--vw) * 19.46667 );
  }
}
/* line 120, ../../src/sass/top.scss */
#sec01 #banSlider .box {
  padding: 0;
}
/* line 123, ../../src/sass/top.scss */
#sec01 #banSlider .box a {
  display: block;
  aspect-ratio: 1058 / 230;
  overflow: hidden;
}
/* line 130, ../../src/sass/top.scss */
#sec01 #banSlider .slick-dots li:before {
  display: none;
}

/* line 138, ../../src/sass/top.scss */
#sec11 h2 {
  color: var(--text, #2F3232);
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 41.6px */
  margin-top: 100px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  /* line 138, ../../src/sass/top.scss */
  #sec11 h2 {
    font-size: calc( var(--vw) * 5.33333 );
  }
}
/* line 155, ../../src/sass/top.scss */
#sec11 .boxes {
  margin-bottom: 230px;
}
/* line 159, ../../src/sass/top.scss */
#sec11 .box {
  background: var(--bace, #F5F5ED);
  padding: 20px;
  position: relative;
}
/* line 164, ../../src/sass/top.scss */
#sec11 .box a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 171, ../../src/sass/top.scss */
#sec11 .box a img {
  width: 100%;
  height: auto;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 178, ../../src/sass/top.scss */
#sec11 .box a:after {
  content: '';
  width: 0;
  height: 2px;
  background-color: #32CD32;
  position: absolute !important;
  bottom: 0;
  left: 0;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 190, ../../src/sass/top.scss */
#sec11 .box a:hover img, #sec11 .box a:focus img {
  scale: 1.1;
}
/* line 194, ../../src/sass/top.scss */
#sec11 .box a:hover:after, #sec11 .box a:focus:after {
  width: 100%;
}

/* line 204, ../../src/sass/top.scss */
#sec02 h2 {
  padding: calc( var(--vw) * 1.04167 ) calc( var(--vw) * 2.08333 );
}
/* line 207, ../../src/sass/top.scss */
#sec02 h2 .txt {
  color: #DC0000;
  font-size: max(18px,calc( var(--vw) * 1.5625 ));
  font-weight: 700;
  line-height: 100%;
  /* 30.025px */
}
@media screen and (max-width: 768px) {
  /* line 207, ../../src/sass/top.scss */
  #sec02 h2 .txt {
    font-size: calc( var(--vw) * 5.33333 );
  }
}
/* line 222, ../../src/sass/top.scss */
#sec02 h2 .line {
  flex: 1;
  height: 1px;
  background-color: #DC0000;
}
/* line 230, ../../src/sass/top.scss */
#sec02 .infoList a.info {
  padding: calc( var(--vw) * 1.04167 ) 0;
  margin: 0 calc( var(--vw) * 2.08333 );
  font-size: max(12px,calc( var(--vw) * 0.9375 ));
  color: #2F3232;
  text-decoration: none;
  border-bottom: 1px solid #D9D9D9;
  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: 1 0 0%;
  flex: 1 0 0%;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  gap: 20px 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 241, ../../src/sass/top.scss */
#sec02 .infoList a.info .date {
  width: 8em;
}
@media screen and (max-width: 768px) {
  /* line 241, ../../src/sass/top.scss */
  #sec02 .infoList a.info .date {
    width: 100%;
    color: var(--text, #2F3232);
    font-size: calc( var(--vw) * 3.73333 );
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    /* 25.2px */
  }
}
/* line 257, ../../src/sass/top.scss */
#sec02 .infoList a.info .title {
  flex: 1;
}
@media screen and (max-width: 768px) {
  /* line 257, ../../src/sass/top.scss */
  #sec02 .infoList a.info .title {
    flex: unset;
    width: 100%;
    color: var(--text, #2F3232);
    font-size: calc( var(--vw) * 3.73333 );
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    /* 25.2px */
  }
}
/* line 272, ../../src/sass/top.scss */
#sec02 .infoList a.info:hover {
  color: #007E53;
  border-color: #007E53;
}
@media screen and (max-width: 768px) {
  /* line 277, ../../src/sass/top.scss */
  #sec02 .infoList a.info:after {
    position: absolute;
    right: 0;
    top: calc( var(--vw) * 2.60417 );
    font-size: calc( var(--vw) * 3.38542 );
  }
}
@media screen and (max-width: 768px) {
  /* line 289, ../../src/sass/top.scss */
  #sec02 .kakomi {
    padding: calc( var(--vw) * 10.66667 ) calc( var(--vw) * 5.33333 );
  }
}

/* line 295, ../../src/sass/top.scss */
#sec03 {
  padding-top: calc( var(--vw) * 13.02083 );
  margin-bottom: calc( var(--vw) * 8.85417 );
}
/* line 299, ../../src/sass/top.scss */
#sec03 .newsList {
  margin-top: calc( var(--vw) * 4.16667 );
}

/* line 304, ../../src/sass/top.scss */
#sec04 {
  padding: calc( var(--vw) * 10.41667 ) 0;
}
/* line 307, ../../src/sass/top.scss */
#sec04 .arrows {
  padding: calc( var(--vw) * 1.04167 ) 0;
  gap: 20px 20px;
}
/* line 313, ../../src/sass/top.scss */
#sec04 #eventSlider .box {
  padding: calc( var(--vw) * 1.04167 );
}
@media screen and (max-width: 768px) {
  /* line 313, ../../src/sass/top.scss */
  #sec04 #eventSlider .box {
    padding: calc( var(--vw) * 2.66667 );
  }
}
/* line 320, ../../src/sass/top.scss */
#sec04 #eventSlider .box .imgArea {
  overflow: hidden;
}
/* line 323, ../../src/sass/top.scss */
#sec04 #eventSlider .box .imgArea img {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 328, ../../src/sass/top.scss */
#sec04 #eventSlider .box a {
  text-decoration: none;
}
/* line 332, ../../src/sass/top.scss */
#sec04 #eventSlider .box a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/* line 337, ../../src/sass/top.scss */
#sec04 #eventSlider .box a:hover .cates span,
#sec04 #eventSlider .box a:hover .txts .title,
#sec04 #eventSlider .box a:hover .txts .date {
  color: var(--color-sub);
}
/* line 346, ../../src/sass/top.scss */
#sec04 #eventSlider .box img {
  aspect-ratio: 480 / 320;
}
/* line 350, ../../src/sass/top.scss */
#sec04 #eventSlider .box .cates span,
#sec04 #eventSlider .box .txts .title,
#sec04 #eventSlider .box .txts .date {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 356, ../../src/sass/top.scss */
#sec04 #eventSlider .box .cates {
  display: flex;
  flex-wrap: wrap;
  padding: calc( var(--vw) * 0.10417 ) calc( var(--vw) * 1.04167 );
  align-items: flex-start;
  gap: calc( var(--vw) * 0.26042 );
  align-self: stretch;
  background: var(--gray-01, #EBEBEB);
  padding: calc( var(--vw) * 0.26042 ) 0;
}
@media screen and (max-width: 768px) {
  /* line 356, ../../src/sass/top.scss */
  #sec04 #eventSlider .box .cates {
    gap: calc( var(--vw) * 1.33333 );
    padding: calc( var(--vw) * 1.33333 ) calc( var(--vw) * 2.66667 );
  }
}
/* line 371, ../../src/sass/top.scss */
#sec04 #eventSlider .box .cates span {
  padding: max(5px,calc( var(--vw) * 0.26042 ));
  color: var(--text, #2F3232);
  font-size: max(11px,calc( var(--vw) * 0.83333 ));
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
}
/* line 380, ../../src/sass/top.scss */
#sec04 #eventSlider .box .cates span:before {
  content: '#';
}
@media screen and (max-width: 768px) {
  /* line 371, ../../src/sass/top.scss */
  #sec04 #eventSlider .box .cates span {
    font-size: calc( var(--vw) * 3.73333 );
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 16.8px */
  }
}
/* line 396, ../../src/sass/top.scss */
#sec04 #eventSlider .box .txts {
  background-color: #fff;
  padding: max(10px,calc( var(--vw) * 1.04167 ));
}
@media screen and (max-width: 768px) {
  /* line 396, ../../src/sass/top.scss */
  #sec04 #eventSlider .box .txts {
    padding: calc( var(--vw) * 2.66667 );
  }
}
/* line 404, ../../src/sass/top.scss */
#sec04 #eventSlider .box .txts .title {
  color: var(--text, #2F3232);
  font-size: max(13px,calc( var(--vw) * 0.9375 ));
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
  /* 32.4px */
}
@media screen and (max-width: 768px) {
  /* line 404, ../../src/sass/top.scss */
  #sec04 #eventSlider .box .txts .title {
    /* 本文/sp/太字 */
    font-size: calc( var(--vw) * 3.73333 );
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    /* 25.2px */
  }
}
/* line 424, ../../src/sass/top.scss */
#sec04 #eventSlider .box .txts .date {
  margin-top: calc( var(--vw) * 0.78125 );
  color: var(--text, #2F3232);
  font-size: max(13px,calc( var(--vw) * 0.9375 ));
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 32.4px */
}
@media screen and (max-width: 768px) {
  /* line 424, ../../src/sass/top.scss */
  #sec04 #eventSlider .box .txts .date {
    /* 本文/SP/通常 */
    font-size: calc( var(--vw) * 3.73333 );
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    /* 25.2px */
  }
}

/* line 449, ../../src/sass/top.scss */
#sec05 {
  padding-top: calc( var(--vw) * 13.02083 );
}
/* line 453, ../../src/sass/top.scss */
#sec05 .contWrap .dodai {
  position: relative;
  width: 100%;
  height: max(526px,calc( var(--vw) * 50.20833 ));
}
@media screen and (max-width: 768px) {
  /* line 453, ../../src/sass/top.scss */
  #sec05 .contWrap .dodai {
    height: calc( var(--vw) * 141.33333 );
    margin-top: calc( var(--vw) * 10.66667 );
  }
}
/* line 464, ../../src/sass/top.scss */
#sec05 .contWrap .dodai .programs {
  position: absolute;
  right: calc( var(--vw) * -5 );
  top: calc( var(--vw) * 3.125 );
  z-index: 2;
}
/* line 471, ../../src/sass/top.scss */
#sec05 .contWrap .dodai .imageCut {
  position: absolute;
  left: calc( var(--vw) * -5 );
  bottom: 0;
  z-index: 0;
}
/* line 480, ../../src/sass/top.scss */
#sec05 .programs {
  width: max(700px,calc( var(--vw) * 72.03125 ));
}
@media screen and (max-width: 768px) {
  /* line 480, ../../src/sass/top.scss */
  #sec05 .programs {
    width: calc( var(--vw) * 94.66667 );
  }
}
/* line 487, ../../src/sass/top.scss */
#sec05 .programs a.link {
  display: block;
  position: relative;
  overflow-y: hidden;
  text-decoration: none;
}
/* line 493, ../../src/sass/top.scss */
#sec05 .programs a.link:after {
  display: none;
}
/* line 498, ../../src/sass/top.scss */
#sec05 .programs a.link:hover .txtArea {
  background-color: transparent;
}
/* line 504, ../../src/sass/top.scss */
#sec05 .programs .bgArea {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
/* line 514, ../../src/sass/top.scss */
#sec05 .programs .bgArea img {
  object-position: right center;
}
/* line 518, ../../src/sass/top.scss */
#sec05 .programs .bgArea:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(to right, #f5f5ed 0%, #f5f5ed 55%, rgba(245, 245, 237, 0.3) 100%);
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 532, ../../src/sass/top.scss */
#sec05 .programs .txtArea {
  background-color: #F5F5ED;
  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: flex-start;
  justify-content: flex-start;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  gap: calc( var(--vw) * 2.08333 );
  flex-wrap: nowrap;
  padding: max(19px,calc( var(--vw) * 1.82292 )) max(40px,calc( var(--vw) * 3.80208 ));
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* line 539, ../../src/sass/top.scss */
#sec05 .programs .txtArea.sub {
  padding-left: calc( var(--vw) * 7.29167 );
}
@media screen and (max-width: 768px) {
  /* line 532, ../../src/sass/top.scss */
  #sec05 .programs .txtArea {
    background-color: transparent;
    padding: calc( var(--vw) * 5.33333 ) calc( var(--vw) * 2.66667 );
  }
}
/* line 552, ../../src/sass/top.scss */
#sec05 .programs .txtArea .imgA img {
  width: max(33px,calc( var(--vw) * 3.125 ));
  height: max(33px,calc( var(--vw) * 3.125 ));
}
@media screen and (max-width: 768px) {
  /* line 552, ../../src/sass/top.scss */
  #sec05 .programs .txtArea .imgA img {
    width: calc( var(--vw) * 10.66667 );
    height: calc( var(--vw) * 10.66667 );
  }
}
/* line 561, ../../src/sass/top.scss */
#sec05 .programs .txtArea .title {
  color: var(--text, #2F3232);
  font-size: max(18px,calc( var(--vw) * 1.5625 ));
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  /* line 561, ../../src/sass/top.scss */
  #sec05 .programs .txtArea .title {
    flex: 1;
    font-size: calc( var(--vw) * 4.8 );
  }
  /* line 572, ../../src/sass/top.scss */
  #sec05 .programs .txtArea .title span {
    color: #757575;
    font-size: calc( var(--vw) * 2.66667 );
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 10px */
  }
}
/* line 583, ../../src/sass/top.scss */
#sec05 .programs .txtArea .desc {
  color: #757575;
  font-size: max(12px,calc( var(--vw) * 0.9375 ));
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 20px */
}
@media screen and (max-width: 768px) {
  /* line 583, ../../src/sass/top.scss */
  #sec05 .programs .txtArea .desc {
    display: none;
  }
}
/* line 598, ../../src/sass/top.scss */
#sec05 .imageCut {
  width: max(629px,calc( var(--vw) * 60 ));
  height: max(218px,calc( var(--vw) * 20.83333 ));
}
@media screen and (max-width: 768px) {
  /* line 598, ../../src/sass/top.scss */
  #sec05 .imageCut {
    width: calc( var(--vw) * 94.66667 );
    height: calc( var(--vw) * 53.33333 );
  }
}

/* line 607, ../../src/sass/top.scss */
#sec06 {
  padding-top: calc( var(--vw) * 13.02083 );
}
@media screen and (max-width: 768px) {
  /* line 607, ../../src/sass/top.scss */
  #sec06 {
    padding-top: calc( var(--vw) * 26.66667 );
  }
  /* line 613, ../../src/sass/top.scss */
  #sec06 .mdsSub {
    margin-bottom: calc( var(--vw) * 10.66667 );
  }
}
/* line 619, ../../src/sass/top.scss */
#sec06 #resSlider .box {
  padding: calc( var(--vw) * 1.04167 );
}
@media screen and (max-width: 768px) {
  /* line 619, ../../src/sass/top.scss */
  #sec06 #resSlider .box {
    padding: calc( var(--vw) * 2.66667 );
  }
}
/* line 626, ../../src/sass/top.scss */
#sec06 #resSlider .box a {
  display: block;
  background: var(--bace, #F5F5ED);
  padding: calc( var(--vw) * 1.04167 );
  position: relative;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  /* line 626, ../../src/sass/top.scss */
  #sec06 #resSlider .box a {
    padding: calc( var(--vw) * 2.66667 );
  }
}
/* line 637, ../../src/sass/top.scss */
#sec06 #resSlider .box a .imgArea {
  aspect-ratio: 727 / 486;
  overflow: hidden;
}
/* line 641, ../../src/sass/top.scss */
#sec06 #resSlider .box a .imgArea img {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 646, ../../src/sass/top.scss */
#sec06 #resSlider .box a .catArea {
  background: var(--main, #007e53);
  color: var(--text, #FFF);
  font-size: max(13px,calc( var(--vw) * 1.04167 ));
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 36px */
  padding: max(3px,calc( var(--vw) * 0.20833 )) max(13px,calc( var(--vw) * 1.04167 ));
  position: absolute !important;
  top: 0;
  right: 0;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  /* line 646, ../../src/sass/top.scss */
  #sec06 #resSlider .box a .catArea {
    padding: 8px 20px;
    font-size: min(calc( var(--vw) * 4.26667 ),18px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
}
/* line 668, ../../src/sass/top.scss */
#sec06 #resSlider .box a .txts {
  margin-top: calc( var(--vw) * 1.82292 );
  position: relative;
}
/* line 672, ../../src/sass/top.scss */
#sec06 #resSlider .box a .txts .name {
  color: var(--text, #2F3232);
  font-size: max(13px,calc( var(--vw) * 1.04167 ));
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: max(9px,calc( var(--vw) * 0.78125 ));
}
/* line 681, ../../src/sass/top.scss */
#sec06 #resSlider .box a .txts .prog {
  color: var(--sub, #007E53);
  font-size: max(13px,calc( var(--vw) * 1.04167 ));
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
/* line 690, ../../src/sass/top.scss */
#sec06 #resSlider .box a .txts .title {
  color: var(--text, #2F3232);
  font-size: max(17px,calc( var(--vw) * 1.35417 ));
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 41.6px */
}
/* line 699, ../../src/sass/top.scss */
#sec06 #resSlider .box a .txts .sdgsIcons {
  position: absolute !important;
  bottom: 100%;
  left: 0;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  bottom: calc(100% + 20px);
  z-index: 3;
  gap: 5px;
}
@media screen and (max-width: 800px) {
  /* line 699, ../../src/sass/top.scss */
  #sec06 #resSlider .box a .txts .sdgsIcons {
    left: calc(0px + 5px);
  }
}
@media screen and (max-width: 768px) {
  /* line 699, ../../src/sass/top.scss */
  #sec06 #resSlider .box a .txts .sdgsIcons {
    left: calc(0px - 5px);
    bottom: calc(100% + 3.90625vw);
  }
}
/* line 716, ../../src/sass/top.scss */
#sec06 #resSlider .box a .txts .sdgsIcons img {
  width: min(calc( var(--vw) * 4.16667 ),80px);
}
@media screen and (max-width: 768px) {
  /* line 716, ../../src/sass/top.scss */
  #sec06 #resSlider .box a .txts .sdgsIcons img {
    width: max(50px,calc( var(--vw) * 13.33333 ));
  }
}
@media screen and (max-width: 768px) {
  /* line 668, ../../src/sass/top.scss */
  #sec06 #resSlider .box a .txts {
    margin-top: calc( var(--vw) * 5.33333 );
  }
  /* line 728, ../../src/sass/top.scss */
  #sec06 #resSlider .box a .txts .name {
    font-size: calc( var(--vw) * 4.26667 );
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  /* line 735, ../../src/sass/top.scss */
  #sec06 #resSlider .box a .txts .prog {
    font-size: calc( var(--vw) * 4.26667 );
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  /* line 742, ../../src/sass/top.scss */
  #sec06 #resSlider .box a .txts .title {
    font-size: calc( var(--vw) * 4.8 );
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    /* 28.8px */
  }
}
/* line 754, ../../src/sass/top.scss */
#sec06 #resSlider .box a:hover .imgArea img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* line 764, ../../src/sass/top.scss */
.bg02.sec07 {
  margin-top: calc( var(--vw) * 13.02083 );
}
@media screen and (max-width: 768px) {
  /* line 764, ../../src/sass/top.scss */
  .bg02.sec07 {
    margin-top: calc( var(--vw) * 26.66667 );
  }
}

/* line 772, ../../src/sass/top.scss */
#sec07 {
  padding-top: calc( var(--vw) * 5.20833 );
  padding-bottom: calc( var(--vw) * 5.20833 );
}
@media screen and (max-width: 768px) {
  /* line 772, ../../src/sass/top.scss */
  #sec07 {
    padding-top: calc( var(--vw) * 10.66667 );
    padding-bottom: calc( var(--vw) * 10.66667 );
  }
}
/* line 781, ../../src/sass/top.scss */
#sec07 .facil {
  margin-top: calc( var(--vw) * 4.16667 );
}
/* line 785, ../../src/sass/top.scss */
#sec07 .facil a.box {
  text-decoration: none;
  background-color: #fff;
  text-align: center;
  padding: calc( var(--vw) * 1.04167 );
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (max-width: 768px) {
  /* line 785, ../../src/sass/top.scss */
  #sec07 .facil a.box {
    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: 1 0 0%;
    flex: 1 0 0%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    gap: calc( var(--vw) * 5.33333 );
    padding: calc( var(--vw) * 2.66667 );
  }
  /* line 797, ../../src/sass/top.scss */
  #sec07 .facil a.box .imgArea {
    width: calc( var(--vw) * 25.6 );
  }
  /* line 801, ../../src/sass/top.scss */
  #sec07 .facil a.box .name {
    flex: 1;
    font-size: calc( var(--vw) * 4.8 );
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    text-align: left;
  }
}
/* line 816, ../../src/sass/top.scss */
#sec07 .facil a.box .name {
  margin-top: calc( var(--vw) * 1.04167 );
  color: var(--text, #2F3232);
  font-size: max(13px,calc( var(--vw) * 0.9375 ));
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 32px */
  display: inline-block;
}
@media screen and (max-width: 768px) {
  /* line 816, ../../src/sass/top.scss */
  #sec07 .facil a.box .name {
    font-size: calc( var(--vw) * 3.38542 );
  }
}
/* line 831, ../../src/sass/top.scss */
#sec07 .facil a.box .imgArea {
  overflow: hidden;
}
/* line 834, ../../src/sass/top.scss */
#sec07 .facil a.box .imgArea img {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 839, ../../src/sass/top.scss */
#sec07 .facil a.box:hover {
  background-color: #32CD32;
}
/* line 844, ../../src/sass/top.scss */
#sec07 .facil a.box:hover .imgArea img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* line 853, ../../src/sass/top.scss */
#sec08 {
  margin-top: calc( var(--vw) * 13.02083 );
  margin-bottom: calc( var(--vw) * 13.02083 );
}
@media screen and (max-width: 768px) {
  /* line 853, ../../src/sass/top.scss */
  #sec08 {
    margin-top: calc( var(--vw) * 26.66667 );
    margin-bottom: calc( var(--vw) * 26.66667 );
  }
}
/* line 862, ../../src/sass/top.scss */
#sec08 .medias {
  margin-top: calc( var(--vw) * 3.125 );
}
@media screen and (max-width: 768px) {
  /* line 862, ../../src/sass/top.scss */
  #sec08 .medias {
    margin-top: calc( var(--vw) * 10.66667 );
  }
  /* line 868, ../../src/sass/top.scss */
  #sec08 .medias .title {
    margin-top: calc( var(--vw) * 2.66667 );
  }
  /* line 872, ../../src/sass/top.scss */
  #sec08 .medias .x-timeline {
    padding: calc( var(--vw) * 5.33333 ) calc( var(--vw) * 26.66667 );
  }
}
/* line 877, ../../src/sass/top.scss */
#sec08 .medias .title {
  margin-top: calc( var(--vw) * 1.04167 );
  font-weight: 700;
}
/* line 882, ../../src/sass/top.scss */
#sec08 .medias .x-timeline {
  aspect-ratio: 16 / 9;
  border: 1px solid #bdbdbd;
  overflow: auto;
  padding: calc( var(--vw) * 1.04167 ) calc( var(--vw) * 1.04167 );
}
/* line 889, ../../src/sass/top.scss */
#sec08 .medias .bans {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: calc( var(--vw) * 2.60417 ) 0;
}
/* line 896, ../../src/sass/top.scss */
#sec08 .medias .bans a {
  position: relative;
}
/* line 899, ../../src/sass/top.scss */
#sec08 .medias .bans a img {
  width: 100%;
}
/* line 903, ../../src/sass/top.scss */
#sec08 .medias .bans a:before {
  content: '';
  width: 0;
  height: 2px;
  background-color: #32CD32;
  position: absolute !important;
  bottom: 0;
  left: 0;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 914, ../../src/sass/top.scss */
#sec08 .medias .bans a:hover:before, #sec08 .medias .bans a:focus:before {
  width: 100%;
}

/* line 925, ../../src/sass/top.scss */
section#footBanners .contWrap .gridSys {
  padding-top: calc( var(--vw) * 4.16667 );
  padding-bottom: calc( var(--vw) * 4.16667 );
  border-top: 1px solid #bdbdbd;
  gap: max(10px,calc( var(--vw) * 1.04167 ));
}
/* line 931, ../../src/sass/top.scss */
section#footBanners .contWrap .gridSys a {
  aspect-ratio: 403 / 84;
  width: 100%;
  border: 1px solid #BDBDBD;
  display: inline-block;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (hover: hover) {
  /* line 938, ../../src/sass/top.scss */
  section#footBanners .contWrap .gridSys a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  /* line 925, ../../src/sass/top.scss */
  section#footBanners .contWrap .gridSys {
    padding-top: calc( var(--vw) * 5.33333 );
    padding-bottom: calc( var(--vw) * 5.33333 );
  }
}

/* line 956, ../../src/sass/top.scss */
.mds1 {
  font-size: calc( var(--vw) * 4.6875 );
  font-weight: 600;
  line-height: 100%;
  /* 90px */
}
@media screen and (max-width: 768px) {
  /* line 956, ../../src/sass/top.scss */
  .mds1 {
    color: #000;
    font-family: Ibarra Real Nova;
    font-size: calc( var(--vw) * 10.66667 );
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 40px */
  }
}

/* line 975, ../../src/sass/top.scss */
.mdsSub {
  display: block;
  font-size: calc( var(--vw) * 1.66667 );
  margin-top: calc( var(--vw) * 1.04167 );
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  /* line 975, ../../src/sass/top.scss */
  .mdsSub {
    color: #000;
    font-size: calc( var(--vw) * 4.26667 );
    font-style: normal;
    line-height: 100%;
    /* 16px */
  }
}