/* 1 トップページ */
.top-member-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  right: 0;
  border-top: 3px solid var(--color-white);
  border-left: 3px solid var(--color-white);
  border-bottom: 3px solid var(--color-white);
  border-radius: 10px 0 0 10px;
  width: 133px;
  height: 176px;
  background-color: var(--color-navy);
  text-align: center;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 700;
  transform: translateY(-50%);
  z-index: 999;
}
@media screen and (max-width: 999px) {
  .top-member-link {
    display: none;
  }
}
.top-member-link__image-wrap {
  margin-bottom: 20px;
  max-width: 65px;
}

@media screen and (max-width: 768px) {
  .top-slider {
    padding: 0 9px;
  }
}

.top-slider__main {
  position: relative;
}

.top-slider__main-prev,
.top-slider__main-next, 
.top-slider__thmb-prev,
.top-slider__thmb-next,
.top-bottom-slider__prev,
.top-bottom-slider__next {
  border-radius: 50%;
  background-color: var(--color-white);
  filter: drop-shadow(0 0 5px rgba(25, 25, 25, .3));
}
.top-slider__main-prev::after,
.top-slider__main-next::after,
.top-slider__thmb-prev::after,
.top-slider__thmb-next::after,
.top-bottom-slider__prev::after,
.top-bottom-slider__next::after {
  color: var(--color-navy);
}

.top-slider__main-prev,
.top-slider__main-next {
  width: 48px;
  height: 48px;
}
@media screen and (max-width: 768px) {
  .top-slider__main-prev,
  .top-slider__main-next {
    width: 26px;
    height: 26px;
  }
}
.top-slider__main-prev::after,
.top-slider__main-next::after {
  font-size: 25px;
}
@media screen and (max-width: 768px) {
  .top-slider__main-prev::after,
  .top-slider__main-next::after {
    font-size: 14px;
  }
}

.top-slider__main-prev {
  left: auto;
  right: 82.5%;
}
@media screen and (max-width: 768px) {
  .top-slider__main-prev {
    left: -6px;
    right: auto;
  }
}

.top-slider__main-next {
  left: 82.5%;
  right: auto;
}
@media screen and (max-width: 768px) {
  .top-slider__main-next {
    left: auto;
    right: -6px;
  }
}

.top-slider__thmb {
  position: relative;
  margin: 30px auto 0;
  width: calc(100% / 1.5);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .top-slider__thmb {
    width: 100%;
  }
}

.top-slider__thmb-prev,
.top-slider__thmb-next {
  width: 34px;
  height: 34px;
}
@media screen and (max-width: 768px) {
  .top-slider__thmb-prev,
  .top-slider__thmb-next {
    width: 20px;
    height: 20px;
  }
}
.top-slider__thmb-prev::after,
.top-slider__thmb-next::after {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .top-slider__thmb-prev::after,
  .top-slider__thmb-next::after {
    font-size: 10px;
  }
}

.top-slider__thmb-prev {
  left: auto;
  right: calc(100% + 10px);
}
@media screen and (max-width: 768px) {
  .top-slider__thmb-prev {
    left: -6px;
    right: auto;
  }
}

.top-slider__thmb-next {
  left: calc(100% + 10px);
  right: auto;
}
@media screen and (max-width: 768px) {
  .top-slider__thmb-next {
    left: auto;
    right: -6px;
  }
}

.top-slider__character {
  position: absolute;
  z-index: 1;
}
.top-slider__character--left {
  right: calc(82.5% - (7% / 4));
  bottom: -30px;
  width: 7%;
}
@media screen and (max-width: 768px) {
  .top-slider__character--left {
    left: 0;
    right: auto;
    bottom: -40px;
    width: 13%;
  }
}
.top-slider__character--right {
  left: calc(82.5% - (13% / 4));
  bottom: -20px;
  width: 13%;
}
@media screen and (max-width: 768px) {
  .top-slider__character--right {
    left: auto;
    right: 0;
    bottom: -35px;
    width: 25%;
  }
}

.top-important-news {
  padding: 0 15px;
}
.top-important-news__link {
  display: flex;
  border: 2px solid var(--color-red);
  border-radius: 10px;
  margin: 35px auto 17px;
  max-width: 560px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-important-news__link {
    border-width: 1px;
    border-radius: 6px;
    margin-top: 17px;
  }
}
.top-important-news__term {
  display: inline-block;
  padding: 10px 10px 10px 15px;
  width: 178px;
  background-color: var(--color-red);
  color: var(--color-white);
  font-size: 17px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .top-important-news__term {
    padding-right: 6px;
    padding-left: 6px;
    width: 110px;
    font-size: 11px;
  }
}
.top-important-news__image {
  margin-right: 5px;
  width: 21px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .top-important-news__image {
    margin-right: 3px;
    width: 14px;
  }
}
.top-important-news__description {
  display: inline-block;
  padding: 10px 20px;
  width: calc(100% - 178px);
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-important-news__description {
    padding-right: 6px;
    padding-left: 6px;
    width: calc(100% - 110px);
    font-size: 11px;
  }
}

.main__top-nav {
  margin-top: 43px;
}
@media screen and (max-width: 999px) {
  .main__top-nav {
    margin-top: 24px;
  }
}

.top-nav__cmn-search {
  padding-top: 20px;
  padding-right: 55px;
  padding-bottom: 26px;
  padding-left: 55px;
}
@media screen and (max-width: 999px) {
  .top-nav__cmn-search {
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 38px;
    padding-left: 20px;
  }
}
.top-nav__cmn-search-title {
  font-size: 20px;
}
@media screen and (max-width: 999px) {
  .top-nav__cmn-search-title {
    font-size: 18px;
  }
}
.top-nav__form {
  margin: 10px auto 0;
  max-width: 653px;
}
@media screen and (max-width: 999px) {
  .top-nav__form {
    margin-top: 20px;
    max-width: 280px;
  }
}
.top-nav__cmn-search-block {
  gap: 10px;
}
.top-nav__cmn-search-block:not(:first-of-type) {
  margin-top: 15px;
}
.top-nav__input {
  width: 100%;
  max-width: 386px;
}
@media screen and (max-width: 999px) {
  .top-nav__input {
    max-width: none;
  }
}
.top-nav__select {
  height: 44px;
}
@media screen and (max-width: 999px) {
  .top-nav__select {
    height: 35px;
  }
}
.top-nav__submit {
  margin: 20px auto 0;
  max-width: 304px;
  height: 54px;
}
@media screen and (max-width: 999px) {
  .top-nav__submit {
    max-width: 193px;
    height: 35px;
  }
}

.top-keywords {
  padding: 40px 0 49px;
  background-color: var(--color-pale-light-blue);
}
@media screen and (max-width: 768px) {
  .top-keywords {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.top-keywords__top-keywords-list {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .top-keywords__top-keywords-list {
    margin-top: 15px;
  }
}
.top-keywords__heading {
  text-align: center;
  color: var(--color-navy);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .top-keywords__heading {
    font-size: 14px;
  }
}
.top-keywords-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px 8px;
}
@media screen and (max-width: 768px) {
  .top-keywords-list {
    gap: 8px 6px;
  }
}
.top-keywords-list__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  border-radius: 17px;
  background-color: var(--color-grayish-blue);
  text-align: center;
  font-size: 15px;
  transition: background-color .3s;
  -webkit-transition: background-color .3s;
}
@media screen and (max-width: 768px) {
  .top-keywords-list__link {
    padding-top: 3px;
    padding-right: 12px;
    padding-bottom: 3px;
    padding-left: 12px;
    border-radius: 13px;
    font-size: 11px;
  }
}
.top-keywords-list__link:hover {
  background-color: var(--color-navy);
  color: var(--color-white);
  opacity: 1;
}

.top-news {
  padding: 100px 0 185px;
}
@media screen and (max-width: 768px) {
  .top-news {
    padding-top: 45px;
    padding-bottom: 80px;
  }
}
.top-news__wrap {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .top-news__wrap {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .top-news__top-news-body {
    margin-top: 23px;
  }
}

.top-news-title {
  flex-shrink: 0;
  width: 200px;
}
@media screen and (max-width: 768px) {
  .top-news-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
}
.top-news-title__heading {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .top-news-title__heading {
    font-size: 19px;
  }
}
.top-news-title__sns {
  display: flex;
  align-items: center;
  gap: 35px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .top-news-title__sns {
    gap: 22px;
    margin-top: 0;
  }
}

.top-news-body {
  width: calc(100% - 200px);
}
@media screen and (max-width: 768px) {
  .top-news-body {
    width: 100%;
  }
}
.top-news-body__top-news-wrap {
  margin-top: 94px;
}
@media screen and (max-width: 768px) {
  .top-news-body__top-news-wrap {
    margin-top: 18px;
  }
}

.top-news-tabs {
  display: flex;
  gap: 7px;
}
@media screen and (max-width: 768px) {
  .top-news-tabs {
    gap: 5px;
  }
}
.top-news-tabs__tab {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 5px;
  width: 213px;
  height: 50px;
  background-color: var(--color-light-gray);
  text-align: center;
  font-size: 14px;
  color: var(--color-gray);
}
@media screen and (max-width: 768px) {
  .top-news-tabs__tab {
    border-radius: 4px;
    width: calc(50% - 2.5px);
    height: 39px;
    font-size: 11px;
  }
}
.top-news-tabs__tab.current {
  background-color: var(--color-navy);
  color: var(--color-white);
  font-weight: 700;
}
.top-news-tabs__tab--member {
  position: relative;
}
.top-news-tabs__icon {
  position: absolute;
  top: 50%;
  right: calc(50% + 60px);
  width: 17px;
  fill: var(--color-navy);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.top-news-tabs__icon {
  right: calc(50% + 47px);
  width: 12px;
}
}
.top-news-tabs__tab.current .top-news-tabs__icon {
  fill: var(--color-white);
}

.top-news-content {
  display: none;
}
.top-news-content.show {
  display: block;
}
.top-news-content__cmn-post-list {
  border-top: 1px solid var(--color-navy);
  border-bottom: 1px solid var(--color-navy);
}

.top-news-wrap {
  position: relative;
  text-align: right;
}
.top-news-wrap__cmn-post-link {
  position: absolute;
  right: 0;
  bottom: calc(100% + 25px);
}
@media screen and (max-width: 768px) {
  .top-news-wrap__cmn-post-link {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 20px;
  }
}

.top-about {
  padding: 0 0 186px;
  background-color: var(--color-light-blue);
}
@media screen and (max-width: 768px) {
  .top-about {
    padding-bottom: 107px;
  }
}
.top-about::before {
  background-color: var(--color-light-blue);
}
.top-about__cmn-heading {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .top-about__cmn-heading {
    margin-top: 50px;
  }
}
.top-about__cmn-description {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .top-about__cmn-description {
    margin-top: 30px;
  }
}
.top-about__top-contents {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .top-about__top-contents {
    margin-top: 15px;
  }
}

.top-contents {
  display: flex;
  flex-wrap: wrap;
  gap: 29px 38px;
}
@media screen and (max-width: 768px) {
  .top-contents {
    gap: 13px 10px;
    padding: 0 5px;
  }
}
.top-contents__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 29px 30px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .top-contents__inner {
    gap: 13px 10px;
  }
}

.top-checkup {
  padding: 0 0 183px;
}
@media screen and (max-width: 768px) {
  .top-checkup {
    padding-bottom: 136px;
  }
}
.top-checkup::before {
  background-color: var(--color-white);
}
.top-checkup__cmn-description {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .top-checkup__cmn-description {
    margin-top: 30px;
  }
}

.top-activity {
  padding: 0 0 186px;
  background-color: var(--color-pale-pink);
}
@media screen and (max-width: 768px) {
  .top-activity {
    padding-bottom: 119px;
    background-color: var(--color-pale-pink);
  }
}
.top-activity::before {
  background-color: var(--color-pale-pink);
}
.top-activity__cmn-description {
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .top-activity__cmn-description {
    margin-top: 30px;
  }
}
.top-activity__top-contents {
  margin-top: 82px;
}
@media screen and (max-width: 768px) {
  .top-activity__top-contents {
    margin-top: 37px;
  }
}
.top-activity__text {
  margin-top: 65px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .top-activity__text {
    margin-top: 55px;
    text-align: justify;
    font-size: 14px;
  }
}
.top-activity__cmn-btn {
  margin: 15px auto 0;
}

.top-material {
  padding: 0 0 194px;
  background-color: var(--color-pale-blue);
}
@media screen and (max-width: 768px) {
  .top-material {
    padding-bottom: 116px;
  }
}
.top-material::before {
  background-color: var(--color-pale-blue);
}
.top-material__cmn-description {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .top-material__cmn-description {
    margin-top: 30px;
  }
}
.top-material__top-column {
  margin-top: 88px;
}
@media screen and (max-width: 768px) {
  .top-material__top-column {
    margin-top: 50px;
  }
}

.top-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 35px 55px;
  border: 3px solid var(--color-navy);
  border-radius: 20px;
  background-color: var(--color-white);
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), var(--color-light-gray) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), var(--color-light-gray) calc(100% - 1px));
  background-repeat: repeat;
  background-position: center center;
  background-size: 12px 12px;
}
@media screen and (max-width: 768px) {
  .top-column {
    padding-right: 20px;
    padding-left: 20px;
    border-width: 2px;
    border-radius: 11px;
    background-size: 10px 10px;
  }
}
.top-column--maxw893 {
  max-width: 893px;
}
@media screen and (max-width: 768px) {
  .top-column--maxw893 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.top-column__text {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .top-column__text {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
}
.top-column__text--pr26 {
  padding-right: 26px;
}
@media screen and (max-width: 768px) {
.top-column__text--pr26 {
    padding-right: 0;
  }
}
.top-column__text--pl10 {
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
.top-column__text--pl10 {
    padding-left: 0;
  }
}
.top-column__text--ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .top-column__text--ptb10 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.top-column__text--full {
  width: 100%;
}
.top-column__text--center {
  text-align: center;
}
.top-column__heading {
  color: var(--color-navy);
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .top-column__heading {
    font-size: 18px;
  }
}
.top-column__description {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .top-column__description {
    margin-top: 15px;
    font-size: 14px;
  }
}
.top-column__video {
  margin-left: 14px;
  width: calc(50% - 14px);
}
@media screen and (max-width: 768px) {
  .top-column__video {
    margin-top: 15px;
    margin-left: 0;
    width: 100%;
  }
}
.top-column__video-inner {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
}
.top-column__video-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top-column__cmn-btn {
  margin: 20px auto 0;
}

.top-character {
  padding: 15px 0 304px;
}
@media screen and (max-width: 768px) {
  .top-character {
    padding-top: 30px;
    padding-bottom: 163px;
  }
}
.top-character::before {
  background-color: var(--color-white);
}
.top-character__top-character-info {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .top-character__top-character-info {
    margin-top: 20px;
  }
}
.top-character__cmn-btn {
  margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
  .top-character__cmn-btn {
    margin-top: 35px;
  }
}

.top-character-info {
  text-align: center;
}
.top-character-info__image-wrap {
  margin: 0 auto;
  max-width: 415px;
}
@media screen and (max-width: 768px) {
  .top-character-info__image-wrap {
    max-width: 268px;
  }
}
.top-character-info__text {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .top-character-info__text {
    font-size: 14px;
  }
}

.top-guide {
  padding: 248px 0 95px;
  background-color: var(--color-pale-blue);
}
@media screen and (max-width: 768px) {
  .top-guide {
    padding-top: 115px;
    padding-bottom: 78px;
  }
}
.top-guide__image {
  position: absolute;
  top: -179px;
  left: 50%;
  width: 1444px;
  max-width: none;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .top-guide__image {
    top: -102px;
    width: 758px;
  }
}
.top-guide__cmn-btn {
  margin: 0 auto;
}
.top-guide__top-column {
  margin: 72px auto 0;
}
@media screen and (max-width: 768px) {
  .top-guide__top-column {
    margin-top: 35px;
  }
}

.top-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px 40px;
}

.top-bottom-slider {
  padding: 53px 0 66px;
}
@media screen and (max-width: 768px) {
  .top-bottom-slider {
    padding-top: 43px;
    padding-bottom: 99px;
  }
}
.top-bottom-slider__inner {
  position: relative;
  margin: 0 auto;
  max-width: 837px;
}
.top-bottom-slider__prev,
.top-bottom-slider__next {
  width: 34px;
  height: 34px;
}
@media screen and (max-width: 768px) {
  .top-bottom-slider__prev,
  .top-bottom-slider__next {
    width: 20px;
    height: 20px;
  }
}
.top-bottom-slider__prev::after,
.top-bottom-slider__next::after {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .top-bottom-slider__prev::after,
  .top-bottom-slider__next::after {
    font-size: 10px;
  }
}
.top-bottom-slider__prev {
  left: auto;
  right: calc(100% + 16px);
}
@media screen and (max-width: 768px) {
  .top-bottom-slider__prev {
    left: 2px;
    right: auto;
  }
}
.top-bottom-slider__next {
  left: calc(100% + 16px);
  right: auto;
}
@media screen and (max-width: 768px) {
  .top-bottom-slider__next {
    left: auto;
    right: 2px;
  }
}

/* 0 お知らせ詳細 */
.news-detail {
  padding-bottom: 177px;
}
@media screen and (max-width: 768px) {
  .news-detail {
    padding-bottom: 115px;
  }
}
.news-detail__title {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-light-gray);
  margin-top: 10px;
  font-size: 32px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .news-detail__title {
    font-size: 20px;
  }
}
.news-detail__post-content {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .news-detail__post-content {
    margin-top: 25px;
    margin-bottom: 35px;
  }
}
.news-detail__cmn-btn {
  margin-top: 30px;
  max-width: 470px;
  height: 72px;
}
@media screen and (max-width: 768px) {
  .news-detail__cmn-btn {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 335px;
    height: 70px;
  }
}
.news-detail__news-detail-pictures {
  margin-top: 66px;
}
@media screen and (max-width: 768px) {
  .news-detail__news-detail-pictures {
    margin-top: 51px;
  }
}

