@charset "UTF-8";
/*ベースフォント設定*/
/*Font Awesome5---------------------------------------------*/

/*共通------------------------------------------*/
p, figure, figcaption {
  margin: 0;
}

/*=============================================================================*/
/*ページ内コンテンツ===============================================================*/
/*=============================================================================*/
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  main {
    overflow: hidden;
  }
}

@media all and (min-width: 981px ) {
  #top_hed h1 {
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  #top_hed #g_nav ul li {
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #top_hed #g_nav ul li:nth-of-type(1) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  #top_hed #g_nav ul li:nth-of-type(2) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #top_hed #g_nav ul li:nth-of-type(3) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  #top_hed #g_nav ul li:nth-of-type(4) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #top_hed #g_nav ul li:nth-of-type(5) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #top_hed #g_nav #ham_open {
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #top_hed.effect h1 {
    opacity: 1;
  }
  #top_hed.effect #g_nav ul li,
  #top_hed.effect #g_nav #ham_open {
    opacity: 1;
  }
}
@media all and (min-width: 981px ) {
  #first .title h2 > span {
    overflow: hidden;
  }
  #first .title h2 > span > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(1) {
    -webkit-transition-delay: 0.125s;
            transition-delay: 0.125s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(3) {
    -webkit-transition-delay: 0.175s;
            transition-delay: 0.175s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(4) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(5) {
    -webkit-transition-delay: 0.225s;
            transition-delay: 0.225s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(6) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(7) {
    -webkit-transition-delay: 0.275s;
            transition-delay: 0.275s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(8) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(9) {
    -webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(10) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(11) {
    -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(12) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(13) {
    -webkit-transition-delay: 0.425s;
            transition-delay: 0.425s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(14) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(15) {
    -webkit-transition-delay: 0.475s;
            transition-delay: 0.475s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(16) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(17) {
    -webkit-transition-delay: 0.525s;
            transition-delay: 0.525s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(18) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(19) {
    -webkit-transition-delay: 0.575s;
            transition-delay: 0.575s;
  }
  #first .title h2 > span:nth-of-type(1) > span:nth-of-type(20) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(1) {
    -webkit-transition-delay: 0.225s;
            transition-delay: 0.225s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(2) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(3) {
    -webkit-transition-delay: 0.275s;
            transition-delay: 0.275s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(4) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(5) {
    -webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(6) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(7) {
    -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(8) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(9) {
    -webkit-transition-delay: 0.425s;
            transition-delay: 0.425s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(10) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(11) {
    -webkit-transition-delay: 0.475s;
            transition-delay: 0.475s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(12) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(13) {
    -webkit-transition-delay: 0.525s;
            transition-delay: 0.525s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(14) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(15) {
    -webkit-transition-delay: 0.575s;
            transition-delay: 0.575s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(16) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(17) {
    -webkit-transition-delay: 0.625s;
            transition-delay: 0.625s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(18) {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(19) {
    -webkit-transition-delay: 0.675s;
            transition-delay: 0.675s;
  }
  #first .title h2 > span:nth-of-type(2) > span:nth-of-type(20) {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(1) {
    -webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(2) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(3) {
    -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(4) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(5) {
    -webkit-transition-delay: 0.425s;
            transition-delay: 0.425s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(6) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(7) {
    -webkit-transition-delay: 0.475s;
            transition-delay: 0.475s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(8) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(9) {
    -webkit-transition-delay: 0.525s;
            transition-delay: 0.525s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(10) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(11) {
    -webkit-transition-delay: 0.575s;
            transition-delay: 0.575s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(12) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(13) {
    -webkit-transition-delay: 0.625s;
            transition-delay: 0.625s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(14) {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(15) {
    -webkit-transition-delay: 0.675s;
            transition-delay: 0.675s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(16) {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(17) {
    -webkit-transition-delay: 0.725s;
            transition-delay: 0.725s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(18) {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(19) {
    -webkit-transition-delay: 0.775s;
            transition-delay: 0.775s;
  }
  #first .title h2 > span:nth-of-type(3) > span:nth-of-type(20) {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  #first .title > p {
    overflow: hidden;
  }
  #first .title > p > span {
    display: inline-block;
    margin-right: 0.3em;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #first .title > p > span:nth-of-type(1) {
    -webkit-transition-delay: 0.425s;
            transition-delay: 0.425s;
  }
  #first .title > p > span:nth-of-type(2) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #first .title > p > span:nth-of-type(3) {
    -webkit-transition-delay: 0.475s;
            transition-delay: 0.475s;
  }
  #first .title > p > span:nth-of-type(4) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #first .title > p > span:nth-of-type(5) {
    -webkit-transition-delay: 0.525s;
            transition-delay: 0.525s;
  }
  #first .title > p > span:nth-of-type(6) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #first .title > p > span:nth-of-type(7) {
    -webkit-transition-delay: 0.575s;
            transition-delay: 0.575s;
  }
  #first .title > p > span:nth-of-type(8) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #first .title > p > span:nth-of-type(9) {
    -webkit-transition-delay: 0.625s;
            transition-delay: 0.625s;
  }
  #first .title > p > span:nth-of-type(10) {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  #first .title > p > span:nth-of-type(11) {
    -webkit-transition-delay: 0.675s;
            transition-delay: 0.675s;
  }
  #first .title > p > span:nth-of-type(12) {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  #first .title > p > span:nth-of-type(13) {
    -webkit-transition-delay: 0.725s;
            transition-delay: 0.725s;
  }
  #first .title > p > span:nth-of-type(14) {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
  #first .title > p > span:nth-of-type(15) {
    -webkit-transition-delay: 0.775s;
            transition-delay: 0.775s;
  }
  #first .title > p > span:nth-of-type(16) {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  #first .title > p > span:nth-of-type(17) {
    -webkit-transition-delay: 0.825s;
            transition-delay: 0.825s;
  }
  #first #first_slider {
    opacity: 0;
    -webkit-transition: opacity 1.8s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 1.8s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #first.effect .title h2 > span > span,
  #first.effect p > span {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  #first.effect #first_slider {
    opacity: 1;
  }
}
#first {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 0.833%;
  margin-top: 5.254vw;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #first {
    margin-top: 0;
  }
}
#first .title {
  width: 48.967%;
  padding-left: 4%;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #first .title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 0 24px;
  }
}
#first .title h2 > span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 900;
}
#first .title h2 > span.green {
  font-size: clamp(38px, 3.679vw, 70px);
  color: #018F4B;
  letter-spacing: 0.06em;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #first .title h2 > span.green {
    font-size: clamp(28px, 6.512vw, 56px);
  }
}
#first .title h2 > span:not(.green) {
  font-size: clamp(32px, 3.048vw, 58px);
  letter-spacing: 0.06em;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #first .title h2 > span:not(.green) {
    font-size: clamp(24px, 5.5814vw, 48px);
  }
}
#first .title p {
  font-size: clamp(12px, 1.06vw, 20px);
  font-weight: 900;
  margin-right: auto;
  letter-spacing: 0.06em;
  margin-top: 1rem;
}
#first #first_slider {
  width: 50.2%;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #first #first_slider {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: 86px;
  }
}
#first #first_slider li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
#first #first_slider .slick-arrow {
  display: none !important;
}
#first #first_slider .slick-dots {
  bottom: -53px;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #first #first_slider .slick-dots {
    bottom: -45px;
  }
}
#first #first_slider .slick-dots li {
  width: 15px;
  height: 15px;
}
#first #first_slider .slick-dots li.slick-active button {
  background: #BD0F19;
}
#first #first_slider .slick-dots li button {
  width: 100%;
  height: 100%;
  background: #D9D9D9;
}
#first #first_slider .slick-dots li button:before {
  content: none;
}

