.size-s {
  font-size: min(14px, 4vw);
}

.size-n {
  font-size: min(16px, 4.2vw);
}

.size-m {
  font-size: min(18px, 4.3vw);
}

.size-l {
  font-size: min(20px, 4.4vw);
}

.size-ll {
  font-size: min(22px, 4.5vw);
}

.size-xl {
  font-size: min(24px, 4.6vw);
}

.size-b {
  font-size: min(28px, 4.8vw);
}

.size-h {
  font-size: min(32px, 5vw);
}

.size-hx {
  font-size: min(40px, 6.4vw);
}

.size-max {
  font-size: min(40px, 8vw);
}

.color-red {
  color: #c30d24;
}

/* -----------------------------
** common
----------------------------- */
#contents .headSection .innerBlock {
  width: 1240px;
}

@media screen and (min-width: 768px) {
  .hajimete .sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hajimete .pc {
    display: none;
  }
  .hajimete .mt30 {
    margin-top: 5.2151238592vw !important;
  }
  .hajimete .mt40 {
    margin-top: 6.518904824vw !important;
  }
  .hajimete .mt50 {
    margin-top: 7.8226857888vw !important;
  }
  .hajimete .mt80 {
    margin-top: 11.7340286832vw !important;
  }
  .hajimete .mtsp0 {
    margin-top: 0 !important;
  }
}
.hajimete * {
  box-sizing: border-box;
}
.hajimete *:before, .hajimete *:after {
  box-sizing: border-box;
}
.hajimete img {
  max-width: 100%;
}

.link-btn a {
  display: inline-block;
  font-weight: bold;
  position: relative;
  background-color: #333;
  border: 2px solid #333;
  color: #FFF;
  padding: min(10px, 3vw) min(40px, 7vw);
  border-radius: 9999px;
  transition: all 0.2s ease-in;
}
@media screen and (max-width: 767px) {
  .link-btn a {
    width: 100%;
  }
}
.link-btn a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.link-btn a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 18px;
}
@media screen and (max-width: 767px) {
  .link-btn a:after {
    right: 4vw;
  }
}
.link-btn a.linkArrow:after {
  width: 0.5em;
  aspect-ratio: 1/1;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #FFF;
  transform: translateY(calc(-50% - 1px)) rotate(-45deg);
}
.link-btn a.red {
  background-color: #c30d24;
  border-color: #c30d24;
}
.link-btn a.rv {
  background-color: #FFF;
  border: 2px solid #333;
  color: #333;
}
.link-btn a.rv.linkArrow::after {
  border-color: #333;
}

.list-caution {
  text-align: left;
}
.list-caution > li {
  position: relative;
  padding-left: 3em;
  line-height: 1.6;
  font-size: min(14px, 4vw);
}
@media screen and (max-width: 767px) {
  .list-caution > li {
    line-height: 1.3;
  }
}
.list-caution__firstLetter {
  position: absolute;
  left: 0;
  top: 0.03em;
}

.shadow-box {
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 50px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .shadow-box {
    padding: 5vw;
  }
}

/* -----------------------------
** contents
----------------------------- */
.mainvisual {
  margin: min(40px, 3vw) auto 0 auto;
  text-align: center;
}
.mainvisual img {
  margin: 0 auto;
  text-align: center;
}

.hajimete-section {
  padding: min(80px, 8vw) 0 min(100px, 8vw) 0;
  background-color: color-mix(in srgb, var(--secColor) 5%, transparent);
}
.hajimete-section.learn {
  --secColor:#5d4394;
}
.hajimete-section.events {
  --secColor:#34768c;
}
.hajimete-section.showcase {
  --secColor:#427330;
}
.hajimete-section.nobg {
  background-color: #FFF;
}
.hajimete-section__head {
  margin: 0 auto min(70px, 8vw) auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hajimete-section__head__icon {
    max-width: 60%;
    margin-inline: auto;
  }
}
.hajimete-section__head__title {
  font-size: min(40px, 6.4vw);
  color: var(--secColor);
  margin-top: min(10px, 2vw);
}
.hajimete-section__inner {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hajimete-section__inner {
    width: 100%;
    padding: 0 5vw;
  }
}
.hajimete-section__lead {
  font-size: min(18px, 4.3vw);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hajimete-section__lead {
    margin-bottom: 3vw;
  }
}
.hajimete-section .hx-border {
  position: relative;
  text-align: center;
}
.hajimete-section .hx-border::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--secColor);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.hajimete-section .hx-border span {
  display: inline-block;
  background-color: #FFF;
  border: 1px solid var(--secColor);
  position: relative;
  font-size: min(22px, 4.5vw);
  color: var(--secColor);
  padding: 0.2em 3em;
}
@media screen and (max-width: 767px) {
  .hajimete-section .hx-border span {
    padding: 0.2em 1em;
    max-width: 90%;
  }
}