.news-detail-pictures {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 21px;
}
@media screen and (max-width: 768px) {
  .news-detail-pictures {
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  .news-detail-pictures__image {
    width: 100%;
  }
}
.news-detail-pictures__image:first-of-type {
  width: 100%;
}

/* 2.ご利用上の注意 terms-of-use */

.terms-of-use {
  padding-bottom: clamp(105px,calc(135vw / 10),135px);
}

.terms-of-use__cmn-heading {
  margin: clamp(35px,calc(75vw / 10),75px) 0;
}


/* 4.研究倫理審査について */

.research-ethics-top {
  padding: clamp(40px,calc(75vw / 10),75px) 0 clamp(120px,calc(150vw / 10),150px);
}

.research-ethics-top__text {
  font-size: 16px;
  font-weight: 400;
  line-height: calc(24.5 / 14);
  padding-bottom: clamp(45px,calc(45vw / 10),75px);
}
@media screen and (max-width: 768px) {
  .research-ethics-top__text {
    font-size: 14px;
  }
}

.research-ethics-top__text--small {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .research-ethics-top__text--small {
    font-size: 12px;
  }
}

.research-ethics-link {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  grid-template-rows: auto;
  gap: 35px 18px;
  place-items:center ;
}

/* .research-ethics-link__cmn-btn {
  width: 100%;
} */

/* 5.感染症対策 */

.covid-measures__cmn-heading {
  margin: clamp(35px,calc(75vw / 10),75px) 0;
}

.covid-measures-text {
  font-size: 16px;
  line-height: calc(24.5 / 14);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .covid-measures-text {
    font-size: 14px;
  }
}

.covid-measures-qa__covid-measures-text {
  margin: clamp(25px,calc(40vw / 10),40px) 0 0;
}

.covid-measures-H3 ,.squareH3 {
  width: 100%;
  background-color: var(--color-navy);
  border-radius: clamp(5px,calc(10vw / 10),10px);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-white);
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  .covid-measures-H3 ,.squareH3 {
    font-size: 16px;
    padding: 10px;
  }
}

.covid-measures-about__cmn-btn {
  margin: 35px auto 0;
}

.covid-measures-about__cmn-btn--mb {
  margin-bottom: clamp(30px,calc(30vw / 10),60px);
}

.covid-measures-article {
  padding-bottom: clamp(170px,calc(190vw / 10),190px);
}

 .qa-list__text--q {
  font-size: 18px;
  font-weight: 500;
   line-height: calc(31.5 / 18);
 }
@media screen and (max-width: 768px) {
 .qa-list__text--q {
  font-size: 15px;
 }
}

.qa-list__text--a {
  font-size: 16px;
  font-weight: 400;
  line-height: calc(28 / 16);
  min-height: 60px;
 }
 @media screen and (max-width: 768px) {
.qa-list__text--a {
  font-size: 14px;
  min-height: 40px;
 }
}


 .qa-list__toggle {
	display: none;
}

.qa-list__qa-list__item {
  position: relative;
  padding-left: 90px;
}
@media screen and (max-width: 768px) {
  .qa-list__qa-list__item {
    padding-left: 40px;
  }
}

.qa-list__item--Label {
	display: grid;
  align-items: center;
  justify-content: flex-start;
	background:var(--color-light-blue);
  min-height: 90px;
  margin-top: clamp(20px,calc(40vw / 10),40px);
  padding: 15px 70px 15px 90px;
}
@media screen and (max-width: 768px) {
  .qa-list__item--Label {
    min-height: auto;
    padding: 15px 30px 15px 40px;
  }
}

.qa-list__qa-list__icon {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 51.3396px;
  height: auto;
  aspect-ratio: 1;
  background-color: var(--color-navy);
  color: var(--color-white);
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .qa-list__qa-list__icon {
    top: 15px;
    left: 5px;
    width: 30px;
    font-size: 23.3738px;
  }
}

.qa-list__icon--a {
  background-color: var(--color-pink);
}

.qa-list__item--Label::before{
	content:"";
	width: 31.4499px;
	height: auto;
  aspect-ratio: 1;
	position: absolute;
	top:50%;
	right: 20px;
  transform: translateY(-50%) rotate(90deg);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8 13.58"><path fill="%23376694" d="M1,13.58c-.26,0-.52-.1-.72-.31-.38-.4-.37-1.03,.03-1.41L5.56,6.79,.31,1.72C-.09,1.34-.1,.7,.28,.31c.38-.4,1.02-.41,1.41-.03L7.7,6.07c.2,.19,.31,.45,.31,.72s-.11,.53-.31,.72L1.69,13.3c-.19,.19-.44,.28-.69,.28Z"/></svg>');
  background-position: center;
  background-size: 30%;
  background-color: var(--color-white);
  border-radius: 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.qa-list__item--Label::before{
	width: 15px;
	right: 5px;
}
}

.qa-list__item--Label,.qa-list__item--content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.1s;
}

.qa-list__item--content {
	height: 0;
	overflow: hidden;
}

.qa-list__toggle:checked + .qa-list__item--Label + .qa-list__item--content {
	height: auto;
	transition: all .3s;
  padding-top: 20px;
}

.qa-list__toggle:checked + .qa-list__item--Label::before {
	transform: translateY(-50%) rotate(-90deg);
}

.qa-list__item-link {
  color: var(--color-navy);
  text-decoration: underline;
}

.covid-measures__cmn-post-link-wrap {
  text-align: right;
}

.covid-measures__cmn-post-link {
  padding-left: 0;
  padding-right: 35px;
  margin-top: clamp(25px,calc(35vw / 10),35px);
}
@media screen and (max-width: 768px) {
.covid-measures__cmn-post-link {
  padding-right: 30px;
}
}

.covid-measures__cmn-post-link::before {
  left: auto;
  right: 8px;
}
@media screen and (max-width: 768px) {
.covid-measures__cmn-post-link::before {
  right: 0px;
}
}

.covid-measures__cmn-post-link::after {
  transform: translateY(-50%) rotate(45deg);
  left: auto;
  right: 16px;
}
@media screen and (max-width: 768px) {
.covid-measures__cmn-post-link::after {
  right: 6px;
}
}

/* 5-0 感染症対策記事一覧 */
.covid-measures-news {
  padding-bottom: 115px;
}
@media screen and (max-width: 768px) {
  .covid-measures-news {
    padding-bottom: 120px;
  }
}
.covid-measures-news__cmn-post-list {
  margin: 40px 0 65px;
}
@media screen and (max-width: 768px) {
  .covid-measures-news__cmn-post-list {
    margin-top: 45px;
    margin-bottom: 35px;
  }
}
.covid-measures-news__cmn-post-link-wrap {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .covid-measures-news__cmn-post-link-wrap {
    margin-top: 40px;
  }
}

/* 6.公式マスコットキャラクター */

.mascot__cmn-heading {
  margin: clamp(35px,calc(75vw / 10),75px) 0;
}

.mascot-top-text {
  font-size: 16px;
  line-height: calc(24.5 / 14);
  font-weight: 400;
  padding: clamp(45px,calc(75vw / 10),75px) 0 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mascot-top-text {
    font-size: 14px;
  }
}

.mascot-introduction-container {
  display: grid;
  grid-auto-flow: row;
  gap: clamp(35px,calc(70vw / 10),70px);
}

.mascot-introduction {
  width: 100%;
  display: grid;
  grid-template: "msc-img msc-nam" auto
                 "msc-img msc-dtl" auto
                / 30.45% 1fr;
  gap: clamp(16px,calc(30vw / 10),30px) 25px;
  place-items: center;
}
@media screen and (max-width: 768px) {
  .mascot-introduction {
    grid-template: "msc-img msc-nam" 150px
                   "msc-dtl msc-dtl" auto
                  / 150px 1fr;
  }
}

.mascot-introduction__img {
  grid-area: msc-img;
}

.mascot-name {
  grid-area: msc-nam;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .mascot-name {
    font-size: 18px;
  }
}
.mascot-introduction__mascot-name {
  margin-right: auto;
}
.mascot-name--navy {
  color: var(--color-navy);
}
.mascot-name--blue {
  color: var(--color-blue);
}
.mascot-name--pink {
  color: var(--color-pink);
}

.mascot-introduction__name-small {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .mascot-introduction__name-small {
    font-size: 13px;
  }
}

.mascot-introduction__detail {
  grid-area: msc-dtl;
  background-color: var(--color-grayish-blue);
  border-radius: clamp(8.75px,calc(10vw / 10),10px);
  padding: 20px;
}

.mascot-introduction__detail-title {
  color: var(--color-navy);
  font-size: 18px;
  font-weight: 700;
}

.mascot-cmn-text {
  font-size: 16px;
  font-weight: 400;
  line-height: calc(28 / 16);
}
@media screen and (max-width: 768px) {
  .mascot-cmn-text {
    font-size: 14px;
  }
}

.mascot-create-container {
  border: 2px solid var(--color-navy);
  border-radius: clamp(8.7px,calc(10vw / 10),10px);
  padding: 50px min(calc(100vw / 10),100px);
}
@media screen and (max-width: 768px) {
  .mascot-create-container {
    padding: 20px;
  }
}

.mascot-create__mascot-create-container {
  margin-top: 35px;
}

.mascot-create-H3 {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: clamp(25px,calc(40vw / 10),40px);
}
@media screen and (max-width: 768px) {
  .mascot-create-H3 {
    font-size: 16px;
  }
}

.mascot-use-link {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 25px 20px;
  text-align: center;
  padding: clamp(40px,calc(60vw / 10),60px) 0 0;
}
@media screen and (max-width: 768px) {
  .mascot-use-link {
    grid-template-columns: 1fr;
    justify-content: center;
    place-items: center;
  }
}

.mascot-use-link__a {
  background-color: var(--color-grayish-blue);
}
.mascot-create-H3__span {
  color: var(--color-navy);
}

.mascot-use-list {
  position: relative;
  padding: 30px 0 105px;
}

.mascot-use-list__title {
  padding-bottom: clamp(30px,calc(40vw / 10),40px);
  font-size: 20px;
  color: var(--color-navy);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .mascot-use-list__title {
    font-size: 16px;
  }
}

.mascot-use-list__img {
  pointer-events: none;
}

.mascot-use-list__mascot-use-list-cover {
  z-index: 1;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  opacity: 0;
}

.mascot-use-list__img--cover {
  width: 100%;
  pointer-events: none;
}

/* 7.日本学校歯科医会について */
.about__cmn-heading {
  margin: clamp(80px,calc(100vw / 10),100px) 0 clamp(30px,calc(40vw / 10),40px);
}

.about-anchor {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  grid-auto-rows: 105px;
  gap: 30px;
  place-items:center;
}
@media screen and (max-width: 768px) {
  .about-anchor {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-auto-rows: 64px;
    gap: 25px 15px;
  }
}

.about-text {
  font-size: 16px;
  font-weight: 400;
  line-height: calc(24.5 / 14);
}
@media screen and (max-width: 768px) {
.about-text {
  font-size: 14px;
}
}

.about__about-anchor {
  margin-top: clamp(20px,calc(40vw / 10),40px);
}

.about-anchor-link {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background-color: var(--color-blue);
  color: var(--color-white);
  font-size: 18px;
  font-weight: 700;
  border-radius: clamp(5px,calc(10vw / 10),10px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about-anchor-link {
    font-size: 12px;
  }
}

.about-greeting {
  display: grid;
  grid-template-columns: 1fr 273.6373px;
  grid-auto-rows: auto;
  gap: clamp(70px,calc(85vw / 10),85px);
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .about-greeting {
    grid-template-columns: 1fr;
  }
  .about-greeting-kaityo {
    max-width: 240px;
  }
  .about__about-greeting-kaityo {
    margin: 0 auto;
  }
}

.about-text--mb {
  margin-bottom: 30px;
}

.about-text-span {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .about-text-span {
    font-size: 16px;
  }
}

.about-organization-list {
  gap: clamp(20px,calc(30vw / 10),30px);
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .about-organization-list {
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
  }
}

.about-ayumi__cmn-description {
  align-items: flex-start;
}

.about-ayumi__visual {
  position: relative;
}

.about-ayumi__visual-inner {
  position: absolute;
  top:0;
  right: 0;
  width: clamp(335px,50vw,700px);
  max-width: none;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
.about-ayumi__visual-inner {
  position: static;
  width: 100%;
  max-width: 335px;
  margin: 0 auto;
  border-radius: 17px;
}
}

.about-companyList {
  display:grid;
  grid-template-columns:1fr;
  gap: 15px;
}

.about-gridcontainer {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 55px;

}
@media screen and (max-width: 768px) {
.about-gridcontainer {
  grid-template-columns: 100%;
}
}

.about__kadomaruH3 {
  margin-bottom: clamp(20px,calc(30vw / 10),30px);
}

.about-map-container {
  display: grid;
  grid-template-columns: 1fr 500px;
  grid-auto-rows: auto;
  gap: 20px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .about-map-container {
    grid-template-columns: 100%;
  }
  .about__about-gridcontainer {
    margin-bottom: 30px;
  }
}


.about-map {
  height: 320px;
}
@media screen and (max-width: 768px) {
.about-map {
  height: 240px;
}
}

.about-member__grid-2colLink {
padding-bottom: 0;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .about-member__grid-2colLink {
    grid-template-columns: max(315px);
  }
}

.grid-2colLink__cmn-btn {
  max-width: none;
}


.about-related-organizations-section {
  padding-bottom: 160px;
}
@media screen and (max-width: 768px) {
.about-related-organizations-section {
  padding-bottom: 90px;
}
}


.about-tabs-block {
  width: 100%;
  padding-bottom: clamp(30px,calc(50vw / 10),50px);
}

.about-tabs-block__list {
  display: grid;
  width: 100%;
  align-items: center;
  grid-template-columns: clamp(70px,calc(100vw / 10),100px) 1fr;
  padding: clamp(10px,calc(15vw / 10),15px) 0;
  border-bottom: 1px solid var(--color-light-gray);
}

.about-tabs-block__list-place {
  font-weight: 700;
  text-align: left;
  color: var(--color-navy);
}

.about-tabs-block__list-name {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  white-space: nowrap;
  width: 100%;
}

.about-tabs-block__list-name-text {
  padding-right: 20px;
}

.related-organizations__grid-3colLink {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: flex-start;
  place-items: flex-start;
}
@media screen and (max-width: 768px) {
.related-organizations__grid-3colLink {
  grid-template-columns: 1fr;
}
}

.related-organizations-link {
  position: relative;
  color: var(--color-navy);
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  padding-left: 16px;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
.related-organizations-link {
  font-size: 14px;
}
}

.related-organizations-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, 0) rotate(45deg);
  transform-origin: right;
  width: 9px;
  height: 9px;
  border-top: 2px solid var(--color);
  border-right: 2px solid var(--color);
}

/* 9.令和5・6年度代議員及び予備代議員 */

.ad-tabs {
  display: grid;
  width: 100%;
  gap: 0 min(calc(35vw / 10),35px);
  place-items: center;
  justify-content: center;
  grid-template: "ad-tab1 ad-tab2" clamp(42px,calc(80vw / 10),80px)
                 "ad-content ad-content" auto
                / 1fr 1fr;
  padding: clamp(25px,calc(75vw / 10),75px) 0 clamp(125px,calc(150vw / 10),150px);
}
@media screen and (max-width: 768px) {
  .ad-tabs {
    gap: 0 3.5px;
  }
}

input[name="ad-tab-item"] {
  display: none;
}

.ad-tab-item {
  width: 300px;
  height: 100%;
  background-color: var(--color-light-gray);
  color: var(--color-gray);
  border-radius: clamp(5.3px,calc(10vw / 10),10px) clamp(5.3px,calc(10vw / 10),10px) 0 0;
  display: grid;
  place-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(28 / 16);
  cursor: pointer;
}
.ad-tabs-input:checked + .ad-tab-item-1 {
  background-color: var(--color-navy);
  color: var(--color-white);
}
.ad-tabs-input:checked + .ad-tab-item-2 {
  background-color: var(--color);
  color: var(--color-white);
}
@media screen and (max-width: 768px) {
  .ad-tab-item {
    width: min(calc(158.267vw / 3.75),300px);
    font-size: 12px;
  }
}


.ad-tab-item-1 {
  grid-area: ad-tab1;
}
.ad-tabs__ad-tab-item-1 {
  margin-left: auto;
}
.ad-tab-item-2 {
  grid-area: ad-tab2;
}
.ad-tabs__ad-tab-item-2 {
  margin-right: auto;
}

.ad-tabs-content {
  display: none;
  grid-area: ad-content;
}

.ad-tabs-content-1 {
  border-bottom: var(--color-navy) 3px solid;
  border-top: var(--color-navy) 3px solid;
}
.ad-tabs-content-2 {
  border-bottom: var(--color) 3px solid;
  border-top: var(--color) 3px solid;
}

#delegates:checked ~ #delegates-content,
#al-delegates:checked ~ #al-delegates-content {
  display: block;
  width: 100%;
}

