/*==================
News Section starts
===================*/
.news-sec {
  background: linear-gradient(to right, #e0edfa, #c6e2e0);
  padding: 55px 20px 78px;
  margin: 0 80px 204px 0;
  font-weight: 500;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
}

.news-container {
  max-width: 1160px;
  margin: 0 auto;
}

.news-block {
  background: #ffffff;
  border-radius: 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  line-height: 1.5;
  letter-spacing: 0.64px;
}

.news-block > div {
  max-width: 980px;
  padding: 70px 20px 56px;
  margin: 0 auto;
}

.cate-flex {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.cate-flex li {
  background-color: var(--light-blue);
  cursor: pointer;
  border-radius: 20px;
  transition: background 0.3s, color 0.3s;
}

.news-ttl {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-weight: 500;
  letter-spacing: 1.1px;
  line-height: 2.9;
}

.news-ttl span {
  border-radius: 34px;
  font-size: 3.4rem;
  display: inline-block;
  position: relative;
  padding-left: 40px;
}

.news-ttl span::before {
  content: "";
  position: absolute;
  background: url(../img/news_icon.png) no-repeat;
  width: 29px;
  height: 41px;
  left: 0;
  top: 32px;
  background-size: contain;
}

.news-block .nav-item {
  /* flex: 1; */
  text-align: center;
  border-radius: 8px;
  width: calc((100% - 12px) / 4);
}

.news-block .post-link {
  background: none;
  border: none;
  padding: 25px 10px 22px;
  font-size: 1.6rem;
  position: relative;
  letter-spacing: normal;
}

.news-block .post-link span {
  position: relative;
}

.news-block .post-link span::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--dark-blue);
  left: -8px;
  top: 9px;
}

.news-block .cate-flex li.active span::before,
.news-block .cate-flex li:hover span::before {
  content: " ";
  background-color: #ffffff;
}

.news-block .cate-flex li:hover,
.news-block .cate-flex li.active {
  background: var(--dark-blue);
  color: #ffffff;
}

.news-block .cate-flex li.active .post-link,
.news-block .cate-flex li:hover .post-link {
  color: #ffffff;
}
.news-block .post-flex li {
  display: flex;
  justify-content: space-between;
  gap: 67px;
  align-items: flex-start;
  padding: 10px 0 20px;
  border-bottom: 1px dashed var(--dark-blue);
}

.news-block li {
  list-style: none;
  margin-bottom: 15px;
}

.news-block .post-flex li .d-flex {
  width: 210px;
}

.news-block .post-flex li .news-link {
  width: calc(100% - 210px);
}

.news-block .post-flex li .news-link .hight-school-link {
  font-size: 1.4rem;
  color: var(--dark-blue);
  position: relative;
  padding-left: 25px;
  /* text-decoration: underline; */
}

.news-block .post-flex li .news-link a > span{
  text-decoration: underline;
}

.news-block .post-flex li .news-link a > span:hover {
  text-decoration: none;
}

.news-block .post-flex li .news-link .hight-school-link::before {
  content: "";
  position: absolute;
  background: url(../img/junior_sch_img.png);
  width: 20px;
  height: 15px;
  left: 0;
  top: 2px;
}

.news-block .d-flex div:first-child {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 10px;
  color: #333333;
  font-family: "Poppins", sans-serif;
}

.news-block .d-flex div:last-child {
  font-size: 1.6rem;
  color: var(--dark-blue);
  position: relative;
  padding-left: 10px;
}

.news-block .d-flex div:last-child::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--dark-blue);
  left: 0;
  top: 10px;
}

.news-block .post-flex li:not(:last-child) {
  margin-bottom: 15px;
}

.btn {
  background: var(--btn-color);
}

.text-center {
  text-align: center;
  margin-top: 20px;
}

.news-block .seemore-btn {
  max-width: 238px;
  margin: 46px auto 0;
}

.event-date {
  display: flex;
  gap: 13px;
  align-items: center;
}

.event-date span {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  color: var(--dark-blue);
  position: relative;
  padding-left: 56px;
}

.event-date span::before {
  position: absolute;
  content: " ";
  background: url(../img/event_btn.png) no-repeat;
  background-size: contain;
  width: 51px;
  height: 20px;
  left: 0;
  top: 0;
}

/*==================
News Section ends
===================*/

/*==================
Card Section starts
===================*/
.card-sec {
  margin: 70px 0px 100px;
}

.card-flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px;
  max-width: 1090px;
  margin: 0 auto;
}

.ssh-card {
  background: var(--light-blue);
  width: 340px;
  border-radius: 24px;
}

.card-img {
  padding-top: 60px;
}

.card-img img {
  margin: 0 auto;
}

.card-sub-ttl {
  padding: 40px 0 25px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
  position: relative;
}

.card-sub-ttl::after {
  position: absolute;
  content: "";
  background: url(../img/s_img.png) no-repeat;
  top: 100%;
  width: 24px;
  height: 33px;
  left: 50%;
  transform: translateX(-50%);
}

.card-content {
  font-size: 1.6rem;
  padding: 60px 30px 30px;
  line-height: 1.75;
  display: flex;
  flex-grow: 1;
}

/*==================
Card Section ends
===================*/

/*==================
Slider Section starts
===================*/
.ssh-slider-wrapper {
  background: url(../img/ssh_mv_bg.jpg) no-repeat center/cover;
  padding-top: 44px;
  background-position: top 5px center;
}

.ssh-slider-sec {
  display: flex;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto 30px;
  gap: 35px;
  font-weight: 500;
}

.ssh-slider-txt {
  max-width: 512px;
  width: 100%;
  margin-left: auto;
  margin-top: 20px;
}

.slider-txt-block p {
  font-size: 3.8rem;
  line-height: 2;
}

.ssh-slider-sec .sm-txt {
  max-width: 442px;
  width: 100%;
  font-size: 2rem;
  display: flex;
  justify-content: center;
  padding: 40px;
  margin-top: 50px;
  line-height: 2;
  letter-spacing: 1.2px;
  background-color: rgba(255, 255, 255, 0.4);
}

.slider-container {
  width: calc(100% - 580px);
}

.slider-item img {
  width: 100%;
}

.slick-prev,
.slick-next {
  display: none !important;
}

.slider-container .slick-dots li button:before {
  font-size: 4rem;
}

.slider-container .slick-initialized .slick-slide {
  margin-right: 20px;
}

.slider-container .slick-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  bottom: -40px;
}

.slider-container .slick-dots li button:before {
  content: "";
  width: 32px;
  height: 4px;
  background-color: var(--light-gray);
  opacity: 1;
}

.slider-container .slick-dots li.slick-active button:before {
  background-color: var(--dark-blue);
  opacity: 1;
}

/*==================
Slider Section ends
===================*/

@media (max-width: 1440px) {
  .news-sec {
    margin-left: inherit;
  }
  .slider-txt-block p {
    font-size: 2.5rem;
  }
  .news-block .post-link {
    font-size: 1.3rem;
  }
}

@media (max-width: 992px) {
  .slider-container {
    width: 400px;
  }
  .ssh-slider-sec .sm-txt {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  main {
    padding-top: 48px;
  }

  /*==================
   slider sp 
   ===================*/
  .ssh-slider-sec {
    flex-direction: column;
    gap: 25px;
    margin: 0 auto 0;
  }

  .slider-container {
    width: 100%;
  }

  .ssh-slider-txt {
    max-width: 100%;
    width: inherit;
    margin: 0 auto;
    font-weight: 500;
  }

  .slider-txt-block p {
    font-size: 2.4rem;
  }

  .ssh-slider-sec .sm-txt.sp-only {
    max-width: 327px;
    font-size: 1.4rem;
    display: grid !important;
    place-content: center;
    position: relative;
    padding: 20px;
    bottom: 38px;
    margin-top: 18px;
  }

  .slider-container .slick-dots {
    bottom: -33px;
  }

  .ssh-slider-wrapper {
    padding-top: 25px;
  }

  /*==================
card sec sp
===================*/
  .card-flex {
    flex-direction: column;
    max-width: 352px;
    margin: 0 auto;
    gap: 12px;
  }

  .ssh-card {
    width: 100%;
  }

  .card-sec {
    margin: 20px 0px 57px;
  }

  .card-img img {
    width: 87px;
    height: 87px;
  }

  .card-img {
    padding-top: 34px;
  }

  .card-sub-ttl {
    font-size: 1.8rem;
    padding: 16px 10px;
  }

  .card-content {
    font-size: 1.4rem;
    padding: 40px 30px 25px;
  }

  .news-sec {
    margin: 0 auto 95px;
    padding-top: 20px;
  }

  /*==================
  news sec sp
  ===================*/
  .news-container {
    margin-left: 0;
  }

  .news-container .main-h2-ttl span {
    font-size: 2.2rem;
  }

  .news-block .post-link {
    font-size: 1.4rem;
    padding: 12px 10px;
  }

  .news-block .post-flex li {
    flex-direction: column;
    gap: 0;
  }

  .news-block .post-flex li .news-link {
    width: 100%;
  }

  .news-block .nav-item {
    width: calc((100% - 4px) / 2);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .news-ttl span {
    font-size: 2rem;
    padding-left: 32px;
  }

  .news-ttl span::before {
    width: 19px;
    height: 27px;
    top: 20px;
  }

  .cate-flex {
    row-gap: 7px;
    margin-bottom: 25px;
  }

  .news-block li {
    margin-bottom: 0;
  }

  .sp {
    display: block;
  }

  .news-block > div {
    padding: 22px 20px 70px;
  }

  .news-block .d-flex div:first-child {
    font-size: 1.2rem;
  }

  .news-block .d-flex div:last-child {
    font-size: 1.4rem;
    padding-bottom: 10px;
  }

  .news-link span {
    font-size: 1.4rem;
  }

  .event-date {
    flex-direction: column;
    gap: 7px;
    align-items: start;
  }

  .event-date span {
    font-size: 1.2rem;
    letter-spacing: 0;
    padding-top: 25px;
    padding-left: 0;
  }
  .news-sec {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }
  .news-block {
    border-radius: 24px;
  }
}

/* About Page */
.sec-about {
  padding: 55px 0 220px 0;
}

.sec-about .card-wrapper {
  max-width: 1088px;
  margin: 0 auto;
}

.sec-about .card-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 39px 32px;
}

.sec-about .card-list .card {
  border-radius: 24px;
  max-width: 340px;
  background: #e4f0fc;
  padding: 55px 20px;
}

.sec-about .card-list .img {
  width: 86px;
  height: 94px;
  margin: 0 auto;
}

.sec-about .card-list .card-txt {
  text-align: center;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec-about .card-list .card-txt .ttl {
  font-size: 2.4rem;
  letter-spacing: 0.96px;
  display: grid;
  align-items: center;
  justify-content: center;
}

.sec-about .card-list .card-txt .ttl span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 5px;
}

.sec-about .card-list .seemore-btn {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .sec-about {
    padding: 25px 0 110px;
  }

  .sec-about .container {
    padding: 0 12px;
  }

  .sec-about .card-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
    max-width: 350px;
    margin: 0 auto;
  }

  .sec-about .card-list .img {
    width: 53px;
    height: 58px;
  }

  .sec-about .card-list .card {
    padding: 25px 10px;
    border-radius: 12px;
    max-width: 172px;
  }

  .sec-about .card-list .card-txt {
    margin: 7px 0 10px 0;
    min-height: 63px;
  }

  .sec-about .card-list .card-txt .ttl {
    font-size: 1.6rem;
  }

  .sec-about .card-list .card-txt .ttl span {
    font-size: 1.2rem;
    letter-spacing: -1px;
  }

  .sec-about .card-list .seemore-btn {
    max-width: 140px;
    margin: 0 auto;
  }

  .sec-about .card-list .seemore-btn a {
    font-size: 1.4rem;
    padding: 9px 30px 9px 20px;
  }

  .sec-about .card-list .seemore-btn a::after {
    width: 21px;
    height: 21px;
    background-size: 100% 100%;
    right: 8px;
  }
}

@media screen and (max-width: 375px) {
  .sec-about .card-list .card-txt .ttl {
    font-size: 1.4rem;
  }

  .sec-about .card-list .card-txt .ttl span {
    font-size: 1rem;
  }

  .sec-about .card-list .seemore-btn a {
    font-size: 1.2rem;
  }
}

/* About SSH Types Page */
.sec-types {
  padding: 46px 0 95px;
}
.sec-types.typology {
  padding: 46px 0 120px;
}
.sec-types .ssh-wrapper .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}

.sec-types .ssh-frame {
  display: grid;
  grid-template-areas:
    "ssh-ttl ssh-img"
    "ssh-txt ssh-img";
  position: relative;
  padding-top: 40px;
  grid-template-rows: 100px auto;
}

.sec-types .ssh-frame .ssh-ttl {
  grid-area: ssh-ttl;
  font-size: 4.8rem;
  color: var(--dark-blue);
  line-height: 1.67;
  margin-left: 80px;
  max-width: 640px;
}

.sec-types .ssh-frame .ssh-txt {
  grid-area: ssh-txt;
  margin-left: 80px;
  max-width: 640px;
}

.sec-types .ssh-frame::before {
  content: "";
  background: url(../img/about/ssh_bg01.png) no-repeat;
  background-size: 100% 100%;
  left: 0;
  bottom: 25px;
  position: absolute;
  width: 496px;
  height: 441px;
}

.sec-types .ssh-frame .ssh-txt p {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 500;
  letter-spacing: 0;
}

.sec-types .ssh-frame .ssh-img {
  grid-area: ssh-img;
  max-width: 682px;
  margin: 0 0 0 auto;
  position: relative;
  padding-bottom: 125px;
}
.sec-types .ssh-frame .ssh-img .date {
  position: absolute;
  top: -85px;
  left: 47%;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.75;
}

.sec-types .ssh-frame .ssh-img::after {
  content: "";
  background: url(../img/about/ssh_bg02.jpg) no-repeat;
  background-size: 100% 100%;
  right: 0;
  bottom: 0px;
  position: absolute;
  width: 682px;
  height: 823px;
  z-index: -1;
}

.sec-types .edu-blk {
  margin: -30px 0 95px 0;
}

.sec-types .edu-blk .img {
  max-width: 1078px;
  margin: 45px auto 0;
}

.sec-types .ssh-frame .ssh-img .img {
  max-width: 587px;
}

.sec-types .base-frame {
  background: #e4f0fc;
  border-radius: 16px;
  padding: 40px;
  margin-top: 20px;
  position: relative;
}
.sec-types .base-frame::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  display: block;
  width: 58px;
  height: 4px;
  content: "";
  border-top: 4px solid #5f5f5f;
  transform: translateX(-50%) rotate(90deg);
}

