body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  background: #e6edf3;
  color: #343436;
  overflow: auto;
}


.inner {
  margin-right: clamp(1.25rem, -2.9982142857rem + 17.4285714286vw, 12.6875rem);
  margin-left: clamp(1.25rem, -2.9982142857rem + 17.4285714286vw, 12.6875rem);
}

.button {
  padding: 8px 24px;
  color: #fff;
  font-family: "Zen Maru Gothic", serif;
  font-size: clamp(1.125rem, 1.0785714286rem + 0.1904761905vw, 1.25rem);
  font-weight: 700;
  line-height: clamp(2.025rem, 1.9414285714rem + 0.3428571429vw, 2.25rem);
  letter-spacing: clamp(0.225rem, 0.2157142857rem + 0.0380952381vw, 0.25rem);
  background: #135097;
  border-radius: 20px 20px 0px 20px;
  -webkit-box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1);
  border: 2px solid #135097;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.button:hover {
  background: #fff;
  color: #135097;
}

.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
}

.title__logo {
  width: clamp(2.625rem, 1.9285714286rem + 2.8571428571vw, 4.5rem);
  height: clamp(2rem, 1.8607142857rem + 0.5714285714vw, 2.375rem);
}

.title__text {
  color: #135097;
  text-shadow: 0px 2px 24px rgba(0, 0, 0, 0.05);
  font-family: "Zen Maru Gothic", serif;
  font-size: clamp(1.5rem, 1.3142857143rem + 0.7619047619vw, 2rem);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(1.8rem, 1.5771428571rem + 0.9142857143vw, 2.4rem);
  letter-spacing: clamp(0.3rem, 0.2628571429rem + 0.1523809524vw, 0.4rem);
}
.title__text.type2 {
  color: #fff;
}

.header {
  white-space: nowrap;
  position: fixed;
  z-index: 100;
  top: 0;
  width: 100%;
}
.header.headerColorScroll .header-logo-top {
  display: none;
}
.header.headerColorScroll .header-logo-scroll {
  display: block;
}
.header.headerColorScroll .header__sp {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: clamp(0rem, -17.4545454545rem + 87.2727272727vw, 3rem);
  padding: 28px clamp(0.375rem, -6.1704545455rem + 32.7272727273vw, 1.5rem);
  height: 68px;
}
.header-logo-top {
}

.header-logo-scroll {
  display: none;
  position: absolute;
  background: #e6edf3;
  top: 0;
  left: 0;
  width: 100%;
  height: 72px;
  z-index: 0;
}

@media screen and (min-width: 1200px) {
  .header-logo-scroll {
    height: 103px;
  }
}

.header-logo-scroll img {
  width: 206.351px;
  height: 42.389px;
  margin-top: 10px;
  transition: opacity 0.3s;
}

@media screen and (min-width: 1200px) {
  .header-logo-scroll img {
    margin-top: 25px;
  }
}

.header-logo-scroll img:hover {
  opacity: 0.7;
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.header-logo {
  font-family: "Zen Maru Gothic", serif;
  margin-top: 32px;
  margin-left: clamp(0rem, -5.7142857143rem + 28.5714285714vw, 1.25rem);
}
@media screen and (min-width: 750px) {
  .header-logo {
    margin-left: 48px;
  }
}

.header-logo-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  transition: opacity 0.3s;
}
.header-logo-top:hover {
  opacity: 0.7;
}

.header-logo-top img {
  width: 165.05px;
  height: 42px;
}