.ad-tabs-block {
  width: 100%;
}

.ad-tabs-block__list {
  display: grid;
  width: 100%;
  align-items: center;
  grid-template-columns: clamp(70px,calc(100vw / 10),100px) 1fr;
  padding: clamp(20px,calc(30vw / 10),30px) 0;
  border-bottom: 1px solid var(--color-light-gray);
}

.ad-tabs-block__list-place {
  font-size: 18px;
  font-weight: 700;
  line-height: calc(31.5 / 18);
  text-align: left;
}
.ad-tabs-content-1 .ad-tabs-block__list-place {
  color: var(--color-navy);
}
.ad-tabs-content-2 .ad-tabs-block__list-place {
  color: var(--color);
}
@media screen and (max-width: 768px) {
  .ad-tabs-block__list-place {
    font-size: 14px;
  }
}

.ad-tabs-block__list-name {
  display: grid;
  width: 100%;
  gap: 20px 0;
  grid-template-columns: repeat(auto-fill, 180px);
}
@media screen and (max-width: 768px) {
  .ad-tabs-block__list-name {
    gap: 5px 0;
    grid-template-columns: repeat(auto-fill, 125px);
  }
}

.ad-tabs-block__list-name-text {
  font-size: 16px;
  font-weight: 400;
  line-height: calc(24.5 / 14);
}
@media screen and (max-width: 768px) {
  .ad-tabs-block__list-name-text {
    font-size: 14px;
  }
}

/* 10 学校歯科 */
.school-dental-top {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .school-dental-top {
    padding-bottom: 20px;
  }
}
.school-dental-top__cmn-anker-list {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .school-dental-top__cmn-anker-list {
    margin-top: 40px;
  }
}

.school-dental-health {
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .school-dental-health {
    padding-bottom: 30px;
  }
}
.school-dental-health__cmn-text,
.school-dental-activity__cmn-text,
.school-dental-duty__cmn-text,
.school-dental-problem__cmn-text {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .school-dental-health__cmn-text,
  .school-dental-activity__cmn-text,
  .school-dental-duty__cmn-text,
  .school-dental-problem__cmn-text {
    margin-top: 35px;
  }
}
.school-dental-health__image-wrap {
  margin: 45px auto 0;
  max-width: 1000px;
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .school-dental-health__image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .school-dental-health__image {
    width: 419px;
    max-width: none;
  }
}

.school-dental-activity {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .school-dental-activity {
    padding-bottom: 20px;
  }
}

.school-dental-duty {
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .school-dental-duty {
    padding-bottom: 25px;
  }
}
.school-dental-duty__reference {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .school-dental-duty__reference {
    margin-top: 20px;
    font-size: 14px;
  }
}
.school-dental-duty__link {
  text-decoration: underline;
  color: var(--color-navy);
}

.school-dental-list__item {
  display: flex;
  align-items: center;
  padding: 20px;
  border: 1px solid var(--color);
  border-radius: 10px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .school-dental-list__item {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 17px;
    border-radius: 5px;
    margin-top: 23px;
  }
}
.school-dental-list__image-wrap {
  width: 197px;
}
@media screen and (max-width: 768px) {
  .school-dental-list__image-wrap {
    width: auto;
    max-width: 172px;
  }
}
.school-dental-list__text {
  padding: 0 16px 0 22px;
  width: calc(100% - 197px);
}
@media screen and (max-width: 768px) {
  .school-dental-list__text {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
}
.school-dental-list__heading {
  color: var(--color);
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .school-dental-list__heading {
    font-size: 18px;
  }
}
.school-dental-list__row {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .school-dental-list__row {
    margin-top: 8px;
    font-size: 14px;
  }
}

.school-dental-sos {
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .school-dental-sos {
    padding-bottom: 40px;
  }
}
.school-dental-sos__cmn-description,
.school-dental-prevention-injuries__cmn-description,
.school-dental-prevention__cmn-description,
.school-dental-disaster__cmn-description {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .school-dental-sos__cmn-description,
  .school-dental-prevention-injuries__cmn-description,
  .school-dental-prevention__cmn-description,
  .school-dental-disaster__cmn-description {
    margin-top: 20px;
  }
}

.school-dental-prevention-injuries {
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .school-dental-prevention-injuries {
    padding-bottom: 20px;
  }
}

.school-dental-prevention {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .school-dental-prevention {
    padding-bottom: 10px;
  }
}

.school-dental-disaster {
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .school-dental-disaster {
    padding-bottom: 30px;
  }
}

.school-dental-material {
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .school-dental-material {
    padding-bottom: 0;
  }
}
.school-dental-material__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .school-dental-material__wrap {
    gap: 19px;
  }
}
.school-dental-material__cmn-text {
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
  .school-dental-material__cmn-text {
    margin-top: 35px;
  }
}
.school-dental-material__cmn-btn {
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  .school-dental-material__cmn-btn {
    margin-top: 30px;
  }
}

.school-dental-problem__cmn-text {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .school-dental-problem__cmn-text {
    margin-bottom: 25px;
  }
}
.school-dental-problem__cmn-accordion-switch {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .school-dental-problem__cmn-accordion-switch {
    margin-top: 25px;
  }
}

/* 11 学校安全 */
.safety-top {
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .safety-top {
    padding-bottom: 25px;
  }
}
.safety-top__cmn-btn {
  margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
  .safety-top__cmn-btn {
    margin-top: 25px;
  }
}
.safety-top__cmn-bg-heading {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .safety-top__cmn-bg-heading {
    margin-top: 45px;
  }
}
.safety-top__cmn-btn-wrap {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .safety-top__cmn-btn-wrap {
    margin-top: 20px;
  }
}

.safety-education {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .safety-education {
    padding-bottom: 20px;
  }
}
.safety-education__cmn-text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .safety-education__cmn-text {
    margin-top: 30px;
  }
}

.safety-sports {
  padding-bottom: 188px;
}
@media screen and (max-width: 768px) {
  .safety-sports {
    padding-bottom: 110px;
  }
}
.safety-sports__row {
  margin: 45px 0 20px;
  text-align: right;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .safety-sports__row {
    margin-top: 35px;
    margin-bottom: 15px;
    font-size: 12px;
  }
}
.safety-sports__cmn-bg-heading {
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .safety-sports__cmn-bg-heading {
    margin-top: 35px;
  }
}
.safety-sports__safety-wrap {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .safety-sports__safety-wrap {
    margin-top: 15px;
  }
}
.safety-sports__cmn-text {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .safety-sports__cmn-text {
    margin-top: 15px;
  }
}
.safety-sports__cmn-content {
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .safety-sports__cmn-content {
    margin-top: 20px;
  }
}

.safety-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 0;
}
@media screen and (max-width: 768px) {
  .safety-wrap {
    gap: 30px 0;
  }
}
.safety-wrap__text {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .safety-wrap__text {
    width: 100%;
    font-size: 14px;
  }
}
.safety-wrap__text--full {
  width: 100%;
}
.safety-wrap__image-wrap {
  width: calc(50% - 56px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .safety-wrap__image-wrap {
    width: 100%;
  }
}
.safety-wrap__image-wrap--full {
  width: 100%;
}
.safety-wrap__image-inner {
  margin: 0 auto;
  max-width: 327px;
}
.safety-wrap__image-inner--maxw444 {
  max-width: 444px;
}
.safety-wrap__image-inner--maxw706 {
  max-width: 707px;
}

/* 12 SOS緊急対応 */
@media screen and (min-width: 769px) {
  .sos-top {
    padding-bottom: 0;
  }
}
.sos-top__cmn-anker-list {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .sos-top__cmn-anker-list {
    margin-top: 35px;
  }
}

@media screen and (min-width: 769px) {
  .sos-handle,
  .sos-case {
    padding-bottom: 10px;
  }
}
.sos-handle__cmn-text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .sos-handle__cmn-text {
    margin-top: 35px;
  }
}
.sos-handle__image-wrap {
  margin: 20px auto 0;
  max-width: 980px;
}
@media screen and (max-width: 768px) {
  .sos-handle__image-wrap {
    margin-top: 30px;
  }
}

.sos-case--pb220 {
  padding-bottom: 220px;
}
@media screen and (max-width: 768px) {
  .sos-case--pb220 {
    padding-bottom: 95px;
  }
}
.sos-case__cmn-text {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .sos-case__cmn-text {
    margin-top: 35px;
  }
}
.sos-case__cmn-content {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .sos-case__cmn-content {
    margin-top: 30px;
  }
}

/* 13.災害時 */

.disaster-dental {
  padding-bottom: 50px;
}

.disaster-dental-text {
  padding-bottom: clamp(35px,calc(55vw / 10),55px);
}

.disaster-dental__cmn-btn {
  margin: 0 auto clamp(45px,calc(55vw / 10),55px);
}

.disaster-dental__BluePointList {
  padding-bottom: clamp(25px,calc(55vw / 10),55px);
}

.BluePointList--num {
  gap: 15px;
  padding-top: clamp(12px,calc(20vw / 10),20px);
}

.BluePointList--num-item ,.BluePointList--num-item::before {
  font-size: 16px;
  line-height: calc(28 / 16);
  font-weight: 400;
}

.BluePointList--num-item {
    position: relative;
    padding-left: 30px;
}

.BluePointList--num-item::before {
  counter-increment: number 1;
  content: counter(number) " ";
  color: var(--color-white);
  background-color: var(--color-blue);
  border-radius: 50%;
  display: grid;
  place-items: center;
  width: 20.4444px;
  height: auto;
  aspect-ratio: 1;
  line-height: 1;
  transform: translateY(6px);
  font-style: 14px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.BluePointList--num-item::before {
    width: 17.5px;
    transform: translateY(5px);
    font-size: 12.25px;
}
}

.disaster-dlList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px,480px));
  grid-template-rows: auto;
  justify-content: center;
  text-align: center;
  gap: 40px 30px;
}

.disaster-dlList__image {
  max-width: 320px;
  padding-bottom: clamp(20px,calc(30vw / 10),30px);
}

/* 15 コンクール・表彰 */
@media screen and (min-width: 769px) {
  .awards-top {
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 769px) {
  .awards-poster {
    padding-bottom: 50px;
  }
}
.awards-poster__cmn-text,
.awards-slogan__cmn-text,
.awards-school__cmn-text,
.awards-school__cmn-point,
.awards-government__cmn-text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .awards-poster__cmn-text,
  .awards-slogan__cmn-text,
  .awards-school__cmn-text,
  .awards-school__cmn-point,
  .awards-government__cmn-text {
    margin-top: 30px;
  }
}
.awards-poster__cmn-content {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .awards-poster__cmn-content {
    margin-top: 60px;
  }
}
.awards-poster__cmn-btn {
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .awards-poster__cmn-btn {
    margin-top: 40px;
  }
}
.awards-poster__cmn-btn-wrap {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .awards-poster__cmn-btn-wrap {
    margin-top: 40px;
  }
}

@media screen and (min-width: 769px) {
  .awards-slogan {
    padding-bottom: 30px;
  }
}
.awards-slogan__cmn-content {
  margin: 45px 0 60px;
}
@media screen and (max-width: 768px) {
  .awards-slogan__cmn-content {
    margin-top: 60px;
    margin-bottom: 0;
  }
}
.awards-slogan__cmn-btn-wrap {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .awards-slogan__cmn-btn-wrap {
    margin-top: 40px;
  }
}

@media screen and (min-width: 769px) {
  .awards-school__cmn-point--mt50 {
    margin-top: 50px;
  }
}
.awards-school__cmn-btn-wrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .awards-school__cmn-btn-wrap {
    margin-top: 40px;
  }
}

.awards-government {
  padding-bottom: 178px;
}
@media screen and (max-width: 768px) {
  .awards-government {
    padding-bottom: 124px;
  }
}
.awards-government__cmn-point {
  margin-top: 30px;
}
.awards-government__cmn-btn {
  margin: 74px auto 0;
}
@media screen and (max-width: 768px) {
  .awards-government__cmn-btn {
    margin-top: 40px;
  }
}

/* 16 2024年度受賞作品 */
.poster-awards-top {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .poster-awards-top {
    padding-bottom: 10px;
  }
}

.poster-awards-total {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .poster-awards-total {
    padding-bottom: 20px;
  }
}
.poster-awards-total__number {
  margin-top: 5px;
  text-align: center;
  font-size: 45px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .poster-awards-total__number {
    margin-top: 10px;
    font-size: 32px;
  }
}
.poster-awards-total__small {
  font-size: 60%;
}
.poster-awards-total__cmn-point-heading {
  margin-top: 25px;
}
@media screen and (min-width: 769px) {
  .poster-awards-total__cmn-point-heading--mt70 {
    margin-top: 70px;
  }
}
.poster-awards-total__poster-awards-table {
  margin: 20px 0 50px;
}
@media screen and (max-width: 768px) {
  .poster-awards-total__poster-awards-table {
    margin-bottom: 40px;
  }
}
.poster-awards-total__poster-awards-comment {
  margin-top: 20px;
}