@media all and (min-width: 981px ) {
  #about .cnt h2 {
    overflow: hidden;
  }
  #about .cnt h2 > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #about .cnt h2 > span:nth-of-type(1) {
    -webkit-transition-delay: 0.025s;
            transition-delay: 0.025s;
  }
  #about .cnt h2 > span:nth-of-type(2) {
    -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
  }
  #about .cnt h2 > span:nth-of-type(3) {
    -webkit-transition-delay: 0.075s;
            transition-delay: 0.075s;
  }
  #about .cnt h2 > span:nth-of-type(4) {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  #about .cnt h2 > span:nth-of-type(5) {
    -webkit-transition-delay: 0.125s;
            transition-delay: 0.125s;
  }
  #about .cnt h3 {
    overflow: hidden;
  }
  #about .cnt h3 > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #about .cnt h3 > span:nth-of-type(1) {
    -webkit-transition-delay: 0.175s;
            transition-delay: 0.175s;
  }
  #about .cnt h3 > span:nth-of-type(2) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #about .cnt h3 > span:nth-of-type(3) {
    -webkit-transition-delay: 0.225s;
            transition-delay: 0.225s;
  }
  #about .cnt h3 > span:nth-of-type(4) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  #about .cnt h3 > span:nth-of-type(5) {
    -webkit-transition-delay: 0.275s;
            transition-delay: 0.275s;
  }
  #about .cnt h3 > span:nth-of-type(6) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #about .cnt h3 > span:nth-of-type(7) {
    -webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
  }
  #about .cnt h3 > span:nth-of-type(8) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #about .cnt h3 > span:nth-of-type(9) {
    -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
  }
  #about .cnt h3 > span:nth-of-type(10) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #about .cnt h3 > span:nth-of-type(11) {
    -webkit-transition-delay: 0.425s;
            transition-delay: 0.425s;
  }
  #about .cnt h3 > span:nth-of-type(12) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #about .cnt h3 > span:nth-of-type(13) {
    -webkit-transition-delay: 0.475s;
            transition-delay: 0.475s;
  }
  #about .cnt h3 > span:nth-of-type(14) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #about .cnt h3 > span:nth-of-type(15) {
    -webkit-transition-delay: 0.525s;
            transition-delay: 0.525s;
  }
  #about .cnt h3 > span:nth-of-type(16) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #about .cnt h3 > span:nth-of-type(17) {
    -webkit-transition-delay: 0.575s;
            transition-delay: 0.575s;
  }
  #about .cnt h3 > span:nth-of-type(18) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #about .cnt h3 > span:nth-of-type(19) {
    -webkit-transition-delay: 0.625s;
            transition-delay: 0.625s;
  }
  #about .cnt h3 > span:nth-of-type(20) {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  #about .cnt > p {
    opacity: 0;
    -webkit-transform: translateY(2em);
            transform: translateY(2em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #about .cnt .btn {
    opacity: 0;
    -webkit-transform: translateY(2em);
            transform: translateY(2em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #about .about_img figure {
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #about .about_img figure:nth-of-type(1) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #about .about_img figure:nth-of-type(2) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #about.effect .cnt h2 > span,
  #about.effect .cnt h3 > span,
  #about.effect .cnt > p,
  #about.effect .cnt .btn {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  #about.effect .about_img figure {
    opacity: 1;
  }
}
#about {
  overflow: hidden;
  margin: 16px 0 70px;
  padding: 140px 2.3% 170px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 4%;
  position: relative;
  z-index: 0;
}
@media all and (min-width: 981px ) {
  #about:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background: #018F4B;
    background: -webkit-gradient(linear, left top, left bottom, from(#018F4B), to(#6FD49E));
    background: linear-gradient(to bottom, #018F4B, #6FD49E);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=quote($statCol), endColorstr=quote($endCol),GradientType=1 );
    clip-path: polygon(0 0, 100% 23.55%, 100% 100%, 0 76.45%);
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #about {
    margin: 48px 0 60px;
    padding: 22px 24px 62px;
    background: #018F4B;
    background: -webkit-gradient(linear, left top, left bottom, from(#018F4B), to(#6FD49E));
    background: linear-gradient(to bottom, #018F4B, #6FD49E);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=quote($statCol), endColorstr=quote($endCol),GradientType=1 );
  }
}
#about .cnt {
  max-width: 800px;
  width: 54.38%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-right: 2rem;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #about .cnt {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding-right: 0;
  }
}
#about .cnt h2 {
  font-size: clamp(72px, 6.2vw, 118px);
  font-weight: 900;
  line-height: 1;
  margin: 0.678em 0 0.271em;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #about .cnt h2 {
    text-align: center;
    font-size: clamp(56px, 8.373vw, 72px);
    color: #fff;
    margin: 0;
    line-height: 1.5;
  }
}
#about .cnt h3 {
  font-size: clamp(32px, 2.733vw, 52px);
  color: #fff;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.06em;
  margin-bottom: 0.6154em;
}
@media all and (min-width: 981px ), all and (max-width: 980px ) and (min-width: 561px ) {
  #about .cnt h3 br {
    display: none;
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #about .cnt h3 {
    font-size: clamp(34px, 5.117vw, 44px);
    text-align: center;
    line-height: 1.5;
    margin-bottom: 0.455em;
  }
}
#about .cnt p {
  font-size: clamp(16px, 1.262vw, 24px);
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.11em;
  margin-bottom: 2em;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #about .cnt p {
    font-size: clamp(14px, 2.326vw, 20px);
    margin-bottom: 2.25em;
  }
}
#about .cnt .btn {
  max-width: 340px;
  margin: 0 auto;
}
#about .cnt .btn a {
  display: block;
  background: #fff;
  text-align: center;
  font-size: clamp(14px, 1.05vw, 20px);
  padding: 1.5em;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -ms-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  position: relative;
}
@media all and (-ms-high-contrast: none) {
  #about .cnt .btn a {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #about .cnt .btn a {
    font-size: 125%;
  }
}
#about .cnt .btn a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f0a9";
  color: #04914D;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  right: 10px;
}
@media all and (min-width: 981px ) {
  #about .about_img {
    width: 41.62%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
    aspect-ratio: 792/777;
  }
  #about .about_img figure:nth-of-type(1) {
    max-width: 619px;
    width: 78.16%;
    position: absolute;
    top: 0;
    right: 0;
  }
  #about .about_img figure:nth-of-type(2) {
    max-width: 574px;
    width: 72.48%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #about .about_img figure img {
    width: 100%;
    height: auto;
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #about .about_img {
    display: none;
  }
}