.intro-text {
  margin-top: min(25px, 5vw);
  line-height: 2.3;
}
.intro-text .em {
  background-color: #efef26;
  font-weight: bold;
  padding: 0.2em 0.5em;
}

.intro-call {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-weight: bold;
  font-size: min(32px, 5vw);
  position: relative;
  color: #c30d24;
  padding: 0 46px;
}
@media screen and (max-width: 767px) {
  .intro-call {
    padding: 0 8vw;
  }
}
.intro-call::before, .intro-call::after {
  content: "";
  display: block;
  width: 36px;
  aspect-ratio: 72/86;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 86' preserveAspectRatio='none'%3E%3Crect fill='%23000000' x='50.726' y='-.688' width='4' height='88.325' transform='translate(-12.786 24.026) rotate(-22.972)' /%3E%3Crect fill='%23000000' x='17.726' y='-3.986' width='4' height='68.178' transform='translate(-12.829 14.759) rotate(-31.528)' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .intro-call::before, .intro-call::after {
    width: 6vw;
  }
}
.intro-call::before {
  left: 0;
}
.intro-call::after {
  right: 0;
  transform: translateY(-50%) scale(-1, 1);
}

.intro-balloon {
  background: url(/katsuyou/photo/premium/hajimete/images/intro-baloon.png) no-repeat center top;
  background-size: 100%;
  width: 785px;
  margin-inline: auto;
  margin-top: 55px;
  aspect-ratio: 1571/594;
  font-weight: bold;
  font-size: min(20px, 4.4vw);
  line-height: 1.4;
  position: relative;
}
@media screen and (max-width: 767px) {
  .intro-balloon {
    width: calc(100% + 5vw);
    margin-inline: -2.5vw;
    margin-top: 5vw;
    margin-bottom: 3vw;
    aspect-ratio: 750/960;
    background-image: url(/katsuyou/photo/premium/hajimete/images/intro-baloon-sp.png);
  }
}
.intro-balloon > div {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .intro-balloon > div.balloon1 {
    top: 85px;
    left: 30px;
  }
  .intro-balloon > div.balloon2 {
    top: 35px;
    left: 280px;
  }
  .intro-balloon > div.balloon3 {
    top: 40px;
    right: 80px;
  }
  .intro-balloon > div.balloon4 {
    top: 155px;
    left: 225px;
  }
  .intro-balloon > div.balloon5 {
    top: 125px;
    right: 225px;
  }
  .intro-balloon > div.balloon6 {
    top: 165px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .intro-balloon > div.balloon1 {
    top: 11vw;
    left: 24vw;
  }
  .intro-balloon > div.balloon2 {
    top: 31vw;
    left: 7vw;
  }
  .intro-balloon > div.balloon3 {
    top: 46vw;
    left: 56vw;
  }
  .intro-balloon > div.balloon4 {
    top: 59vw;
    left: 16vw;
  }
  .intro-balloon > div.balloon5 {
    top: 74vw;
    left: 54vw;
  }
  .intro-balloon > div.balloon6 {
    top: 92vw;
    left: 16vw;
  }
}

.circle-list {
  margin-top: min(90px, 10vw);
  padding: 0 min(70px, 5vw);
}
@media screen and (max-width: 767px) {
  .circle-list {
    padding: 0 12vw;
  }
}
.circle-list__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1/1;
  color: #FFF;
  text-align: center;
  border-radius: 100%;
  font-size: min(16px, 4.2vw);
}
.circle-list__icon {
  margin-bottom: min(15px, 4vw);
}
.circle-list__title {
  font-size: min(24px, 4.6vw);
  font-weight: bold;
  position: relative;
  padding-bottom: 10px;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .circle-list__title {
    font-size: 6vw;
    padding-bottom: 4vw;
    margin-bottom: 4vw;
  }
}
.circle-list__title::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  border-bottom: 3px dotted #FFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.circle-list ul {
  display: flex;
  flex-wrap: wrap;
  --circlegap:50px;
  gap: var(--circlegap);
}
@media screen and (max-width: 767px) {
  .circle-list ul {
    gap: 10vw;
  }
}
.circle-list ul li {
  width: calc((100% - var(--circlegap) * 3) / 4);
  position: relative;
}
@media screen and (max-width: 767px) {
  .circle-list ul li {
    width: 100%;
  }
}
.circle-list ul li::after {
  content: "";
  display: block;
  width: 44px;
  aspect-ratio: 90/54;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: calc(100% + 3px);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .circle-list ul li::after {
    width: 12vw;
    top: calc(100% - 1vw);
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
.circle-list ul li.step-learn .circle-list__box {
  background-color: #5d4394;
}
.circle-list ul li.step-learn::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 54" fill="%235d4394"><path d="M66.487,4.347c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247S59.894.099,62.239.099s4.247,1.902,4.247,4.247Z"/><circle cx="62.239" cy="15.673" r="4.247"/><circle cx="62.239" cy="27" r="4.247"/><path d="M66.487,38.327c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M66.487,49.653c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M77.89,15.673c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/><path d="M77.89,27c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/><path d="M89.598,27.177c0,2.346-1.902,4.247-4.248,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.248,1.902,4.248,4.247Z"/><path d="M31.954,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M20.425,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/><path d="M8.896,27.177c0,2.346-1.902,4.247-4.247,4.247S.402,29.523.402,27.177s1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M43.483,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M55.012,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M77.89,38.327c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/></svg>');
}
.circle-list ul li.step-events .circle-list__box {
  background-color: #34768c;
}
.circle-list ul li.step-events::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 54" fill="%2334768c"><path d="M66.487,4.347c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247S59.894.099,62.239.099s4.247,1.902,4.247,4.247Z"/><circle cx="62.239" cy="15.673" r="4.247"/><circle cx="62.239" cy="27" r="4.247"/><path d="M66.487,38.327c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M66.487,49.653c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M77.89,15.673c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/><path d="M77.89,27c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/><path d="M89.598,27.177c0,2.346-1.902,4.247-4.248,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.248,1.902,4.248,4.247Z"/><path d="M31.954,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M20.425,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/><path d="M8.896,27.177c0,2.346-1.902,4.247-4.247,4.247S.402,29.523.402,27.177s1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M43.483,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M55.012,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M77.89,38.327c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/></svg>');
}
.circle-list ul li.step-showcase .circle-list__box {
  background-color: #427330;
}
.circle-list ul li.step-showcase::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 54" fill="%23427330"><path d="M66.487,4.347c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247S59.894.099,62.239.099s4.247,1.902,4.247,4.247Z"/><circle cx="62.239" cy="15.673" r="4.247"/><circle cx="62.239" cy="27" r="4.247"/><path d="M66.487,38.327c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M66.487,49.653c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M77.89,15.673c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/><path d="M77.89,27c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/><path d="M89.598,27.177c0,2.346-1.902,4.247-4.248,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.248,1.902,4.248,4.247Z"/><path d="M31.954,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M20.425,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/><path d="M8.896,27.177c0,2.346-1.902,4.247-4.247,4.247S.402,29.523.402,27.177s1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M43.483,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M55.012,27.177c0,2.346-1.902,4.247-4.247,4.247s-4.247-1.902-4.247-4.247,1.902-4.247,4.247-4.247,4.247,1.902,4.247,4.247Z"/><path d="M77.89,38.327c0,2.346-1.902,4.247-4.247,4.247s-4.248-1.902-4.248-4.247,1.902-4.247,4.248-4.247,4.247,1.902,4.247,4.247Z"/></svg>');
}
.circle-list ul li.step-advance .circle-list__box {
  background-color: #a6515b;
}
.circle-list ul li.step-advance::after {
  display: none;
}