.poster-awards-table {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--color-light-gray);
  border-left: 1px solid var(--color-light-gray);
  border-right: 1px solid var(--color-light-gray);
}
@media screen and (max-width: 768px) {
  .poster-awards-table {
    font-size: 14px;
  }
}
.poster-awards-table__term,
.poster-awards-table__description {
  padding: 15px 20px;
  border-bottom: 1px solid var(--color-light-gray);
}
@media screen and (max-width: 768px) {
  .poster-awards-table__term,
  .poster-awards-table__description {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
}
.poster-awards-table__term {
  width: 218px;
  background-color: var(--color-light30);
}
@media screen and (max-width: 768px) {
  .poster-awards-table__term {
    width: 116px;
  }
}
.poster-awards-table__term--w169 {
  width: 169px;
}
@media screen and (max-width: 768px) {
  .poster-awards-table__term--w169 {
    width: 156px;
  }
}
.poster-awards-table__description {
  width: calc(50% - 218px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .poster-awards-table__description {
    width: calc(100% - 116px);
  }
}
.poster-awards-table__term--w169 + .poster-awards-table__description {
  width: calc(100% / 3 - 169px);
}
@media screen and (max-width: 768px) {
  .poster-awards-table__term--w169 + .poster-awards-table__description {
    width: calc(100% - 156px);
  }
}

.poster-awards-comment {
  padding: 50px 75px;
  border: 2px solid var(--color-navy);
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .poster-awards-comment {
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
    border-radius: 5px;
  }
}
.poster-awards-comment__heading {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .poster-awards-comment__heading {
    font-size: 16px;
  }
}
.poster-awards-comment__em {
  color: var(--color-navy);
}
.poster-awards-comment__text {
  margin-top: 30px;
  text-align: justify;
  letter-spacing: -.005em;
}
@media screen and (max-width: 768px) {
  .poster-awards-comment__text {
    margin-top: 20px;
    font-size: 14px;
  }
}

.poster-awards-minister-grand {
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .poster-awards-minister-grand {
    padding-bottom: 10px;
  }
}
.poster-awards-minister-grand__poster-awards-artwork-list {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .poster-awards-minister-grand__poster-awards-artwork-list {
    margin-top: 40px;
  }
}

.poster-awards-artwork-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 100px;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list {
   gap: 50px;
  }
}
.poster-awards-artwork-list__item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.poster-awards-artwork-list__item--row {
  flex-direction: column-reverse;
  width: 234px;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__item--row {
    width: calc(50% - 30px);
    max-width: 145px;
  }
}
.poster-awards-artwork-list__image-wrap {
  width: 390px;
  height: 515px;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__image-wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 295px;
    height: 416px;
  }
}
.poster-awards-artwork-list__image-wrap--small {
  width: 100%;
  height: 276px;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__image-wrap--small {
    max-width: 132px;
    height: 156px;
  }
}
@media screen and (min-width: 769px) {
  .poster-awards-artwork-list__image-wrap--w206 {
    width: 206px;
    height: 326px;
  }
}
.poster-awards-artwork-list__image-wrap--h386 {
  height: 386px;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__image-wrap--h386 {
    height: 295px;
  }
}
.poster-awards-artwork-list__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.poster-awards-artwork-list__image--top {
  object-position: top;
}
.poster-awards-artwork-list__text {
  padding-left: 40px;
  width: calc(100% - 390px);
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__text {
    padding-left: 0;
    margin-top: 30px;
    width: 100%;
  }
}
.poster-awards-artwork-list__text--full {
  padding-left: 0;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .poster-awards-artwork-list__text--w100pct-mns206 {
    width: calc(100% - 206px);
  }
}
.poster-awards-artwork-list__category {
  display: inline-block;
  padding: 3px;
  border-radius: 20px;
  min-width: 223px;
  background-color: var(--color-navy);
  text-align: center;
  color: var(--color-white);
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__category {
    border-radius: 16px;
    min-width: 194px;
    font-size: 16px;
  }
}
.poster-awards-artwork-list__category--small {
  min-width: 205px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__category--small {
    width: 100%;
    min-width: auto;
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .poster-awards-artwork-list__category--special {
    min-width: 205px;
    font-size: 18px;
  }
}
.poster-awards-artwork-list__info {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__info {
    margin-top: 5px;
    font-size: 13px;
  }
}
.poster-awards-artwork-list__info--fs16 {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__info--fs16 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__info--fs13-sp {
    font-size: 13px;
  }
}
.poster-awards-artwork-list__name {
  font-size: 25px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__name {
    font-size: 18px;
  }
}
.poster-awards-artwork-list__name--fs22 {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__name--fs22 {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .poster-awards-artwork-list__name--fs18-sp {
    font-size: 18px;
  }
}
.poster-awards-artwork-list__small {
  margin-left: .25em;
  font-size: 60%;
}

.poster-awards-rating {
  padding: 30px;
  border-radius: 10px;
  margin-top: 25px;
  background-color: var(--color-pale-light-blue);
}
@media screen and (max-width: 768px) {
  .poster-awards-rating {
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
    border-radius: 5px;
    margin-top: 10px;
  }
}
.poster-awards-rating__term {
  color: var(--color-navy);
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .poster-awards-rating__term {
    font-size: 14px;
  }
}
.poster-awards-rating__description {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .poster-awards-rating__description {
    margin-top: 5px;
    font-size: 14px;
  }
}

.poster-awards-grand {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .poster-awards-grand {
    padding-bottom: 20px;
  }
}
.poster-awards-grand__poster-awards-artwork-list {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .poster-awards-grand__poster-awards-artwork-list {
    margin-top: 20px;
  }
}

.poster-awards-outstanding {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .poster-awards-outstanding {
    padding-bottom: 0;
  }
}
.poster-awards-outstanding__poster-awards-artwork-list {
  margin-top: 75px;
  gap: 50px 21px;
}
@media screen and (max-width: 768px) {
  .poster-awards-outstanding__poster-awards-artwork-list {
    justify-content: center;
    margin-top: 30px;
    gap: 35px 30px;
  }
}

.poster-awards-special {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .poster-awards-special {
    padding-bottom: 0;
  }
}
.poster-awards-special__poster-awards-artwork-list {
  margin: 70px auto 0;
  max-width: 827px;
}
@media screen and (max-width: 768px) {
  .poster-awards-special__poster-awards-artwork-list {
    margin-top: 20px;
  }
}

.poster-awards-winner {
  padding-bottom: 129px;
}
@media screen and (max-width: 768px) {
  .poster-awards-winner {
    padding-bottom: 120px;
  }
}
.poster-awards-winner__cmn-point-heading {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .poster-awards-winner__cmn-point-heading {
    margin-top: 25px;
  }
}
.poster-awards-winner__poster-awards-winner-list {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .poster-awards-winner__poster-awards-winner-list {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
.poster-awards-winner__empty {
  margin-top: 15px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .poster-awards-winner__empty {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 13px;
  }
}
.poster-awards-winner__cmn-btn-wrap {
  margin-top: 95px;
}
@media screen and (max-width: 768px) {
  .poster-awards-winner__cmn-btn-wrap {
    margin-top: 50px;
  }
}

.poster-awards-winner-list {
  column-count: 2;
  column-gap: 0;
  border-top: 1px solid var(--color-light-gray);
  border-left: 1px solid var(--color-light-gray);
}
@media screen and (max-width: 768px) {
  .poster-awards-winner-list {
    column-count: unset;
  }
}
.poster-awards-winner-list__item {
  display: flex;
  padding: 10px 0;
  border-right: 1px solid var(--color-light-gray);
  border-bottom: 1px solid var(--color-light-gray);
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .poster-awards-winner-list__item {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
  }
}
.poster-awards-winner-list__info {
  display: flex;
  width: calc(100% - 140px);
}
@media screen and (max-width: 768px) {
  .poster-awards-winner-list__info {
    width: calc(100% - 120px);
  }
}
.poster-awards-winner-list__place,
.poster-awards-winner-list__school,
.poster-awards-winner-list__name {
  display: flex;
  align-items: center;
}
.poster-awards-winner-list__place {
  flex-shrink: 0;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .poster-awards-winner-list__place {
    padding-left: 5px;
  }
}
.poster-awards-winner-list__school {
  padding-left: 1em;
}
.poster-awards-winner-list__name {
  padding-left: 10px;
  width: 140px;
}
@media screen and (max-width: 768px) {
  .poster-awards-winner-list__name {
    width: 120px;
  }
}
@media screen and (min-width: 769px) {
  .poster-awards-winner-list__school--nowrap {
    white-space: nowrap;
  }
}

/* 17.令和6年度 歯・口の健康啓発標語コンクール */

.bestList {
  text-align: center;
  display: grid;
  grid-auto-flow: row;
  gap: 100px;
  padding-top: clamp(45px,calc(75vw / 10),75px);
}
@media screen and (max-width: 768px) {
  .bestList-item {
    gap: 35px;
  }
}

.bestList-item {
  position: relative;
  background-color: var(--color-grayish-blue);
  border-radius: clamp(5px,calc(10vw / 10),10px);
  padding: 35px clamp(30px,calc(100vw / 10),100px) clamp(22px,calc(35vw / 7.68),35px);
}
@media screen and (max-width: 768px) {
  .bestList-item {
padding: 35px 10px 22px;
  }
}

.bestList-item-title {
  width: 282.8227px;
  height: 40.5948px;
  color: var(--color-white);
  font-weight: 700;
  background-color: var(--color-navy);
  display: grid;
  place-items: center;
  border-radius: clamp(15.77px,calc(20vw / 10),20px);
}

.bestList-item__bestList-item-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
}

.bestList-item-text--1 {
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-gray);
}
@media screen and (max-width: 768px) {
  .bestList-item-text--1 {
    font-size: 20px;
  }
}

.bestList-item-text--2 {
  font-size: 18px;
  font-weight: 500;
  padding-top: clamp(22px,calc(35vw / 7.68),35px);
}
@media screen and (max-width: 768px) {
  .bestList-item-text--2 {
    font-size: 13px;
  }
}

.bestList-item-text--3 {
  font-size: 25px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .bestList-item-text--3 {
    font-size: 18px;
  }
}

.estList-item-text--small {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
.estList-item-text--small {
  font-size: 10px;
}
}

.sloganList {
  display: grid;
  grid-auto-flow: row;
  border-top: 1px solid var(--color-gray);
}

.slogan-awards__sloganList {
  margin-top: clamp(20px,calc(20vw / 10),35px);
}

.sloganList-item {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 3;
  grid-auto-rows: auto;
  gap: 18px;
  align-items: center;
  border-bottom: 1px solid var(--color-gray);
  min-height: 60px;
}
@media screen and (max-width: 768px) {
  .sloganList-item {
    display: grid;
    grid-column: span 2;
    grid-row: span 2;
    gap: 0 10px;
  }
}

.sloganList-item-text {
  display: grid;
  align-items: center;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 768px) {
.sloganList-item-text {
    font-size: 12px;
    min-height: 44px;
    padding: 5px 0;
  }
}

.sloganList-item-text--1 {
  background-color: var(--color-grayish-blue);
  padding: 10px 18px;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .sloganList-item-text--1 {
    font-size: 13px;
    padding: 5px 10px;
    grid-area: 1 / 1 / 2 / 3; 
  }
  .sloganList-item-text--2 {
    padding-left: 10px;
  }
}

.slogan-otherLink {
  display: grid;
  grid-template-columns: repeat(auto-fit , max(450px));
  place-items: center;
  justify-content: center;
  gap: 40px 30px;
  padding-bottom: 50px;
}



/* 18.表彰校（全日本学校歯科保健優良校表彰） */

.excellent-schools__cmn-heading {
  margin-bottom: clamp(30px,calc(55vw / 10),55px);
}

.excellent-schools__cmn-section {
  padding-bottom: 0;
}

.grid-2colList {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit , minmax(350px , 1fr));
  border-top: 1px solid var(--color-gray);
  border-left: 1px solid var(--color-gray);
}
@media screen and (max-width: 768px) {
  .grid-2colList {
    grid-template-columns: 100%;
  }
}

.grid-2colList--mb {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .grid-2colList--mb {
    margin-bottom: 25px;
  }
}

.grid-2colList-item {
  display: grid;
  grid-template-columns: clamp(100px,calc(130vw / 7.68),130px) 1fr;
  grid-auto-rows: minmax(48px, auto);
  border-bottom: 1px solid var(--color-gray);
  border-right: 1px solid var(--color-gray);
}
@media screen and (max-width: 768px) {
  .grid-2colList-item {
    grid-auto-rows: minmax(52.5px, auto);
  }
}


.grid-2colList-item--100 {
    grid-template-columns: 100px 1fr;
}


.grid-2colList-item-text {
  display: grid;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: calc(28 / 16);
}
@media screen and (max-width: 768px) {
  .grid-2colList-item-text {
    font-size: 14px;
  }
}

.grid-2colList-item-text--blue {
  justify-content: center;
  background-color: var(--color-light-blue);
  font-weight: 500;
}

.excellent-schools__kadomaruH3 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .excellent-schools__kadomaruH3 {
    margin: 30px 0 15px;
  }
}

/* 20.行事・会議 */

.events {
  padding-bottom: 50px;
}

.events-dl {
  display: grid;
  gap: clamp(20px,calc(20vw / 7.68),30px);
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  grid-auto-rows: auto;
  place-items: center;
  padding-top: clamp(42px,calc(55vw / 10),55px);
}

/* 21.文部科学省後援事業” 生きる力を育む歯・口の健康づくり推進事業 */
.mext-projects__cmn-heading {
  margin: clamp(35px,calc(75vw / 10),75px) 0;
}

.mext-projects__lead-text {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .mext-projects__lead-text {
    margin-bottom: clamp(25px,calc(35vw / 10),35px);
  }
}

.mext-projects__grid-4colLink ,.mext-projects__grid-2colLink {
  grid-template-columns: repeat(auto-fit , minmax(225px,1fr));
  gap: 28px;
  grid-auto-rows: auto;
  padding-bottom: 0;
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .mext-projects__grid-4colLink {
    gap: 15px 10px;
    grid-template-columns: repeat(auto-fit , minmax(162.5px,1fr));
    margin-bottom: 15px;
    padding-bottom: 0;
  }
}

.mext-projects__grid-2colLink {
    grid-template-columns: repeat(auto-fit , minmax(330px,1fr));
}
@media screen and (max-width: 768px) {
  .mext-projects__grid-2colLink {
    gap: 15px 10px;
    padding-bottom: 15px;
    /* padding-bottom: 0; */
    margin-bottom: 15px;
  }
}

.mext-projects__grid-5colLink {
    margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
.mext-projects__grid-5colLink {
    margin-bottom: 15px;
}
}

.mext-projects__cmn-btn {
  white-space: nowrap;
  max-width: none;
}

.mext-projects__font-1614-text {
  text-align: center;
  margin-bottom: clamp(20px,calc(50vw / 10),50px);
}

.mext-projects-h3 {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.mext-projects-h3 {
  font-size: 16px;
}
}

.mext-projects__mext-projects-h3 {
  position: relative;
  margin-bottom: clamp(25px,calc(35vw / 10),35px);
}

.mext-projects__mext-projects-h3::before {
  content: "●";
  color: var(--color);
  margin-right: 2px;
}

.mext-projects-img {
  max-width: 450px;
}

.mext-projects__mext-projects-img {
  margin: 0 auto;
}

.grid-2colLink--suishinnkou {
  margin-top: clamp(25px,calc(60vw / 10),60px);
}

/* 22.推進校ナウ */

.suishin_now-content__cmn-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: clamp(25px,calc(45vw / 10),45px);
  margin: clamp(40px,calc(70vw / 10),70px) auto clamp(100px,calc(110vw / 10),110px);
}

.suishin__cmn-content {
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .1));
}

.suishin__cmn-content-point {
  display: grid;
  grid-template-columns: auto;
  grid-auto-rows: auto;
  gap: clamp(25px,calc(45vw / 10),45px);
  place-items: center;

}

.suishin_now-pcText {
  position: absolute;
  top: 0;
  left: 45px;
}
@media screen and (max-width: 768px) {
  .suishin_now-pcText {
    display: none;
  }
}

.suishin_now-pcText__font-1614-text {
  margin-bottom: 30px;
}

.suishin_now-pcText-text {
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .suishin_now-container {
      padding: 20px 0;
      background-color: var(--color-grayish-blue);
      border-radius: 10px;
  }
}
@media screen and (min-width: 981px) {
  .suishin_now-container {
    padding: 45px 0;
  }
}

.suishin-history-list {
  display:grid;
  grid-template-columns:1fr;
  gap: 15px;
} 

.suishin_now-text {
  font-weight: 700;
  text-align: center;
}
.suishin_now-text--20 {
  font-size: 20px;
}
.suishin_now-text--18 {
  font-size: 18px;
}
@media screen and (min-width: 981px) {
  .suishin_now-text--20 {
    font-size: 18px;
  }
  .suishin_now-text--18 {
    font-size: 16px;
  }
}

/* 旧サイトより移植した内容 */

.suishin_now__new .suishin_now {
    position: relative;
    height: 883px;
    background-image: url(../img/suishin-now_img_map.png);
    background-repeat: no-repeat;
}

.suishin_now__new .suishin .sub_main {
  background-image: url(../img/suishin-now_img_people-tile-list-04-bg.jpg);
}

.suishin_now__new .suishin .sub_main h2 {
  top: 50px;
  left: 180px;
}

.suishin_now__new .suishin .contents h3,
.suishin_now__new .suishin .contents h4,
.suishin_now__new .suishin .contents h5 {
  color: #3a84bd;
}

.suishin_now__new .suishin .pankuzu li a,
.suishin_now__new .suishin .pankuzu li {
  color: #3a84bd;
}

.suishin_now__new .suishin .tile.is-child {
  display: flex;
  display: -webkit-box; /*--- Android旧ブラウザ用 ---*/
  display: -ms-flexbox; /*--- IE10 ---*/
  display: -webkit-flex; /*--- safari（PC）用 ---*/
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 30px 10px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s ease;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.suishin_now__new .suishin a.tile.is-child:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}

.suishin_now__new .suishin .tile.is-child dl {
  display: block;
  width: 96%;
}

.suishin_now__new .suishin .tile.is-child dl dt {
  text-align: center;
  font-size: 32px;
  margin-bottom: 10px;
  color: #3a84bd;
}

.suishin_now__new .suishin .tile.is-child dl dd {
  text-align: center;
  font-size: 18px;
  color: #323232;
}

@media only screen and (max-width: 480px) {
  .suishin_now__new .tile.is-child dl dt {
    font-size: 24px;
  }

  .suishin_now__new .tile.is-child dl dd {
    font-size: 16px;
  }
}
.suishin_now__new .suishin_news {
  height: 150px;
}

.suishin_now__new .tile.is-child dl dd ul li {
  text-align: left;
}

.suishin_now__new .suishin_news li {
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}

.suishin_now__new .suishin_news li a {
  color: #444;
}

.suishin_now__new .suishin_news li a:hover {
  text-decoration: underline;
}

.suishin_now__new .suishin_news li a span.date {
  font: inherit;
  display: inline-block;
}
.suishin_now__new .suishin_news li a span.new {
  color: #e40707;
  font-weight: bold;
}

.suishin_now__new .suishin article.tile.is-child {
  box-sizing: border-box;
  transition: all 0.1s ease;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.suishin_now__new .suishin a.tile.is-child:hover {
  background-color: #3a84bd;
}

.suishin_now__new .suishin a.tile.is-child:hover dl dt {
  color: #fff;
}

.suishin_now__new .suishin a.tile.is-child:hover dl dd {
  color: #fff;
}

.suishin_now__new .tile_suishin_now {
  background-image: url(../img/suishin-now_img_map-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease;
  background-size: 190px;
}

.suishin_now__new .tile_suishin_now:hover {
  background-size: 210px;
}

@media screen and (max-width: 768px) {
  .suishin_now__new .tile_suishin_now {
    background-size: contain;
  }

  .suishin_now__new .tile_suishin_now:hover {
    background-size: contain;
  }
}

.suishin_now__new .tile_suishin_leaflet {
  background-image: url(../img/suishin-now_img_leaflet-bg.png);
  background-repeat: no-repeat;
  background-position: right;
  transition: all 0.3s ease;
  background-size: 200px;
}

.suishin_now__new .tile_suishin_leaflet:hover {
  background-size: 220px;
}

.suishin_now__new .suishin .tile.is-child.tile_suishin_leaflet dl dt,
.suishin_now__new .suishin .tile.is-child.tile_suishin_leaflet dl dd {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .suishin_now__new .tile_suishin_leaflet {
    background-size: contain;
  }

  .suishin_now__new .tile_suishin_leaflet:hover {
    background-size: contain;
  }
  .suishin_now__new .suishin .tile.is-child.tile_suishin_leaflet dl dt,
  .suishin_now__new .suishin .tile.is-child.tile_suishin_leaflet dl dd {
    text-align: center;
  }
}

.suishin_now__new .suishin .contents h3 {
  color: #3a84bd;
}

.suishin_now__new .suishin_now_list {
  margin-bottom: 20px;
  width: 500px;
  display: block;
}

.suishin_now__new .suishin_now_list dt {
  font-size: 18px;
  color: #3a84bd;
  display: block;
  border-bottom: 1px solid #3a84bd;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.suishin_now__new .suishin_now_txt {
  margin-bottom: 30px;
}

.suishin_now__new .blank:after {
  content: url(../img/suishin-now_icon_blank.png);
  transition: all 0.3s ease;
}

.suishin_now__new #all .blank:after {
  content: url(../img/suishin-now_icon_blank-all.png);
}

.suishin_now__new #member .blank:after {
  content: url(../img/suishin-now_icon_blank-member.png);
}

.suishin_now__new .pdf_icon {
  vertical-align: middle;
  margin: 0 3px;
}

.suishin_now__new .suishin a.link_txt {
  color: #3a84bd;
  text-decoration: underline;
}