@media all and (min-width: 981px ) {
  #info > h2 {
    overflow: hidden;
  }
  #info > h2 > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #info > h2 > span:nth-of-type(1) {
    -webkit-transition-delay: 0.025s;
            transition-delay: 0.025s;
  }
  #info > h2 > span:nth-of-type(2) {
    -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
  }
  #info > h2 > span:nth-of-type(3) {
    -webkit-transition-delay: 0.075s;
            transition-delay: 0.075s;
  }
  #info > h2 > span:nth-of-type(4) {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  #info > h2 > span:nth-of-type(5) {
    -webkit-transition-delay: 0.125s;
            transition-delay: 0.125s;
  }
  #info > h2 > span:nth-of-type(6) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  #info > h2 > span:nth-of-type(7) {
    -webkit-transition-delay: 0.175s;
            transition-delay: 0.175s;
  }
  #info > h2 > span:nth-of-type(8) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #info > h2 > span:nth-of-type(9) {
    -webkit-transition-delay: 0.225s;
            transition-delay: 0.225s;
  }
  #info > h2 > span:nth-of-type(10) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  #info > h2 > span:nth-of-type(11) {
    -webkit-transition-delay: 0.275s;
            transition-delay: 0.275s;
  }
  #info .title_sub {
    overflow: hidden;
  }
  #info .title_sub > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #info .title_sub > span:nth-of-type(1) {
    -webkit-transition-delay: 0.125s;
            transition-delay: 0.125s;
  }
  #info .title_sub > span:nth-of-type(2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  #info .title_sub > span:nth-of-type(3) {
    -webkit-transition-delay: 0.175s;
            transition-delay: 0.175s;
  }
  #info .title_sub > span:nth-of-type(4) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #info .title_sub > span:nth-of-type(5) {
    -webkit-transition-delay: 0.225s;
            transition-delay: 0.225s;
  }
  #info .title_sub > span:nth-of-type(6) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  #info .title_sub > span:nth-of-type(7) {
    -webkit-transition-delay: 0.275s;
            transition-delay: 0.275s;
  }
  #info .title_sub > span:nth-of-type(8) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #info .title_sub > span:nth-of-type(9) {
    -webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
  }
  #info .title_sub > span:nth-of-type(10) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #info .title_sub > span:nth-of-type(11) {
    -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
  }
  #info .cnt .important {
    opacity: 0;
    -webkit-transform: translateY(3rem);
            transform: translateY(3rem);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #info .cnt #info_bnr {
    opacity: 0;
    -webkit-transform: translateY(3rem);
            transform: translateY(3rem);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #info .cnt .info_list li {
    opacity: 0;
    -webkit-transform: translateY(3rem);
            transform: translateY(3rem);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #info .cnt .info_list li:nth-of-type(1) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #info .cnt .info_list li:nth-of-type(2) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #info .cnt .info_list li:nth-of-type(3) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #info .cnt .info_list li:nth-of-type(4) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #info .cnt .btn {
    opacity: 0;
    -webkit-transform: translateY(3rem);
            transform: translateY(3rem);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #info.effect h2 > span,
  #info.effect .title_sub > span {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  #info.effect .cnt .important,
  #info.effect .cnt #info_bnr,
  #info.effect .cnt .info_list li,
  #info.effect .cnt .btn {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#info h2 {
  text-align: center;
  color: #018F4B;
  font-size: clamp(40px, 3.679vw, 70px);
  font-weight: 900;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info h2 {
    font-size: clamp(40px, 8.14vw, 70px);
  }
}
#info .title_sub {
  text-align: center;
  font-size: clamp(24px, 1.892vw, 36px);
  font-weight: 900;
  letter-spacing: 0.06em;
  margin-bottom: 100px;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .title_sub {
    font-size: clamp(24px, 4.187vw, 36px);
    margin-bottom: 11.628vw;
  }
}
#info .cnt {
  background: #F6F6F6;
  padding: 14px 24px 160px;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt {
    padding: 0 0 48px;
  }
}
#info .cnt .important {
  max-width: 1442px;
  margin: 0 auto 100px;
  background: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt .important {
    margin: 0;
  }
}
#info .cnt .important:has(+ #info_bnr) {
  margin-bottom: 2rem;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt .important:has(+ #info_bnr) {
    margin-bottom: 2rem;
  }
}
#info .cnt .important h3 {
  padding: 54px 8.87% 54px 5.964%;
  color: #D44747;
  font-size: 150%;
  color: #fff;
  font-weight: 900;
  background: #D44747;
  clip-path: polygon(0 0, 100% 0%, 88.78% 100%, 0% 100%);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt .important h3 {
    width: 100%;
    clip-path: unset;
    padding: 28px 32px;
  }
}
@media all and (max-width: 560px ) {
  #info .cnt .important h3 {
    padding: 24px;
  }
}
#info .cnt .important ul {
  padding: 1.5rem 3% 1.5rem 4.439%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