.logo-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(18.85%, #c31f1f),
    color-stop(67.5%, #132097)
  );
  background: linear-gradient(90deg, #c31f1f 18.85%, #132097 67.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.logo-black {
  color: #343436;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.2px;
}

@media screen and (min-width: 1200px) {
  .header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 0px 0px 0px 32px;
    background: #135097;
    padding-top: 24px;
    padding-bottom: 23px;
    padding-right: clamp(0.75rem, -2.9539375929rem + 7.7265973254vw, 4rem);
    padding-left: clamp(0.75rem, -2.9539375929rem + 7.7265973254vw, 4rem);
    gap: clamp(0.75rem, -1.9567236256rem + 5.646359584vw, 3.125rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .header-nav {
    z-index: 10;
  }
}

.header-list {
  display: none;
}
@media screen and (min-width: 1200px) {
  .header-list {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: clamp(0.75rem, -1.8142644874rem + 5.3491827637vw, 3rem);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.header-item {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.2px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.header-item:hover {
  opacity: 0.7;
}
.header-item a {
  font-weight: 700;
}

.header-btn {
  display: none;
}
@media screen and (min-width: 1200px) {
  .header-btn {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: clamp(0.75rem, -0.5321322437rem + 2.6745913819vw, 1.875rem);
  }
}

.company-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  padding: 1px 3px 0px 3px;
  position: relative;
  top: 0;
  -webkit-transition: opacity 0.3s, top 0.3s;
  transition: opacity 0.3s, top 0.3s;
}
.company-btn:hover {
  opacity: 0.8;
  top: 4px;
}
.company-btn span:nth-child(1) {
  font-size: 12px;
  color: #fff;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid #fff;
  background: #135097;
  padding: 1px;
  font-weight: 700;
}
.company-btn span:nth-child(2) {
  color: #135097;
  font-size: 16px;
  border-radius: 0px 0px 8px 8px;
  border: 1px solid #fff;
  background: #fff;
  padding: 2px 0px;
  font-weight: 700;
}

.consul-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  width: 144px;
  position: relative;
  top: 0;
  -webkit-transition: opacity 0.3s, top 0.3s;
  transition: opacity 0.3s, top 0.3s;
}
.consul-btn:hover {
  opacity: 0.8;
  top: 4px;
}
.consul-btn span:nth-child(2) {
  font-size: 16px;
  color: #fff;
  border-radius: 0px 0px 8px 8px;
  border: 1px solid #fff;
  background: #135097;
  padding: 3px 0px;
  font-weight: 700;
}
.consul-btn span:nth-child(1) {
  color: #135097;
  font-size: 12px;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid #fff;
  background: #fff;
  font-weight: 700;
}

.search-btn-pc {
  display: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.search-btn-pc:hover {
  opacity: 0.7;
}
@media screen and (min-width: 1200px) {
  .search-btn-pc {
    display: block;
    width: 26px;
    height: 26px;
  }
}

.search-btn {
  width: 23px;
  height: 28px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: relative;
}
.search-btn:hover {
  opacity: 0.7;
}
.drawer-content__menu .menu-item a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.drawer-content__menu .menu-item a img {
  width: 28px;
  height: 28px;
}

.drawer-icon {
  height: 24.3px;
  width: 36px;
  position: relative;
  z-index: 200;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.drawer-icon:hover {
  opacity: 0.7;
}
.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(1) {
  top: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(2) {
  display: none;
}
.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(3) {
  top: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (min-width: 1200px) {
  .drawer-icon {
    display: none;
  }
}

.header__sp {
  border-radius: 0px 0px 0px 28px;
  background: #135097;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 28px 24px;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .header__sp {
    display: none;
  }
}

.drawer-icon__bar {
  position: absolute;
  content: "";
  border: 1px solid #fff;
  top: 0px;
  right: 0;
  width: 36px;
  -webkit-transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear,
    -webkit-transform 0.3s linear;
}
.drawer-icon__bar:nth-of-type(2) {
  top: 11px;
}
.drawer-icon__bar:nth-of-type(3) {
  top: 22px;
}

.drawer-content {
  background: #135097;
  color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  padding: 24px clamp(1.5rem, -0.2642857143rem + 7.2380952381vw, 6.25rem) 32px
    64px;
  height: 344px;
  border-radius: 0px 0px 0px 24px;
  opacity: 0.95;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(300px);
  transform: translate(300px);
  z-index: 120;
}
.drawer-content.is-checked {
  -webkit-transform: translate(0px);
  transform: translate(0px);
}
@media screen and (min-width: 1200px) {
  .drawer-content {
    display: none;
  }
}
.drawer-content.is-checked .search-btn {
  z-index: -1;
}

.drawer-content__menu {
  padding-right: 40px;
  margin-top: 32px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
}

.drawer-content__menu a {
  position: relative;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.2px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.drawer-content__menu a:hover {
  opacity: 0.7;
}

.fv {
  margin-top: 164px;
}

.fv__swiper {
  padding-top: 40px;
  padding-bottom: clamp(2.5rem, 2.1517857143rem + 1.4285714286vw, 3.4375rem);
}

.fv__swiper-slide {
  position: relative;
  top: 0;
}
.fv__swiper-slide.swiper-slide-active {
  top: -12px;
}
@media screen and (min-width: 750px) {
  .fv__swiper-slide.swiper-slide-active {
    top: -40px;
  }
}

.card {
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.03),
    0px 5px 30px 0px rgba(20, 43, 78, 0.2);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.03),
    0px 5px 30px 0px rgba(20, 43, 78, 0.2);
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.card:hover {
  opacity: 0.7;
}
.card.fv__card {
  padding: clamp(1rem, 0.7214285714rem + 1.1428571429vw, 1.75rem);
  border-radius: clamp(0.75rem, 0.5642857143rem + 0.7619047619vw, 1.25rem);
}
.card.fv__card .card__head {
  margin-top: clamp(0.75rem, 0.5875rem + 0.6666666667vw, 1.1875rem);
}
.card.fv__card .card__tags {
  margin-top: clamp(0.75rem, 0.6571428571rem + 0.380952381vw, 1rem);
}
@media screen and (min-width: 750px) {
  .card.fv__card .card__tags {
    max-width: none;
  }
}
.card.fv__card .card__text {
  max-width: clamp(16.875rem, 10.9553571429rem + 24.2857142857vw, 32.8125rem);
  font-size: clamp(0.9375rem, 0.8214285714rem + 0.4761904762vw, 1.25rem);
  line-height: clamp(1.3125rem, 1.0571428571rem + 1.0476190476vw, 2rem);
  letter-spacing: clamp(0.01875rem, 0.0025rem + 0.0666666667vw, 0.0625rem);
}
.card.fv__card .card__category {
  font-size: clamp(0.8125rem, 0.6964285714rem + 0.4761904762vw, 1.125rem);
  padding: 3px clamp(0.9375rem, 0.8214285714rem + 0.4761904762vw, 1.25rem);
}
.card.fv__card .card__time {
  font-size: clamp(0.75rem, 0.7035714286rem + 0.1904761905vw, 0.875rem);
  line-height: clamp(0.9rem, 0.8442857143rem + 0.2285714286vw, 1.05rem);
}
.card.fv__card .card__tagItem {
  font-size: clamp(0.75rem, 0.7035714286rem + 0.1904761905vw, 0.875rem);
  padding: 2px clamp(0.5rem, 0.4535714286rem + 0.1904761905vw, 0.625rem)
    clamp(0.125rem, 0.0785714286rem + 0.1904761905vw, 0.25rem) 8px;
  margin-right: clamp(0.5rem, 0.3375rem + 0.6666666667vw, 0.9375rem);
}

.card__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.card__time {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.4px;
  color: #676e87;
}

.card__text {
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.card__category {
  border-radius: clamp(0.25rem, 0.2035714286rem + 0.1904761905vw, 0.375rem);
  border: 1px solid #135097;
  background: #fff;
  color: #135097;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 15px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}
.card__category.type2 {
  color: #42a0ad;
  border: 1px solid #42a0ad;
}
.card__category.type3 {
  color: #9c8cff;
  border: 1px solid #9c8cff;
}
.card__category.type4 {
  color: #c88dec;
  border: 1px solid #c88dec;
}

.card__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
  margin-top: 11px;
}

.card__tag-item {
  white-space: nowrap;
  padding: 2px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  border-radius: 24px;
  background: #daeff8;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
  margin-right: 8px;
}

.card__tagItem {
  white-space: nowrap;
  padding: 2px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  border-radius: 24px;
  background: #daeff8;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
  margin-right: 8px;
  cursor: pointer;
  
}
.card__tagItem:hover {
  background: #343436;
  color: #daeff8;
}
@media screen and (min-width: 750px) {
  .card__tagItem {
    border-radius: 16px;
    padding: 2px 10px 4px 8px;
  }
}

.fv__prev::after,
.fv__next::after {
  display: none;
}

.fv__prev {
  background: url(../img/icon-arrow1-left.png) no-repeat center center/contain;
  width: 36px;
  height: 36px;
  top: 183px;
  left: 10px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fv__prev:hover {
  opacity: 0.7;
}
@media screen and (min-width: 750px) {
  .fv__prev {
    top: 284px;
    left: clamp(1.875rem, -19.5244565217rem + 45.652173913vw, 21.5625rem);
  }
}

.fv__next {
  background: url(../img/icon-arrow1-right.png) no-repeat center center/contain;
  width: 36px;
  height: 36px;
  top: 183px;
  right: 10px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fv__next:hover {
  opacity: 0.7;
}
@media screen and (min-width: 750px) {
  .fv__next {
    top: 284px;
    right: clamp(1.875rem, -19.5244565217rem + 45.652173913vw, 21.5625rem);
  }
}

.new {
  margin-top: 60px;
  margin-bottom: 40px;
}
@media screen and (min-width: 750px) {
  .new {
    margin-top: 40px;
  }
}

.new__inner {
  padding-left: 44px;
  padding-right: 44px;
  margin-right: auto;
  margin-left: auto;
  max-width: 540px;
}
@media screen and (min-width: 1200px) {
  .new__inner {
    max-width: none;
  }
}
@media screen and (min-width: 750px) {
  .new__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.new__card-list {
  margin-top: clamp(2rem, 1.6285714286rem + 1.5238095238vw, 3rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 1200px) {
  .new__card-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 1034px;
    margin-left: auto;
    margin-right: auto;
    gap: 60px;
  }
}

.new__card-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.new__button {
  margin-top: clamp(2.125rem, 1.8696428571rem + 1.0476190476vw, 2.8125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
@media screen and (min-width: 750px) {
  .new__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.swiper-container {
  position: relative;
}

.swiper {
  position: relative;
}

.swiper-wrapper {
  position: relative;
}

.recommend {
  padding-top: 40px;
  padding-bottom: clamp(2rem, 1.3035714286rem + 2.8571428571vw, 3.875rem);
  position: relative;
  background: url(../img/img-bg.png) no-repeat top center/cover;
}
.recommend.type2 {
  background: none;
  margin-top: 48px;
  padding-bottom: 0;
}
@media screen and (min-width: 750px) {
  .recommend.type2 {
    margin-top: 20px;
  }
}
.recommend.type2 .recommend__prev {
  background: url(../img/icon-arrow5-left.png) no-repeat center center/contain;
  right: 115px;
}
@media screen and (min-width: 750px) {
  .recommend.type2 .recommend__prev {
    right: 260px;
    top: 50px;
  }
}
.recommend.type2 .recommend__prev:hover {
  background: url(../img/icon-arrow6-left.png) no-repeat center center/contain;
}
.recommend.type2 .recommend__next {
  background: url(../img/icon-arrow5-right.png) no-repeat center center/contain;
  right: 50px;
}
@media screen and (min-width: 750px) {
  .recommend.type2 .recommend__next {
    right: 197px;
    top: 50px;
  }
}
.recommend.type2 .recommend__next:hover {
  background: url(../img/icon-arrow6-right.png) no-repeat center center/contain;
}
.recommend.type2 .search {
  padding-right: 20px;
  margin-top: 60px;
}
@media screen and (min-width: 750px) {
  .recommend.type2 .search {
    max-width: 1000px;
    margin-bottom: 72px;
  }
}

.recommend__inner {
  margin-left: clamp(1.25rem, -2.9982142857rem + 17.4285714286vw, 12.6875rem);
}

@media screen and (min-width: 750px) {
  .recommend__title {
    margin-top: 24px;
    position: absolute;
    top: 40px;
  }
}

.recommend__slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.recommend__swiper {
  margin-top: 24px;
  padding-top: clamp(4.5rem, 3.7339285714rem + 3.1428571429vw, 6.5625rem);
  padding-bottom: clamp(2.25rem, 1.925rem + 1.3333333333vw, 3.125rem);
}
@media screen and (min-width: 750px) {
  .recommend__swiper {
    margin-top: 0;
  }
}

.recommend__prev::after,
.recommend__next::after {
  display: none;
}

.recommend__prev {
  background: url(../img/icon-arrow2-left.png) no-repeat center center/contain;
  width: 48px;
  height: 48px;
  top: 24px;
  left: auto;
  right: 84px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.recommend__prev:hover {
  background: url(../img/icon-arrow4-left.png) no-repeat center center/contain;
}
@media screen and (min-width: 750px) {
  .recommend__prev {
    top: 44px;
    right: 262px;
  }
}

.recommend__next {
  background: url(../img/icon-arrow2-right.png) no-repeat center center/contain;
  width: 48px;
  height: 48px;
  top: 24px;
  right: 20px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.recommend__next:hover {
  background: url(../img/icon-arrow4-right.png) no-repeat center center/contain;
}
@media screen and (min-width: 750px) {
  .recommend__next {
    top: 44px;
    right: 196px;
  }
}

.swiper-scrollbar {
  width: clamp(
    21.875rem,
    5.9964285714rem + 65.1428571429vw,
    64.625rem
  ) !important;
  height: 9px !important;
  border-radius: 4px;
  background-color: #dde1f0;
}

.swiper-scrollbar-drag {
  background-color: #135097;
}

.all {
  margin-top: clamp(3rem, 2.6517857143rem + 1.4285714286vw, 3.9375rem);
  margin-bottom: clamp(3.125rem, 2.8rem + 1.3333333333vw, 4rem);
}

.all.type1 {
  margin-top: clamp(12rem, 11.6517857143rem + 1.4285714286vw, 12.9375rem);
  margin-bottom: -10px;
}
@media screen and (min-width: 750px) {
  .all.type1 .all__content {
    margin-top: 35px;
  }
}
.all.type2 {
  margin-top: clamp(12rem, 11.6517857143rem + 1.4285714286vw, 12.9375rem);
  margin-bottom: -10px;
}
@media screen and (min-width: 750px) {
  .all.type2 .all__content {
    margin-top: 35px;
  }
}
.all.type3 {
  margin-top: clamp(12rem, 11.6517857143rem + 1.4285714286vw, 12.9375rem);
  margin-bottom: -10px;
}
@media screen and (min-width: 750px) {
  .all.type3 .all__content {
    margin-top: 35px;
  }
}
.all.type4 {
  margin-top: clamp(12rem, 11.6517857143rem + 1.4285714286vw, 12.9375rem);
  margin-bottom: -10px;
}
@media screen and (min-width: 750px) {
  .all.type4 .all__content {
    margin-top: 35px;
  }
}
.all.type5 {
  margin-top: clamp(12rem, 11.6517857143rem + 1.4285714286vw, 12.9375rem);
  margin-bottom: -10px;
}
@media screen and (min-width: 750px) {
  .all.type5 .all__content {
    margin-top: 35px;
  }
}
@media screen and (min-width: 750px) {
  .all.type2 .search {
    margin-top: 50px;
    margin-bottom: 80px;
  }
}

.all__inner {
  margin-right: clamp(1.25rem, -2.1448467967rem + 13.9275766017vw, 4.375rem);
  margin-left: clamp(1.25rem, -2.1448467967rem + 13.9275766017vw, 4.375rem);
}
@media screen and (min-width: 750px) {
  .all__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
  }
}
@media screen and (min-width: 950px) {
  .all__inner {
    max-width: clamp(58.125rem, 45.5229591837rem + 21.2244897959vw, 64.625rem);
  }
}

.all__content {
  margin-top: clamp(2.625rem, 2.4625rem + 0.6666666667vw, 3.0625rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 750px) {
  .all__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: clamp(0.5rem, 0.4071428571rem + 0.380952381vw, 0.75rem);
  -moz-column-gap: clamp(0.5rem, 0.4071428571rem + 0.380952381vw, 0.75rem);
  column-gap: clamp(0.5rem, 0.4071428571rem + 0.380952381vw, 0.75rem);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
@media screen and (min-width: 750px) {
  .tag-list {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
  }
}

.tag-item {
  width: 27px;
  padding: 15px 7px 15px 6px;
  border-radius: 0px 12px 12px 0px;
  font-size: clamp(0.875rem, 0.8285714286rem + 0.1904761905vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: clamp(1.00625rem, 0.8228571429rem + 0.7523809524vw, 1.5rem);
  margin-left: -1px;
  cursor: pointer;
}
@media screen and (min-width: 750px) {
  .tag-item {
    margin-left: 0;
    margin-bottom: -1px;
    width: auto;
    padding: 6px 20px 4px 20px;
    border-radius: 12px 12px 0px 0px;
  }
}
.tag-item a {
  display: inline-block;
}

.order-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  position: absolute;
  top: -26px;
  right: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 750px) {
  .order-links {
    top: 6px;
  }
}

.order-link {
  color: #676e87;
  font-size: clamp(0.875rem, 0.7821428571rem + 0.380952381vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.1375rem, 1.0167857143rem + 0.4952380952vw, 1.4625rem);
}
.order-link.active {
  color: #135097;
}

.tag1 {
  border-top: 1px solid #629de2;
  border-right: 1px solid #629de2;
  border-bottom: 1px solid #629de2;
  background: #fff;
  color: #629de2;
  transition: background 0.3s, color 0.3s;
}
@media screen and (min-width: 750px) {
  .tag1 {
    border-bottom: none;
    border-left: 1px solid #629de2;
  }
}
.tag1.active {
  background: #629de2;
  color: #fff;
}
.tag1:hover {
  background: #629de2;
  color: #fff;
}

.tag2 {
  border-top: 1px solid #135097;
  border-right: 1px solid #135097;
  border-bottom: 1px solid #135097;
  background: #fff;
  color: #135097;
  transition: background 0.3s, color 0.3s;
}
@media screen and (min-width: 750px) {
  .tag2 {
    border-bottom: none;
    border-left: 1px solid #135097;
  }
}
.tag2.active {
  background: #135097;
  color: #fff;
}
.tag2:hover {
  background: #135097;
  color: #fff;
}

.tag3 {
  border-top: 1px solid #42a0ad;
  border-right: 1px solid #42a0ad;
  border-bottom: 1px solid #42a0ad;
  background: #fff;
  color: #42a0ad;
  transition: background 0.3s, color 0.3s;
}
@media screen and (min-width: 750px) {
  .tag3 {
    border-bottom: none;
    border-left: 1px solid #42a0ad;
  }
}
.tag3.active {
  background: #42a0ad;
  color: #fff;
}
.tag3:hover {
  background: #42a0ad;
  color: #fff;
}

.tag4 {
  border-top: 1px solid #9c8cff;
  border-right: 1px solid #9c8cff;
  border-bottom: 1px solid #9c8cff;
  background: #fff;
  color: #9c8cff;
  transition: background 0.3s, color 0.3s;
}
@media screen and (min-width: 750px) {
  .tag4 {
    border-bottom: none;
    border-left: 1px solid #9c8cff;
  }
}
.tag4.active {
  background: #9c8cff;
  color: #fff;
}
.tag4:hover {
  background: #9c8cff;
  color: #fff;
}

.tag5 {
  border-top: 1px solid #c88dec;
  border-right: 1px solid #c88dec;
  border-bottom: 1px solid #c88dec;
  background: #fff;
  color: #c88dec;
  transition: background 0.3s, color 0.3s;
}
@media screen and (min-width: 750px) {
  .tag5 {
    border-bottom: none;
    border-left: 1px solid #c88dec;
  }
}
.tag5.active {
  background: #c88dec;
  color: #fff;
}
.tag5:hover {
  background: #c88dec;
  color: #fff;
}

.container {
  display: none;
}
.container.js-open {
  display: block;
  width: 100%;
}

.all__cards {
  background: #629de2;
  border-radius: 16px 0px 16px 16px;
  display: grid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 14px;
  padding: 12px;
  position: relative;
  z-index: 99;
  grid-template-columns: 1fr;
}
.all__cards.type2 {
  background: #135097;
}
.all__cards.type3 {
  background: #42a0ad;
}
.all__cards.type4 {
  background: #9c8cff;
}
.all__cards.type5 {
  background: #c88dec;
}
@media screen and (min-width: 750px) {
  .all__cards {
    padding: 32px;
    border-radius: 0px 16px 16px 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}
@media screen and (min-width: 950px) {
  .all__cards {
    border-radius: 0px 16px 16px 16px;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(0.625rem, -2.0408163265rem + 4.4897959184vw, 2rem);
  }
}
.all__cards .card:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
  display: none;
}
@media screen and (min-width: 750px) {
  .all__cards .card:not(:nth-child(7), :nth-child(8), :nth-child(9)) {
    display: block;
  }
}
@media screen and (min-width: 950px) {
  .all__cards .card:not(:nth-child(4), :nth-child(5), :nth-child(6)) {
    display: block;
  }
}
.all__cards.category .card {
  display: block;
}

.all__button {
  text-align: center;
  margin-top: clamp(1.8125rem, 1.5571428571rem + 1.0476190476vw, 2.5rem);
  margin-left: 24px;
}
@media screen and (min-width: 750px) {
  .all__button {
    text-align: right;
  }
}

.search {
  margin-top: 72px;
  margin-bottom: clamp(3rem, 2.6982142857rem + 1.2380952381vw, 3.8125rem);
}
.search.type2 {
  margin-top: 64px;
}
@media screen and (min-width: 750px) {
  .search.type2 .search__inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
.search__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 16px 16px 0px 0px;
  background: #629de2;
  width: clamp(15.0625rem, 13.5303571429rem + 6.2857142857vw, 19.1875rem);
  padding: clamp(0.625rem, 0.5785714286rem + 0.1904761905vw, 0.75rem)
    clamp(1.75rem, 1.4017857143rem + 1.4285714286vw, 2.6875rem)
    clamp(0.375rem, 0.3285714286rem + 0.1904761905vw, 0.5rem)
    clamp(1rem, 0.9535714286rem + 0.1904761905vw, 1.125rem);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  gap: clamp(0.5rem, 0.4303571429rem + 0.2857142857vw, 0.6875rem);
}
.search__top p {
  color: #fff;
  font-size: clamp(0.9375rem, 0.8678571429rem + 0.2857142857vw, 1.125rem);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(1.40625rem, 1.3017857143rem + 0.4285714286vw, 1.6875rem);
  letter-spacing: clamp(
    0.140625rem,
    0.1301785714rem + 0.0428571429vw,
    0.16875rem
  );
  font-family: "Zen Maru Gothic", serif;
}
.search__top img {
  width: clamp(1.125rem, 0.9857142857rem + 0.5714285714vw, 1.5rem);
  height: clamp(1.125rem, 0.9857142857rem + 0.5714285714vw, 1.5rem);
}

.search__body {
  border-radius: 0px 20px 20px 20px;
  border: 1px solid #629de2;
  background: #fff;
  padding: clamp(1.5625rem, 1.3071428571rem + 1.0476190476vw, 2.25rem)
    clamp(1rem, -0.7642857143rem + 7.2380952381vw, 5.75rem);
}

.search-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  gap: clamp(0.5rem, 0.3607142857rem + 0.5714285714vw, 0.875rem);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.search-tags .card__tagItem {
  margin-right: 0;
}

.cta {
  background: url(../img/sp.png) repeat top center/cover;
  padding: 40px 40px 26px
    clamp(1.25rem, -6.0227272727rem + 36.3636363636vw, 2.5rem);
}
@media screen and (min-width: 750px) {
  .cta {
    background: url(../img/img-bg-cta.png) repeat top center/cover;
    padding-top: 74px;
    padding-bottom: 60px;
  }
}

.cta-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 59px;
}
@media screen and (min-width: 750px) {
  .cta-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 13%;
    gap: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .cta-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 13%;
    gap: 200px;
  }
}

.cta__company-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-style: normal;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  position: relative;
  top: 0;
  -webkit-transition: opacity 0.3s, top 0.3s;
  transition: opacity 0.3s, top 0.3s;
}
.cta__company-btn:hover {
  opacity: 0.8;
  top: 8px;
}
.cta__company-btn1 {
  max-width: clamp(16rem, 14.5142857143rem + 6.0952380952vw, 20rem);
  padding: clamp(0.3125rem, 0.2428571429rem + 0.2857142857vw, 0.5rem) 15px;
  font-size: clamp(0.875rem, 0.7821428571rem + 0.380952381vw, 1.125rem);
  color: #fff;
  border-radius: 8px 8px 8px 0px;
  border: 1px solid #fff;
  background: #2a84bf;
  font-weight: 500;
  line-height: clamp(1.1375rem, 1.0167857143rem + 0.4952380952vw, 1.4625rem);
  z-index: 1;
}
.cta__company-btn2 {
  position: relative;
  position: absolute;
  top: clamp(1.25rem, 1.0410714286rem + 0.8571428571vw, 1.8125rem);
  max-width: clamp(17.625rem, 15.0714285714rem + 10.4761904762vw, 24.5rem);
  padding: clamp(0.75rem, 0.6571428571rem + 0.380952381vw, 1rem)
    clamp(2.625rem, 2.0678571429rem + 2.2857142857vw, 4.125rem)
    clamp(0.625rem, 0.4857142857rem + 0.5714285714vw, 1rem)
    clamp(1.25rem, 0.9714285714rem + 1.1428571429vw, 2rem);
  color: #135097;
  font-family: "Zen Maru Gothic", serif;
  font-size: clamp(1.125rem, 0.9857142857rem + 0.5714285714vw, 1.5rem);
  font-weight: 700;
  line-height: clamp(1.4625rem, 1.2814285714rem + 0.7428571429vw, 1.95rem);
  letter-spacing: 0.36px;
  border-radius: 8px;
  border: 1px solid #fff;
  background: #fff;
}
.cta__company-btn2::after {
  position: absolute;
  content: "";
  background: url(../img/icon-cta1.png) no-repeat center center/contain;
  right: clamp(0.875rem, 0.5035714286rem + 1.5238095238vw, 1.875rem);
  top: 33%;
  width: clamp(1.125rem, 0.9857142857rem + 0.5714285714vw, 1.5rem);
  height: clamp(1.125rem, 0.9857142857rem + 0.5714285714vw, 1.5rem);
}

.cta__consul-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  width: 144px;
  white-space: nowrap;
  position: relative;
  top: 0;
  -webkit-transition: opacity 0.3s, top 0.3s;
  transition: opacity 0.3s, top 0.3s;
}
.cta__consul-btn:hover {
  opacity: 0.8;
  top: 8px;
}
.cta__consul-btn1 {
  width: clamp(10.75rem, 9.8214285714rem + 3.8095238095vw, 13.25rem);
  padding: clamp(0.375rem, 0.3285714286rem + 0.1904761905vw, 0.5rem);
  font-size: clamp(0.875rem, 0.7821428571rem + 0.380952381vw, 1.125rem);
  color: #135097;
  border-radius: 8px 8px 8px 0px;
  border: 1px solid #fff;
  background: #fff;
  font-weight: 500;
  line-height: clamp(1.1375rem, 1.0167857143rem + 0.4952380952vw, 1.4625rem);
  z-index: 1;
}
.cta__consul-btn2 {
  position: absolute;
  position: relative;
  top: -13px;
  width: clamp(14.8125rem, 12.9553571429rem + 7.619047619vw, 19.8125rem);
  padding: clamp(0.6875rem, 0.5946428571rem + 0.380952381vw, 0.9375rem)
    clamp(2.1875rem, 2.2803571429rem - 0.380952381vw, 1.9375rem)
    clamp(0.5625rem, 0.4232142857rem + 0.5714285714vw, 0.9375rem)
    clamp(1.1875rem, 1.2339285714rem - 0.1904761905vw, 1.0625rem);
  color: #fff;
  font-size: clamp(1.125rem, 0.9857142857rem + 0.5714285714vw, 1.5rem);
  font-weight: 700;
  line-height: clamp(1.4625rem, 1.2814285714rem + 0.7428571429vw, 1.95rem);
  letter-spacing: 0.36px;
  border-radius: 12px;
  border: 2px solid #fff;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  font-family: "Zen Maru Gothic", serif;
  font-size: clamp(1.125rem, 0.9857142857rem + 0.5714285714vw, 1.5rem);
  font-weight: 700;
  line-height: clamp(1.4625rem, 1.2814285714rem + 0.7428571429vw, 1.95rem);
  letter-spacing: clamp(0.09rem, 0.0788571429rem + 0.0457142857vw, 0.12rem);
}
@media screen and (min-width: 750px) {
  .cta__consul-btn span:nth-child(2) {
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  }
}
.cta__consul-btn2::after {
  position: absolute;
  content: "";
  background: url(../img/icon-cta2.png) no-repeat center center/contain;
  right: clamp(0.75rem, 0.6339285714rem + 0.4761904762vw, 1.0625rem);
  top: 22%;
  width: clamp(1.875rem, 2.0142857143rem - 0.5714285714vw, 1.5rem);
  height: clamp(1.625rem, 1.6714285714rem - 0.1904761905vw, 1.5rem);
}
@media screen and (min-width: 750px) {
  .cta__consul-btn span:nth-child(2)::after {
    top: 30%;
  }
}

.footer {
  background: #241919;
  padding: clamp(2.5rem, 2.3142857143rem + 0.7619047619vw, 3rem) 20px
    clamp(1.25rem, 1.0642857143rem + 0.7619047619vw, 1.75rem) 20px;
  text-align: center;
}

@media screen and (min-width: 750px) {
  .footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1034px;
    margin-left: auto;
    margin-right: auto;
  }
}

.footer-logo img {
  width: clamp(14.625rem, 12.3035714286rem + 9.5238095238vw, 20.875rem);
  height: clamp(3rem, 2.6517857143rem + 1.4285714286vw, 3.9375rem);
  transition: opacity 0.3s;
}
.footer-logo img:hover {
  opacity: 0.7;
}

.footer-nav {
  margin-top: 36px;
  margin-bottom: 36px;
  max-width: 282px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 750px) {
  .footer-nav {
    margin-bottom: 19px;
    max-width: 306px;
    margin-left: 0;
    margin-right: 0;
  }
}

.footer-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 32px;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 750px) {
  .footer-list {
    row-gap: 24px;
    -webkit-column-gap: 64px;
    -moz-column-gap: 64px;
    column-gap: 64px;
    position: relative;
    top: -20px;
  }
}

.footer-item {
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.2px;
  letter-spacing: 0.8px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.footer-item:hover {
  opacity: 0.7;
}
.footer-item a {
  font-weight: 500;
}

.footer__copyright {
  color: #e6edf3;
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: 19.2px;
}

.footer__text {
  margin-top: 40px;
  color: #e6edf3;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.4px;
  text-align: left;
}
@media screen and (min-width: 750px) {
  .footer__text {
    text-align: center;
    margin-top: 24px;
  }
}

.all__pagination {
  margin-top: clamp(1.5625rem, 0.9125rem + 2.6666666667vw, 3.3125rem);
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #676e87;
}
.pagination img {
  width: 36px;
  height: 36px;
  display: block;
}

.all__right {
  margin-left: 8px;
}

.pagination-num {
  display: inline-flex; /* インラインでフレックスボックスを使用して中央揃えにする */
  justify-content: center; /* 中央揃え */
  align-items: center; /* 中央揃え */
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 3px;
  padding: 2px 6px;
  box-sizing: border-box; /* padding と border を含めたサイズを確保 */
}

.pagination__active {
  background: #629de2;
  color: #fff;
  border-radius: 4px;
}

.single {
  margin-top: clamp(11.75rem, 11.3785714286rem + 1.5238095238vw, 12.75rem);
}

@media screen and (min-width: 750px) {
  .single__inner {
    max-width: 1016px;
    margin-left: auto;
    margin-right: auto;
  }
}

.post {
  background: #fff;
  -webkit-box-shadow: 0px 24px 64px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 24px 64px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 750px) {
  .post {
    border-radius: 24px;
  }
}

.post__inner {
  padding: 22px 20px 48px 20px;
}
@media screen and (min-width: 750px) {
  .post__inner {
    padding: 44px 88px;
  }
}

.post__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.post__title time {
  color: #676e87;
  font-size: clamp(0.875rem, 0.8285714286rem + 0.1904761905vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: clamp(1.59375rem, 1.5171428571rem + 0.3142857143vw, 1.8rem);
}
.post__title p {
  font-size: clamp(1.25rem, 1.0642857143rem + 0.7619047619vw, 1.75rem);
  font-weight: 500;
  line-height: clamp(1.875rem, 1.4014285714rem + 1.9428571429vw, 3.15rem);
  letter-spacing: clamp(0.1125rem, 0.0892857143rem + 0.0952380952vw, 0.175rem);
}
.post__title .card__category {
  padding: 3px clamp(0.9375rem, 0.8214285714rem + 0.4761904762vw, 1.25rem);
  font-size: clamp(0.8125rem, 0.6964285714rem + 0.4761904762vw, 1.125rem);
  line-height: clamp(1.3rem, 1.1978571429rem + 0.419047619vw, 1.575rem);
}

.post__img {
  margin-top: 16px;
}
@media screen and (min-width: 750px) {
  .post__img img {
    width: 840px;
    height: 490px;
  }
}

.post__text {
  margin-top: clamp(1.25rem, 0.9714285714rem + 1.1428571429vw, 2rem);
  font-size: clamp(0.875rem, 0.8517857143rem + 0.0952380952vw, 0.9375rem)!important;
  font-weight: 400;
  line-height: clamp(1.575rem, 1.4635714286rem + 0.4571428571vw, 1.875rem);
  letter-spacing: clamp(
    0.0875rem,
    0.0677678571rem + 0.080952381vw,
    0.140625rem
  );
}

.no_bullets {
  margin-top: 20px;
}
@media screen and (min-width: 750px) {
  .no_bullets {
    max-width: 461px;
  }
}

.toc_list {
  padding: 11px clamp(0.9375rem, 0.5892857143rem + 1.4285714286vw, 1.875rem)
    19px clamp(0.9375rem, 0.775rem + 0.6666666667vw, 1.375rem);
  border-right: 1px solid #daeff8;
  border-bottom: 1px solid #daeff8;
  border-left: 1px solid #daeff8;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0.5rem, 0.4883928571rem + 0.0476190476vw, 0.53125rem);
}
.toc_list li a {
  color: #135097;
  font-size: clamp(0.9375rem, 0.9142857143rem + 0.0952380952vw, 1rem);
  font-weight: 500;
  line-height: clamp(1.5rem, 1.4628571429rem + 0.1523809524vw, 1.6rem);
  letter-spacing: clamp(0.05625rem, 0.0325714286rem + 0.0971428571vw, 0.12rem);
  text-decoration-line: underline;
}
.toc_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0.5rem, 0.4883928571rem + 0.0476190476vw, 0.53125rem);
}

.toc_list li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0.5rem, 0.4883928571rem + 0.0476190476vw, 0.53125rem);
}
.toc_list li ul li a {
  margin-left: 15px;
  color: #135097;
  font-size: clamp(0.875rem, 0.8517857143rem + 0.0952380952vw, 0.9375rem);
  font-weight: 400;
  line-height: clamp(1.4rem, 1.3628571429rem + 0.1523809524vw, 1.5rem);
  letter-spacing: clamp(0.0525rem, 0.0302142857rem + 0.0914285714vw, 0.1125rem);
  text-decoration-line: underline;
}
@media screen and (min-width: 750px) {
  .toc_list li ul li a {
    margin-left: 13px;
  }
}

.toc_title {
  padding: clamp(0.375rem, 0.3285714286rem + 0.1904761905vw, 0.5rem) 16px;
  background: #daeff8;
  font-size: clamp(1rem, 0.9071428571rem + 0.380952381vw, 1.25rem);
  font-weight: 500;
  line-height: clamp(1.8rem, 1.6328571429rem + 0.6857142857vw, 2.25rem);
  letter-spacing: clamp(0.15rem, 0.1360714286rem + 0.0571428571vw, 0.1875rem);
}

.post__content-title {
  margin-top: clamp(2.25rem, 2.2035714286rem + 0.1904761905vw, 2.375rem);
  font-size: clamp(1.25rem, 1.1571428571rem + 0.380952381vw, 1.5rem);
  font-weight: 500;
  line-height: clamp(2rem, 1.8514285714rem + 0.6095238095vw, 2.4rem);
  letter-spacing: clamp(0.1875rem, 0.1735714286rem + 0.0571428571vw, 0.225rem);
  padding-bottom: 11px;
  border-bottom: 2px solid #629de2;
}

.post__content-text {
  margin-top: 20px;
  font-size: clamp(0.875rem, 0.8517857143rem + 0.0952380952vw, 0.9375rem);
  font-weight: 400;
  line-height: clamp(1.575rem, 1.4635714286rem + 0.4571428571vw, 1.875rem);
  letter-spacing: clamp(
    0.0875rem,
    0.0677678571rem + 0.080952381vw,
    0.140625rem
  );
}

.post__content-sub-title {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  letter-spacing: 3.2px;
  padding-left: 16px;
  border-left: 2px solid #629de2;
}

.post__content-sub-text {
  margin-top: 20px;
  font-size: clamp(0.875rem, 0.8517857143rem + 0.0952380952vw, 0.9375rem);
  font-weight: 400;
  line-height: clamp(1.575rem, 1.4635714286rem + 0.4571428571vw, 1.875rem);
  letter-spacing: clamp(
    0.0875rem,
    0.0677678571rem + 0.080952381vw,
    0.140625rem
  );
}

.text-box {
  margin-top: clamp(1rem, 0.9071428571rem + 0.380952381vw, 1.25rem);
  padding: 20px clamp(1rem, 0.7214285714rem + 1.1428571429vw, 1.75rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #629de2;
  background: #e6edf3;
}
.text-box-p {
  font-size: 16px;
  font-weight: 500;
  line-height: clamp(1.6rem, 1.4514285714rem + 0.6095238095vw, 2rem);
  letter-spacing: 2.4px;
}
.text-box-span {
  color: #135097;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 2.4px;
  text-decoration-line: underline;
  margin-top: 10px;
}

.post__table {
  margin-top: 20px;
  border-collapse: collapse;
  border: 2px solid #629de2;
}
@media screen and (min-width: 750px) {
  .post__table {
    width: 100%;
  }
}
.wp-block-table th {
  border: none;
}
.post__table th {
  border: 1px solid #629de2;
  height: 46px;
  padding: 3px 8px;
  width: 33.3333333333%;
  background: #629de2;
  color: #fff;
  font-size: clamp(0.8125rem, 0.7428571429rem + 0.2857142857vw, 1rem);
  font-weight: 700;
  line-height: clamp(1.21875rem, 1.1142857143rem + 0.4285714286vw, 1.5rem);
  vertical-align: middle;
  letter-spacing: 0;
}
.post__table td {
  border: 1px solid #629de2;
  text-align: center;
  padding: 8px 1px;
  font-size: clamp(0.8125rem, 0.7428571429rem + 0.2857142857vw, 1rem);
  font-weight: 400;
  line-height: clamp(1.05625rem, 0.8914285714rem + 0.6761904762vw, 1.5rem);
  vertical-align: middle;
  letter-spacing: 0px;
}

.content-lists-title {
  position: relative;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 160%; /* 24px */
  letter-spacing: 3px;
  padding-left: 28px;
}
.content-lists-title::after {
  position: absolute;
  content: "";
  background: #629de2;
  width: 20px;
  height: 2px;
  left: 0;
  top: 50%;
}

.content-list {
  margin-top: 10px;
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
}

.content-item {
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 2.25px;
  padding-left: 24px;
  position: relative;
}
.content-item::after {
  position: absolute;
  content: "";
  background: #629de2;
  width: 4px;
  height: 4px;
  left: 0;
  top: 50%;
  border-radius: 50%;
}

.post__button {
  margin-top: 20px;
  margin-bottom: 20px;
}

.post-button {
  display: inline-block;
  color: #fff;
  font-size: clamp(0.875rem, 0.6428571429rem + 0.9523809524vw, 1.5rem);
  font-style: normal;
  font-weight: 500;
  line-height: clamp(1.1375rem, 0.8357142857rem + 1.2380952381vw, 1.95rem);
  letter-spacing: clamp(0.07rem, 0.0514285714rem + 0.0761904762vw, 0.12rem);
  border-radius: 16px;
  border: 2px solid #fff;
  background: #629de2;
  padding: 16px 32px;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.post-button:hover {
  color: #629de2;
  background: #fff;
  border-color: #629de2;
}

.post__tag {
  padding-top: 20px;
  border-top: 1px solid #e6edf3;
  align-items: baseline;
}
.post__tag p {
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 2.25px;
}
@media screen and (min-width: 750px) {
  .post__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 32px;
  }
}

.post__tags {
  max-width: 100%;
  margin-top: 7px;
}

.error {
  margin-top: clamp(11.875rem, 11.5964285714rem + 1.1428571429vw, 12.625rem);
  margin-bottom: clamp(3.375rem, 3.1428571429rem + 0.9523809524vw, 4rem);
}

.error__inner {
  margin-right: 20px;
  margin-left: 20px;
}
@media screen and (min-width: 750px) {
  .error__inner {
    max-width: 1016px;
    margin-left: auto;
    margin-right: auto;
  }
}

.error__box {
  padding: clamp(3.5rem, 2.9428571429rem + 2.2857142857vw, 5rem)
    clamp(1.25rem, -0.3285714286rem + 6.4761904762vw, 5.5rem);
  background: #fff;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  -webkit-box-shadow: 0px 24px 64px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 24px 64px 0px rgba(0, 0, 0, 0.05);
}
.error__box img {
  width: 89.143px;
  height: 48px;
}

.error__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  margin-top: 8px;
}
.error__top p {
  color: #135097;
  text-align: center;
  font-size: clamp(1.5rem, 1.2678571429rem + 0.9523809524vw, 2.125rem);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(2.7rem, 2.2821428571rem + 1.7142857143vw, 3.825rem);
  letter-spacing: clamp(0.15rem, 0.1267857143rem + 0.0952380952vw, 0.2125rem);
}
.error__top span {
  color: #629de2;
  font-size: clamp(5rem, 4.5357142857rem + 1.9047619048vw, 6.25rem);
  font-weight: 900;
  line-height: clamp(5rem, 4.5357142857rem + 1.9047619048vw, 6.25rem);
  letter-spacing: clamp(0.5rem, 0.4535714286rem + 0.1904761905vw, 0.625rem);
}

.error__text {
  color: #343436;
  font-family: "Zen Maru Gothic", serif;
  font-size: clamp(1.25rem, 1.1571428571rem + 0.380952381vw, 1.5rem);
  font-weight: 700;
  line-height: clamp(2.25rem, 2.0828571429rem + 0.6857142857vw, 2.7rem);
  letter-spacing: clamp(0.125rem, 0.1157142857rem + 0.0380952381vw, 0.15rem);
  margin-top: 20px;
}

.error__text2 {
  color: #343436;
  font-size: clamp(0.9375rem, 0.8214285714rem + 0.4761904762vw, 1.25rem);
  font-weight: 500;
  line-height: 180%; /* 27px */
  letter-spacing: clamp(0.09375rem, 0.0821428571rem + 0.0476190476vw, 0.125rem);
}

.error-button {
  display: inline-block;
  padding: 14px 30px;
  border-radius: 16px;
  border: 2px solid #fff;
  background: #629de2;
  color: #fff;
  font-size: clamp(0.875rem, 0.6428571429rem + 0.9523809524vw, 1.5rem);
  font-style: normal;
  font-weight: 500;
  line-height: clamp(1.1375rem, 0.8357142857rem + 1.2380952381vw, 1.95rem);
  letter-spacing: clamp(0.07rem, 0.0514285714rem + 0.0761904762vw, 0.12rem);
  transition: border 0.3s, background 0.3s, color 0.3s;
}

.error-button:hover {
  border: 2px solid #629de2;
  background: #fff;
  color: #629de2;
}

.no-posts {
  grid-column: 1 / -1;
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: var(--white, #fff);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.03),
    0px 16px 30px 0px rgba(0, 0, 0, 0.05);
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 750px) {
  .no-posts {
    padding: 16px;
  }
}

.no-posts__text {
  font-size: clamp(0.8125rem, 0.65rem + 0.6666666667vw, 1.25rem);
  font-weight: 500;
  line-height: clamp(1.125rem, 0.8928571429rem + 0.9523809524vw, 1.75rem);
  letter-spacing: 0.4px;
}