.suishin_now__new .prefectures_list li {
  position: absolute;
}
.suishin_now__new * {
  zoom: 1;
}
.suishin_now__new .prefectures_list li > a ,.suishin_now__new .prefectures_list li > div > a {
  color: #ffe57b;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000,
    -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.suishin_now__new .prefectures_list li > .nolink  ,.suishin_now__new .prefectures_list li > div > .nolink {
  text-shadow: none !important;
  color: #444 !important;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff,
    -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff !important;
}

.suishin_now__new .invisible {
  display: none;
}

.hukidashi_box--new {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: auto;
  gap: 30px;
}

.suishin_now__new p.hukidashi_box ,.suishin_now__new .hukidashi_box {
  margin: 0;
  padding: 20px;
  width: 250px;
  background-color: #fff;
  color: #444;
  border: 3px solid #3a84bd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  min-height: 30px;
  top: 100px;
  left: 20px;
  position: absolute;
  z-index: 900;
}

.suishin_now__new p.hukidashi_box span ,.suishin_now__new .hukidashi_box span {
  display: block;
  color: #3a84bd;
  margin-bottom: 5px;
  border-bottom: 1px solid #3a84bd;
  font-weight: bold;
  font-size: 18px;
}

.suishin_now__new p.hukidashi_box a.hukidashi_box_link2 ,.suishin_now__new .hukidashi_box a.hukidashi_box_link2 {
  color: #3a84bd;
  text-decoration: underline;
  text-shadow: none;
  font-weight: normal;
  font-size: 14px;
  word-break: break-all;
  display: block;
}
.suishin_now__new .mt10 {
  margin-top: 10px;
}

.suishin_now__new p.hukidashi_box a.hukidashi_box_link ,.suishin_now__new .hukidashi_box a.hukidashi_box_link {
  color: #3a84bd;
  text-decoration: underline;
  text-shadow: none;
  font-weight: normal;
  font-size: 14px;
}

.suishin_now__new p.hukidashi_box a.hukidashi_box_link:after ,.suishin_now__new .hukidashi_box a.hukidashi_box_link:after {
  content: url(../img/suishin-now_icon_pdf.gif);
  margin-left: 5px;
}

.suishin_now__new .prefectures_01 {
  top: 133px;
  left: 730px;
}
.suishin_now__new .prefectures_02 {
  top: 299px;
  left: 629px;
}
.suishin_now__new .prefectures_03 {
  top: 373px;
  left: 665px;
}
.suishin_now__new .prefectures_04 {
  top: 446px;
  left: 649px;
}
.suishin_now__new .prefectures_05 {
  top: 365px;
  left: 598px;
}
.suishin_now__new .prefectures_06 {
  top: 425px;
  left: 584px;
}
.suishin_now__new .prefectures_07 {
  top: 502px;
  left: 624px;
}
.suishin_now__new .prefectures_08 {
  top: 576px;
  left: 623px;
}
.suishin_now__new .prefectures_09 {
  top: 544px;
  left: 595px;
}
.suishin_now__new .prefectures_10 {
  top: 547px;
  left: 535px;
}
.suishin_now__new .prefectures_11 {
  top: 578px;
  left: 553px;
}
.suishin_now__new .prefectures_12 {
  top: 614px;
  left: 633px;
}
.suishin_now__new .prefectures_13 {
  top: 602px;
  left: 570px;
}
.suishin_now__new .prefectures_14 {
  top: 627px;
  left: 561px;
}
.suishin_now__new .prefectures_15 {
  top: 507px;
  left: 526px;
}
.suishin_now__new .prefectures_16 {
  top: 548px;
  left: 451px;
}
.suishin_now__new .prefectures_17 {
  top: 505px;
  left: 425px;
}
.suishin_now__new .prefectures_18 {
  top: 580px;
  left: 392px;
}
.suishin_now__new .prefectures_19 {
  top: 605px;
  left: 514px;
}
.suishin_now__new .prefectures_20 {
  top: 576px;
  left: 499px;
}
.suishin_now__new .prefectures_21 {
  top: 597px;
  left: 447px;
}
.suishin_now__new .prefectures_22 {
  top: 650px;
  left: 519px;
}
.suishin_now__new .prefectures_23 {
  top: 641px;
  left: 457px;
}
.suishin_now__new .prefectures_24 {
  top: 668px;
  left: 434px;
}
.suishin_now__new .prefectures_25 {
  top: 630px;
  left: 411px;
}
.suishin_now__new .prefectures_26 {
  top: 616px;
  left: 367px;
}
.suishin_now__new .prefectures_27 {
  top: 668px;
  left: 378px;
}
.suishin_now__new .prefectures_28 {
  top: 644px;
  left: 351px;
}
.suishin_now__new .prefectures_29 {
  top: 693px;
  left: 400px;
}
.suishin_now__new .prefectures_30 {
  top: 727px;
  left: 383px;
}
.suishin_now__new .prefectures_31 {
  top: 616px;
  left: 299px;
}
.suishin_now__new .prefectures_32 {
  top: 637px;
  left: 232px;
}
.suishin_now__new .prefectures_33 {
  top: 650px;
  left: 299px;
}
.suishin_now__new .prefectures_34 {
  top: 672px;
  left: 253px;
}
.suishin_now__new .prefectures_35 {
  top: 684px;
  left: 174px;
}
.suishin_now__new .prefectures_36 {
  top: 712px;
  left: 330px;
}
.suishin_now__new .prefectures_37 {
  top: 684px;
  left: 305px;
}
.suishin_now__new .prefectures_38 {
  top: 716px;
  left: 245px;
}
.suishin_now__new .prefectures_39 {
  top: 742px;
  left: 285px;
}
.suishin_now__new .prefectures_40 {
  top: 712px;
  left: 155px;
}
.suishin_now__new .prefectures_41 {
  top: 736px;
  left: 105px;
}
.suishin_now__new .prefectures_42 {
  top: 767px;
  left: 97px;
}
.suishin_now__new .prefectures_43 {
  top: 785px;
  left: 147px;
}
.suishin_now__new .prefectures_44 {
  top: 744px;
  left: 202px;
}
.suishin_now__new .prefectures_45 {
  top: 804px;
  left: 205px;
}
.suishin_now__new .prefectures_46 {
  top: 844px;
  left: 133px;
}
.suishin_now__new .prefectures_47 {
  top: 747px;
  left: 738px;
}

.suishin_now__new .past_suishin {
  background-color: #fff;
  padding: 20px;
  margin-top: 30px;
}

.suishin_now__new .past_suishin dt {
  color: #3a84bd;
  border-bottom: 1px solid #3a84bd;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 5px;
}

.suishin_now__new .past_suishin ul {
  overflow: hidden;
}

.suishin_now__new .past_suishin li {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

.suishin_now__new .past_suishin li:nth-child(3n) {
  margin-right: 0px;
}

.suishin_now__new .past_suishin li a {
  color: #3a84bd;
  padding-left: 20px;
  position: relative;
}

.suishin_now__new .past_suishin li a:hover {
  text-decoration: underline;
}

.suishin_now__new .past_suishin li a:before {
  content: "▲";
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  position: absolute;
  left: 0px;
  top: 0px;
}

@media screen and (max-width: 980px) {
  .suishin_now__new .suishin_now_list {
    width: auto;
  }

  .suishin_now__new .suishin_now {
    width: 768px;
    margin: 0 auto;
    height: 900px;
    /* background: url(../img/suishin-now_img_map.png) no-repeat; */
    background-image: url(../img/suishin-now_img_map.png);
    background-repeat: no-repeat;
    position: relative;
    background-size: 768px;
    background-position: center top 200px;
  }

  .suishin_now__new .suishin_now.past {
    height: 800px;
    background-position: center top 100px;
  }

  .suishin_now__new .prefectures_list li a {
    font-size: 14px;
  }

   .suishin_now__new .prefectures_01 {
    top: 300px;
    left: 564px;
  }
  .suishin_now__new .prefectures_02 {
    top: 437px;
    left: 493px;
  }
  .suishin_now__new .prefectures_03 {
    top: 489px;
    left: 517px;
  }
  .suishin_now__new .prefectures_04 {
    top: 551px;
    left: 506px;
  }
  .suishin_now__new .prefectures_05 {
    top: 483px;
    left: 467px;
  }
  .suishin_now__new .prefectures_06 {
    top: 537px;
    left: 460px;
  }
  .suishin_now__new .prefectures_07 {
    top: 593px;
    left: 481px;
  }
  .suishin_now__new .prefectures_08 {
    top: 643px;
    left: 491px;
  }
  .suishin_now__new .prefectures_09 {
    top: 622px;
    left: 471px;
  }
  .suishin_now__new .prefectures_10 {
    top: 628px;
    left: 424px;
  }
  .suishin_now__new .prefectures_11 {
    top: 653px;
    left: 441px;
  }
  .suishin_now__new .prefectures_12 {
    top: 678px;
    left: 494px;
  }
  .suishin_now__new .prefectures_13 {
    top: 673px;
    left: 446px;
  }
  .suishin_now__new .prefectures_14 {
    top: 693px;
    left: 436px;
  }
  .suishin_now__new .prefectures_15 {
    top: 596px;
    left: 407px;
  }
  .suishin_now__new .prefectures_16 {
    top: 630px;
    left: 362px;
  }
  .suishin_now__new .prefectures_17 {
    top: 602px;
    left: 329px;
  }
  .suishin_now__new .prefectures_18 {
    top: 659px;
    left: 310px;
  }
  .suishin_now__new .prefectures_19 {
    top: 673px;
    left: 399px;
  }
  .suishin_now__new .prefectures_20 {
    top: 651px;
    left: 394px;
  }
  .suishin_now__new .prefectures_21 {
    top: 674px;
    left: 354px;
  }
  .suishin_now__new .prefectures_22 {
    top: 711px;
    left: 407px;
  }
  .suishin_now__new .prefectures_23 {
    top: 701px;
    left: 362px;
  }
  .suishin_now__new .prefectures_24 {
    top: 722px;
    left: 329px;
  }
  .suishin_now__new .prefectures_25 {
    top: 699px;
    left: 320px;
  }
  .suishin_now__new .prefectures_26 {
    top: 678px;
    left: 283px;
  }
  .suishin_now__new .prefectures_27 {
    top: 723px;
    left: 281px;
  }
  .suishin_now__new .prefectures_28 {
    top: 701px;
    left: 274px;
  }
  .suishin_now__new .prefectures_29 {
    top: 746px;
    left: 311px;
  }
  .suishin_now__new .prefectures_30 {
    top: 770px;
    left: 307px;
  }
  .suishin_now__new .prefectures_31 {
    top: 680px;
    left: 229px;
  }
  .suishin_now__new .prefectures_32 {
    top: 692px;
    left: 174px;
  }
  .suishin_now__new .prefectures_33 {
    top: 707px;
    left: 231px;
  }
  .suishin_now__new .prefectures_34 {
    top: 728px;
    left: 192px;
  }
  .suishin_now__new .prefectures_35 {
    top: 727px;
    left: 132px;
  }
  .suishin_now__new .prefectures_36 {
    top: 758px;
    left: 258px;
  }
  .suishin_now__new .prefectures_37 {
    top: 738px;
    left: 234px;
  }
  .suishin_now__new .prefectures_38 {
    top: 759px;
    left: 186px;
  }
  .suishin_now__new .prefectures_39 {
    top: 785px;
    left: 219px;
  }
  .suishin_now__new .prefectures_40 {
    top: 750px;
    left: 102px;
  }
  .suishin_now__new .prefectures_41 {
    top: 772px;
    left: 76px;
  }
  .suishin_now__new .prefectures_42 {
    top: 797px;
    left: 69px;
  }
  .suishin_now__new .prefectures_43 {
    top: 812px;
    left: 111px;
  }
  .suishin_now__new .prefectures_44 {
    top: 781px;
    left: 149px;
  }
  .suishin_now__new .prefectures_45 {
    top: 828px;
    left: 151px;
  }
  .suishin_now__new .prefectures_46 {
    top: 865px;
    left: 99px;
  }
  .suishin_now__new .prefectures_47 {
    top: 783px;
    left: 572px;
  }

  .suishin_now__new .past .prefectures_01 {
    top: 0px;
    left: 564px;
  }
  .suishin_now__new .past .prefectures_02 {
    top: 137px;
    left: 493px;
  }
  .suishin_now__new .past .prefectures_03 {
    top: 189px;
    left: 517px;
  }
  .suishin_now__new .past .prefectures_04 {
    top: 251px;
    left: 506px;
  }
  .suishin_now__new .past .prefectures_05 {
    top: 183px;
    left: 467px;
  }
  .suishin_now__new .past .prefectures_06 {
    top: 237px;
    left: 460px;
  }
  .suishin_now__new .past .prefectures_07 {
    top: 293px;
    left: 481px;
  }
  .suishin_now__new .past .prefectures_08 {
    top: 343px;
    left: 491px;
  }
  .suishin_now__new .past .prefectures_09 {
    top: 322px;
    left: 471px;
  }
  .suishin_now__new .past .prefectures_10 {
    top: 328px;
    left: 424px;
  }
  .suishin_now__new .past .prefectures_11 {
    top: 353px;
    left: 441px;
  }
  .suishin_now__new .past .prefectures_12 {
    top: 378px;
    left: 494px;
  }
  .suishin_now__new .past .prefectures_13 {
    top: 373px;
    left: 446px;
  }
  .suishin_now__new .past .prefectures_14 {
    top: 393px;
    left: 436px;
  }
  .suishin_now__new .past .prefectures_15 {
    top: 296px;
    left: 407px;
  }
  .suishin_now__new .past .prefectures_16 {
    top: 330px;
    left: 362px;
  }
  .suishin_now__new .past .prefectures_17 {
    top: 302px;
    left: 329px;
  }
  .suishin_now__new .past .prefectures_18 {
    top: 359px;
    left: 310px;
  }
  .suishin_now__new .past .prefectures_19 {
    top: 373px;
    left: 399px;
  }
  .suishin_now__new .past .prefectures_20 {
    top: 351px;
    left: 394px;
  }
  .suishin_now__new .past .prefectures_21 {
    top: 374px;
    left: 354px;
  }
  .suishin_now__new .past .prefectures_22 {
    top: 411px;
    left: 407px;
  }
  .suishin_now__new .past .prefectures_23 {
    top: 401px;
    left: 362px;
  }
  .suishin_now__new .past .prefectures_24 {
    top: 422px;
    left: 329px;
  }
  .suishin_now__new .past .prefectures_25 {
    top: 399px;
    left: 320px;
  }
  .suishin_now__new .past .prefectures_26 {
    top: 378px;
    left: 283px;
  }
  .suishin_now__new .past .prefectures_27 {
    top: 423px;
    left: 281px;
  }
  .suishin_now__new .past .prefectures_28 {
    top: 401px;
    left: 274px;
  }
  .suishin_now__new .past .prefectures_29 {
    top: 446px;
    left: 311px;
  }
  .suishin_now__new .past .prefectures_30 {
    top: 470px;
    left: 307px;
  }
  .suishin_now__new .past .prefectures_31 {
    top: 380px;
    left: 229px;
  }
  .suishin_now__new .past .prefectures_32 {
    top: 392px;
    left: 174px;
  }
  .suishin_now__new .past .prefectures_33 {
    top: 407px;
    left: 231px;
  }
  .suishin_now__new .past .prefectures_34 {
    top: 428px;
    left: 192px;
  }
  .suishin_now__new .past .prefectures_35 {
    top: 427px;
    left: 132px;
  }
  .suishin_now__new .past .prefectures_36 {
    top: 458px;
    left: 258px;
  }
  .suishin_now__new .past .prefectures_37 {
    top: 438px;
    left: 234px;
  }
  .suishin_now__new .past .prefectures_38 {
    top: 459px;
    left: 186px;
  }
  .suishin_now__new .past .prefectures_39 {
    top: 485px;
    left: 219px;
  }
  .suishin_now__new .past .prefectures_40 {
    top: 450px;
    left: 102px;
  }
  .suishin_now__new .past .prefectures_41 {
    top: 472px;
    left: 76px;
  }
  .suishin_now__new .past .prefectures_42 {
    top: 497px;
    left: 69px;
  }
  .suishin_now__new .past .prefectures_43 {
    top: 512px;
    left: 111px;
  }
  .suishin_now__new .past .prefectures_44 {
    top: 481px;
    left: 149px;
  }
  .suishin_now__new .past .prefectures_45 {
    top: 528px;
    left: 151px;
  }
  .suishin_now__new .past .prefectures_46 {
    top: 565px;
    left: 99px;
  }
  .suishin_now__new .past .prefectures_47 {
    top: 483px;
    left: 572px;
  }
}

.suishin_now__new .prefectures_list_sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .suishin_now__new .prefectures_list {
    display: none;
  }

  .suishin_now__new .prefectures_list_sp {
    display: block;
    margin-top: 20px;
    border: 1px solid var(--color-light-gray);
  }

  .suishin_now__new .prefectures_list_sp li {
    position: static;
  }

  .suishin_now__new .prefectures_list_sp li a {
    color: #444;
    font-size: 18px;
    font-weight: normal;
    text-shadow: none;
    display: block;
    padding: 10px 20px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
  }

  .suishin_now__new .prefectures_list_sp li a.nolink {
    color: #ddd !important;
  }

  .suishin_now__new .suishin_now {
    width: 100%;
    margin: 0 auto;
    height: auto;
    background: none;
    position: relative;
  }

  .suishin_now__new .suishin_now.past {
    height: auto;
  }

  .suishin_now__new p.hukidashi_box ,  .suishin_now__new .hukidashi_box {
    margin: 0;
    padding: 20px;
    width: auto;
    background-color: #f7f7f7;
    border: 10px solid #fff;
    color: #444;
    border-radius: 0px;
    -moz-border-radius: 0px;
    box-sizing: border-box;
    min-height: 30px;
    position: static;
    z-index: 900;
  }

  .suishin_now__new p.hukidashi_box span ,  .suishin_now__new .hukidashi_box span {
    display: block;
    color: #3a84bd;
    margin-bottom: 5px;
    border-bottom: 1px solid #3a84bd;
    font-weight: bold;
    font-size: 18px;
  }

  .suishin_now__new .mt10 {
    margin-top: 10px;
  }

  .suishin_now__new p.hukidashi_box a.hukidashi_box_link ,  .suishin_now__new .hukidashi_box a.hukidashi_box_link {
    color: #fff;
    background-color: #3a84bd;
    text-decoration: none;
    text-shadow: none;
    font-weight: normal;
    font-size: 14px;
  }

  .suishin_now__new p.hukidashi_box a.hukidashi_box_link:after ,.suishin_now__new .hukidashi_box a.hukidashi_box_link:after {
    content: url(../img/pdf_icon.gif);
    margin-left: 5px;
  }
}

/* 21.大会 */

.contest-container {
  display: grid;
  grid-template-columns: auto;
  grid-auto-rows: auto;
  gap: 45px;
}
@media screen and (max-width: 768px) {
  .contest-container {
    gap: 15px;
  }
}

.contest-container__cmn-content {
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .contest-container__cmn-content {
    margin-top: 50px;
  }
}

.download88thList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: auto;
  gap: 10px;
  place-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
.download88thList {
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
}
}