@media all and (max-width: 560px ) {
  #info .cnt .important ul {
    padding: 36px 32px;
  }
}
@media all and (max-width: 560px ) {
  #info .cnt .important ul {
    padding: 24px;
  }
}
#info .cnt .important ul li a .date {
  font-weight: 900;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt .important ul li a .date {
    font-size: 150%;
    color: #525252;
  }
}
#info .cnt .important ul li a .p_title {
  font-size: 150%;
  color: #CB2525;
  font-weight: 900;
}
#info .cnt .important ul li + li {
  margin-top: 1rem;
}
#info .cnt #info_bnr {
  max-width: 1442px;
  margin: 0 auto 2rem;
  width: 100%;
  text-align: center;
}
#info .cnt #info_bnr img {
  max-width: 100%;
  height: auto;
}
#info .cnt .info_list {
  max-width: 1442px;
  margin: 0 auto 168px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 30px 1.88%;
}
@media all and (max-width: 980px ) and (min-width: 561px ) {
  #info .cnt .info_list {
    padding: 30px 32px 44px;
    margin: 0;
  }
}
@media all and (max-width: 560px ) {
  #info .cnt .info_list {
    padding: 30px 24px 44px;
    margin: 0;
  }
}
@media all and (min-width: 981px ) {
  #info .cnt .info_list li {
    width: 23.59%;
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt .info_list li {
    width: 100%;
  }
}
#info .cnt .info_list li a {
  display: block;
  height: 100%;
  position: relative;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt .info_list li a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    gap: 2.5%;
    width: 100%;
  }
}
#info .cnt .info_list li a > figure {
  width: 100%;
  aspect-ratio: 355/248;
  margin-bottom: 1em;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -ms-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}
@media all and (-ms-high-contrast: none) {
  #info .cnt .info_list li a > figure {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt .info_list li a > figure {
    max-width: 262px;
    width: 47.5%;
    margin: 0;
  }
}
#info .cnt .info_list li a > figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media all and (max-width: 980px ) and (min-width: 561px ) {
  #info .cnt .info_list li a > div {
    width: calc(97.5% - 262px);
  }
}
@media all and (max-width: 615px) {
  #info .cnt .info_list li a > div {
    width: 50%;
  }
}
#info .cnt .info_list li a .cat {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 10px;
  margin-bottom: 12px;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt .info_list li a .cat {
    font-size: 12px;
    gap: 5px;
  }
  #info .cnt .info_list li a .cat figure {
    width: 1.66em;
    height: 1.66em;
  }
  #info .cnt .info_list li a .cat figure img {
    width: 100%;
    height: auto;
  }
}
#info .cnt .info_list li a h4 {
  font-size: clamp(18px, 1.156vw, 22px);
  margin-bottom: 8px;
  font-weight: 400;
  padding-bottom: 2em;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt .info_list li a h4 {
    font-size: clamp(16px, 2.1vw, 18px);
  }
}
#info .cnt .info_list li a .date {
  font-size: clamp(28px, 1.892vw, 36px);
  font-weight: 900;
  position: absolute;
  bottom: 0;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #info .cnt .info_list li a .date {
    font-size: clamp(24px, 3.26vw, 28px);
  }
}
#info .cnt .btn a {
  display: block;
  max-width: 340px;
  margin: 0 auto;
  font-size: 125%;
  padding: 1.5em 1.5em 1.5em 0.6em;
  background: #018F4B;
  color: #fff;
  position: relative;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -ms-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}
@media all and (-ms-high-contrast: none) {
  #info .cnt .btn a {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
}
#info .cnt .btn a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f0a9";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  right: 10px;
}