.sec-types .base-frame .base-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.sec-types .base-frame .base-card {
  background: #fff;
  border-radius: 16px;
  padding: 40px 40px 30px 40px;
}

.sec-types .base-frame .base-card .base-img {
  max-width: 84px;
  margin: 0 auto;
}

.sec-types .base-frame .base-card .base-ttl {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.95;
  margin: 10px 0;
}

.sec-types .base-frame .base-card .base-logo {
  width: 17px;
  height: 24px;
  margin: 0 auto 15px;
}

.sec-types .base-frame .base-card .base-content {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0;
}

.sec-types .science-frame {
  padding: 105px 0 120px 0;
}

.sec-types .science-frame .science-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  position: relative;
  padding-bottom: 48px;
}

.sec-types .science-frame .science-card {
  background: #e4f0fc;/*250131*/
  border-radius: 24px;
  padding: 35px;
  position: relative;
}

.sec-types .science-frame .science-list::after {
  position: absolute;
  top: -50px;
  bottom: 0;
  left: 11.8%;
  display: block;
  width: calc(76.7%);
  height: 0;
  content: "";
  border-top: 4px solid #5f5f5f;
}

.sec-types .science-frame .science-card::after {
  position: absolute;
  top: -27px;
  bottom: 0;
  left: 50%;
  display: block;
  width: 50px;
  height: 4px;
  content: "";
  border-top: 4px solid #5f5f5f;
  transform: translateX(-50%) rotate(90deg);
}

.sec-types .science-frame .science-ttl {
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  display: grid;
  justify-content: center;
}

.sec-types .science-frame .science-ttl span {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.14;
}

.sec-types .science-frame .science-logo {
  width: 17px;
  height: 24px;
  margin: 15px auto 22px auto;
}

.sec-types .science-frame .science-contents {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0;
}
.sec-types .science-frame .img-blk {
  border-radius: 16px;
  background: #e4f0fc;
  padding: 49px 40px 45px 40px;
}
.sec-types .science-frame .img-inner {
  border-radius: 16px;
  background: #fff;
  padding: 59px 130px;
}
.sec-types .science-frame .img-blk .img {
  max-width: 940px;
  margin: 0 auto;
}
.sec-types .hm-res-dept .abt-txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0;
  margin: 30px 0 50px 0;
}
.sec-types .hm-res-dept .res-list {
  width: 100%;
}
.sec-types .hm-res-dept .res-card {
  display: flex;
  margin-bottom: 10px;
}
.sec-types .hm-res-dept .res-card .ttl-blk {
  background: var(--dark-blue);
  width: 36.8%;
  max-width: 470px;
  padding: 45px 40px 45px 30px;
  border-radius: 16px 0 0 16px;
}
.sec-types .hm-res-dept .res-card .res-ttl {
  height: 100%;
  font-size: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  gap: 18px;
  line-height: 1.5;
  padding-left: 95px;
  letter-spacing: 0;
}
.sec-types .hm-res-dept .res-card .res-ttl::before {
  content: attr(data-count);
  font-family: "Poppins", sans-serif;
  font-size: 5.6rem;
  font-weight: 500;
  border: 1px solid;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
}
.sec-types .hm-res-dept .res-card .res-contents {
  background: #e4f0fc;
  width: 63.2%;
  max-width: 810px;
  padding: 45px 45px 45px 30px;
  border-radius: 0px 16px 16px 0px;
}
.sec-types .hm-res-dept .res-card .res-contents p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0;
}
.date-txt {
  position: absolute;
  right: 0;
  padding: 0 20px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0;
  top: -30px;
}
@media screen and (max-width: 1315px) {
  .sec-types .ssh-frame .ssh-img::after {
    width: 100%;
    height: 100%;
  }

  .sec-types .ssh-frame::before {
    bottom: 0;
  }

  .sec-types .ssh-frame .ssh-txt,
  .sec-types .ssh-frame .ssh-ttl {
    margin-left: 20px;
  }
}