.download88thList__img {
  object-fit: cover;
  width: 100%;
  height: 200px;
}
@media screen and (max-width: 768px) {
.download88thList__img {
  height: 114px;
}
}

/* Custom Video Modal Styles */
.custom-modal {
  display: none; /* Initially hidden */
  position: fixed;
  z-index: 10001; /* Ensure it's above Lightbox (Lightbox is typically 10000) */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.custom-modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.85); /* Darker overlay */
}

.custom-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000; /* Match video player background */
  padding: 0;
  width: 90%; /* Responsive width */
  max-width: 960px; /* Max width for the video container */
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* Responsive iframe container to maintain aspect ratio */
.custom-modal-iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (height/width * 100) */
  height: 0;
  overflow: hidden;
  background-color: #000; /* Fallback background */
}

.custom-modal-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.custom-modal-close {
  color: #ccc;
  position: absolute;
  top: -35px; /* Positioned above the video content area */
  right: -5px; /* Adjusted for better placement */
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  transition: color 0.3s ease;
  z-index: 10002; /* Above modal content if needed, but usually fine */
}

.custom-modal-close:hover,
.custom-modal-close:focus {
  color: #fff;
  text-decoration: none;
}

 .contest__cmn-content__heading {
  margin-bottom: 10px;
 }

 .contest-text-list--nagasaki {
  margin-bottom: clamp(20px,calc(45vw / 10),45px);
 }

.contest-text-list-item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-auto-rows: auto;
  padding: 13px 0;
  border-bottom: 1px solid var(--color-gray);
}

.contest-text-list-item-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
.contest-text-list-item-text {
  font-size: 14px;
}
}

.contest-text-list-item-text--navy {
  color: var(--color-dull-blue);
}

.hamigakitaikai_cmn-container {
  display: grid;
  grid-template-columns: auto;
  grid-auto-rows: auto;
  gap: clamp(30px,calc(55vw / 10),55px);
  margin-bottom: 50px;
}

/* 22.告示・通知など */

.announcements__grid-4colLink {
  margin-top: clamp(30px,calc(60vw / 10),60px);
}

.announcements__cmn-post-list {
    margin-top: clamp(15px,calc(40vw / 10),40px);
}

/* 25 出版物・教材 */
.publications-top {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .publications-top {
    padding-bottom: 15px;
  }
}

.publications {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .publications {
    padding-bottom: 30px;
  }
}
.publications__publications-list {
  margin-top: 115px;
}
@media screen and (max-width: 768px) {
  .publications__publications-list {
    margin-top: 0;
  }
}
.publications__heading {
  border-radius: 20px;
  margin: 90px auto 0;
  max-width: 460px;
  background-color: var(--color-navy);
  text-align: center;
  color: var(--color-white);
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .publications__heading {
    border-radius: 16px;
    margin-top: 55px;
    font-size: 16px;
  }
}

.publications-lead__text {
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .publications-lead__text{
    margin-top: 25px;
  }
}
.publications-lead__cmn-btn-wrap {
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .publications-lead__cmn-btn-wrap {
    margin-top: 25px;
  }
}
.publications-lead__cmn-btn {
  margin: 55px auto 0;
}
@media screen and (max-width: 768px) {
  .publications-lead__cmn-btn {
    margin-top: 15px;
  }
}

.publications-list__item {
  margin-top: 40px;
  min-height: 333px;
}
@media screen and (max-width: 768px) {
  .publications-list__item {
    margin-top: 35px;
    min-height: auto;
  }
}
@media screen and (min-width: 769px) {
  .publications-list__item:not(:first-of-type) {
    padding-top: 40px;
    border-top: 1px solid var(--color-light-gray);
  }
}

.publications-info {
  position: relative;
  padding-left: 245px;
}
@media screen and (max-width: 768px) {
  .publications-info {
    padding-left: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-light-gray);
  }
}
.publications-info__content {
  padding: 25px;
  border-radius: 10px;
  margin-top: 15px;
  background-color: var(--color-grayish-blue);
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .publications-info__content {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-radius: 5px;
    font-size: 14px;
  }
}
.publications-info__publications-spec {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .publications-info__publications-spec {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .publications-heading {
    display: flex;
    align-items: flex-start;
  }
}
.publications-heading__thmb {
  position: absolute;
  top: 0;
  left: 0;
  width: 190px;
}
@media screen and (max-width: 768px) {
  .publications-heading__thmb {
    position: static;
    width: 100%;
    max-width: 123px;
  }
}
.publications-heading__thmb-inner {
  width: 100%;
  height: 255px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
.publications-heading__thmb-inner {
    margin: 0 auto;
    width: 71%;
    height: 124px;
  }
}
.publications-heading__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.publications-heading__sale-icon {
  border-radius: 6px;
  margin-top: 8px;
  background-color: var(--color-navy);
  text-align: center;
  color: var(--color-white);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .publications-heading__sale-icon {
    border-radius: 4px;
    font-size: 11px;
  }
}
.publications-heading__title {
  font-size: 25px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .publications-heading__title {
    margin-left: 20px;
    font-size: 16px;
  }
}
.publications-heading__new-icon {
  display: inline-block;
  padding: 0 15px;
  border-radius: 15px;
  margin-right: 10px;
  background-color: var(--color-navy);
  text-align: center;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .publications-heading__new-icon {
    display: block;
    border-radius: 13px;
    margin-right: 0;
    margin-bottom: 5px;
    max-width: 74px;
    font-size: 14px;
  }
}

.publications-spec {
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .publications-spec {
    font-size: 13px;
  }
}
.publications-spec__term {
  width: 3.5em;
  color: var(--color-navy);
  font-weight: 700;
}
.publications-spec__term--head,
.publications-spec__description--head {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-light-gray);
  margin-bottom: 10px;
  font-size: 16px;  
}
@media screen and (max-width: 768px) {
  .publications-spec__term--head,
  .publications-spec__description--head {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 14px;  
  }
}
.publications-spec__term--head {
  width: 5.25em;
}
.publications-spec__description {
  width: calc(100% - 3.5em);
}
.publications-spec__description--head {
  width: calc(100% - 5.25em);
}

.publications-contact {
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .publications-contact {
    padding-bottom: 10px;
  }
}
.publications-contact__cmn-content {
  padding-top: 55px;
  padding-bottom: 35px;
  margin-top: 76px;
}
@media screen and (max-width: 768px) {
  .publications-contact__cmn-content {
    padding-top: 30px;
    margin-top: 30px;
  }
}

.publications-teaching {
  padding-bottom: 0;
}
.publications-teaching__publications-lead {
  margin-bottom: 45px;
}
.publications-teaching__cmn-accordion-switch {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .publications-teaching__cmn-accordion-switch {
    margin-top: 20px;
  }
}
.publications-teaching__publications-list {
  padding-bottom: 60px;
  border-top: 1px solid var(--color-light-gray);
  border-bottom: 1px solid var(--color-light-gray);
  margin-top: 57px;
}
@media screen and (max-width: 768px) {
  .publications-teaching__publications-list {
    padding-bottom: 0;
    border-bottom: none;
    margin-top: 45px;
  }
}

.publications-class {
  padding-bottom: 146px;
}
@media screen and (max-width: 768px) {
  .publications-class {
    padding-bottom: 118px;
  }
}
.publications-class__cmn-description {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .publications-class__cmn-description {
    margin-top: 35px;
  }
}
.publications-class__publications-class-bnr {
  margin: 94px auto 0;
}
@media screen and (max-width: 768px) {
  .publications-class__publications-class-bnr {
    margin-top: 43px;
  }
}

.publications-class-bnr{
  display: block;
  max-width: 600px;
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .1));
}

/* 30 歯・口の健康教室 */
.health-class-top {
  padding-bottom: 20px;
}
.health-class-top__text {
  margin-top: 25px;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .health-class-top__text {
    margin-top: 0;
    font-size: 14px;
  }
}
.health-class-top__cmn-anker-list {
  margin: 50px auto 0;
  max-width: 742px;
}
@media screen and (max-width: 768px) {
  .health-class-top__cmn-anker-list {
    margin-top: 30px;
  }
}

.health-class-checkup {
  padding-bottom: 55px;
}
@media screen and (max-width: 768px) {
  .health-class-checkup {
    padding-bottom: 20px;
  }
}
.health-class-checkup__cmn-text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .health-class-checkup__cmn-text {
    margin-top: 30px;
  }
}
.health-class-checkup__cmn-content {
  padding-top: 40px;
  padding-bottom: 35px;
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .health-class-checkup__cmn-content {
    padding-top: 30px;
    padding-bottom: 20px;
    margin-top: 85px;
  }
}
.health-class-checkup__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 40px;
  margin: 50px auto 0;
  max-width: 940px;
}
@media screen and (max-width: 768px) {
  .health-class-checkup__btns {
    justify-content: center;
    margin-top: 40px;
    max-width: 940px;
  }
}

.health-class-jaw {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .health-class-jaw {
    padding-bottom: 20px;
  }
}
.health-class-jaw__cmn-text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .health-class-jaw__cmn-text {
    margin-top: 30px;
  }
}
.health-class-jaw__cmn-accordion-switch {
  margin-top: 15px;
}

.health-class-judge {
  padding: 20px;
  border: 1px solid var(--color);
  width: 216px;
}
@media screen and (max-width: 768px) {
  .health-class-judge {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
    padding-top: 25px;
    padding-right: 10px;
    padding-bottom: 25px;
    padding-left: 10px;
    width: 100%;
    font-size: 14px;
  }
}
.health-class-judge__block {
  display: flex;
}
.health-class-judge__number {
  position: relative;
  margin-right: 2em;
}
.health-class-judge__number::before,
.health-class-judge__number::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.health-class-judge__number::before {
  left: calc(100% + .5em);
  width: 10px;
  height: 7px;
  background-color: var(--color);
}
@media screen and (max-width: 768px) {
  .health-class-judge__number::before {
    width: 8px;
    height: 6px;
  }
}
.health-class-judge__number::after {
  left: calc(100% + (.5em + 10px));
  border-top: 8px solid transparent;
  border-left: 8px solid var(--color);
  border-bottom: 8px solid transparent;
  width: 0;
  height: 0;
}
@media screen and (max-width: 768px) {
  .health-class-judge__number::after {
    left: calc(100% + (.5em + 8px));
    border-top-width: 7px;
    border-left-width: 7px;
    border-bottom-width: 7px;
  }
}
.health-class-judge__number--minw1-5em {
  min-width: 1.5em;
}

.health-class-plaque {
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .health-class-plaque {
    padding-bottom: 25px;
  }
}
.health-class-plaque__cmn-text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .health-class-plaque__cmn-text {
    margin-top: 30px;
  }
}

.health-class-gum {
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .health-class-gum {
    padding-bottom: 20px;
  }
}
.health-class-gum__cmn-text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .health-class-gum__cmn-text {
    margin-top: 30px;
  }
}

.health-class-tooth {
  padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
  .health-class-tooth {
    padding-bottom: 80px;
  }
}
.health-class-tooth__cmn-text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .health-class-tooth__cmn-text {
    margin-top: 30px;
  }
}

/* 32 生涯研修制度 */
.life-long-training-top {
  padding: 70px 0 50px;
}
@media screen and (max-width: 768px) {
  .life-long-training-top {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.life-long-training-top__cmn-btn {
  margin: 55px auto 0;
}
@media screen and (max-width: 768px) {
  .life-long-training-top__cmn-btn {
    margin-top: 25px;
  }
}

.life-long-training-overview {
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .life-long-training-overview {
    padding-bottom: 20px;
  }
}
.life-long-training-overview__cmn-content {
  padding-top: 50px;
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .life-long-training-overview__cmn-content {
    padding-top: 30px;
    margin-top: 65px;
  }
}
.life-long-training-overview__cmn-content:not(:first-of-type) {
  margin-top: 130px;
}
@media screen and (max-width: 768px) {
  .life-long-training-overview__cmn-content:not(:first-of-type) {
    margin-top: 100px;
  }
}
.life-long-training-overview__cmn-point {
  margin-top: 25px;
}

.life-long-training-roster {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .life-long-training-roster {
    padding-bottom: 20px;
  }
}
.life-long-training-roster__cmn-point {
  padding-bottom: 70px;
  border-bottom: 1px solid var(--color-light-gray);
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .life-long-training-roster__cmn-point {
    padding-bottom: 30px;
    margin-top: 30px;
  }
}

.life-long-training-roster-list {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
  gap: 10px 45px;
}
@media screen and (max-width: 768px) {
  .life-long-training-roster-list {
    gap: 5px 40px;
    width: calc(100% - 14px);
    font-size: 14px;
  }
}
.life-long-training-roster-list__link {
  position: relative;
  padding-left: 15px;
  text-decoration: underline;
  color: var(--color-navy);
}
@media screen and (max-width: 768px) {
  .life-long-training-roster-list__link {
    padding-left: 14px;
  }
}
.life-long-training-roster-list__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: .5em;
  border-top: 2px solid var(--color);
  border-right: 2px solid var(--color);
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .life-long-training-roster-list__link::before {
    width: 7px;
    height: 7px;
  }
}

.life-long-training-video {
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .life-long-training-video {
    padding-bottom: 20px;
  }
}
.life-long-training-video__cmn-text {
  margin: 40px 0 45px;
}
@media screen and (max-width: 768px) {
  .life-long-training-video__cmn-text {
    margin-top: 30px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 768px) {
  .life-long-training-video__life-long-training-table {
    margin-top: 20px;
  }
}

.life-long-training-table {
  display: grid;
  grid-template-rows: 50px 1fr;
  grid-template-columns: 30% 20% 30% 20%;
  border: 1px solid var(--color-gray);
}
@media screen and (max-width: 768px) {
  .life-long-training-table {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .life-long-training-table:not(:first-of-type) {
    border-top: none;
    grid-template-rows: 1fr;
  }
}
.life-long-training-table__term {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-row: 1;
  padding: 10px;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .life-long-training-table__term {
    border-right: 1px solid var(--color-gray);
    width: 105px;
  }
}
.life-long-training-table__term:nth-of-type(1) {
  grid-column: 1;
  background-color: var(--color-light30);
}
.life-long-training-table__term:nth-of-type(2) {
  grid-column: 2;
  background-color: var(--color-grayish-blue);
}
.life-long-training-table__term:nth-of-type(3) {
  grid-column: 3;
}
.life-long-training-table__term:nth-of-type(4) {
  grid-column: 4;
  background-color: var(--color-grayish-blue);
}
@media screen and (max-width: 768px) {
  .life-long-training-table__term--empty {
    display: none;
  }
}
.life-long-training-table__description {
  grid-row: 2;
  padding: 15px 20px;
  border-top: 1px solid var(--color-gray);
}
@media screen and (max-width: 768px) {
  .life-long-training-table__description {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-top: none;
    width: calc(100% - 105px);
  }
}
.life-long-training-table__description:nth-of-type(1) {
  grid-column: 1;
  background-color: var(--color-light30);
}
.life-long-training-table__description:nth-of-type(2) {
  grid-column: 2;
  background-color: var(--color-grayish-blue);
}
.life-long-training-table__description:nth-of-type(3) {
  grid-column: 3;
}
.life-long-training-table__description:nth-of-type(4) {
  grid-column: 4;
  background-color: var(--color-grayish-blue);
}
.life-long-training-table__description--center {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .life-long-training-table__description--center {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .life-long-training-table__description--full-sp {
    width: 100%;
  }
}
.life-long-training-table__description--bt0 {
  border-top: none;
}
.life-long-training-table__link {
  display: block;
  padding: 13px;
  border-radius: 10px;
  margin: 0 auto;
  max-width: 150px;
  background-color: var(--color-navy);
  text-align: center;
  color: var(--color-white);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .life-long-training-table__link {
    border-radius: 9px;
    max-width: 131px;
  }
}

.life-long-training-rule {
  padding-bottom: 190px;
}
@media screen and (max-width: 768px) {
  .life-long-training-rule {
    padding-bottom: 100px;
  }
}
.life-long-training-rule__cmn-btn-wrap {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .life-long-training-rule__cmn-btn-wrap {
    margin-top: 40px;
  }
}

/* 35 専門研修 */
.special-training-about {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .special-training-about {
    padding-bottom: 10px;
  }
}
.special-training-about__cmn-text,
.special-training-schedule__special-training-list,
.special-training-entry__cmn-text,
.special-training-decision__cmn-text,
.special-training-fee__cmn-text,
.special-training-other__pecial-training-article,
.special-training-address__cmn-text,
.special-training-form__cmn-text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .special-training-about__cmn-text,
  .special-training-schedule__special-training-list,
  .special-training-entry__cmn-text,
  .special-training-decision__cmn-text,
  .special-training-fee__cmn-text,
  .special-training-other__pecial-training-article,
  .special-training-address__cmn-text,
  .special-training-form__cmn-text {
    margin-top: 30px;
  }
}
.special-training-about__cmn-content {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .special-training-about__cmn-content {
    margin-top: 55px;
  }
}

.special-training-schedule,
.special-training-entry,
.special-training-detail,
.special-training-fee,
.special-training-other {
  padding-bottom: 10px;
}

.special-training-list {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .special-training-list {
    font-size: 14px;
  }
}
.special-training-list__item {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-light-gray);
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .special-training-list__item {
    padding-bottom: 20px;
  }
}
.special-training-list__em {
  margin-right: 1em;
  color: var(--color-dull-blue);
}
.special-training-list__note {
  margin-left: 2em;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .special-training-list__note {
    display: block;
    margin-top: 1em;
    margin-left: 0;
    font-size: 13px;
  }
}

.special-training-decision {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .special-training-decision {
    padding-bottom: 10px;
  }
}

.special-training-detail__cmn-text {
  margin: 40px 0;
}
.special-training-detail__cmn-content {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .pecial-training-article {
    font-size: 14px;
  }
}
.pecial-training-article__row {
  padding-left: 1em;
  text-indent: -1em;
}

.special-training-address {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .special-training-address {
    padding-bottom: 10px;
  }
}

.special-training-form {
  padding-bottom: 145px;
}
@media screen and (max-width: 768px) {
  .special-training-form {
    padding-bottom: 85px;
  }
}
.special-training-form__cmn-btn {
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .special-training-form__cmn-btn {
    margin-top: 40px;
  }
}

/* 36.よくある質問 */

.qa-head {
  width: 100%;
  background-color: var(--color-navy);
  border-radius: clamp(5px,calc(10vw / 10),10px);
  font-size: 23px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-white);
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  .qa-head {
    font-size: 16px;
    padding: 10px;
  }
}

.qa-head--mt {
  margin-top: clamp(30px,calc(70vw / 10),70px);
}

.qa-for-doctor {
  padding-bottom: 100px;
}

.qa__cmn-btn {
  margin-top: 20px;
}

/* 37.推薦品 */

.recommend-table {
  width: 100%;
  padding-top: clamp(30px,calc(45vw / 10),45px);
}

.recommended__recommend-table {
  margin: 0 auto;
  border-bottom: 1px solid var(--color-gray);
}

.recommend-item {
  min-height: 65px;
  border-bottom: 1px solid var(--color-gray);
  font-size: 16px;
  font-weight: 400;
  line-height: calc(24.5 / 14);
  padding: clamp(15px,calc(20vw / 10),20px) clamp(3px,calc(10vw / 10),10px) clamp(15px,calc(20vw / 10),20px) clamp(8px,calc(25vw / 10),25px);
}
@media screen and (max-width: 768px) {
  .recommend-item {
    font-size: 14px;
  }
}

.recommend-item--th {
  border-bottom: 2px solid var(--color-gray);
  font-size: 18px;
  font-weight: 700;
  padding: clamp(15px,calc(20vw / 10),20px) clamp(8px,calc(25vw / 10),25px);
}
@media screen and (max-width: 768px) {
.recommend-item--th {
  font-size: 14px;
}
}

.recommend-item--01 {
  background-color: var(--color-light-blue);
}
.recommend-item--02 {
  background-color: var(--color-light-gray);
}

.recommend-item--01.recommend-item--th {
  width: 50%;
}

.recommend-item--02.recommend-item--th {
  width: 20%;
}

.recommended-dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-rows: auto;
  gap: 20px 40px;
  place-items: center;
  padding: clamp(30px,calc(45vw / 10),45px) 0;
}