@media all and (min-width: 981px ) {
  #member .mem_bg {
    clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
    -webkit-transition: clip-path 0.6s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: clip-path 0.6s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #member > h2 {
    overflow: hidden;
  }
  #member > h2 > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #member > h2 > span:nth-of-type(1) {
    -webkit-transition-delay: 0.025s;
            transition-delay: 0.025s;
  }
  #member > h2 > span:nth-of-type(2) {
    -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
  }
  #member > h2 > span:nth-of-type(3) {
    -webkit-transition-delay: 0.075s;
            transition-delay: 0.075s;
  }
  #member > h2 > span:nth-of-type(4) {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  #member > h2 > span:nth-of-type(5) {
    -webkit-transition-delay: 0.125s;
            transition-delay: 0.125s;
  }
  #member > h2 > span:nth-of-type(6) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  #member > h3 {
    overflow: hidden;
  }
  #member > h3 > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #member > h3 > span:nth-of-type(1) {
    -webkit-transition-delay: 0.125s;
            transition-delay: 0.125s;
  }
  #member > h3 > span:nth-of-type(2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  #member > h3 > span:nth-of-type(3) {
    -webkit-transition-delay: 0.175s;
            transition-delay: 0.175s;
  }
  #member > h3 > span:nth-of-type(4) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #member > h3 > span:nth-of-type(5) {
    -webkit-transition-delay: 0.225s;
            transition-delay: 0.225s;
  }
  #member > h3 > span:nth-of-type(6) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  #member > h3 > span:nth-of-type(7) {
    -webkit-transition-delay: 0.275s;
            transition-delay: 0.275s;
  }
  #member > h3 > span:nth-of-type(8) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #member > h3 > span:nth-of-type(9) {
    -webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
  }
  #member > h3 > span:nth-of-type(10) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #member > h3 > span:nth-of-type(11) {
    -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
  }
  #member > h3 > span:nth-of-type(12) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #member > h3 > span:nth-of-type(13) {
    -webkit-transition-delay: 0.425s;
            transition-delay: 0.425s;
  }
  #member > h3 > span:nth-of-type(14) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #member > .title_sub {
    overflow: hidden;
  }
  #member > .title_sub > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #member > .title_sub > span:nth-of-type(1) {
    -webkit-transition-delay: 0.225s;
            transition-delay: 0.225s;
  }
  #member > .title_sub > span:nth-of-type(2) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  #member > .title_sub > span:nth-of-type(3) {
    -webkit-transition-delay: 0.275s;
            transition-delay: 0.275s;
  }
  #member > .title_sub > span:nth-of-type(4) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #member > .title_sub > span:nth-of-type(5) {
    -webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
  }
  #member > .title_sub > span:nth-of-type(6) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #member > .title_sub > span:nth-of-type(7) {
    -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
  }
  #member > .title_sub > span:nth-of-type(8) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #member > .title_sub > span:nth-of-type(9) {
    -webkit-transition-delay: 0.425s;
            transition-delay: 0.425s;
  }
  #member > .title_sub > span:nth-of-type(10) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #member > .title_sub > span:nth-of-type(11) {
    -webkit-transition-delay: 0.475s;
            transition-delay: 0.475s;
  }
  #member > .title_sub > span:nth-of-type(12) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #member > .title_sub > span:nth-of-type(13) {
    -webkit-transition-delay: 0.525s;
            transition-delay: 0.525s;
  }
  #member > .title_sub > span:nth-of-type(14) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #member > .title_sub > span:nth-of-type(15) {
    -webkit-transition-delay: 0.575s;
            transition-delay: 0.575s;
  }
  #member .member_list > li {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #member .member_list > li:nth-of-type(1) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #member .member_list > li:nth-of-type(2) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #member .member_list > li:nth-of-type(3) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #member .member_list > li:nth-of-type(4) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #member .member_list > li:nth-of-type(5) {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  #member.effect .mem_bg {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
  #member.effect > h2 > span,
  #member.effect > h3 > span,
  #member.effect > .title_sub > span {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  #member.effect .member_list > li {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#member .mem_bg {
  width: 100%;
  height: 544px;
  position: relative;
  z-index: 0;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .mem_bg {
    height: unset;
    aspect-ratio: 860/606;
  }
}
#member .mem_bg:before {
  content: "";
  width: 100%;
  height: 284px;
  background: #fff;
  position: absolute;
  bottom: -1px;
  left: 0;
  clip-path: polygon(0 85.21%, 100% 0%, 100% 100%, 0% 100%);
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .mem_bg:before {
    height: unset;
    aspect-ratio: 860/180;
    clip-path: polygon(0 61%, 100% 0%, 100% 100%, 0% 100%);
  }
}
#member .mem_bg:after {
  content: "";
  width: 100%;
  height: 284px;
  background: #fff;
  position: absolute;
  bottom: 32px;
  left: 0;
  clip-path: polygon(0 85.21%, 100% 0%, 100% 100%, 0% 100%);
  opacity: 0.5;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .mem_bg:after {
    height: unset;
    aspect-ratio: 860/180;
    clip-path: polygon(0 61%, 100% 0%, 100% 100%, 0% 100%);
  }
}
#member .mem_bg img {
  width: 100%;
  height: 99.9%;
  -o-object-fit: cover;
     object-fit: cover;
}
#member > h2 {
  font-size: clamp(40px, 3.679vw, 70px);
  text-align: center;
  font-weight: 900;
  color: #018F4B;
  margin-top: -1em;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member > h2 {
    font-size: clamp(40px, 8.14vw, 70px);
    margin-top: -0.5em;
  }
}
#member > h3 {
  font-size: clamp(38px, 3.48vw, 58px);
  text-align: center;
  font-weight: 900;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member > h3 {
    font-size: clamp(38px, 6.512vw, 58px);
  }
}
@media all and (min-width: 981px ), all and (max-width: 980px ) and (min-width: 561px ) {
  #member > h3 br {
    display: none;
  }
}
#member > .title_sub {
  font-size: clamp(16px, 1.262vw, 24px);
  text-align: center;
  font-weight: 900;
  margin: 1rem 0 100px;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member > .title_sub {
    font-size: clamp(16px, 2.8vw, 24px);
  }
}
#member .member_list {
  max-width: 1598px;
  padding: 0 24px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 3.5%;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_list {
    padding: 0 6.5%;
    gap: 14vw 10%;
  }
}
@media all and (max-width: 560px ) {
  #member .member_list {
    gap: 10vw 5%;
  }
}
#member .member_list > li {
  width: 17.2%;
  padding-bottom: 90px;
  position: relative;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_list > li {
    width: 45%;
    padding-bottom: 13.954vw;
  }
}
@media all and (max-width: 560px ) {
  #member .member_list > li {
    width: 47.5%;
  }
}
@media all and (max-width: 420px) {
  #member .member_list > li {
    padding-bottom: 18vw;
  }
}
#member .member_list > li > figure {
  width: 100%;
  aspect-ratio: 255/318;
  margin-bottom: 26px;
}
@media all and (max-width: 560px ) {
  #member .member_list > li > figure {
    margin-bottom: 4.643vw;
  }
}
#member .member_list > li > figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#member .member_list > li .group {
  margin-bottom: 22px;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_list > li .group {
    font-size: clamp(14px, 2.33vw, 20px);
  }
}
@media all and (max-width: 560px ) {
  #member .member_list > li .group {
    margin-bottom: 3.93vw;
  }
}
#member .member_list > li .group span {
  display: block;
}
#member .member_list > li > h4 {
  font-size: 150%;
  font-weight: 400;
  margin-bottom: 6px;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_list > li > h4 {
    font-size: clamp(20px, 3.721vw, 32px);
  }
}
#member .member_list > li .furigana {
  font-size: 87.5%;
  color: #1FA88F;
  margin-bottom: 24px;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_list > li .furigana {
    font-size: clamp(12px, 2.1vw, 18px);
  }
}
@media all and (max-width: 560px ) {
  #member .member_list > li .furigana {
    margin-bottom: 4.286vw;
  }
}
#member .member_list > li .sns {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 8px 12px;
}
@media all and (max-width: 560px ) {
  #member .member_list > li .sns {
    gap: 8px;
  }
}
#member .member_list > li .sns li a:before {
  content: "";
  display: block;
  width: 1.375em;
  height: 1.375em;
  background: url("../img/icon_hp.svg") center/contain no-repeat;
}
@media all and (max-width: 560px ) {
  #member .member_list > li .sns li a:before {
    width: 1.25em;
    height: 1.25em;
  }
}
#member .member_list > li .sns li a[href*="instagram.com"]:before {
  background-image: url("../img/icon_instagram.svg");
}
#member .member_list > li .sns li a[href*="facebook.com"]:before {
  background-image: url("../img/icon_facebook.svg");
}
#member .member_list > li .sns li a[href*="youtube.com"]:before {
  background-image: url("../img/icon_youtube.svg");
}
#member .member_list > li .sns li a[href*="x.com"]:before {
  background-image: url("../img/icon_x.svg");
}
#member .member_list > li .sns li a[href*="tiktok.com"]:before {
  background-image: url("../img/icon_tiktok.svg");
}
#member .member_list > li .sns li a[href*="note.com"]:before {
  background-image: url("../img/icon_note.svg");
}
#member .member_list > li .sns li a[href*=line]:before {
  background-image: url("../img/icon_line.svg");
}
#member .member_list > li .btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#member .member_list > li .btn a {
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 125%;
  padding: 0.9em 1.5em 0.9em 0.6em;
  background: #018F4B;
  color: #fff;
  position: relative;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -ms-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}