@media screen and (max-width: 1035px) {
  .sec-types .ssh-frame {
    grid-template-rows: 80px auto;
  }

  .sec-types .ssh-frame .ssh-txt {
    max-width: 500px;
  }

  .sec-types .science-frame .science-list::after {
    left: 11.5%;
    width: calc(77.5%);
  }
}
@media screen and (max-width: 920px) {
  .sec-types .edu-blk {
    margin-top: 20px;
  }
  .sec-types .science-frame .science-card {
    padding: 20px;
  }
  .sec-types .science-frame .science-ttl {
    font-size: 1.8rem;
  }
  .sec-types .science-frame .science-contents {
    font-size: 1.5rem;
  }
  .sec-types .hm-res-dept .res-card .res-ttl::before {
    width: 50px;
    height: 50px;
    font-size: 3rem;
  }
  .sec-types .hm-res-dept .res-card .res-ttl {
    padding-left: 65px;
    font-size: 1.8rem;
  }
  .sec-types .hm-res-dept .res-card .ttl-blk {
    padding: 45px 30px 45px 30px;
  }
  .sec-types .ssh-frame .ssh-img .date {
    left: 40%;
  }
}
@media screen and (max-width: 768px) {
  .sec-types {
    padding-bottom: 30px;
    padding-top: 10px;
  }
  .sec-types .ssh-frame .ssh-img .date {
    top: -30px;
    left: 0;
    font-size: 1.2rem;
  }
  .date-txt {
    font-size: 1.2rem;
    top: 0;
    position: relative;
    text-align: right;
    margin-bottom: 10px;
    padding-right: 0;
  }
  .sec-types.typology {
    padding-bottom: 100px;
  }
  .sec-types .ssh-frame {
    grid-template-areas:
      "ssh-ttl ssh-img"
      "ssh-txt ssh-txt";
    grid-template-rows: auto auto;
    align-items: center;
    gap: 10px;
  }

  .sec-types .ssh-frame .ssh-img {
    max-width: 168px;
    padding-bottom: 0px;
  }

  .sec-types .ssh-frame .ssh-ttl {
    font-size: 2.3rem;
  }

  .sec-types .ssh-frame .ssh-img::after {
    width: 168px;
    height: 203px;
    bottom: -40px;
  }

  .sec-types .ssh-frame::before {
    width: 201px;
    height: 179px;
  }

  .sec-types .ssh-frame .ssh-txt {
    margin-left: 18px;
    margin-right: 18px;
    padding-bottom: 80px;
    max-width: 100%;
  }

  .sec-types .ssh-frame .ssh-ttl {
    margin-left: 18px;
  }

  .sec-types .ssh-frame .ssh-txt p {
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .sec-types .hm-res-dept .res-card {
    flex-direction: column;
  }
  .sec-types .hm-res-dept .res-card .ttl-blk {
    width: 100%;
    max-width: 100%;
  }
  .sec-types .edu-blk {
    margin: 0 0 75px 0;
  }
  .sec-types .hm-res-dept .res-card .res-contents {
    width: 100%;
    max-width: 100%;
  }
  .sec-types .edu-blk .img {
    max-width: 351px;
    margin: 35px auto 0 auto;
  }
  .sec-types .base-frame {
    padding: 15px 12px;
    max-width: 351px;
    margin: 15px auto 0;
  }
  .sec-types .base-frame .base-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .sec-types .base-frame .base-card .base-img {
    max-width: 46px;
  }
  .sec-types .base-frame .base-card .base-ttl {
    font-size: 1.6rem;
  }
  .sec-types .base-frame .base-card .base-logo {
    width: 20px;
    height: 26px;
  }
  .sec-types .base-frame .base-card .base-content {
    font-size: 1.4rem;
  }
  .sec-types .base-frame::after {
    content: none;
  }
  .sec-types .science-frame .science-list {
    grid-template-columns: 1fr;
    padding-left: 35px;
    padding-bottom: 17px;
  }
  .sec-types .science-frame .science-list::after {
    border-left: 4px solid #5f5f5f;
    border-top: none;
    height: calc(89%);
    width: 0;
    left: 16px;
    top: -17px;
  }
  .sec-types .science-frame {
    padding: 16px 0 55px 0;
    max-width: 351px;
    margin: 0 auto;
  }
  .sec-types .science-frame .science-logo {
    display: none;
  }
  .sec-types .science-frame .science-card {
    display: flex;
    align-items: center;
    padding: 20px 16px;
    border-radius: 12px;
  }
  .sec-types .science-frame .science-ttl {
    font-size: 1.6rem;
    width: 43%;
    justify-content: flex-start;
    text-align: left;
  }
  .sec-types .science-frame .science-contents {
    width: 57%;
    font-size: 1.4rem;
    letter-spacing: -0.5px;
  }
  .sec-types .base-frame .base-card {
    padding: 20px 23px;
  }
  .sec-types .science-frame .science-card::after {
    left: -16px;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    width: 16px;
  }
  .sec-types .science-frame .img-blk {
    padding: 15px 12px;
  }
  .sec-types .science-frame .img-inner {
    padding: 23px 6px 27px 6px;
  }
  .sec-types .hm-res-dept .abt-txt {
    margin: 20px 6px 30px 6px;
  }
  .sec-types .hm-res-dept .res-list {
    padding: 0 6px;
  }
  .sec-types .hm-res-dept .res-card .ttl-blk {
    padding: 14px 12px;
    border-radius: 12px 12px 0 0;
  }
  .sec-types .hm-res-dept .res-card .res-ttl {
    padding-left: 45px;
    font-size: 1.8rem;
    align-items: flex-start;
  }
  .sec-types .hm-res-dept .res-card .res-ttl::before {
    width: 32px;
    height: 32px;
    font-size: 2.4rem;
  }
  .sec-types .hm-res-dept .res-card .res-contents {
    border-radius: 0 0 12px 12px;
    padding: 22px 24px 26px;
  }
  .sec-types .hm-res-dept .res-card .res-contents p {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 375px) {
  .sec-types .science-frame .science-ttl {
    font-size: 1.5rem;
  }
  .sec-types .science-frame .science-ttl span {
    font-size: 1.2rem;
  }
  .sec-types .science-frame .science-list::after {
    height: calc(88.5%);
  }
  .sec-types .hm-res-dept .res-card .res-ttl {
    font-size: 1.6rem;
  }
  .slider-txt-block p {
    font-size: 1.6rem;
  }
  .sec-types .ssh-frame .ssh-img .date {
    top: -50px;
    font-size: 1rem;
  }
}
/*==================
  Adoption sec 
  ===================*/
.sec-adoption {
  margin: 60px 0 130px;
}
.result-container {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.result-container li:nth-of-type(odd) {
  background: #e4f0fc;
}
.result-container li a {
  display: block;
  padding: 28px 30px 28px 35px;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.result-container li a:hover {
  text-decoration: none;
}
.result-container li span {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
  position: relative;
  padding: 0 25px 0 18px;
  display: block;
}
.result-container li span::before {
  position: absolute;
  content: " ";
  background: url(../img/about/result_before.png) no-repeat;
  width: 11px;
  height: 10px;
  top: 7px;
  left: 0;
  background-size: contain;
}

.result-container li span::after {
  position: absolute;
  content: " ";
  background: url(../img/about/result_after.png) no-repeat;
  width: 16px;
  height: 16px;
  bottom: 5px;
  /* right: 0; */
  background-size: contain;
  margin-left: 13px;
}
@media (max-width: 768px) {
  .sec-adoption {
    margin: 20px 0 150px;
  }

  .result-container {
    padding-top: 20px;
  }

  .result-container li span {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0;
    padding-right: 8px;
  }
  .result-container li a {
    display: block;
    padding: 18px 12px 18px 12px;
  }
  .result-container li span::after {
    bottom: 3px;
    margin-left: 5px;
    width: 12px;
    height: 12px;
  }
}

.sec-adoption.eva-case {
  margin: 60px 0 180px;
}
@media (max-width: 768px) {
  .sec-adoption.eva-case {
    margin: 20px 0 120px;
  }
}

/*==================
Case study Section 
===================*/
.casestudy-flex {
  max-width: 1088px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 41px;
  padding: 46px 0 320px;
}
.casestudy-flex .case-card {
  background: var(--light-blue);
  width: calc((100% - 32px) / 2);
  padding: 50px 20px 52px;
  border-radius: 24px;
}
.casestudy-flex .case-card p {
  font-size: 2.4rem;
  letter-spacing: normal;
}
.case-flex {
  display: flex;
  justify-content: center;
  gap: 13px;
  padding: 27px 0 40px;
  align-items: center;
}
.case-flex img {
  width: 72px;
  height: 32px;
}
.casestudy-flex .case-img img {
  margin: 0 auto;
}
.casestudy-flex .seemore-btn {
  margin: 0 auto;
}
@media (max-width: 768px) {
  .casestudy-flex {
    padding: 32px 0 96px;
  }
  .casestudy-flex .case-card p {
    font-size: 1.6rem;
    letter-spacing: -1;
  }
  .casestudy-flex .case-card {
    padding: 26px 9px 35px;
    border-radius: 12px;
  }

  .casestudy-flex {
    column-gap: 7px;
    row-gap: 7px;
    max-width: 350px;
    width: 100%;
  }
  .casestudy-flex .seemore-btn a {
    padding: 9px 30px 9px 20px;
    font-size: 1.4rem;
  }
  .casestudy-flex .seemore-btn a::after {
    width: 21px;
    height: 21px;
    background-size: 100% 100%;
    right: 8px;
  }
  .case-flex {
    flex-direction: column;
    gap: 12px;
    padding: 25px 0 15px;
  }
  .case-flex img {
    width: 44px;
    height: 22px;
  }
  .casestudy-flex .case-card {
    width: calc((100% - 7px) / 2);
  }
  .casestudy-flex .case-img img {
    height: 60px;
  }
  .sec-casestudy.sec-material .case-img img {
    width: 87px;
    height: 122px;
  }
  .sec-casestudy.sec-material .case-flex {
    padding: 7px 0 12px;
  }
  .sec-casestudy.sec-material .case-card {
    padding: 26px 16px 24px;
  }
}

@media screen and (max-width: 375px) {
  .casestudy-flex .case-card p {
    font-size: 1.2rem;
  }

  .casestudy-flex .seemore-btn a {
    font-size: 1rem;
    letter-spacing: 0;
  }
  .pdf-download span::before {
    width: 16px;
    height: 16px;
    left: -20px;
  }
}
/*==================
School list Section 
===================*/
.sec-school-list {
  max-width: 1240px;
  margin: 66px auto 160px;
  position: relative;
}
.sec-school-list .date-txt {
  top: -70px;
}
.sec-school-list .list-wrapper {
  padding: 0 20px;
}
.school-list-btn {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;/*20250131*/
}
.school-list-btn .list-item {
  width: calc((100% - 6px) / 3);
  background: #eff6fc;
  text-align: center;
  border-radius: 8px;
}
.school-list-btn .list-item a,
.school-list-btn .list-item .active-btn {
  width: 100%;
  padding: 20px 0;
  cursor: pointer;
}
.school-list-btn .list-item span {
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
  padding-left: 10px;
}
.school-list-btn .list-item span::before {
  position: absolute;
  content: " ";
  background: var(--dark-blue);
  width: 5px;
  height: 5px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.school-list-btn .list-item.active,
.school-list-btn .list-item:hover {
  background: var(--dark-blue);
  color: #ffffff;
}
.school-list-btn .list-item.active span::before,
.school-list-btn .list-item:hover span::before {
  content: " ";
  background-color: #ffffff;
}
.school-list-btn .list-item.active span,
.school-list-btn .list-item:hover span {
  color: #ffffff;
}
.city-lists {
  padding: 68px 0 80px;
}
.city-lists .city {
  margin-bottom: 35px;
}
.city-lists .city-ttl {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  padding-bottom: 7px;
  border-bottom: 2px solid #ccd7eb;
  letter-spacing: 0.72px;
  color: var(--font-color);
}
.city-lists .city:nth-child(2) .city-ttl {
  border-bottom: 2px solid #c1dfea;
}
.city-lists .city:nth-child(3) .city-ttl {
  border-bottom: 2px solid #c9e5d5;
}
.city-lists .city:nth-child(4) .city-ttl {
  border-bottom: 2px solid #e3ebca;
}
.city-lists .city:nth-child(5) .city-ttl {
  border-bottom: 2px solid #f4e6cb;
}
.city-lists .city:last-child .city-ttl {
  border-bottom: 2px solid #f0dede;
}
.checkbox-list {
  margin-top: 13px;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.checkbox-list li {
  display: flex;
  gap: 5px;
}
.checkbox-list li a,
.checkbox-list li div {
  display: block;
  position: relative;
  padding-left: 22px;
  /* cursor: pointer; */
  font-weight: 500;
  letter-spacing: 0.64px;
  font-size: 1.6rem;
  line-height: 1.5;
  /* text-decoration: underline; */
  color: var(--dark-blue);
  text-underline-offset: 3px;
}

.checkbox-list li div {
  color: #020000;
}

.checkbox-list li div a {
  cursor: pointer;
  text-decoration: underline;
}
.checkbox-list li .town {
  display: inline-block;
  padding-left: 0 !important;
}
.checkbox-list li a:hover {
  text-decoration: none;
}
.checkbox-list li span {
  font-size: 1.4rem;
  color: var(--dark-blue);
  font-weight: 500;
  display: inline-block;
}
.sec-school-list .map-block {
  max-width: 1168px;
  margin: 65px auto 0 auto;
}

.sec-school-list .map-block area:hover {
  outline-color: #038184;
}

.checkbox-container {
  display: block;
  position: absolute;
  left: 0;
  top: 55%;
  transform: translateY(-50%);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox-container .checkmark {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  left: 0;
  height: 14px;
  width: 14px;
  border: 2px solid #b1b1b1;
  border-radius: 2px;
}

.checkbox-container input:checked ~ .checkmark {
  background-color: var(--dark-blue);
  border: none;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  left: 50%;
  top: 43%;
  width: 5px;
  height: 8px;
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.city-lists .uncheck-btn {
  text-align: right;
  margin-top: 65px;
}
.reset-row {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.reset-btn.uncheck-btn {
  position: absolute;
  right: 0;
  bottom: 15px;
}
.city-lists .uncheck-btn a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  text-decoration: underline;
  color: var(--dark-blue);
  text-underline-offset: 3px;
}
.city-lists .uncheck-btn a:hover {
  text-decoration: none;
}
.city-detail {
  padding: 18px 20px 0;
}
.city-detail .h2-com-ttl {
  margin-bottom: 25px;
}

.city-detail .list-blk {
  margin-bottom: 60px;
  padding-top: 25px;
}
.city-detail .list-blk .list-ttl {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
  padding-left: 20px;
  margin-bottom: 13px;
}

.city-detail .list-blk .list-ttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background: #ccd7eb;
}
.city-detail #ibaraki .list-blk .list-ttl::before,
.city-detail #gunma .list-blk .list-ttl::before,
.city-detail #tochigi .list-blk .list-ttl::before,
.city-detail #saitama .list-blk .list-ttl::before,
.city-detail #tokyo .list-blk .list-ttl::before,
.city-detail #chiba .list-blk .list-ttl::before,
.city-detail #kanagawa .list-blk .list-ttl::before {
  background: #c1dfea;
}
.city-detail #fukui .list-blk .list-ttl::before,
.city-detail #ishikawa .list-blk .list-ttl::before,
.city-detail #toyama .list-blk .list-ttl::before,
.city-detail #niigata .list-blk .list-ttl::before,
.city-detail #gifu .list-blk .list-ttl::before,
.city-detail #nagano .list-blk .list-ttl::before,
.city-detail #yamanashi .list-blk .list-ttl::before,
.city-detail #mie .list-blk .list-ttl::before,
.city-detail #aichi .list-blk .list-ttl::before,
.city-detail #shizuoka .list-blk .list-ttl::before {
  background: #c9e5d5;
}
.city-detail #hyogo .list-blk .list-ttl::before,
.city-detail #kyoto .list-blk .list-ttl::before,
.city-detail #shiga .list-blk .list-ttl::before,
.city-detail #osaka .list-blk .list-ttl::before,
.city-detail #nara .list-blk .list-ttl::before,
.city-detail #wakayama .list-blk .list-ttl::before {
  background: #e3ebca;
}
.city-detail #yamaguchi .list-blk .list-ttl::before,
.city-detail #shimane .list-blk .list-ttl::before,
.city-detail #tottori .list-blk .list-ttl::before,
.city-detail #hiroshima .list-blk .list-ttl::before,
.city-detail #okayama .list-blk .list-ttl::before,
.city-detail #ehime .list-blk .list-ttl::before,
.city-detail #kagawa .list-blk .list-ttl::before,
.city-detail #kochi .list-blk .list-ttl::before,
.city-detail #tokushima .list-blk .list-ttl::before {
  background: #f4e6cb;
}
.city-detail #okinawa .list-blk .list-ttl::before,
.city-detail #nagasaki .list-blk .list-ttl::before,
.city-detail #saga .list-blk .list-ttl::before,
.city-detail #fukuoka .list-blk .list-ttl::before,
.city-detail #kumamoto .list-blk .list-ttl::before,
.city-detail #oita .list-blk .list-ttl::before,
.city-detail #kagoshima .list-blk .list-ttl::before,
.city-detail #miyazaki .list-blk .list-ttl::before {
  background: #f0dede;
}
.city-detail .list-blk .info-card {
  border-radius: 9px;
  border: 1px solid var(--dark-blue);
  border-top: none;
  margin-bottom: 15px;
}
.city-detail .list-blk .info-card .info-card-ttl {
  background: var(--dark-blue);
  padding: 15px 30px;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
  gap: 38px;
  color: #fff;
}
.city-detail .list-blk .info-card .info-card-ttl .pre-txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.56px;
}
.city-detail .list-blk .info-card .info-card-ttl .pre-txt span {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.64px;
}
.city-detail .list-blk .info-card .info-card-ttl .school-no {
  display: none;
}
.city-detail .list-blk .info-card .info-card-ttl .school-name {
  position: relative;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.72px;
  padding-left: 33px;
}
.city-detail .list-blk .info-card .info-card-ttl .school-name::before {
  content: "";
  background: url(../img/school/school_icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 26px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.city-detail .list-blk .info-card .info-contents {
  padding: 15px 30px;
}
.city-detail .list-blk .info-card .info-contents .years-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 64px;
}
.city-detail .list-blk .info-card .info-contents .years-list span {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.64px;
  display: inline-block;
}
.city-detail .list-blk .info-card .info-contents .years-list .rect {
  border-radius: 6px;
  background: #eff6fc;
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
  padding: 5px 10px 5px 20px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  margin-right: 8px;
}
.city-detail .list-blk .info-card .info-contents .years-list .rect::before {
  content: "";
  width: 5px;
  height: 5px;
  background: var(--dark-blue);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.city-detail .list-blk .info-card .priority {
  border-radius: 8px;
  display: flex;
}
.city-detail .list-blk .info-card .priority p {
  background: #038184;
  padding: 17px 34px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  border-radius: 0 0 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.city-detail .list-blk .info-card .priority .priority-list {
  background: #e6f4f1;
  width: calc(100% - 114px);
  padding: 12px 30px;
  border-radius: 0 0 8px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 32px;
}
.city-detail .list-blk .info-card .priority .priority-list .circle {
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 24px;
  background: #038184;
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
  padding: 5px 15px 5px 15px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  margin-right: 5px;
  color: #fff;
}
.city-detail .list-blk .info-card .priority .priority-list span {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
}
.anchor {
  display: block;
  visibility: hidden;
}
#hokkaido_tohoku.anchor,
#kanto.anchor,
#chubu_hokuriku.anchor,
#kansai.anchor,
#chugoku_shikoku.anchor,
#kyushu_okinawa.anchor {
  height: 200px;
  margin-top: -200px;
}
#hokaido_ttl.anchor,
#aomori_ttl.anchor,
#iwate_ttl.anchor,
#akita_ttl.anchor,
#miyagi_ttl.anchor,
#yamagata_ttl.anchor,
#fukushima_ttl.anchor,
#tokyo_ttl.anchor,
#kangawa_ttl.anchor,
#saitama_ttl.anchor,
#chiba_ttl.anchor,
#ibaraki_ttl.anchor,
#tochigi_ttl.anchor,
#gunma_ttl.anchor,
#aichi_ttl.anchor,
#gifu_ttl.anchor,
#shizuoka_ttl.anchor,
#mie_ttl.anchor,
#niigata_ttl.anchor,
#yamanashi_ttl.anchor,
#nagano_ttl.anchor,
#ishikawa_ttl.anchor,
#toyama_ttl.anchor,
#fukui_ttl.anchor,
#osaka_ttl.anchor,
#hyogo_ttl.anchor,
#kyoto_ttl.anchor,
#shiga_ttl.anchor,
#nara_ttl.anchor,
#wakayama_ttl.anchor,
#okayama_ttl.anchor,
#hiroshima_ttl.anchor,
#tottori_ttl.anchor,
#yamaguchi_ttl.anchor,
#shimane_ttl.anchor,
#tokushima_ttl.anchor,
#ehime_ttl.anchor,
#kagawa_ttl.anchor,
#kochi_ttl.anchor,
#fukuoka_ttl.anchor,
#saga_ttl.anchor,
#nagasaki_ttl.anchor,
#kumamoto_ttl.anchor,
#oita_ttl.anchor,
#miyazaki_ttl.anchor,
#kagoshima_ttl.anchor,
#okinawa_ttl.anchor {
  height: 200px;
  margin-top: -200px;
}
.anchor-scroll,
.anchor-scroll,
.anchor-scroll,
.anchor-scroll,
.anchor-scroll,
.anchor-scroll {
  display: block;
  visibility: hidden;
  height: 180px;
  margin-top: -180px;
}

@media screen and (max-width: 768px) {
  .city-detail .list-blk {
    padding-top: 10px;
  }
  .anchor-scroll,
  .anchor-scroll,
  .anchor-scroll,
  .anchor-scroll,
  .anchor-scroll,
  .anchor-scroll {
    height: 50px;
    margin-top: -50px;
  }
  #experienced.anchor {
    height: 50px;
    margin-top: -50px;
  }
  #hokkaido_tohoku.anchor,
  #aomori_ttl.anchor,
  #chubu_hokuriku.anchor,
  #kansai.anchor,
  #chugoku_shikoku.anchor,
  #kyushu_okinawa.anchor {
    height: 50px;
    margin-top: -50px;
  }
  .sec-school-list {
    margin: 25px 0 90px;
  }
  .sec-school-list .map-block {
    margin-top: 35px;
  }
  .city-lists {
    padding: 35px 0 45px 0;
  }
  .city-lists .city-ttl {
    font-size: 1.6rem;
  }
  .checkbox-list li a,
  .checkbox-list li div {
    font-size: 1.4rem;
    padding-left: 18px;
  }
  .sec-school-list .list-wrapper,
  .city-detail {
    padding: 0 12px;
  }
  .city-detail {
    padding-top: 16px;
  }
  .checkbox-list li span {
    font-size: 1.2rem;
  }
  .checkbox-list {
    gap: 12px;
  }
  .city-lists .city {
    margin-bottom: 30px;
  }
  .city-lists .uncheck-btn {
    margin-top: 40px;
    text-align: center;
  }
  .city-detail .h2-com-ttl {
    margin-bottom: 10px;
  }
  .city-detail .list-blk .list-ttl {
    font-size: 1.6rem;
    padding-left: 13px;
  }
  .city-detail .list-blk .list-ttl::before {
    width: 8px;
    height: 8px;
  }
  .city-detail .list-blk .info-card .info-card-ttl {
    padding: 10px 12px 12px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .city-detail .list-blk .info-card .info-card-ttl .pre-txt {
    font-size: 1.2rem;
  }
  .city-detail .list-blk .info-card .info-card-ttl .pre-txt span {
    font-size: 1.4rem;
  }
  .city-detail .list-blk .info-card .info-card-ttl .school-name::before {
    width: 22px;
    height: 16px;
  }
  .city-detail .list-blk .info-card .info-card-ttl .school-name {
    font-size: 1.6rem;
  }
  .city-detail .list-blk .info-card .info-contents {
    padding: 17px 12px 20px 12px;
  }
  .city-detail .list-blk .info-card .info-contents .years-list {
    gap: 10px 22px;
  }
  .city-detail .list-blk .info-card .info-contents .years-list .rect {
    font-size: 1.2rem;
    padding: 5px 7px 5px 17px;
    margin-right: 5px;
  }
  .city-detail .list-blk .info-card .info-contents .years-list span {
    font-size: 1.4rem;
  }
  .city-detail .list-blk .info-card .priority p {
    padding: 11px;
  }
  .city-detail .list-blk .info-card .priority .priority-list {
    width: calc(100% - 67px);
    padding: 12.5px 15px 15px 10px;
  }
  .city-detail .list-blk .info-card .priority .priority-list .circle {
    font-size: 1.2rem;
    padding: 3px 10px;
    margin-right: 3px;
  }
  .city-detail .list-blk .info-card .priority .priority-list span {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .school-list-btn .list-item span {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .school-list-btn .list-item span::before {
    left: 0;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 375px) {
  .school-list-btn .list-item span {
    font-size: 1.1rem;
  }
}
.stage-list-wrapper {
  margin: 66px 0 105px;
  padding: 0 20px;
}
.stage-list-wrapper .stage-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}
.stage-list-wrapper .stage-btn li {
  width: calc((100% - 33px) / 4);
  border: 1px solid #000;
  border-radius: 4px;
}
.stage-list-wrapper .stage-btn li a {
  width: 100%;
  padding: 28px 0;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.6;
  text-decoration: underline;
}
.stage-list-wrapper .stage-btn li a:hover {
  text-decoration: none;
}
.stage-list-wrapper .stage-btn li a span {
  font-size: 1.4rem;
  line-height: 1.7;
}
.stage-list-wrapper .stage-btn li.active,
.stage-list-wrapper .stage-btn li:hover {
  background: #2153a1;
}
.stage-list-wrapper .stage-btn li.active a,
.stage-list-wrapper .stage-btn li:hover a {
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .stage-list-wrapper .stage-btn {
    gap: 4px;
  }
  .sec-school-list .date-txt {
    top: -35px;
  }
  .sec-school-list.second-list .date-txt,
  .sec-school-list.third-list .date-txt {
    top: -30px;
  }
  .stage-list-wrapper .stage-btn li {
    width: calc((100% - 4px) / 2);
  }
  .stage-list-wrapper .stage-btn li a {
    font-size: 1.4rem;
    padding: 18px 0;
  }
  .stage-list-wrapper .stage-btn li a span {
    font-size: 1.2rem;
  }
  .stage-list-wrapper {
    padding: 0 12px;
    margin: 37px 0 40px;
  }
}
.experience-school {
  margin: 80px 0 135px;
}
.experience-school .about-school .list-ttl {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
  padding-left: 20px;
  margin-bottom: 13px;
}
.experience-school .about-school .list-ttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background: #ccd7eb;
}
.experience-school .about-school {
  padding-bottom: 50px;
}
.experience-school .about-school-container {
  padding-top: 16px;
}
.experience-school .about-school p {
  font-size: 1.8rem;
  line-height: 1.5;
  padding-left: 18px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .experience-school {
    margin: 55px 0 0;
  }
  .experience-school .about-school p {
    font-size: 1.4rem;
  }
  .experience-school .about-school {
    padding-bottom: 30px;
  }
  .sec-school-list.second-list {
    margin: 20px auto 35px;
  }
  .experience-school .about-school .list-ttl {
    font-size: 1.6rem;
    padding-left: 15px;
  }
  .experience-school .about-school .list-ttl::before {
    width: 8px;
    height: 8px;
  }
}
.sec-school-list.third-list {
  margin: 66px auto 96px;
}
.category-wrapper .category-list {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.category-wrapper .category-list li {
  width: calc((100% - 8px) / 3);
  border: 1px solid #707070;
  border-radius: 4px;
  text-align: center;
}
.city-detail.category-search {
  margin: 122px 0 0;
}
.category-wrapper .category-list li a,
.category-wrapper .category-list li .cat-btn {
  padding: 32px 0;
  /* width: 100%; */
  text-align: center;
  font-size: 1.6rem;
  /* text-decoration: underline; */
  text-underline-offset: 3px;
  display: inline-block;
  position: relative;
  /* cursor: pointer; */
}
.category-wrapper .category-list li a:hover,
.category-wrapper .category-list li .cat-btn:hover {
  text-decoration: none;
}
.category-wrapper .category-list li a span,
.category-wrapper .category-list li .cat-btn span {
  font-size: 1.4rem;
  color: var(--dark-blue);
  display: inline-block;
}

.category-wrapper .category-list li a p,
.category-wrapper .category-list li .cat-btn p {
  position: relative;
  display: inline;
  line-height: 1.5;
}
.category-wrapper .category-list li a p::before,
.category-wrapper .category-list li .cat-btn p::before {
  content: " ";
  position: absolute;
  background: url(../img/school/category_before.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  top: 50%;
  left: -18px;
  transform: translateY(-50%);
}
.category-wrapper .category-list .checkbox-container {
  left: -20px;
  top: 53%;
}
@media (max-width: 768px) {
  .category-wrapper .category-list li {
    width: calc((100% - 4px) / 2);
  }
  .third-list .category-wrapper .category-list .checkbox-container {
    left: -5px;
  }
  .category-wrapper .category-list li a,
  .category-wrapper .category-list li .cat-btn {
    font-size: 1.4rem;
    padding: 18px 0 18px 10px;
  }
  .category-wrapper .category-list li a span,
  .category-wrapper .category-list li .cat-btn span {
    font-size: 1.2rem;
  }
  .category-wrapper .category-list li a p::before,
  .category-wrapper .category-list li .cat-btn p::before {
    width: 12px;
    height: 12px;
    left: 3px;
  }
  .category-wrapper .category-list li a p,
  .category-wrapper .category-list li .cat-btn p {
    padding-left: 20px;
  }
  .city-detail.category-search {
    margin: 65px 0 0;
  }
  .sec-school-list.third-list {
    margin: 26px 0 70px;
  }
  .school-list-btn .list-item a,
  .school-list-btn .list-item .active-btn {
    padding: 15px 0;
  }
  .checkbox-container .checkmark {
    width: 12px;
    height: 12px;
    top: 50%;
  }
}
@media (max-width: 375px) {
  .category-wrapper .category-list li a,
  .category-wrapper .category-list li .cat-btn {
    font-size: 1rem;
  }
  .category-wrapper .category-list li a span,
  .category-wrapper .category-list li .cat-btn span {
    font-size: 1rem;
  }
}
/* the use of logo sec */
.sec-logo-container {
  max-width: 1304px;
  padding: 0 12px;
  margin: 0 auto;
}
.sec-logo-usage {
  max-width: 1280px;
  margin: 66px auto 40px;/*20250206*/
  background: #e0edfa;
  border-radius: 24px;
  padding: 48px;
}
.usage-container {
  max-width: 1200px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 16px;
  padding: 0 0 90px;/*20250130*/
}
.ssh-logo-img img {
  margin: 30px auto;/*20250130*/
}
.logo-content {
  max-width: 990px;
  margin: 0 auto;
  padding: 82px 30px;
}
.ssh-logo-img span {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  margin: 20px auto 0;
  text-align: center;
}
.contact-txt {
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 25px;
}
.logo-content ul {
  border: 1px solid #020000;
  border-radius: 16px;
  padding: 50px;
  line-height: 1.7;
  letter-spacing: 0;
}
.logo-content ul p {
  padding-bottom: 26px;
  font-weight: 500;
  word-break: break-word;
}
.logo-content.eng-content {
  padding: 0 30px;
}
.logo-content.eng-content .contact-txt {
  word-break: keep-all;
  letter-spacing: normal;
}
@media (max-width: 768px) {
  .ssh-logo-img img {
    width: 150px;
  }
  .sec-logo-usage {
    padding: 14px 12px;
    margin: 50px auto 30px;/*20250206*/
    border-radius: 18px;
  }
  .logo-content ul {
    padding: 30px 18px 40px;
    line-height: 1.5;
    font-size: 1.4rem;
    border-radius: 6px;
  }
  .logo-content ul li {
    display: flex;
    gap: 5px;
  }
  .usage-container {
    padding: 0 0 14px;/*20250130*/
    border-radius: 12px;
  }
  .logo-content {
    padding: 18px 18px 63px;/*20250130*/
  }
  .contact-txt {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .logo-content.eng-content .contact-txt {
    word-break: keep-all;
    letter-spacing: normal;
  }
}
/* contact sec */
.sec-contact {
  margin: 66px 0 150px;
}
.contact-container {
  max-width: 868px;
  margin: 0 auto;
  background: #e4f0fc;
  padding: 105px 20px 78px;
  text-align: center;
  border-radius: 16px;
}
.contact-container .h3-txt {
  font-size: 3.2rem;
  line-height: 0.8;
  position: relative;
  padding: 33px 0 0;
}

.contact-container .h3-txt::before {
  content: " ";
  position: absolute;
  background: url(../img/contact/h3_before.png) no-repeat;
  background-size: contain;
  width: 70px;
  height: 58px;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}
.contact-container .research-txt {
  font-weight: 500;
  line-height: 1.7;
  padding: 15px 0 45px;
}
.contact-container .jst-txt {
  padding: 15px 25px;
  display: inline-block;
  position: relative;
  font-size: 1.8rem;
}
.contact-container .jst-txt::before {
  position: absolute;
  content: " ";
  background: #020000;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
}
.contact-container .ssh-mail {
  padding: 12px 0 0;
}
.contact-container .ssh-mail p {
  color: var(--dark-blue);
  position: relative;
  display: inline;
  padding-left: 20px;
  display: inline-flex;
  align-items: center;
}
.contact-container .ssh-mail p::before {
  content: " ";
  position: absolute;
  background: url(../img/contact/mail_before.png) no-repeat;
  background-size: contain;
  width: 25px;
  height: 15px;
  top: 50%;
  left: -8px;
  transform: translateY(-47%);
}
.contact-container .ssh-mail p .sign-img {
  width: 14px;
  height: 15px;
  margin: 4px 4px 0;
}
.sec-contact .facts-txt {
  max-width: 868px;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 500;
  padding-top: 34px;
}
.sec-contact .facts-txt p {
  display: flex;
  gap: 7px;
}
@media (max-width: 768px) {
  .contact-container .jst-txt {
    font-size: 1.4rem;
    line-height: 1.7;
    padding: 11px 13px 15px;
    letter-spacing: 0;
    display: inline-block;
  }
  .contact-container .h3-txt::before {
    width: 58px;
    height: 48px;
  }
  .contact-container .h3-txt {
    font-size: 2rem;
    line-height: 1.4;
    padding: 11px 0;
  }
  .contact-container .research-txt {
    font-size: 1.4rem;
    line-height: 1.7;
    padding: 15px 0 20px;
  }
  .contact-container {
    padding: 83px 20px 56px;
  }
  .sec-contact .facts-txt {
    padding-top: 22px;
    line-height: 1.5;
  }
  .sec-contact {
    margin: 22px 0 115px;
  }
  .contact-container .ssh-mail p .sign-img {
    margin: 3px 3px 0;
  }
}
@media (max-width: 374px) {
  .contact-container .jst-txt {
    font-size: 1rem;
  }
}

/* SiteMap */
.sec-sitemap {
  padding: 50px 0 250px;
}
.sec-sitemap .sm-blk {
  max-width: 1200px;
  margin: 0 auto;
}
.sec-sitemap .sm-blk .sm-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 90px;
}
.sec-sitemap .sm-blk .sm-item {
  max-width: 340px;
}
.sec-sitemap .sm-blk .sm-item .sm-ttl {
  border-radius: 8px;
  background: #e4f0fc;
  font-size: 1.8rem;
  font-weight: 500;
  position: relative;
  padding: 13px 30px 14px 40px;
  line-height: 1.5;
}

.sec-sitemap .sm-blk .sm-item .sm-ttl:hover {
  opacity: 0.6;
}

.sec-sitemap .sm-blk .sm-item .sm-ttl::before {
  content: "";
  position: absolute;
  background: url(../img/cat_ttl_img.png) no-repeat;
  background-size: 100% 100%;
  width: 14px;
  height: 19px;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
}
.sec-sitemap .sm-blk .sm-item .sm-ttl::after {
  content: "";
  position: absolute;
  background: url(../img/btn_after_blue.png) no-repeat;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.sec-sitemap .sm-blk .sm-item .links {
  padding: 15px 20px 0 0;
}
.sec-sitemap .sm-blk .sm-item .links li {
  position: relative;
  padding-bottom: 20px;
  padding-left: 40px;
}
.sec-sitemap .sm-blk .sm-item .links li:last-child {
  padding-bottom: 0;
}
.sec-sitemap .sm-blk .sm-item .links li::before {
  content: "";
  position: absolute;
  background: url(../img/arrow_blue.png) no-repeat;
  background-size: 100% 100%;
  width: 9px;
  height: 11px;
  left: 17px;
  top: 10px;
}
.sec-sitemap .sm-blk .sm-item .links a {
  text-decoration: underline;
  text-underline-offset: 3px;
  line-height: 1.5;
}
.sec-sitemap .sm-blk .sm-item .links a:hover {
  text-decoration: none;
}
@media screen and (max-width: 1000px) {
  .sec-sitemap .sm-blk .sm-list {
    gap: 45px;
  }
}
@media screen and (max-width: 768px) {
  .sec-sitemap .sm-blk .sm-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 45px;
  }
  .sec-sitemap .sm-blk .sm-item {
    max-width: 100%;
    width: 100%;
  }
  .sec-sitemap .sm-blk .sm-item .sm-ttl {
    font-size: 1.6rem;
  }
  .sec-sitemap {
    padding: 25px 0 150px;
  }
  .sec-sitemap .sm-blk .sm-item .links a {
    font-size: 1.4rem;
  }
  .sec-sitemap .sm-blk .sm-item .links li::before {
    width: 6px;
    height: 6px;
    top: 7px;
    left: 25px;
  }
}
/* Result */
.sec-result {
  padding: 60px 0 200px 0;
}
.sec-result .res-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.sec-result .res-blk .res-txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0;
  margin-bottom: 45px;
}
.sec-result .search-blk {
  border-radius: 8px;
  background: #f7f7f7;
  padding: 40px 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.sec-result .search-blk .lb-txt {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
  position: relative;
  padding-left: 30px;
  width: 240px;
}
.sec-result .search-blk .lb-txt::before {
  content: "";
  position: absolute;
  background: url(../img/result/search_icon.png) no-repeat;
  background-size: 100% 100%;
  width: 23px;
  height: 23px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sec-result .search-blk .search-box {
  width: calc(100% - 295px);
}
.sec-result .search-blk .search-box input {
  border: 1px solid #a8a8a8;
  border-radius: 4px;
  width: 100%;
  max-width: 702px;
  padding: 11px 28px;
  font-size: 1.6rem;
  font-weight: 500;
}
.sec-result .search-blk .search-box form {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sec-result .search-blk .search-box .search-btn {
  background: #2153a1;
  border-radius: 24px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
  max-width: 114px;
  padding: 13px;
  text-align: center;
}
.sec-result .search-blk .search-box .search-btn:hover {
  opacity: 0.9;
}

.sec-result .search-con-blk {
  border-radius: 8px 8px 0 0;
}
.sec-result .search-con-blk .ttl {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
  position: relative;
  padding: 25px 30px 25px 70px;
  background: #2153a1;
  border-radius: 8px 8px 0 0;
  color: #fff;
}
.sec-result .search-con-blk .ttl::before {
  content: "";
  position: absolute;
  background: url(../img/result/search_icon_white.png) no-repeat;
  background-size: 100% 100%;
  width: 23px;
  height: 23px;
  left: 38px;
  top: 50%;
  transform: translateY(-50%);
}
.sec-result .search-con-blk .ttl.accor-ttl {
  border-radius: 8px;
  transition: 0.7s ease-in;
}
.sec-result .search-con-blk .ttl.accor-ttl.active {
  border-radius: 8px 8px 0 0;
  transition: ease-out;
}
.sec-result .search-con-blk .inner-blk {
  padding: 35px 70px 80px 70px;
  border: 1px solid #2153a1;
  border-radius: 0 0 8px 8px;
}
.sec-result .search-con-blk .inner-blk .row {
  display: flex;
  gap: 10px;
  border-bottom: 1px dashed #092876;
  padding: 30px 0;
}
.sec-result .search-con-blk .inner-blk .row:last-child,
.sec-result .search-con-blk .inner-blk .row.last {
  border-bottom: none;
}
.sec-result .search-con-blk .inner-blk .row.last {
  padding-bottom: 0;
}
.sec-result .search-con-blk .inner-blk .row.center {
  align-items: center;
}
.sec-result .search-con-blk .inner-blk .uncheck-btn a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  text-decoration: underline;
  color: var(--dark-blue);
  text-underline-offset: 3px;
}
.sec-result .search-con-blk .inner-blk .uncheck-btn a:hover {
  text-decoration: none;
}
.sec-result .search-con-blk .inner-left {
  width: 180px;
}
.sec-result .search-con-blk .inner-right {
  width: calc(100% - 190px);
}
.sec-result .search-con-blk .inner-right .city {
  margin-bottom: 35px;
}
.sec-result .search-con-blk .inner-right .city:last-child {
  margin-bottom: 0;
}
.sec-result .search-con-blk .inner-right .checkbox-list {
  gap: 7px 15px;
}
.sec-result .search-con-blk .left-txt h4,
.sec-result .search-con-blk .left-txt h3 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 0.8;
}
.sec-result .search-con-blk .inner-right .select-box {
  display: flex;
  align-items: center;
  gap: 20px;
}
.sec-result .search-con-blk .inner-right .select-box p {
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.64px;
  font-weight: 500;
}
.sec-result .search-con-blk .inner-right select {
  border: 1px solid #b1b1b1;
  border-radius: 8px;
  padding: 17px 40px 17px 20px;
  background: url(../img/result/down_arr.png) no-repeat;
  appearance: none;
  background-repeat: no-repeat;
  background-size: 10px 8px;
  background-position: 95%;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.64px;
  font-weight: 500;
  max-width: 277px;
  width: 100%;
}
.sec-result .search-con-blk .inner-right .select-box.theme select {
  max-width: 411px;
}
.sec-result .search-con-blk .search-con-btn,
.sec-result.sec-products .search-result-btn {
  max-width: 428px;
  margin: 85px auto 0 auto;
  border-radius: 48px;
  padding: 32px;
  background: var(--search-con-btn-color);
  cursor: pointer;
  position: relative;
}
.sec-result.sec-products .search-result-btn {
  margin: 70px auto 140px auto;
}
.sec-result .search-con-blk .search-con-btn::before,
.sec-result.sec-products .search-result-btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  background-color: var(--dark-blue);
  transition: all 0.1s;
  border-radius: 48px;
}

.sec-result .search-con-blk .search-con-btn:hover::before,
.sec-result.sec-products .search-result-btn:hover::before {
  width: 100%;
}
.sec-result .search-con-blk .search-con-btn:hover p,
.sec-result.sec-products .search-result-btn:hover p {
  color: #f0f2b4;
}
.sec-result .search-con-blk .search-con-btn p,
.sec-result.sec-products .search-result-btn p {
  font-size: 2.2rem;
  line-height: 0.86;
  letter-spacing: 0.88px;
  color: #fff;
  text-align: center;
  position: relative;
  padding-left: 20px;
}
.sec-result .search-con-blk .search-con-btn p::before,
.sec-result.sec-products .search-result-btn p::before {
  content: "";
  background: url(../img/result/search_icon_white.png) no-repeat;
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.sec-result.sec-products .search-result-btn p::before {
  left: 70px;
}
.sec-result .search-res-blk {
  margin-top: 110px;
}
.sec-result .search-res-blk .ttl-blk {
  text-align: center;
  margin-bottom: 38px;
}
.sec-result .search-res-blk .ttl {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 0.875;
  letter-spacing: 0;
  text-align: center;
  position: relative;
  display: inline-block;
}
.sec-result .search-res-blk .no-result {
  font-size: 2rem;
  font-weight: 700;
  padding: 30px 0;
  display: none;
}
.sec-result .search-res-blk .ttl:before {
  content: "";
  background: url(../img/result/search_icon_black.png) no-repeat;
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.sec-result .search-res-blk .ttl span {
  font-size: 1.8rem;
  font-weight: 500;
  color: #0346c4;
  display: inline-block;
  margin-left: 10px;
}
.sec-result .search-res-blk .res-card {
  border: 1px solid #939393;
  border-radius: 8px;
  display: none;
  margin-bottom: 15px;
}
.sec-result .search-res-blk .res-card:nth-child(-n + 10) {
  display: block;
}
.sec-result .search-res-blk .res-card .res-card-ttl {
  border-radius: 8px 0 0 0;
  display: flex;
}
.sec-result .search-res-blk .res-card .res-card-ttl .type {
  font-size: 2rem;
  letter-spacing: 0;
  padding: 18px 20px 18px 55px;
  width: 200px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 8px 0 0 0;
}
.sec-result .search-res-blk .res-card.practical .res-card-ttl .type {
  background: #F8F2A1;/*20250131*/
  border-radius: 8px 8px 0 0;
}
.sec-result .search-res-blk .res-card.development .res-card-ttl .type {
  background: #DFF5FD;/*20250131*/
  border-radius: 8px 8px 0 0;
}
.sec-result .search-res-blk .res-card.leading .res-card-ttl .type {
  background: #FCD9D3;/*20250131*/
  border-radius: 8px 8px 0 0;
}
.sec-result .search-res-blk .res-card.certification .res-card-ttl .type {
  background: #DCF7BA;/*20250131*/
  border-radius: 8px 8px 0 0;
}
.sec-result .search-res-blk .res-card.priority .res-card-ttl .type {
  background: #E3E5F1;/*20250131*/
  border-radius: 8px 8px 0 0;
}
.sec-result .search-res-blk .res-card .res-card-ttl .type::before {
  content: "";
  background: url(../img/s_img.png) no-repeat;
  background-size: 100% 100%;
  width: 17px;
  height: 23px;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.sec-result .search-res-blk .res-card .ttl-right {
  width: calc(100% - 200px);
  padding: 18px 25px;
  border-radius: 0 8px 0 0;
}
.sec-result .search-res-blk .res-card.practical .ttl-right {
  background: #FCFAE8;/*20250131*/
}
.sec-result .search-res-blk .res-card.development .ttl-right {
  background: #F0FAFD;/*20250131*/
}
.sec-result .search-res-blk .res-card.leading .ttl-right {
  background: #FCF5F4;/*20250131*/
}
.sec-result .search-res-blk .res-card.certification .ttl-right {
  background: #F6FAF0;/*20250131*/
}
.sec-result .search-res-blk .res-card.priority .ttl-right {
  background: #EBEBEB;/*20250131*/
}
.sec-result .search-res-blk .res-card .ttl-right .top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.sec-result #see-more-btn {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 0.7;
  letter-spacing: 0.72px;
  background: #2153a1;
  position: relative;
  width: 100%;
  max-width: 224px;
  color: #fff;
  border-radius: 40px;
  padding: 21px;
  text-align: center;
  margin: 30px auto;
}
.sec-result #see-more-btn::after {
  content: "";
  background: url(../img/result/down_arr_white.png) no-repeat;
  background-size: 100% 100%;
  width: 14px;
  height: 12px;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.sec-result #see-more-btn:hover {
  opacity: 0.9;
}
.sec-result.sec-report {
  padding: 40px 0 150px 0;
}
/* event-overview sec */
.sec-event-overview {
  margin: 66px 0 250px;
}
.outline-container {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
.presentation-txt {
  padding-bottom: 60px;
}
.sec-result .search-res-blk .res-card .ttl-right .term {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  border-radius: 40px;
  color: #fff;
  padding: 6px 10px;
  text-align: center;
}
.sec-result .search-res-blk .res-card.practical .ttl-right .term {
  background: #645D04;
}
.sec-result .search-res-blk .res-card.development .ttl-right .term {
  background: #0A4B62;
}
.sec-result .search-res-blk .res-card.leading .ttl-right .term {
  background: #5D261C;
}
.sec-result .search-res-blk .res-card.certification .ttl-right .term {
  background: #4C6927;
}
.sec-result .search-res-blk .res-card.priority .ttl-right .term {
  background: #08176F;
}
.sec-result .search-res-blk .res-card .ttl-right .theme {
  font-size: 2rem;
  font-weight: 700;
  line-height: 0.7;
  letter-spacing: 0.8px;
}
.sec-result .search-res-blk .res-card .ttl-right .pre-txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.56px;
}
.sec-result .search-res-blk .res-card .ttl-right .pre-txt span {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.64px;
}
.sec-result .search-res-blk .res-card .ttl-right .school-name {
  position: relative;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.72px;
  padding-left: 33px;
}
.sec-result .search-res-blk .res-card .ttl-right .school-name::before {
  content: "";
  position: absolute;
  width: 26px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sec-result .search-res-blk .res-card.practical .ttl-right .school-name::before {
  background: url(../img/result/school_icon_brown.png) no-repeat;
  background-size: 100% 100%;
}
.sec-result .search-res-blk .res-card.development .ttl-right .school-name::before {
  background: url(../img/result/school_icon_softgreen.png) no-repeat;
  background-size: 100% 100%;
}
.sec-result .search-res-blk .res-card.leading .ttl-right .school-name::before {
  background: url(../img/result/school_icon_violet.png) no-repeat;
  background-size: 100% 100%;
}
.sec-result .search-res-blk .res-card.certification .ttl-right .school-name::before {
  background: url(../img/result/school_icon_green.png) no-repeat;
  background-size: 100% 100%;
}
.sec-result .search-res-blk .res-card.priority .ttl-right .school-name::before {
  background: url(../img/result/school_icon_violet.png) no-repeat;
  background-size: 100% 100%;
}
.sec-result .search-res-blk .res-card .ttl-right .bot {
  display: flex;
  align-items: center;
  gap: 30px;
}
.sec-result .search-res-blk .res-card-fy {
  margin: 20px;
  text-align: right;
}
.sec-result .search-res-blk .res-card-body {
  padding: 0 55px 40px 55px;
  display: flex;
  justify-content: space-between;
  gap: 45px;
}
.sec-result .search-res-blk .res-card-body .left {
  width: 65%;
  max-width: 700px;
}
.sec-result .search-res-blk .res-card-body .right {
  width: 35%;
  max-width: 343px;
}
.sec-result .search-res-blk .res-card-body .ttl-txt {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 25px;
}
.sec-result .search-res-blk .res-card.practical .res-card-body .ttl-txt {
  color: #645D04;
}
.sec-result .search-res-blk .res-card.development .res-card-body .ttl-txt {
  color: #0A4B62;
}
.sec-result .search-res-blk .res-card.leading .res-card-body .ttl-txt {
  color: #5D261C;
}
.sec-result .search-res-blk .res-card.certification .res-card-body .ttl-txt {
  color: #4C6927;
}
.sec-result .search-res-blk .res-card.priority .res-card-body .ttl-txt {
  color: #08176F;
}
.sec-result .search-res-blk .res-card-body .para {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.75;
}
.sec-result .search-res-blk .res-card-body .caption {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.56px;
  text-align: center;
}
.sec-result .checkbox-list li a,
.sec-result .checkbox-list li div {
  font-size: 1.4rem;
  padding-left: 20px;
}
/* Product Section */
.sec-result.sec-products .search-con-blk.product-cat .inner-blk .row {
  padding: 0;
  border-bottom: none;
}
.sec-result.sec-products .search-con-blk.product-cat .inner-blk {
  padding: 30px 70px 35px 70px;
}
.sec-result.sec-products .search-con-blk.product-cat {
  margin-bottom: 15px;
}
.sec-result.sec-products .search-con-blk.keyword .ttl {
  display: flex;
  align-items: center;
}
.sec-result.sec-products .search-con-blk.keyword .keyword-accor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5px 13px 5px 5px;
  gap: 5px;
  margin-left: 35px;
  color: #020000;
  background: #fff;
  border-radius: 24px;
  width: 94px;
  height: 31px;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.56px;
  line-height: 1.1;
}
.sec-result.sec-products .search-con-blk.keyword .keyword-accor .plus {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #2153a1;
  border-radius: 50%;
  text-indent: -99999px;
  position: relative;
}
.sec-result.sec-products .search-con-blk.keyword .keyword-accor .plus::before {
  content: "";
  width: 8px;
  height: 1.5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
.sec-result.sec-products .search-con-blk.keyword .keyword-accor.active span::after {
  content: none;
}
.sec-result.sec-products .search-con-blk.keyword .keyword-accor .plus::after {
  content: "";
  width: 1.5px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
.sec-result.sec-products .search-con-blk.keyword .inner-blk {
  display: none;
}
.sec-result.sec-products .search-con-blk.product-cat .inner-left {
  width: 160px;
}
.sec-result.sec-products .search-con-blk.product-cat .inner-right {
  width: calc(100% - 170px);
}
.sec-result.sec-products .search-con-blk.keyword .inner-left {
  width: 188px;
}
.sec-result.sec-products .search-con-blk.keyword .inner-right {
  width: calc(100% - 198px);
}
.sec-result.sec-products .search-con-blk .inner-right .city.type .checkbox-list {
  margin-top: 0;
}
.sec-result.sec-products .search-con-blk.keyword .inner-right .checkbox-list li div {
  color: #020000;
  text-decoration: none;
}
.sec-result.sec-products .search-con-blk.keyword .inner-right .checkbox-list {
  margin-top: 0;
  gap: 18px 24px;
}
.sec-result.sec-products .search-con-blk.keyword .inner-right .noti-txt {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 20px;
}
.sec-result.sec-products .search-con-blk.keyword .inner-right .others-ttl {
  font-size: 1.6rem;
  font-weight: 700;
  color: #2153a1;
  line-height: 1;
  letter-spacing: 0.64px;
  margin-bottom: 12px;
}
.sec-result.sec-products .search-con-blk.keyword .inner-right .others-gp .checkbox-list {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.sec-result.sec-products .search-con-blk.keyword .inner-right .gp-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 10px;
}
.sec-result.sec-products .search-res-blk .product-card {
  margin-bottom: 13px;
}
.sec-result.sec-products .search-res-blk .product-card .ttl-card {
  background: #2153a1;
  border-radius: 8px 8px 0 0;
  padding: 15px 28px;
  display: flex;
  align-items: center;
}
.sec-result.sec-products .search-res-blk .product-card .ttl-card span {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.56px;
}
.sec-result.sec-products .search-res-blk .product-card .ttl-card .cat-name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sec-result.sec-products .search-res-blk .product-card .ttl-card .cat-name p {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.72px;
  border: 1px solid #fff;
  border-radius: 4px;
  line-height: 1;
  padding: 5px 16px;
}
.sec-result.sec-products .search-res-blk .product-card .body-card {
  border: 1px solid #2153a1;
  border-radius: 0 0 8px 8px;
}
.sec-result.sec-products .search-res-blk .product-card .keyword-blk {
  background: #eff6fc;
  display: flex;
  padding: 7px 28px;
}
.sec-result.sec-products .search-res-blk .product-card .keyword-blk span {
  width: 105px;
  margin-top: 5px;
}
.sec-result.sec-products .search-res-blk .product-card .keyword-blk .keyword-name {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  width: calc(100% - 105px);
}
.sec-result.sec-products .search-res-blk .product-card .keyword-blk .keyword-name p {
  background: #fff;
  color: #2153a1;
  border: 1px solid #2153a1;
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.64px;
  padding: 5px 16px;
}
.sec-result.sec-products .search-res-blk .product-card .contents {
  padding: 24px 28px 30px 28px;
}
.sec-result.sec-products .search-res-blk .product-card .school-name {
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.64px;
  padding-left: 33px;
}
.sec-result.sec-products .search-res-blk .product-card .school-name::before {
  content: "";
  background: url(../img/result/school_icon_dblue.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 26px;
  height: 20px;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
}
.sec-result.sec-products .search-res-blk .product-card .c-ttl {
  margin-top: 18px;
}
.sec-result.sec-products .search-res-blk .product-card .c-ttl a {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
  padding: 0 25px 0 25px;
  display: block;
  letter-spacing: 0.72px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sec-result.sec-products .search-res-blk .product-card .c-ttl a::before {
  position: absolute;
  content: " ";
  background: url(../img/about/result_before.png) no-repeat;
  width: 11px;
  height: 10px;
  top: 7px;
  left: 7px;
  background-size: contain;
}
.sec-result.sec-products .search-res-blk .product-card .c-ttl a::after {
  position: absolute;
  content: " ";
  background: url(../img/about/result_after.png) no-repeat;
  width: 16px;
  height: 16px;
  bottom: 1px;
  background-size: contain;
  margin-left: 13px;
}
/* Intro Section */
.sec-intro {
  padding: 65px 0 210px 0;
}
.sec-intro .intro-blk {
  max-width: 1200px;
  margin: 0 auto;
}
.sec-intro .intro-blk .txt {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.75;
  margin-bottom: 35px;
}
.sec-intro .intro-blk .intro-card {
  border-radius: 8px;
  margin-bottom: 15px;
}
.sec-intro .intro-blk .intro-card .intro-card-ttl {
  background: var(--dark-blue);
  padding: 14px 30px;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
  gap: 32px;
  color: #fff;
}
.sec-intro .intro-blk .intro-card .school-name {
  position: relative;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.72px;
  padding-left: 33px;
}
.sec-intro .intro-blk .intro-card .school-name::before {
  content: "";
  background: url(../img/school/school_icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 26px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.sec-intro .intro-blk .intro-card .ttl-detail p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.64px;
}
.sec-intro .intro-blk .intro-card .contents {
  padding: 25px 30px;
  border: 1px solid #2153a1;
  border-radius: 0 0 8px 8px;
}
.sec-intro .intro-blk .intro-card .date {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.56px;
  font-family: "Poppins", sans-serif;
}
.sec-intro .intro-blk .intro-card .c-ttl {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: 0.64px;
  text-decoration: underline;
  text-underline-offset: 2px;
  position: relative;
  padding-left: 20px;
  margin-top: 5px;
}
.sec-intro .intro-blk .intro-card .c-ttl:hover,
.sec-result.sec-products .search-res-blk .product-card .c-ttl a:hover,
.sec-result.sec-report .report-table td:nth-child(3) a:hover {
  text-decoration: none;
}
.sec-intro .intro-blk .intro-card .c-ttl::before {
  position: absolute;
  content: " ";
  background: url(../img/about/result_before.png) no-repeat;
  width: 11px;
  height: 10px;
  top: 7px;
  left: 0;
  background-size: 100% 100%;
}
.school-no {
  display: none;
}
/* implementation report */
.sec-result.sec-report .report-table table {
  border-collapse: collapse;
  width: 100%;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.sec-result.sec-report .report-table thead {
  background: #2153a1;
  color: #fff;
}
.sec-result.sec-report .report-table th,
.sec-result.sec-report .report-table td {
  padding: 15px 25px 17px 20px;
}
.sec-result.sec-report .report-table th {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.56;
}
.sec-result.sec-report .report-table th:first-child,
.sec-result.sec-report .report-table td:first-child {
  padding-left: 50px;
  width: 20%;
}
.sec-result.sec-report .report-table tbody tr {
  background: #e4f0fc;
}
.sec-result.sec-report .report-table tbody tr:nth-child(even) {
  background: #fff;
}
.sec-result.sec-report .report-table th:nth-child(2),
.sec-result.sec-report .report-table td:nth-child(2) {
  width: 40%;
  position: relative;
}
.sec-result.sec-report .report-table th:nth-child(3),
.sec-result.sec-report .report-table td:nth-child(3) {
  width: 20%;
  position: relative;
  cursor: pointer;
}
.sec-result.sec-report .report-table th:nth-child(3) span,
.sec-result.sec-report .report-table td:nth-child(3) a {
  position: relative;
  display: inline-block;
}
.sec-result.sec-report .report-table td:nth-child(3) a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sec-result.sec-report .report-table td:nth-child(3) a::after {
  position: absolute;
  content: " ";
  background: url(../img/result/arr_gp.png) no-repeat;
  width: 14px;
  height: 13px;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  background-size: 100% 100%;
}
.sec-result.sec-report .report-table td:nth-child(3) a.pdf::after {
  position: absolute;
  content: " ";
  background: url(../img/result/pdf_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  background-size: 100% 100%;
}
.sec-result.sec-report .report-table th:nth-child(3) span::after {
  position: absolute;
  content: " ";
  background: url(../img/result/sort_arr.png) no-repeat;
  width: 11px;
  height: 17px;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  background-size: 100% 100%;
}
.sec-result.sec-report .report-table th:nth-child(4) {
  position: relative;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding-right: 45px;
}
.sec-result.sec-report .report-table th:nth-child(4)::after {
  position: absolute;
  content: " ";
  background: url(../img/result/reset_sort.png) no-repeat;
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  background-size: 100% 100%;
}
.sec-result.sec-report .report-table th:nth-child(4),
.sec-result.sec-report .report-table td:nth-child(4) {
  text-align: right;
  cursor: pointer;
}
.sec-result.sec-report .report-table td:nth-child(2) {
  padding-left: 45px;
}
.sec-result.sec-report .report-table td:nth-child(2)::before {
  position: absolute;
  content: " ";
  background: url(../img/result/school_icon_dblue.png) no-repeat;
  width: 22px;
  height: 17px;
  top: 45%;
  transform: translateY(-50%);
  left: 15px;
  background-size: 100% 100%;
}
.sec-result.sec-report .search-con-blk .search-con-btn p::before {
  left: -5px;
}
.sec-result.sec-report .search-con-blk .search-con-btn {
  padding-left: 38px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1000px) {
  .sec-result .search-blk {
    padding: 30px 20px;
  }
  .sec-result .search-con-blk .inner-blk,
  .sec-result.sec-products .search-con-blk.product-cat .inner-blk {
    padding: 20px 35px 40px 35px;
  }
  .sec-result .search-res-blk .res-card-body {
    padding: 30px 40px;
    gap: 30px;
  }
  .sec-result .search-res-blk .res-card .res-card-ttl .type {
    width: 150px;
    font-size: 1.8rem;
  }
  .sec-result .search-res-blk .res-card .ttl-right {
    width: calc(100% - 150px);
  }
  .sec-result .search-res-blk .res-card .ttl-right .term,
  .sec-result .search-res-blk .res-card .ttl-right .pre-txt span {
    font-size: 1.4rem;
  }
  .sec-result .search-res-blk .res-card .ttl-right .theme {
    font-size: 1.8rem;
  }
  .sec-result .search-res-blk .res-card .ttl-right .school-name {
    font-size: 1.6rem;
  }
  .sec-result .search-res-blk .res-card .ttl-right .pre-txt {
    font-size: 1.2rem;
  }
  .sec-result .search-res-blk .res-card .ttl-right .top {
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 768px) {
  .sec-result {
    padding: 5px 0 100px 0;
  }
  .sec-result.sec-report .search-con-blk .search-con-btn {
    padding-left: 35px;
  }
  .sec-result .res-blk .res-txt {
    margin-bottom: 40px;
    font-size: 1.4rem;
  }
  .sec-result .search-blk {
    flex-direction: column;
    padding: 15px 18px 20px 18px;
    gap: 10px;
  }
  .sec-result .search-blk .lb-txt {
    width: 100%;
    font-size: 1.4rem;
    padding-left: 25px;
  }
  .sec-result .search-blk .lb-txt::before,
  .sec-result .search-con-blk .ttl::before {
    width: 16px;
    height: 16px;
  }
  .sec-result .search-con-blk .ttl::before {
    left: 18px;
    top: 52%;
  }
  .sec-result .search-blk .search-box {
    width: 100%;
  }
  .sec-result .search-blk .search-box input {
    padding: 7px 10px;
    font-size: 1.4rem;
  }
  .sec-result .search-blk .search-box form {
    gap: 6px;
    justify-content: space-between;
  }
  .sec-result .search-blk .search-box .search-btn {
    max-width: 76px;
    padding: 10px;
    font-size: 1.4rem;
  }
  .sec-result .search-con-blk .ttl {
    font-size: 1.4rem;
    padding: 10px 18px 10px 43px;
    border-radius: 8px 8px 0 0;
  }
  .sec-result .search-con-blk .inner-blk {
    padding: 5px 18px 35px 18px;
  }
  .sec-result .search-con-blk .inner-blk .row {
    flex-direction: column;
    gap: 30px;
    padding: 25px 0 30px 0;
  }
  .sec-result .search-con-blk .inner-left {
    width: 100%;
  }
  .sec-result .search-con-blk .inner-right {
    width: 100%;
  }
  .sec-result .search-con-blk .left-txt h4,
  .sec-result .search-con-blk .left-txt h3 {
    font-size: 1.6rem;
  }
  .sec-result .search-con-blk .inner-blk .row.center {
    gap: 15px;
  }
  .sec-result .search-con-blk .inner-right select {
    font-size: 1.4rem;
    max-width: 240px;
    padding: 12px 30px 12px 12px;
  }
  .sec-result .search-con-blk .inner-right .select-box p {
    font-size: 1.4rem;
  }
  .sec-result .search-con-blk .inner-right .select-box {
    gap: 10px;
  }
  .sec-result .search-con-blk .search-con-btn,
  .sec-result.sec-products .search-result-btn {
    margin-top: 35px;
    max-width: 315px;
    border-radius: 32px;
    padding: 20px;
  }
  .sec-result.sec-products .search-result-btn {
    margin: 35px auto 55px auto;
  }
  .sec-result .search-con-blk .search-con-btn p,
  .sec-result.sec-products .search-result-btn p {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .sec-result .search-con-blk .search-con-btn p::before,
  .sec-result.sec-products .search-result-btn p::before {
    width: 17px;
    height: 17px;
    left: 28px;
    top: 55%;
  }
  .sec-result .search-res-blk {
    margin-top: 42px;
  }
  .sec-result .search-res-blk .ttl-blk {
    margin-bottom: 21px;
  }
  .sec-result .search-res-blk .ttl:before {
    width: 18.5px;
    height: 18.5px;
    left: -22px;
  }
  .sec-result .search-res-blk .ttl {
    font-size: 1.8rem;
  }
  .sec-result .search-res-blk .ttl span {
    font-size: 1.4rem;
    margin-left: 5px;
  }
  .sec-result .search-res-blk .res-card .res-card-ttl {
    flex-direction: column;
  }
  .sec-result .search-res-blk .res-card .res-card-ttl .type {
    width: 100%;
    font-size: 1.6rem;
    padding: 16px 18px 16px 40px;
  }
  .sec-result .search-res-blk .res-card .ttl-right {
    width: 100%;
    padding: 15px 18px 15px 18px;
  }
  .sec-result .search-res-blk .res-card .res-card-ttl .type::before {
    width: 14px;
    height: 20px;
    left: 18px;
  }
  .sec-result .search-res-blk .res-card .ttl-right .term {
    font-size: 1.1rem;
  }
  .sec-result .search-res-blk .res-card .ttl-right .theme {
    font-size: 1.6rem;
  }
  .sec-result .search-res-blk .res-card .ttl-right .top {
    gap: 5px;
  }
  .sec-result .search-res-blk .res-card .ttl-right .bot {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
  }
  .sec-result .search-res-blk .res-card .ttl-right .school-name::before {
    width: 22px;
    height: 16px;
  }
  .sec-result .search-res-blk .res-card .ttl-right .school-name {
    padding-left: 30px;
  }
  .sec-result .search-res-blk .res-card-body {
    flex-direction: column;
    gap: 20px;
    padding: 25px 18px;
  }
  .sec-result .search-res-blk .res-card-body .left {
    width: 100%;
    max-width: 100%;
  }
  .sec-result .search-res-blk .res-card-body .right {
    width: 100%;
    max-width: 100%;
  }
  .sec-result .search-res-blk .res-card-body .ttl-txt {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  .sec-result .search-res-blk .res-card-body .para {
    font-size: 1.4rem;
  }
  .sec-result .search-res-blk .res-card-body .activity-img {
    max-width: 315px;
    margin: 0 auto;
  }
  .sec-result .search-res-blk .res-card-body .caption {
    margin-top: 5px;
  }
  .sec-result.sec-products .search-con-blk.product-cat .inner-left {
    width: 100%;
  }
  .sec-result.sec-products .search-con-blk.product-cat .inner-right {
    width: 100%;
  }
  .sec-result .search-con-blk .inner-blk,
  .sec-result.sec-products .search-con-blk.product-cat .inner-blk {
    padding: 20px 18px 55px 18px;
  }
  .sec-result .search-con-blk .inner-blk {
    padding-bottom: 35px;
  }
  .sec-result.sec-products .search-con-blk.product-cat .inner-blk .row {
    gap: 15px;
  }
  .sec-result.sec-products .search-con-blk.product-cat .inner-right .checkbox-list {
    margin-top: 0;
    gap: 15px 7px;
  }
  .sec-result.sec-products .search-con-blk.product-cat {
    margin-bottom: 10px;
  }
  .sec-result.sec-products .search-con-blk.keyword .keyword-accor {
    font-size: 1.2rem;
    width: 70px;
    height: 24px;
    padding: 5px;
    gap: 3px;
  }
  .sec-result.sec-products .search-con-blk.keyword .keyword-accor .plus {
    width: 15px;
    height: 15px;
    margin-top: 2px;
  }
  .sec-result.sec-products .search-con-blk.keyword .inner-left {
    width: 100%;
  }
  .sec-result.sec-products .search-con-blk.keyword .inner-right {
    width: 100%;
  }
  .sec-result.sec-products .search-con-blk.keyword .inner-blk .row {
    gap: 20px;
  }
  .sec-result.sec-products .search-con-blk.keyword .inner-right .checkbox-list {
    gap: 16px 12px;
  }
  .sec-result.sec-products .search-con-blk.keyword .inner-right .noti-txt {
    font-size: 1.2rem;
    margin-top: -5px;
  }
  .sec-result.sec-products .search-con-blk.keyword .inner-right .gp-list {
    grid-template-columns: 1fr;
    padding-top: 5px;
    gap: 25px 10px;
  }
  .sec-result.sec-products .search-con-blk.keyword .inner-right .others-gp .checkbox-list {
    flex-direction: row;
  }
  .sec-result.sec-products .search-con-blk.keyword .inner-blk .row.others {
    padding-bottom: 0;
  }
  .sec-result.sec-products .search-res-blk .product-card .ttl-card {
    padding: 12px;
  }
  .sec-result.sec-products .search-res-blk .product-card .ttl-card span {
    font-size: 1.2rem;
  }
  .sec-result.sec-products .search-res-blk .product-card .ttl-card .cat-name p {
    font-size: 1.6rem;
  }
  .sec-result.sec-products .search-res-blk .product-card .keyword-blk {
    padding: 5px 12px;
  }
  .sec-result.sec-products .search-res-blk .product-card .keyword-blk span {
    font-size: 1.2rem;
    width: 80px;
  }
  .sec-result.sec-products .search-res-blk .product-card .keyword-blk .keyword-name {
    width: calc(100% - 90px);
    gap: 4px;
  }
  .sec-result.sec-products .search-res-blk .product-card .keyword-blk .keyword-name p {
    padding: 4px 10px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .sec-result.sec-products .search-res-blk .product-card .contents {
    padding: 16px 12px 25px 12px;
  }
  .sec-result.sec-products .search-res-blk .product-card .c-ttl {
    margin-top: 10px;
  }
  .sec-result.sec-products .search-res-blk .product-card .c-ttl a {
    font-size: 1.6rem;
    padding: 0 12px 0 20px;
    line-height: 1.6;
  }
  .sec-result.sec-products .search-res-blk .product-card .c-ttl a::before {
    width: 6px;
    height: 7px;
  }
  .sec-result.sec-products .search-res-blk .product-card .c-ttl a::after {
    width: 14px;
    height: 15px;
    margin-left: 7px;
  }
  .sec-result.sec-report .report-table th:nth-child(4),
  .sec-result.sec-report .report-table td:nth-child(4) {
    width: 7%;
    padding: 12px 6px 0 0;
    text-decoration: none;
  }
  .sec-result.sec-report .report-table th,
  .sec-result.sec-report .report-table td {
    font-size: 1.2rem;
  }
  .sec-result.sec-report .report-table th,
  .sec-result.sec-report .report-table td {
    padding: 12px 5px 12px 5px;
  }
  .sec-result.sec-report .report-table th:first-child,
  .sec-result.sec-report .report-table td:first-child {
    padding: 12px;
  }
  .sec-result.sec-report .report-table th:nth-child(2),
  .sec-result.sec-report .report-table td:nth-child(2) {
    width: 45%;
    letter-spacing: 0;
  }
  .sec-result.sec-report .report-table th:nth-child(3),
  .sec-result.sec-report .report-table td:nth-child(3) {
    width: 24%;
  }
  .sec-result.sec-report .report-table th:nth-child(4)::after {
    right: 6px;
  }
  .sec-result.sec-report .report-table td:nth-child(2) {
    padding-left: 25px;
  }
  .sec-result.sec-report .report-table td:nth-child(2)::before {
    width: 19px;
    height: 14px;
    left: 0;
  }
  .sec-result.sec-report .report-table th:nth-child(3) span::after {
    right: -16px;
    width: 10px;
    height: 16px;
  }
  /* intro-sec sp */
  .sec-intro {
    padding: 14px 0 98px;
  }
  .sec-intro .intro-blk .txt {
    font-size: 1.4rem;
    margin-bottom: 9px;
  }
  .sec-intro .intro-blk .intro-card .intro-card-ttl {
    flex-direction: column;
    gap: 6px;
    align-items: start;
    padding: 14px 12px;
  }
  .sec-intro .intro-blk .intro-card .intro-card-ttl .ttl-detail {
    font-size: 1.4rem;
  }
  .sec-intro .intro-blk .intro-card .school-name {
    font-size: 1.6rem;
  }
  .sec-intro .intro-blk .intro-card .contents {
    padding: 16px 15px 30px;
  }
  .sec-intro .intro-blk .intro-card .c-ttl {
    font-size: 1.4rem;
  }
  .sec-intro .intro-blk .intro-card {
    margin-bottom: 8px;
  }
  .sec-result.sec-products .search-result-btn p::before {
    left: 60px;
  }
}
@media screen and (max-width: 375px) {
  .sec-result .search-con-blk .inner-right select {
    font-size: 1.2rem;
    max-width: 200px;
    padding: 10px 20px 10px 10px;
  }
  .sec-result .search-con-blk .inner-right .select-box p {
    font-size: 1.2rem;
  }
  .sec-result .search-res-blk .res-card .ttl-right .school-name {
    font-size: 1.2rem;
  }
  .sec-result .search-res-blk .res-card .ttl-right .theme {
    font-size: 1.2rem;
  }
  .sec-result.sec-report .report-table th:first-child,
  .sec-result.sec-report .report-table td:first-child {
    padding: 7px;
    width: 17%;
  }
  .sec-result.sec-report .report-table th,
  .sec-result.sec-report .report-table td {
    font-size: 1rem;
  }
  .sec-result.sec-report .report-table th,
  .sec-result.sec-report .report-table td {
    padding: 7px 5px;
  }
  .sec-result .search-con-blk .search-con-btn p::before {
    left: 5px;
  }
  .sec-result.sec-report .report-table td:nth-child(2)::before {
    width: 16px;
    height: 12px;
  }
  .sec-result.sec-report .report-table td:nth-child(2) {
    padding-left: 20px;
  }
  .sec-result.sec-report .report-table td:nth-child(3) a.pdf::after,
  .sec-result.sec-report .report-table td:nth-child(3) a::after {
    width: 13px;
    height: 13px;
  }
  .sec-result.sec-products .search-con-blk.keyword .keyword-accor {
    margin-left: 20px;
  }
  .sec-result.sec-products .search-res-blk .product-card .ttl-card .cat-name p {
    font-size: 1.4rem;
  }
  .sec-result.sec-products .search-res-blk .product-card .keyword-blk .keyword-name p {
    font-size: 1.2rem;
  }
}

.presentation-txt p {
  font-weight: 500;
  line-height: 1.7;
  padding-top: 16px;
}
.outline-txt {
  margin: 0 0 110px;
}
.outline-ttl {
  font-size: 2.4rem;
  line-height: 1;
  position: relative;
  padding: 0 0 15px 0px;
  border-bottom: 1px solid #b1b1b1;
}
.outline-ttl::before {
  content: " ";
  position: absolute;
  background: #2153a1;
  width: 56px;
  height: 3px;
  bottom: -1.5px;
  left: 0;
}
.eventoutline-img {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 21px;
}

.eventoutline-img li {
  width: calc((100% - 42px) / 3);
}
.poster-txt {
  margin: 0 0 110px;
}
.poster-txt p {
  font-weight: 500;
  line-height: 1.7;
  padding: 40px 0 35px;
}
.poster-img {
  display: flex;
  flex-wrap: wrap;
  row-gap: 62px;
  column-gap: 20px;
}
.poster-img li {
  width: calc((100% - 20px) / 2);
}
.general-presentation {
  margin: 0 0 80px;
}
.general-img li {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.general-presentation .general-content {
  font-weight: 500;
  line-height: 1.75;
  padding: 30px 0 45px;
  letter-spacing: normal;
}
.general-img .general-card {
  display: flex;
  flex-direction: column;
  /* align-items: stretch;
  flex-grow: 1; */
}
.general-sub-ttl {
  min-height: 64px;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 10px 10px 6px 25px;
  background-color: var(--dark-blue);
  color: #ffffff;
  display: flex;
  align-items: center;
  border-radius: 8px 8px 0 0;
}
.general-sub-ttl p {
  position: relative;
  padding-left: 30px;
}
.general-sub-ttl p::before {
  position: absolute;
  content: " ";
  background: url(../img/ssf/general_before.png) no-repeat;
  width: 22px;
  height: 16px;
  background-size: contain;
  top: 1px;
  left: 0;
}
.general-img li .video-link {
  color: var(--dark-blue);
  text-decoration: none;
  text-underline-offset: 3px;
  font-size: 1.4rem;
  position: relative;
  padding-left: 17px;
}
.general-img li .video-link:hover {
  text-decoration: underline;
}
.general-img li .upper-txt {
  padding: 11px 0 8px;
  line-height: 1.6;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.general-img li .upper-txt span {
  font-style: italic;
}
.general-img li .video-link::before {
  content: " ";
  position: absolute;
  background: url(../img/ssf/upper_txt_before.png) no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  top: 0;
  left: 0;
}
.general-img li .video-link::after {
  position: absolute;
  content: " ";
  background: url(../img/result/arr_gp.png) no-repeat;
  width: 14px;
  height: 13px;
  top: 50%;
  transform: translateY(-50%);
  background-size: 100% 100%;
}
.lower-txt {
  display: flex;
  flex-direction: column;
}
.award p {
  padding: 30px 0;
  font-weight: 500;
}
.outline-txt .blue-box-container {
  margin: 38px 0 45px;
}
.blue-box-container .blue-box {
  padding: 23px 30px;
  background: #e4f0fc;
  border-radius: 16px;
  margin-bottom: 16px;
}
.blue-box .upper-line {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 23px;
}
.blue-box .upper-line .date-flex {
  display: flex;
  gap: 20px;
  align-items: center;
}
.blue-box .upper-line .white-box {
  display: flex;
  padding-left: 23px;
  gap: 10px;
  flex-wrap: wrap;
}
.blue-box .upper-line .white-box .txt-box {
  font-weight: 700;
  color: var(--dark-blue);
  background-color: #ffffff;
  padding: 10px 20px;
  border: 1px solid #2153a1;
  border-radius: 4px;
  line-height: 1.5;
  text-align: center;
}
.blue-box .upper-line .day {
  color: #ffffff;
  background-color: var(--dark-blue);
  padding: 5px 13px;
  border-radius: 50px;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
}
.blue-box .upper-line .date {
  font-size: 2rem;
  line-height: 1.5;
}
.blue-box .lower-line p {
  padding-top: 15px;
}
.blue-box .lower-line {
  border-top: 1px #2153a1;
  border-style: dashed;
}

@media (max-width: 768px) {
  .outline-container {
    padding: 0;
  }
  .presentation-txt p,
  .poster-txt p {
    font-size: 1.4rem;
  }
  .presentation-txt {
    padding-bottom: 40px;
  }
  .outline-ttl {
    font-size: 1.8rem;
  }
  .eventoutline-img,
  .poster-img {
    flex-direction: column;
    max-width: 351px;
    justify-content: center;
    margin: 0 auto;
    gap: 6px;
  }
  .eventoutline-img li {
    width: 100%;
  }
  .poster-txt p {
    padding: 22px 0;
  }
  .outline-txt {
    margin: 0 0 64px;
  }
  .poster-img li {
    width: 100%;
  }
  .poster-txt {
    margin: 0 0 57px;
  }
  .general-presentation .general-content {
    font-size: 1.4rem;
    padding: 22px 0;
  }
  .general-sub-ttl p {
    font-size: 1.4rem;
  }
  .general-img li .upper-txt {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .poster-img.general-img {
    gap: 34px;
  }
  .general-presentation {
    margin: 0 0 70px;
  }
  .award p {
    font-size: 1.4rem;
    line-height: 1.7;
    padding: 25px 0;
  }
  .sec-event-overview {
    margin: 30px 0 150px;
  }
  .blue-box .upper-line {
    flex-direction: column;
    align-items: start;
    gap: 13px;
    padding-bottom: 14px;
  }
  .blue-box .upper-line .white-box {
    padding-left: 0;
    gap: 4px;
  }

  .blue-box .upper-line .date {
    font-size: 1.6rem;
  }
  .blue-box .upper-line .white-box .txt-box,
  .blue-box .upper-line .day {
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 4px 10px;
  }
  .blue-box .lower-line p {
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .outline-txt .blue-box {
    padding: 18px 20px;
    margin-bottom: 8px;
    border-radius: 12px;
  }
  .outline-txt .blue-box-container {
    margin: 20px 0 25px 0;
  }
}
@media (max-width: 370px) {
  .blue-box .upper-line .white-box .txt-box {
    font-size: 1rem;
  }
}

/* news add */

.secondpage_news .news-block .nav-item02 {
  /* flex: 1; */
  text-align: center;
  border-radius: 8px 8px 0 0;
  width: calc((100% - 12px) / 4);
}

.news-link a > span.other::after {
  position: relative;
  content: " ";
  display: inline-block;
  background: url(../img/about/result_after.png) no-repeat;
  width: 16px;
  height: 16px;
  bottom: -2px;
  background-size: contain;
  margin-left: 5px;
}

.news-link a > span.pdf::after {
  position: relative;
  content: " ";
  display: inline-block;
  background: url(../img/result/pdf_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  bottom: -2px;
  background-size: contain;
  margin-left: 5px;
}

.secondpage_news .news-block {
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 60px;
}

.secondpage_news .news-block > div {
  max-width: 1200px;
}

.secondpage_news .news-block > div .post-flex {
  max-width: 1200px;
  max-height: 1200px;
  min-height: 250px;
  overflow: auto;
  border-left: solid 1px #DCEAF5;
  border-right: solid 1px #DCEAF5;
  border-bottom: solid 1px #DCEAF5;
  border-radius: 0 0 8px 8px;
  padding: 60px 80px;
}

.secondpage_news .news-block li {
  margin-bottom: 0;
}

.news-block .d-flex div.update {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 10px;
  color: #333333;
  font-family: "Poppins", sans-serif;
  padding-left: 0;
}

.news-block .d-flex div.update::before {
  content: none;
}


.secondpage_news .news-block .past_news {
  margin-top: 30px;
  text-align: right;
}

.secondpage_news .news-block .past_news a {
  text-decoration: underline;
}

.secondpage_news .news-block .past_news a:hover {
  text-decoration: none;
}

.secondpage_news .news-block .past_news a::before {
  position: relative;
  content: " ";
  display: inline-block;
  background: url(../img/result/pdf_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  bottom: -2px;
  background-size: contain;
  margin-left: 5px;
  margin-right: 3px;
}

@media screen and (max-width: 768px) {
  .secondpage_news .news-block .nav-item02 {
    width: calc((100% - 4px) / 2);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .secondpage_news .news-block > div .post-flex {
    max-width: 1200px;
    max-height: 1200px;
    min-height: 500px;
    overflow: scroll;
    border-left: solid 1px #DCEAF5;
    border-right: solid 1px #DCEAF5;
    border-bottom: solid 1px #DCEAF5;
    border-radius: 0 0 8px 8px;
    padding: 20px 10px;
    margin-top: -3px;
  }
  .secondpage_news .cate-flex {
    margin-bottom: 0;
  }

}

/* case detail add */

.initiatives-name {
    text-align: right;
}

.case_detail h2 {
    font-size: 3.4rem;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: 0;
    padding-left: 40px;
    position: relative;
    margin-top: 30px;
}
.case_detail h2::before {
    content: "";
    position: absolute;
    background: url(../img/news_icon.png) no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 33px;
    left: 0;
    top: 7px;
}

.case_detail h3 {
    font-size: 2.4rem;
    line-height: 1;
    position: relative;
    padding: 0 0 15px 0px;
    border-bottom: 1px solid #b1b1b1;
    margin-top: 1em;
}

.case_detail h3::before {
    content: " ";
    position: absolute;
    background: #2153a1;
    width: 56px;
    height: 3px;
    bottom: -1.5px;
    left: 0;
}


.case_detail p {
    margin-top: 1em;
	line-height: 1.6;
}

.case_detail table {
    width: 80%;
    margin: 30px auto;
    border: solid 1px;
}

.case_detail table th {
    padding: 5px;
    border: solid 1px;
    background: #e0edfa;
	line-height: 1.6;
}

.case_detail table td {
    padding: 5px;
    border: solid 1px;
	line-height: 1.6;
}

.case_detail .image_1 {
    margin: 30px auto;
    max-width: 770px;
}

.case_detail .image_2 {
    display: flex;
    margin: 30px auto;
    flex-wrap: wrap;
}

.case_detail .image_2 div {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.case_detail .image_2 div img {
    height: 260px;
    width: 350px;
    object-fit: cover;
    object-position: top;
}

.case_detail .image_2 div p {
    max-width: 350px;
}

@media screen and (max-width: 768px) {
    .case_detail h2 {
        font-size: 2rem;
        line-height: 1.4;
        padding-left: 20px;
    }

    .case_detail h2::before {
        width: 14px;
        height: 18px;
        top: 6px;
    }

    .case_detail h3 {
        font-size: 1.8rem;
    }

    .case_detail p {
        font-size: 1.4rem;
    }

    .case_detail table {
        width: 95%;
    }

    .case_detail .image_2 div {
        margin-bottom: 20px;
    }

    .case_detail .image_2 div img {
        width: 100%;
        aspect-ratio: 5 / 3;
    }

}

/* school list add */

.priority-list .priority_text {
    font-size: 1.4rem;
    line-height: 1.2;
}

@media screen and (max-width: 768px) {
    .priority-list .priority_text {
        font-size: 1.2rem;
    }
}

/* add 240919 */
/* top */
.slider-item img {
  border-radius: 24px;
}

.slider-container .slick-initialized .slick-slide {
  max-height: 496px;
}

@media screen and (max-width: 768px) {
  .slider-item img {
    border-radius: 12px;
  }
}

/* result artifact */
.sec-result.sec-products .search-result-btn {
  margin: 70px auto 0 auto;
}

.sec-result .search-con-blk .inner-blk .row.others {
  border-bottom: none;
}

.sec-result.sec-products .search-result-btn.artifact-key-btn p::before {
  left: 5px;
}

/*-------------------
adjust 240920
--------------------*/

@media screen and (max-width: 768px) {
    .sec-result.sec-products .search-res-blk .product-card .ttl-card .cat-name p {
        font-size: 1.4rem;
        padding: 5px 8px;
    }
}

@media screen and (max-width: 375px) {
    .sec-result.sec-products .search-res-blk .product-card .ttl-card .cat-name p {
        font-size: 1.2rem;
        padding: 5px 5px;
    }
}

.sec-result .search-con-blk .inner-blk .row {
    padding: 20px 0 30px;
}


.sec-result .search-con-blk .ttl {
    padding: 15px 30px 15px 70px;
}

.sec-result.sec-products .search-con-blk.product-cat .inner-blk {
    padding: 15px 70px 20px 70px;
}

.sec-result .search-con-blk .inner-blk {
    padding: 35px 70px 40px 70px;
}

.sec-result .search-con-blk .search-con-btn p,
.sec-result.sec-products .search-result-btn p {
    background: #2153a1;
    border-radius: 24px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
    width: 100%;
    max-width: initial;
    padding: 13px;
    text-align: center;
    letter-spacing: 0.88px;
    position: relative
}

.sec-result .search-con-blk .search-con-btn p:hover,
.sec-result.sec-products .search-result-btn p:hover {
    opacity: 0.7;
}

.sec-result.sec-products .search-result-btn:hover {
    opacity: 0.7;
}

.sec-result .search-con-blk .search-con-btn p::before,
.sec-result.sec-products .search-result-btn p::before {
    content: none;
}

.sec-result.sec-products .search-result-btn {
    width: fit-content;
    min-width: 114px;
    margin: 20px auto 0;
    padding: 0;
    background: transparent;
}

.sec-result.sec-report .search-con-blk .search-con-btn {
    width: fit-content;
/*    min-width: 114px;*/
    margin: 20px auto 0;
    padding: 0;
    background: transparent;
}

.sec-result .search-con-blk .search-con-btn, .sec-result.sec-products .search-result-btn {
    width: fit-content;
/*    min-width: 114px;*/
    margin: 20px auto 0;
    padding: 0;
    background: transparent;
}

.sec-result .search-con-blk .search-con-btn:hover::before,
.sec-result.sec-products .search-result-btn:hover::before {
    width: 100%;
}

.sec-result .search-con-blk .search-con-btn:hover p,
.sec-result.sec-products .search-result-btn:hover p {
    color: #fff;
}

.sec-result .search-con-blk .search-con-btn::before, .sec-result.sec-products .search-result-btn::before {
    content: none;
}



@media screen and (max-width: 768px) {
    .sec-result .search-con-blk .ttl {
        padding: 10px 18px 10px 43px;
    }
    .sec-result .search-con-blk .inner-blk,
    .sec-result.sec-products .search-con-blk.product-cat .inner-blk {
        padding: 20px 18px 20px 18px;
    }
    .sec-result .search-con-blk .search-con-btn p,
    .sec-result.sec-products .search-result-btn p {
/*        max-width: 76px;*/
        padding: 10px;
        font-size: 1.4rem;
    }
}


/* add 240920 */
.sec-result .fword {
    margin-bottom: 15px;
}

.sec-result .fword .search-box {
    width: 100%;
}

.sec-result .search-con-blk.fword .inner-blk {
    padding: 20px 70px 20px 70px;
}

@media screen and (max-width: 1000px) {
    .sec-result .search-con-blk.fword .inner-blk {
        padding: 20px 15px 20px 15px;
    }
}

.sec-result .fword .search-box input {
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    width: 100%;
    max-width: 702px;
    padding: 11px 28px;
    font-size: 1.6rem;
    font-weight: 500;
}

.sec-result .fword .search-box form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sec-result .fword .search-box .search-btn {
    background: #2153a1;
    border-radius: 24px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.88px;
    line-height: 1.4;
    width: 100%;
    max-width: 114px;
    padding: 13px;
    text-align: center;
}

.sec-result .fword .search-box .search-btn:hover {
    opacity: 0.9;
}

@media screen and (max-width: 768px) {
    .sec-result .fword .search-box {
        width: 100%;
    }
    .sec-result .fword .search-box input {
        padding: 7px 10px;
        font-size: 1.4rem;
    }
    .sec-result .fword .search-box form {
        gap: 6px;
        justify-content: space-between;
    }
    .sec-result .fword .search-box .search-btn {
        max-width: 76px;
        padding: 10px;
        font-size: 1.4rem;
    }
    
}



.nor-txt {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0;
    margin-bottom: 20px;
}

.emp-txt {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: #2153a1;
    letter-spacing: 0;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .nor-txt {
        font-size: 1.4rem;
    }
    .emp-txt {
        font-size: 1.7rem;
    }
}

/* add 240921 */
.sec-result .search-blk.fword {
    background: transparent;
    padding: 0;
    display: block;
}

.search-blk.fword .ttl {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0;
    position: relative;
    padding: 15px 30px 15px 70px;
    background: #2153a1;
    border-radius: 8px 8px 0 0;
    color: #fff;
    position: relative;
}

.search-blk.fword .ttl::before {
    content: "";
    position: absolute;
    background: url(../img/result/search_icon_white.png) no-repeat;
    background-size: 100% 100%;
    width: 23px;
    height: 23px;
    left: 38px;
    top: 50%;
    transform: translateY(-50%);
}

.search-blk.fword .inner-blk {
    border: 1px solid #2153a1;
    border-radius: 0 0 8px 8px;
    padding: 20px 70px 20px 70px;
    background-color: #fff;
}


@media screen and (max-width: 768px) {
    .search-blk.fword .ttl {
        font-size: 1.4rem;
        padding: 10px 18px 10px 43px;
        font-weight: 500;
        line-height: 1.45;
        letter-spacing: 0;
        position: relative;
        border-radius: 8px 8px 0 0;
        color: #fff;
    }
    .search-blk.fword .ttl::before {
        width: 16px;
        height: 16px;
        left: 18px;
        top: 52%;
    }
    .search-blk.fword .inner-blk {
        padding: 20px 18px 20px 18px;
    }
}

/* add 240926 */

.search-con-btn {
    min-width: 114px;
}


/* add 240927*/

@media (max-width: 768px) {
    .nav-container #header-nav li {
        padding-top: 25px;
    }
    .nav-container #header-nav .sub-nav.menu_open {
        display: block;
        background-color: #fff;
        border-radius: 15px;
        margin-top: 20px;
        padding: 0 20px 20px;
        font-size: 1.4rem;
    }
    .nav-container #header-nav .sub-nav.menu_open li {
        padding-top: 18px;
    }
    .nav-container #header-nav .sub-nav.menu_open li a {
        color: #020000;
        font-size: 1.4rem;
    }
    .nav-container #header-nav .sub-nav.menu_open li a::before {
        position: absolute;
        content: " ";
        background: url(../img/menu_before.png) no-repeat;
        background-size: contain;
        width: 11px;
        height: 15px;
        left: -19px;
        top: 3px;
    }
    .nav-container #header-nav .sub-nav.menu_open li a span {
        line-height: 1.6;
    }
    .nav-container #header-nav .sub-menu.current {
        color: #f0f2b4;
    }
}

/* add 241009*/
.stage-list-wrapper .stage-btn li a {
    text-decoration: none;
}

/* add 241012*/
.eventoutline-img img, 
.poster-img img {
    border-radius: 6px;
}
 
.general-card img {
    border-radius: 0 0 6px 6px;
}

/* add 250130*/
.sec-logo-container p {
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 25px;
}

.award {
    margin-bottom: 80px;
}

@media (max-width: 768px) {
    .sec-logo-container .result-container li {
        font-size: 1.4rem;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .award {
        margin-bottom: 70px;
    }
}

/*-------------------
school add 250131
--------------------*/
.city-detail .list-blk .info-card .info-card-ttl .school-name a {
  color: #fff;
}

.city-detail .list-blk .info-card .info-card-ttl .school-name a:hover {
  text-decoration: underline;
}

.city-detail .list-blk .info-card .info-card-ttl .school-name a::after {
  position: absolute;
  content: " ";
  background: url(/cpse/ssh/assets/img/result/arr_gp_w.png) no-repeat;
  width: 14px;
  height: 13px;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  background-size: 100% 100%;
}

.city.type p {
  font-size: 1.4rem;
  margin-top: 15px;
}

.sec-logo-container .result-container {
  margin-bottom: 60px;
}

/*-------------------
add 250911
--------------------*/
.search-res-blk .school-info .school-name .rect {
    border-radius: 6px;
    background: #eff6fc;
    font-size: 1.4rem;
    font-weight: 500;
    position: relative;
    padding: 5px 10px 5px 20px;
    line-height: 1.7;
    letter-spacing: 0.56px;
    margin-right: 8px;
    margin-left: 24px;
}
.search-res-blk .school-info .school-name .rect::before {
    content: "";
    width: 5px;
    height: 5px;
    background: var(--dark-blue);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}