.recommended-h3 {
    padding-top: clamp(30px,calc(45vw / 10),45px);
    font-size: 18px;
    font-weight: 700;
    color: var(--color-navy);
}
@media screen and (max-width: 768px) {
.recommended-h3 {
    font-size: 15.75px;
}
}

/* 39.日学歯への入会案内 */

.membership__cmn-heading {
  margin-bottom: clamp(35px,calc(45vw / 10),45px);
}

.membership-top__font-1614-text {
  margin-top: clamp(50px,calc(50vw / 10),70px);
}

.grid-3colList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 317.5px));
  grid-auto-rows: auto;
  gap: 20px;
  justify-content: center;
  padding: clamp(20px,calc(30vw / 10),30px) 0 clamp(10px,calc(30vw / 10),30px);
}
@media screen and (max-width: 768px) {
.info__grid-3colList {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}


.grid-3colList-item {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  border-radius: clamp(5px,calc(10vw / 10),10px);
  border: 1px solid var(--color-light-gray);
  overflow: hidden;
}

.membership-head {
  width: 100%;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .membership-head {
    font-size: 16px;
  }
}

.membership-head--green {
  background-color: var(--color-pastel-green);
}
.membership-head--blue {
  background-color: var(--color);
}
.membership-head--navy {
  background-color: var(--color-dull-blue);
}

.grid-3colList-box {
  min-height: 110px;
  display: grid;
  place-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .grid-3colList-box {
    min-height: 65px;
  }
}

.grid-3colList-box-price {
  font-size: 25px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .grid-3colList-box-price {
    font-size: 20px;
  }
}

.grid-3colList-box-price--20 {
    position: relative;
    font-size: 20px;
}
@media screen and (max-width: 768px) {
.grid-3colList-box-price--20 {
    font-size: 17px;
}
}

.grid-3colList-box-price--green {
  color: var(--color-pastel-green);
}
.grid-3colList-box-price--blue {
  color: var(--color);
}
.grid-3colList-box-price--navy {
  color: var(--color-dull-blue);
}

.grid-3colList-inlinebox {
  display: grid;
  grid-auto-rows: auto;
  gap: 2px 45px;
  text-align: left;
  padding: 5px;
}

.grid-3colList-inlinelist {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  justify-content: flex-start;
  align-items: center;
}

.grid-3colList-box-price--20::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 5px);
  transform: translateY(-50%);
  width: 35px;
  height: 1px;
  background-image: linear-gradient(90deg,gray 50% , transparent 50%);
  background-size: 3px 1px;
}

.membership-info-note {
  display: grid;
  grid-template-rows: subgrid;
  width: 100%;
  position: relative;
  padding: clamp(40px,calc(45vw / 10),45px) clamp(35px,calc(45vw / 10),45px) clamp(30px,calc(35vw / 10),35px);
  border-radius: 10px;
}

.membership__membership-info-note {
  margin: 110px auto clamp(25px,calc(35vw / 10),35px);
}

.membership-info-note--green {
  border: 1px solid var(--color-pastel-green);
}
.membership-info-note--blue {
  border: 1px solid var(--color);
}
.membership-info-note--navy {
  border: 1px solid var(--color-dull-blue);
}

.membership-info-note-head {
  width: 260px;
  border-radius: 10px;
  overflow: hidden;
}

.membership__membership-info-note-head {
  position: absolute;
  top: 0;
  left: -1px;
  transform: translateY(-50%);
}

.membership-info__grid-2colLink {
  grid-template-columns: repeat(auto-fit , minmax( 335px,1fr));
  gap: 45px 58px;
  padding-top: clamp(50px,calc(90vw / 10),90px);
  border-top: 1px solid var(--color-light-gray);
}

.membership-info__cmn-btn {
  margin: clamp(25px,calc(35vw / 10),35px) auto clamp(50px,calc(90vw / 10),90px);
}

.membership-contact {
  max-width: 773px;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 10px;
  background-color: var(--color-light-gray);
  border-radius: clamp(5px,calc(10vw / 10),10px);
  padding: clamp(20px,calc(25vw / 10),25px) 25px;
}

.membership-info__membership-contact {
  margin: clamp(35px,calc(55vw / 10),55px) auto 0;
}

.membership-contact-head {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-dull-blue);
}
@media screen and (max-width: 768px) {
  .membership-contact-head {
    font-size: 15px;
  }
}

.membership-contact-name {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .membership-contact-name {
    font-size: 16px;
  }
}

.membership-contact-address {
  font-size: 16px;
  font-weight: 400;
  line-height: calc(18 / 12);
}

/* 40.学校歯科健康診断 */

.yellowbackList {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: clamp(35px,calc(60vw / 10),60px);
}

.ushoku__yellowbackList {
  margin: clamp(30px,calc(60vw / 10),60px) auto clamp(30px,calc(45vw / 10),45px);
}

.yellowbackList-item {
  background-color: var(--color-beige);
  border-radius: clamp(5px,calc(10vw / 10),10px);
  box-shadow: 0 5px 5px rgba(0,0,0,.1);
}

.yellowbackList__cmn-container {
  margin: 40px auto 50px;
}

.grid-2colLink--ushoku {
  grid-template-columns: max(75px,20%) 1fr;
  grid-auto-rows: minmax(33px,auto);
  gap: 0;
  text-align: center;
  place-items: center;
  background-color: var(--color-white);
  padding-bottom: 0;
  border: 1px solid var(--color-light-gray);
}

.yellowbackList__kadomaruH3 {
  margin-bottom: clamp(15px,calc(20vw / 10),20px);
}

.ushoku-item {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: clamp(10px,calc(15vw / 10),15px) 5px;
  border: 1px solid var(--color-light-gray);
}
.ushoku-item--1 {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-white);
  grid-area: 1 / 1 / 2 / 3;
  background-color: var(--color);
}
.ushoku-item--2 {
  grid-area: 2 / 1 / 3 / 2;
  background-color: var(--color-pale-blue);
}
.ushoku-item--3 {
  grid-area: 2 / 2 / 3 / 3;
}
.ushoku-item--4 {
  grid-area: 3 / 1 / 4 / 3;
  padding: 0;
} 

.ushoku-methodList-item {
  padding: 15px 0 30px;
  border-bottom: 1px solid var(--color-light-gray);
}
@media screen and (max-width: 768px) {
  .ushoku-methodList-item {
    padding: 20px 0;
  }
}

.ushoku-titleH4 ,.ushoku-titleH5 {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-navy);
  line-height: calc(31.5 / 18);
}
.ushoku-titleH4 {
  background-color: var(--color-grayish-blue);
  padding: 5px 25px;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
.ushoku-titleH4 {
  font-size: 14px;
}
.ushoku-titleH5 {
  font-size: 15px;
}
}

.ushoku__grid-2colLink {
  margin-top: 22px;
}

/* 41.日本学校歯科医会のあゆみ */

.about_history_table {
  width: 100%;
  border-spacing: 1px;
  background-color: var(--color-light-gray);
}

.history-text ,.about_history_table th {
  font-size: 16px;
  line-height: calc(24.5 / 14);
  font-weight: 400;
}

.history-text {
  padding: clamp(45px,calc(75vw / 10),75px) 0 clamp(25px,calc(45vw / 10),45px);
}
.history-text--last {
  padding: clamp(15px,calc(30vw / 10),30px) 0 clamp(95px,calc(100vw / 10),100px);
}
@media screen and (max-width: 768px) {
  .history-text ,.about_history_table th {
    font-size: 14px;
  }
}

.about-table-head {
  background-color: var(--color-light-blue);
}

.about_history_table td {
  font-size: 16px;
  line-height: calc(24.5 / 14);
  font-weight: 400;
  background-color: var(--color-white);
}
@media screen and (max-width: 768px) {
  .about_history_table td {
    font-size: 13px;
  }
}

.about-table-head__year {
  width: 17.13825%;
  height: clamp(35px,calc(40vw / 10),40px);
}
@media screen and (max-width: 768px) {
  .about-table-head__year {
    width: calc(100.7334% /3.336416);
  }
}

.about-table-head__year {
  width: 26.21093%;
}
@media screen and (max-width: 768px) {
  .about-table-head__chairman {
    width: calc(84.1119% /3.336416);
  }
}

.about-table__j-calendar ,.about-table__w-calendar,.about-table__w-event ,.about-table__w-chairman {
  padding: clamp(10px,calc(15vw / 10),15px);
}
.about-table__j-calendar ,.about-table__w-calendar {
  text-align: center;
  padding: clamp(10px,calc(15vw / 10),15px) 0;
}

/* 99.資料・ページを探す(検索結果ページ) */

.search-results {
  padding-bottom: 100px;
}

/* 注意：検索窓については、ヘッダーにあわせてブレイクポイント1000pxで運用 */
.search-results__form {
  padding: clamp(50px,calc(60vw / 10),60px) 45px clamp(30px,calc(40vw / 10),40px);
  max-width: 1000px;
  margin: clamp(35px,calc(75vw / 10),75px) auto clamp(35px,calc(60vw / 10),60px);
  border-radius: 10px;
  background-color: var(--color-grayish-blue);
}
@media screen and (max-width: 999px) {
  .search-results__form {
    display: block;
    border-radius: 0;
  }
}

/* .search-results__cmn-search-wrap {
  display: grid;
  grid-template-columns: repeat(1fr);
  grid-template-rows: auto;
  gap: 20px 30px;
} */

.search-results__select ,.search-results__submit {
  max-width: 220px;
  height: 50px;
}
@media screen and (max-width: 999px) {
.search-results__select ,.search-results__submit {
    max-width: 300px;
    height: 35.8693px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 999px) {
  .search-results__select:not(:first-of-type) {
    margin-top: 35px;
  }
}

.search-results__cmn-select-wrap::after {
  position: absolute;
  bottom: calc(100% + 3px);
  left: 0;
  font-size: 15px;
  font-weight: 400;
  color: var(--color-gray);
}
@media screen and (max-width: 999px) {
  .search-results__cmn-select-wrap::after {
    font-size: 14px;
  }
}
.search-results__cmn-select-wrap--L::after {
  content: "大ジャンル";
}
.search-results__cmn-select-wrap--M::after {
  content: "中ジャンル";
}
.search-results__cmn-select-wrap--S::after {
  content: "小ジャンル";
}

.results-num {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: calc(32 / 13);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-navy);
}
@media screen and (max-width: 768px) {
  .results-num {
    font-size: 13.125px;
  }
}

.results-list {
  padding: 30px 0;
  border-bottom: 1px solid var(--color-light-gray);
  display: grid;
  grid-template-columns: clamp(125px,calc(140vw / 10),140px) 1fr;
  grid-template-rows: auto;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .results-list {
    gap: 15px;
  }
}
.search-results__results-list:last-of-type {
  margin-bottom: 45px;
}

.results-list__button {
  text-align: center;
}

.results-list__cmn-btn {
  padding-right: clamp(15px,calc(25vw / 10),25px);
  padding-left: clamp(20px,calc(35vw / 10),35px);
  height: 35px;
  font-size: 13px;
  background-position: left 10px center;
  background-size: 15px auto;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .results-list__cmn-btn {
    font-size: 11.5px;
  }
}

.results-list__cmn-btn--link {
  background-color: var(--color-navy);
  padding-left: clamp(15px,calc(25vw / 10),25px);
  padding-right: clamp(20px,calc(35vw / 10),35px);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16.38 16.38"><path fill="%232b5283" d="M8.19,0C3.67,0,0,3.67,0,8.19s3.67,8.19,8.19,8.19,8.19-3.67,8.19-8.19S12.71,0,8.19,0Zm-1,11.45l-.79-.79,2.48-2.47-2.48-2.47,.79-.79,3.26,3.26-3.26,3.26Z"/><polygon fill="%23ffffff" points="6.4 5.71 8.88 8.19 6.4 10.66 7.19 11.45 10.45 8.19 7.19 4.93 6.4 5.71"/></svg>');
  background-position: right 10px center;
}

.results-list__button-img {
  width: 100%;
  height: 137px;
  display: grid;
  place-items: center;
  justify-content: center;
  padding-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .results-list__button-img {
    height: 121px;
  }
}

.results-list__button-img-item {
  width: 100%;
  height: 137px;
  max-width: 87.8265px;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .results-list__button-img-item {
    max-width: 76.8482px;
    height: 121px;
  }
}

.results-list__item {
  display: grid;
  grid-auto-flow: row;
  gap: 7px;
  place-content: flex-start;
}

.results-list__title {
  color: var(--color-navy);
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .results-list__title {
    font-size: 16px;
  }
}

.results-list__text {
  font-size: 16px;
  font-weight: 400;
  line-height: calc(28 / 16);
}
@media screen and (max-width: 768px){
  .results-list__text {
  font-size: 14px;
}
}

.results-list__detail {
  line-height: 1.2;
}

.results-list__detail-title ,.results-list__detail-text {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: calc(24 / 14);
}
@media screen and (max-width: 768px) {
  .results-list__detail-title,.results-list__detail-text {
    font-size: 12px;
  }
}