@media all and (-ms-high-contrast: none) {
  #member .member_list > li .btn a {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_list > li .btn a {
    font-size: clamp(16px, 3.024vw, 26px);
  }
}
#member .member_list > li .btn a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f0a9";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  right: 10px;
}
@media all and (min-width: 981px ) {
  #member .member_search h3 {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #member .member_search #feas-searchform-0 dl {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #member .member_search #feas-searchform-0 dl:nth-of-type(1) {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  #member .member_search #feas-searchform-0 dl:nth-of-type(2) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #member .member_search #feas-searchform-0 dl:nth-of-type(3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #member .member_search #feas-searchform-0 dl:nth-of-type(4) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #member .member_search #feas-searchform-0 dl:nth-of-type(5) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #member .member_search #feas-searchform-0 dl:nth-of-type(6) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #member .member_search #feas-searchform-0 dl:nth-of-type(7) {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  #member .member_search #feas-searchform-0 dl:nth-of-type(8) {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  #member .member_search #feas-searchform-0 dl:nth-of-type(9) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  #member .member_search #feas-searchform-0 dl:nth-of-type(10) {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  #member .member_search input[type=submit] {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #member .member_search.effect h3,
  #member .member_search.effect #feas-searchform-0 dl,
  #member .member_search.effect input[type=submit] {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#member .member_search {
  margin: 285px auto 370px;
  max-width: 1324px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  padding: 76px 7.4% 98px;
  border-radius: 6px;
  border: 1px solid #D9D9D9;
  position: relative;
}
@media all and (max-width: 1368px) and (min-width: 981px) {
  #member .member_search {
    margin: 285px 22px 370px;
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_search {
    padding: 12.8vw 4.2% 40px;
    margin: 108px 22px 138px;
  }
}
@media all and (max-width: 560px ) {
  #member .member_search {
    padding: 40px 16px;
    margin: 19.29vw 16px 24.643vw;
  }
}
#member .member_search:before {
  content: "";
  width: 64.35%;
  aspect-ratio: 852/842;
  background: url("../img/search_map.png") center/contain no-repeat;
}
@media all and (min-width: 981px ) {
  #member .member_search:before {
    position: absolute;
    z-index: -1;
    top: -24%;
    right: 12.84%;
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_search:before {
    width: unset;
    height: 114.714%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%);
    top: -14.71%;
    z-index: -1;
  }
}
#member .member_search h3 {
  font-size: clamp(32px, 2.11vw, 40px);
  font-weight: 900;
  text-align: center;
  margin-bottom: 3.75em;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_search h3 {
    font-size: clamp(32px, 4.652vw, 40px);
    margin-bottom: 3.05em;
  }
}
@media all and (max-width: 560px ) {
  #member .member_search h3 {
    margin-bottom: 2em;
  }
}
#member .member_search #feas-searchform-0 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 2.5%;
}
#member .member_search #feas-searchform-0 dl {
  width: 40%;
  position: relative;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_search #feas-searchform-0 dl {
    width: 100%;
  }
  #member .member_search #feas-searchform-0 dl + dl {
    margin-top: 12.33vw;
  }
}
@media all and (max-width: 560px ) {
  #member .member_search #feas-searchform-0 dl + dl {
    margin-top: 15vw;
  }
}
#member .member_search #feas-searchform-0 dl dt {
  font-size: 125%;
  font-weight: 900;
  position: absolute;
  top: -2.25em;
}
#member .member_search #feas-searchform-0 dl dd select {
  font-size: 125%;
  padding: 1.1em;
  width: 100%;
  border: none;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"/></svg>') center right 0.9em/0.8em no-repeat, #EAEAEA;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  position: relative;
  z-index: 0;
}
#member .member_search #feas-searchform-0 input[type=submit] {
  width: 15%;
  text-align: left;
  font-size: 125%;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6 .1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>') center right 1em/1em no-repeat, #018F4B;
  color: #fff;
  padding: 0 1.4em;
  border-radius: 6px;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #member .member_search #feas-searchform-0 input[type=submit] {
    width: 168px;
    margin: 8.84vw auto 0;
    padding: 22px 1.4em;
  }
}