.learn-box__head {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: min(10px, 2vw);
  margin-top: -50px;
  margin-left: -50px;
  background-color: var(--secColor);
  color: #FFF;
  padding: min(10px, 2vw) min(30px, 3vw);
  margin-bottom: min(70px, 7vw);
  position: relative;
}
@media screen and (max-width: 767px) {
  .learn-box__head {
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -5vw;
    margin-left: -5vw;
    max-width: calc(100% + 2vw);
  }
}
.learn-box__head::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: 40px;
  height: 100%;
  background: var(--secColor);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
@media screen and (max-width: 767px) {
  .learn-box__head::after {
    width: 8vw;
  }
}
.learn-box__head .year {
  font-weight: normal;
  font-size: min(18px, 4.3vw);
  text-align: left;
}
.learn-box__head__title {
  font-size: min(28px, 4.8vw);
  flex: 1;
}

.premium-movie__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 90px;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .premium-movie__items {
    gap: 7vw;
    padding: 0;
  }
}
.premium-movie__item {
  width: calc((100% - 90px) / 2);
}
@media screen and (max-width: 767px) {
  .premium-movie__item {
    width: 100%;
  }
}
.premium-movie__item__title {
  text-align: center;
  font-size: min(20px, 4.4vw);
  margin-bottom: min(10px, 2vw);
}
@media screen and (max-width: 767px) {
  .premium-movie__item__title {
    text-align: left;
  }
}
.premium-movie__embed {
  width: 100%;
  aspect-ratio: 16/9;
  margin-inline: auto;
}
.premium-movie__embed iframe {
  width: 100%;
  height: 100%;
}