.results-list__detail-title {
  color: var(--color-navy);
  font-weight: 700;
}

/* 会員 1.会員トップ */

.members-news__wrap ,.members__top-news-journal {
  display: grid;
  grid-template-columns: 1fr 220px;
  grid-auto-rows: auto;
  justify-content: center;
  gap: 70px;
}
@media screen and (max-width: 768px) {
  .members-news__wrap {
    grid-template-columns: 1fr;
  }
}

.members__top-news-body {
  width: 100% !important;
}

.members__top-news-journal {
  grid-template-columns:1fr;
  gap: 10px;
  place-items:flex-start;
}

@media screen and (max-width: 768px) {
  .members__top-news-journal {
    width: 200px;
    margin: 0 auto;
  }
}

.members__top-news-journal-img {
  display: block;
  filter: drop-shadow(0 5px 5px rgba(0,0,0,.2));
}

.top-news-journal-new {
  background-color: var(--color-navy);
  color: var(--color-white);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  padding: 2px 3px;
  text-box-trim: trim-both;
  border-radius: 2px;
}
.members__top-news-journal-new {
  margin-right: 5px;
}

.top-news-journal-text {
  font-size: 16px;
  font-weight: 400;
  line-height: calc(28 / 16)
}

.members__top-news-wrap {
  margin-top: clamp(15px , calc(20vw / 10),20px);
}

.members-select ,.members-select::before {
  background-color: var(--color-pale-blue);
  padding-top: 0;
}

.members-select {
  padding-bottom: 130px;
}
@media screen and (max-width: 768px) {
.members-select {
  padding-bottom: 60px;
}
}

.cmn-container--top40 {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
.cmn-container--top40 {
  padding-top: 30px;
}
}

.members-contents {
  display: grid;
  place-items: center;
  grid-template-columns: repeat(auto-fit,minmax(236px,auto));
  grid-auto-rows: auto;
  justify-content: center;
  gap: 33px;
  padding: 40px 20px;
}
@media screen and (max-width: 768px) {
.members-contents {
  grid-template-columns: repeat(auto-fit,minmax(157px,auto));
  gap: 9px;
  padding: 30px 10px;
}
}

.members-contents__cmn-btn--illustration {
  width: 100%;
}

.members-collection {
  padding: 0;
}

.members-collection::before {
  background-color: var(--color-white);
}

.members-collection__cmn-description {
  padding-bottom: 115px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .members-collection__cmn-description {
    margin-top: 30px;
    padding-bottom: 95px;
  }
}


/* 会員 2.委員会活動状況 */

.kaiin-table__text {
  font-size: 16px;
  font-weight: 400;
  line-height: calc(28 / 16);
  text-align: left;
  padding: 10px clamp(6px,calc(15vw / 10),15px);
  border: 1px solid var(--color-light-gray);
}
@media screen and (max-width: 768px) {
  .kaiin-table__text {
    font-size: 14px;
  }
}

.kaiin-table {
  border: 1px solid var(--color-light-gray);
}

.kaiin-table-head  {
  background-color: var(--color-grayish-blue);
}

.kaiin-table-head__th {
  text-align: center;
}
.kaiin-table-head__th--1 {
  border-right: 1px solid var(--color-white);

}
.kaiin-table-head__th--2 {
  border-left: 1px solid var(--color-white);
}
@media screen and (max-width: 768px) {
.kaiin-table-head__th {
    font-size: 12px;
}
}

.committee-activitie__font-1614-text {
  margin: 40px 0;
}

/* 会員 3.委員会活動状況 */

.board-report__cmn-section {
  padding-bottom: 0;
}

.board-report__kaiin-table__text {
  vertical-align: top;
}

.kaiin-table-head__th--p150 {
  width: 15%;
}

.kaiin-table-head__th--p50 {
    width: 5%;
}

.kaiin-table-head__th--p115 {
    width: 11.5%;
}

/* 会員 5.学校歯科医の活動指針 令和3年改訂版
 */
.journalList {
  display: grid;
  grid-template-columns: repeat(auto-fit,clamp(175px,calc(205.5vw / 7.68),205.5px));
  grid-auto-rows: auto;
  justify-content: center;
  text-align: center;
  gap: 45px 50px;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
.journalList {
  gap: min(calc(30vw / 7.68),30px);
}
}

.journalList-link {
  display: grid;
  gap: 5px;
}

.journalList-img {
  border: 2px solid var(--color-light-gray);
}

/* 会員 6.会務速報 */

.activity-guidelines__grid-3colLink {
  padding: clamp(40px,calc(60vw / 10),60px);
}

.activity-guidelines-img {
  border: 1px solid var(--color-light-gray);
}

.activity-guideline__cmn-container {
  padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
.activity-guideline__grid-2colLink {
  grid-template-columns: min(450px, 100%);
}
}


/* 会員 7.加盟団体資料 */

.member-docs__font-16-text {
  margin-bottom: 30px;
}

.member-docs__cmn-heading {
  margin-bottom: clamp(35px, calc(55vw / 10), 55px);
}

.tabItem {
  padding-bottom: 150px;
}
@media screen and (max-width: 768px) {
.tabItem {
  padding-bottom: 90px;
}
}

.tabList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-rows: clamp(43px,calc(50vw / 7.68),50px);
  gap: clamp(6px,calc(10vw / 7.68),10px);
  place-items: center;
  padding: 100px 0 20px;
}
@media screen and (max-width: 768px) {
.tabList {
  padding-top: 40px;
}
}

.tabList__content {
  background-color: var(--color-light-gray);
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  border-radius: clamp(2.5px,calc(5vw / 7.68),5px);
  font-size: 14px;
  color: var(--color-gray);
  cursor: pointer;
  transition: .3s;
}
@media screen and (max-width: 768px) {
.tabList__content {
  font-size: 12.25px;
}
}

.tabList__content.memberTab-active {
  background-color: var(--color-navy);
  color: var(--color-white);
  font-weight: 700;
}

.tabList__content:hover {
  border: 1px solid var(--color-gray);
  transform: scale(1.02);
}

.tabItem__content { display: none; }
.tabItem__content.memberTab-active { display: block; }

.memberList-item {
  display: grid;
  grid-template-columns: 1fr 100px 265px 29%;
  grid-auto-rows: auto;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: calc(28 / 16);
  border-right: 1px solid var(--color-light-gray);
  border-bottom: 1px solid var(--color-light-gray);
}
@media screen and (max-width: 768px) {
  .memberList-item {
    /* grid-template-columns: 1fr 80px 80px 29%;
    grid-auto-rows: auto; */
    font-size: 12px;
    font-weight: 400;
  }
  /* コンテンツ名と団体名を上下にする
  /* .memberList-item {
    grid-template: "memL-cnts memL-date memL-data" auto 
                   "memL-link memL-date memL-data" auto
                   / 1fr 80px 85px;
  } */

  /* 日付と種別を上下にする */
  .memberList-item {
    grid-template: "memL-cnts memL-date memL-link" auto 
                   "memL-cnts memL-data memL-link" auto
                    / 1fr 80px clamp(100px,30%,200px);}

  /* 上記2パターンを使用するのに必要 */
  .memberList-contents { grid-area: memL-cnts; }
  .memberList-date { grid-area: memL-date; }
  .memberList-data { grid-area: memL-data;}
  .memberList-link { grid-area: memL-link; }
}


.memberList-contents,.memberList-date ,.memberList-data ,.memberList-link{
    display: grid;
    align-items: center;
    border-left: 1px solid var(--color-light-gray);
    border-top: 1px solid var(--color-light-gray);
    width: 100%;
    height: 100%;
    min-height: 60px;
    padding: 10px 5px;
    text-box: trim-both text text;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .memberList-contents,.memberList-date ,.memberList-data ,.memberList-link {
      min-height: 30px;
      padding: 2.5px 5px;
  }
}

.memberList-data {
  display: grid;
  grid-template-columns: calc(102% / 2.65) 1fr;
  grid-auto-rows: 100%;
  padding: 0;
}
@media screen and (max-width: 768px) {
.memberList-data {
  grid-template-columns: 1fr;
  grid-auto-rows: auto auto;
}
}
.memberList-data--head {
  grid-template-columns: 1fr;
}

.memberList-data-link ,.memberList-data-type {
  display: grid;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px 5px;
}
.memberList-data-link ,.memberList-data-alt {
  font-size: 14px;
}
.memberList-data-type {
  border-right: 1px solid var(--color-light-gray);
}
@media screen and (max-width: 768px) {
  .memberList-data-link ,.memberList-data-type ,.memberList-data-alt {
      display: grid;
      align-items: center;
      padding: 2.5px 5px;
      font-size: 10px;
      max-height: 45px;
  }
  .memberList-data-alt {
    padding: 0;
  }
  .memberList-data-type {
    border-right: none;
    border-bottom: 1px solid var(--color-light-gray);
  }
}

.memberList-data-button {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--color-pink);
  color: var(--color-white);
  text-align: center;
  border-radius: clamp(3px,calc(4.6771vw / 7.68),4.6771px);
  max-height: 35px;
  padding: 2px 5px;
}

.memberList-data-button::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%) rotate(45deg);
  display: block;
  width: 7px;
  height: 7px;
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
}
@media screen and (max-width: 768px) {
.memberList-data-button::after {
  width: 5px;
  height: 5px;
  right: 3px;
}
}

.memberList-data-button--no-link {
  pointer-events: none;
  background-color: var(--color-light-gray);
  cursor: not-allowed;
}

.memberList-link-button {
  display: block;
  text-decoration: underline;
  text-decoration-color: var(--color-gray);
  text-decoration-skip-ink: none;
}


.memberList-item--head {
  background-color: var(--color-light-blue);
}

.memberList-contents--head ,.memberList-date--head, .memberList-data-alt--head ,.memberList-link--head ,.memberList-link--head-text {
  text-align: center;
  font-size: 15px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
.memberList-contents--head ,.memberList-date--head, .memberList-data-alt--head ,.memberList-link--head ,.memberList-link--head-text {
    font-size: 13px;
  }
}

 .memberList-data-alt--head {
  border: none;
 }

.memberList-contents--head ,.memberList-date--head ,.memberList-link--head ,.memberList-data--head {
  border: none;
  border-left: 1px solid var(--color-white);
}
@media screen and (max-width: 768px) {
.memberList-date--head {
  border-bottom: 1px solid var(--color-white);
}
}


/* 会員 9. CO写真集 */

.co-photo {
  padding-bottom: 90px;
}
@media screen and (max-width: 768px) {
.co-photo {
  padding-bottom: 50px;
}
}

.co-photo-topImg {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-auto-rows: auto;
  gap: 30px 55px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
.co-photo-topImg {
  grid-template-columns: 1fr;
  place-items: center;
}
}

.co-photo-img {
  padding-bottom: 15px;
}

.co-photo__squareH3 {
  margin: 55px 0 25px;
}

.co-photo-h4 ,.co-photo-h4::before {
  font-size: 18px;
  font-weight: 700;
  line-height: calc(47 / 20);
}

.co-photo-h4::before {
  content: "●";
  color: var(--color);
}

.co-photo-h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: calc(47 / 18);
  color: var(--color);
}

.co-photo-text-container {
  border: 1px solid var(--color);
  border-radius: clamp(5px,calc(10vw / 10),10px);
  padding: 20px 35px;
}

.co-photo-img-container {
  width: 240px;
}
@media screen and (max-width: 768px) {
  .co-photo-img-container {
    width: 210px;
  }
}

.co-photo__co-photo-img-container {
  margin-top: 20px;
}

.co-photo__co-photo-text-container {
  margin-top: 20px;
}

.co-photo-img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

  /* Swiper Slider Styles for co-photo.html */
.co-photo-slider {
    position: relative;
    overflow: hidden;
}

.co-photo-slider .swiper-button-prev,
.co-photo-slider .swiper-button-next {
    width: 44px;
    height: 44px;
    background-image: none;
    color: transparent;
    z-index: 10;
    display: none;
}

.co-photo-slider .swiper-button-prev::after,
.co-photo-slider .swiper-button-next::after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    border-top: 2px solid var(--color);
    border-left: 2px solid var(--color);
    position: absolute;
    top: 50%;
    left: 50%;
}

.co-photo-slider .swiper-button-prev::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.co-photo-slider .swiper-button-next::after {
    transform: translate(-50%, -50%) rotate(135deg);
}

@media (max-width: 768px) {
  .co-photo-slider.swiper-initialized .swiper-button-prev,
  .co-photo-slider.swiper-initialized .swiper-button-next {
    display: flex !important;
  }

  .co-photo-slider.swiper-lock .swiper-button-prev,
  .co-photo-slider.swiper-lock .swiper-button-next {
    display: none !important;
  }

  .swiper-slide__co-photo-img-container {
    margin: 0 auto;
  }

  .co-photo__co-photo-img-container {
    margin: 20px auto 0;
  }
}

@media (min-width: 769px) {
    .co-photo-slider.swiper-initialized .swiper-button-prev,
    .co-photo-slider.swiper-initialized .swiper-button-next {
        display: none !important;
    }

    .co-photo-slider .swiper-slide {
      display: grid;
    }

    .co-photo__co-photo-img-container {
      margin-top: auto;
      padding-top: 15px;
    }

    .co-photo-slider .swiper-wrapper {
      display: grid;
      grid-template-columns: repeat(auto-fill,240px);
      grid-auto-rows: auto;
      align-items: flex-end;
      gap: 12px;
    }
}


/* 会員 10.顎関節の診査について */

.health-exam__grid-4colLink ,.dental-health__grid-4colLink {
  grid-auto-rows: auto;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
.health-exam__grid-4colLink ,.dental-health__grid-4colLink {
    grid-template-columns: repeat(auto-fit , 200px);
    gap: 20px;
}
}

.health-exam__grid-4colLink-item ,.dental-health__grid-4colLink-item  {
  display: grid;
  gap: 7px;
  grid-auto-rows: auto;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
.health-exam__grid-4colLink-item ,.dental-health__grid-4colLink-item {
  gap: 4px;
}
}

.health-exam__font-1614-text {
  margin-bottom: auto;
}

.health-exam__squareH3 {
  margin-bottom: clamp(25px,calc(40vw / 10),40px);
}

/* 会員 11.歯列・咬合の診査について */

.dental-health__grid-2colLink {
  margin: 45px auto 90px;
}
@media screen and (max-width: 768px) {
.dental-health__grid-2colLink {
  grid-template-columns: 1fr;
}
}

.dental-health-section--1 {
  padding-top: 85px;
}
@media screen and (max-width: 768px) {
.dental-health-section--1 {
  padding-top: 50px;
}
}

/* 会員 12.会誌への投稿原稿募集のお知らせ */

.journal-submissions-list {
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,calc(30vw / 10),30px);
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .journal-submissions-list {
    padding-bottom: 40px;
  }
}

.journal-submissions-list-item {
  position:relative;
  padding-left: 25px;
}
@media screen and (max-width: 768px) {
.journal-submissions-list-item {
  padding-left: 22px;
}
}

.journal-submissions-list-item::before {
  counter-increment: number 1;
  content: counter(number) ".";
  position:absolute;
  top:0;
  left:0;
  font-size:16px;
  font-weight:400;
}
@media screen and (max-width: 768px) {
.journal-submissions-list-item::before {
  font-size:14px;
}
}

.journal-submissions__font-1614-text {
  padding-bottom: 50px;
}

/* 99.イラスト利用についてのフォーム */

.illustration-from__cmn-heading {
  margin-bottom: clamp(30px,calc(60vw / 10),60px);
}

.font-1614-text--mb60 {
  margin-bottom: clamp(30px,calc(60vw / 10),60px);
}

.font-1614-text__attention,
.form-list__sup {
  color: var(--color-red);
}

.form-list-wraperer {
  padding: 0 10px;
}

.form-list {
  padding: 20px 0;
    border-top: 1px solid var(--color-light-gray);
  border-bottom: 1px solid var(--color-light-gray);
}

  .plane-gList {
    display:grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap:20px;
  }

  .form-list__item {
    grid-template-columns: clamp(100px,30%,300px) 1fr;
    grid-column: span 2;
  }

  .form-list__dt {
    width: auto;
    font-weight: 700;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  .form-list__dd {
    width: 100%;
  }

   .illustration-from-input .form-list__dd--border-gray .form-list__dd--input ,.illustration-from-input .form-list__dd--border-gray textarea.form-list__dd--textarea {
      border: 1px solid var(--color-light-gray);
      padding: 10px;
  }

  .form-list__dd--input {
    width: 100%;
  }

  textarea.form-list__dd--textarea {
    border: none;
    width: 100%;
    outline:none;
  }

  .form-list__dd-kiyaku--bold {
    display: block;
    font-weight: 700;
    border-bottom: 1px solid var(--color-gray);
    margin-bottom: 10px;
  }

  .form-list__dd--textbox {
    max-height: 300px;
    overflow:auto;
    background-color: var(--color-grayish-blue);
    padding: 15px 10px;
  }

 .illustration-from-confirm .form-list__item--inputOnly  ,.illustration-fromcomplete .form-list__item--inputOnly {
    display: none;
  }

  .form-list__font-1614-text {
    margin-top: 20px;
    color: var(--color-red);
  }

input.form-list__dd--check {
    width: 15px;
    height: 15px;
    border: 1px solid gray;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

input.form-list__dd--check ~ .mwform-checkbox-field-text {
    font-size: 18px;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
input.form-list__dd--check ~ .mwform-checkbox-field-text {
    font-size: 16px;
}
}