@media all and (min-width: 981px ) {
  #zoushikan {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-transition: clip-path 0.6s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: clip-path 0.6s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #zoushikan figure {
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 1.2s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #zoushikan .cnt > p {
    overflow: hidden;
  }
  #zoushikan .cnt > p > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #zoushikan .cnt > p > span:nth-of-type(1) {
    -webkit-transition-delay: 0.125s;
            transition-delay: 0.125s;
  }
  #zoushikan .cnt > p > span:nth-of-type(2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  #zoushikan .cnt > p > span:nth-of-type(3) {
    -webkit-transition-delay: 0.175s;
            transition-delay: 0.175s;
  }
  #zoushikan .cnt > p > span:nth-of-type(4) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #zoushikan .cnt > p > span:nth-of-type(5) {
    -webkit-transition-delay: 0.225s;
            transition-delay: 0.225s;
  }
  #zoushikan .cnt > p > span:nth-of-type(6) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  #zoushikan .cnt > p > span:nth-of-type(7) {
    -webkit-transition-delay: 0.275s;
            transition-delay: 0.275s;
  }
  #zoushikan .cnt > p > span:nth-of-type(8) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #zoushikan .cnt > p > span:nth-of-type(9) {
    -webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
  }
  #zoushikan .cnt > p > span:nth-of-type(10) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #zoushikan .cnt > p > span:nth-of-type(11) {
    -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
  }
  #zoushikan .cnt > p > span:nth-of-type(12) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #zoushikan .cnt > p > span:nth-of-type(13) {
    -webkit-transition-delay: 0.425s;
            transition-delay: 0.425s;
  }
  #zoushikan .cnt > p > span:nth-of-type(14) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #zoushikan .cnt > p > span:nth-of-type(15) {
    -webkit-transition-delay: 0.475s;
            transition-delay: 0.475s;
  }
  #zoushikan .cnt > p > span:nth-of-type(16) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #zoushikan .cnt > p > span:nth-of-type(17) {
    -webkit-transition-delay: 0.525s;
            transition-delay: 0.525s;
  }
  #zoushikan .cnt > p > span:nth-of-type(18) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #zoushikan .cnt > p > span:nth-of-type(19) {
    -webkit-transition-delay: 0.575s;
            transition-delay: 0.575s;
  }
  #zoushikan .cnt > p > span:nth-of-type(20) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #zoushikan .cnt h2 {
    overflow: hidden;
  }
  #zoushikan .cnt h2 > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #zoushikan .cnt h2 > span:nth-of-type(1) {
    -webkit-transition-delay: 0.225s;
            transition-delay: 0.225s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(2) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(3) {
    -webkit-transition-delay: 0.275s;
            transition-delay: 0.275s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(4) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(5) {
    -webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(6) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(7) {
    -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(8) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(9) {
    -webkit-transition-delay: 0.425s;
            transition-delay: 0.425s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(10) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(11) {
    -webkit-transition-delay: 0.475s;
            transition-delay: 0.475s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(12) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(13) {
    -webkit-transition-delay: 0.525s;
            transition-delay: 0.525s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(14) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(15) {
    -webkit-transition-delay: 0.575s;
            transition-delay: 0.575s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(16) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(17) {
    -webkit-transition-delay: 0.625s;
            transition-delay: 0.625s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(18) {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(19) {
    -webkit-transition-delay: 0.675s;
            transition-delay: 0.675s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(20) {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(21) {
    -webkit-transition-delay: 0.725s;
            transition-delay: 0.725s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(22) {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(23) {
    -webkit-transition-delay: 0.775s;
            transition-delay: 0.775s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(24) {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(25) {
    -webkit-transition-delay: 0.825s;
            transition-delay: 0.825s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(26) {
    -webkit-transition-delay: 0.85s;
            transition-delay: 0.85s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(27) {
    -webkit-transition-delay: 0.875s;
            transition-delay: 0.875s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(28) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(29) {
    -webkit-transition-delay: 0.925s;
            transition-delay: 0.925s;
  }
  #zoushikan .cnt h2 > span:nth-of-type(30) {
    -webkit-transition-delay: 0.95s;
            transition-delay: 0.95s;
  }
  #zoushikan .cnt .btn > p {
    overflow: hidden;
  }
  #zoushikan .cnt .btn > p > span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(1) {
    -webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(2) {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(3) {
    -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(4) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(5) {
    -webkit-transition-delay: 0.425s;
            transition-delay: 0.425s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(6) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(7) {
    -webkit-transition-delay: 0.475s;
            transition-delay: 0.475s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(8) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(9) {
    -webkit-transition-delay: 0.525s;
            transition-delay: 0.525s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(10) {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(11) {
    -webkit-transition-delay: 0.575s;
            transition-delay: 0.575s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(12) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(13) {
    -webkit-transition-delay: 0.625s;
            transition-delay: 0.625s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(14) {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  #zoushikan .cnt .btn > p > span:nth-of-type(15) {
    -webkit-transition-delay: 0.675s;
            transition-delay: 0.675s;
  }
  #zoushikan .cnt .btn a {
    opacity: 0;
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    -webkit-transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    transition: opacity 0.8s cubic-bezier(0.45, 0.25, 0.15, 1), transform 1s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 1s cubic-bezier(0.45, 0.25, 0.15, 1);
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  #zoushikan.effect {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  #zoushikan.effect figure {
    opacity: 1;
  }
  #zoushikan.effect .cnt > p > span,
  #zoushikan.effect .cnt h2 > span {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  #zoushikan.effect .cnt .btn > p > span,
  #zoushikan.effect .cnt .btn a {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#zoushikan {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 9.25%;
  background: url("../img/zoushikan_bg.jpg") center/cover no-repeat;
  padding: 200px 4.83%;
}
@media all and (max-width: 1084px) {
  #zoushikan {
    gap: 5%;
    padding: 200px 2%;
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #zoushikan {
    padding: 10.233vw 6.98% 3.954vw;
    background: url("../img/zoushikan_bg_sp.jpg") center/cover no-repeat;
  }
}
#zoushikan figure {
  max-width: 247px;
  width: 20%;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #zoushikan figure {
    width: 33%;
  }
}
@media all and (max-width: 560px ) {
  #zoushikan figure {
    width: 40%;
  }
}
#zoushikan figure img {
  width: 100%;
  height: auto;
}
@media all and (max-width: 980px ) and (min-width: 561px ) {
  #zoushikan .cnt {
    margin-top: 10.23vw;
  }
}
@media all and (max-width: 560px ) {
  #zoushikan .cnt {
    margin-top: 5vw;
  }
}
#zoushikan .cnt > p, #zoushikan .cnt > h2 {
  font-size: clamp(28px, 2.11vw, 40px);
  font-weight: 900;
  color: #fff;
}
@media all and (min-width: 981px ), all and (max-width: 980px ) and (min-width: 561px ) {
  #zoushikan .cnt > p br, #zoushikan .cnt > h2 br {
    display: none;
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #zoushikan .cnt > p, #zoushikan .cnt > h2 {
    font-size: clamp(20px, 3.488vw, 30px);
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    -moz-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    -ms-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ) and (-ms-high-contrast: none), all and (max-width: 560px ) and (-ms-high-contrast: none) {
  #zoushikan .cnt > p, #zoushikan .cnt > h2 {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
}
#zoushikan .cnt .btn {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 5.35vw 2em;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #zoushikan .cnt .btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#zoushikan .cnt .btn p {
  font-size: clamp(48px, 3.574vw, 68px);
  font-weight: 900;
  color: #fff;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #zoushikan .cnt .btn p {
    width: 100%;
    font-size: clamp(30px, 5.582vw, 48px);
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    -moz-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    -ms-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ) and (-ms-high-contrast: none), all and (max-width: 560px ) and (-ms-high-contrast: none) {
  #zoushikan .cnt .btn p {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
}
#zoushikan .cnt .btn a {
  display: block;
  background: #04914D;
  font-size: clamp(14px, 1.05vw, 20px);
  padding: 0.9em;
  padding-right: 6.7em;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -ms-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  position: relative;
  color: #fff;
}
@media all and (-ms-high-contrast: none) {
  #zoushikan .cnt .btn a {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  #zoushikan .cnt .btn a {
    font-size: 125%;
  }
}
#zoushikan .cnt .btn a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f0a9";
  color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  right: 10px;
}

.facebook_frame {
  padding: 0 24px;
  margin: 162px 0 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 40px 2.84%;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  .facebook_frame {
    margin-top: 60px;
  }
}
.facebook_frame > div {
  max-width: 500px;
  width: 48.58%;
}
@media all and (max-width: 980px ) and (min-width: 561px ), all and (max-width: 560px ) {
  .facebook_frame > div {
    width: 100%;
  }
}
.facebook_frame > div > iframe {
  width: 100% !important;
}
.facebook_frame > div > div > span {
  width: 100% !important;
}
.facebook_frame > div > div > span iframe {
  width: 100% !important;
}