.event-box {
  text-align: center;
}

.event-date {
  border-top: 1px solid var(--secColor);
  border-bottom: 1px solid var(--secColor);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-left: 50px;
  position: relative;
  padding: 0.3em 0 0.3em 3.3em;
  letter-spacing: 0.05em;
  font-size: min(20px, 4.4vw);
}
@media screen and (max-width: 767px) {
  .event-date {
    width: 100%;
    text-align: left;
  }
}
.event-date::before {
  content: "";
  display: block;
  width: 1.4em;
  aspect-ratio: 1/1;
  background: url(/katsuyou/photo/premium/hajimete/images/icon-schedule.svg) no-repeat center top;
  position: absolute;
  top: 50%;
  left: 0.6em;
  transform: translateY(-50%);
}
.event-date::after {
  content: "";
  width: 1px;
  height: calc(100% - 0.6em);
  position: absolute;
  top: 0.3em;
  left: 2.6em;
  background-color: var(--secColor);
}

.center-balloon {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  background-color: var(--secColor);
  color: #FFF;
  font-weight: bold;
  padding: 0.2em 1em;
  position: relative;
  margin-bottom: min(30px, 5vw);
}
.center-balloon::after {
  content: "";
  display: block;
  background-color: var(--secColor);
  width: 1em;
  height: 0.7em;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: calc(100% - 0.1em);
  left: 50%;
  transform: translateX(-50%);
}

.dl-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  --gap:20px;
  gap: var(--gap);
}
@media screen and (max-width: 767px) {
  .dl-list {
    gap: 3vw;
  }
}
.dl-list__set {
  width: calc((100% - var(--gap)) / 2);
  display: flex;
  border: 1px solid var(--secColor);
}
@media screen and (max-width: 767px) {
  .dl-list__set {
    width: 100%;
  }
}
.dl-list__set dt, .dl-list__set dd {
  padding: min(15px, 2vw);
  font-size: min(18px, 4.3vw);
}
.dl-list__set dt {
  width: 120px;
  text-align: center;
  background-color: color-mix(in srgb, var(--secColor) 5%, transparent);
  border-right: 1px solid var(--secColor);
}
@media screen and (max-width: 767px) {
  .dl-list__set dt {
    width: 24vw;
  }
}
.dl-list__set dd {
  flex: 1;
}

.footerPnl {
  position: fixed;
  bottom: -135px;
  left: 0;
  width: 100%;
  background-color: #FFF;
  z-index: 999;
  padding: 20px 0;
  transition: all 0.2s ease-in;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .footerPnl {
    padding: 3vw;
  }
}
.footerPnl.fixed {
  bottom: 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.footerPnl__inner {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
.footerPnl__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
@media screen and (max-width: 767px) {
  .footerPnl__wrap {
    flex-direction: column;
    gap: 3vw;
  }
}
.footerPnl__wrap li {
  width: calc(50% - 25px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footerPnl__wrap li .link-btn {
  width: 100%;
}
.footerPnl__wrap li .link-btn a {
  display: block;
}
@media screen and (max-width: 767px) {
  .footerPnl__wrap li .link-btn a {
    font-size: min(14px, 4vw);
  }
}
@media screen and (max-width: 767px) {
  .footerPnl__wrap li {
    width: 100%;
  }
}
.footerPnl__wrap li > p {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .footerPnl__wrap li > p {
    margin-bottom: 1vw;
    font-size: 3.4vw;
  }
}

#footer {
  margin-top: 0;
}
#footer #pagetopBlock {
  transition: all 0.2s ease-in;
}
#footer #pagetopBlock.ups {
  bottom: 100px !important;
}
@media screen and (max-width: 767px) {
  #footer #pagetopBlock.ups {
    bottom: 31vw !important;
  }
}