@media screen and (min-width: 768px) {
  .page-boc .boc-global-header .navi {
    gap: calc(clamp(0px, 3.0276816609cqw, 35px) * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1156px) {
  .page-boc .boc-global-header .navi {
    gap: min(0.1666666667 * (100vw - 1156px) + 35px, 40px);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .boc-global-header .navi .menu .list {
    gap: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1156px) {
  .page-boc .boc-global-header .navi .menu .list {
    gap: min(0.0952380952 * (100vw - 1156px) + 20px, 40px);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .boc-global-header .navi .menu .list {
    width: 100%;
  }
}
.page-boc .boc-global-header .navi .menu .list .cmn-button {
  margin-top: calc(clamp(0px, 10.6666666667cqw, 10.6666666667cqw) * 1);
  width: calc(clamp(0px, 69.3333333333cqw, 69.3333333333cqw) * 1);
  margin-left: auto;
  margin-right: auto;
}
.page-boc .boc-global-header .navi .menu .list .close {
  position: relative;
  left: auto;
  margin-top: calc(clamp(0px, 1.3333333333cqw, 1.3333333333cqw) * 1);
  margin-left: auto;
  margin-right: auto;
  font-size: calc(clamp(0px, 4cqw, 4cqw) * 1);
  display: block;
  width: calc(clamp(0px, 18.6666666667cqw, 18.6666666667cqw) * 1);
  height: auto;
}
.page-boc .boc-global-header .navi .menu .list .close:before, .page-boc .boc-global-header .navi .menu .list .close:after {
  left: auto;
  right: 0;
}
.page-boc .page-header {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-boc .page-header {
    height: calc(clamp(0px, 64.8788927336cqw, 750px) * 1);
    margin-bottom: calc(clamp(0px, 5.1903114187cqw, 60px) * -1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .page-header {
    height: calc(clamp(0px, 172cqw, 172cqw) * 1);
    margin-bottom: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * -1);
  }
}
.page-boc .page-header .cmn-container {
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page-boc .page-header .title {
    padding-top: calc(clamp(0px, 18.1660899654cqw, 210px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .page-header .title {
    padding-top: calc(clamp(0px, 16cqw, 16cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .page-header .title .logo {
    width: calc(clamp(0px, 51.2975778547cqw, 593px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .page-header .title .logo {
    width: calc(clamp(0px, 82.6666666667cqw, 82.6666666667cqw) * 1);
  }
}
.page-boc .page-header .title .lead {
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .page-boc .page-header .title .lead {
    margin-top: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
    width: calc(clamp(0px, 43.2525951557cqw, 500px) * 1);
    font-size: calc(clamp(0px, 1.384083045cqw, 16px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .page-header .title .lead {
    margin-top: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
    margin-left: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
    margin-right: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
    font-size: calc(clamp(0px, 4.2666666667cqw, 4.2666666667cqw) * 1);
  }
}
.page-boc .page-header .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-boc .page-header .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 70%;
  object-position: center 70%;
}
.page-boc .page-header .decoration {
  position: absolute;
  top: calc(clamp(0px, 6.5743944637cqw, 76px) * -1);
  left: calc(clamp(0px, 13.2352941176cqw, 153px) * -1);
  width: calc(clamp(0px, 44.9826989619cqw, 520px) * 1);
}
.page-boc .section-solution .section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .section-header {
    margin-bottom: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
    background-image: url(../img/boc/section_solution-title-border.png);
    padding-bottom: calc(clamp(0px, 8.3044982699cqw, 96px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .section-header {
    margin-bottom: calc(clamp(0px, 4cqw, 4cqw) * 1);
    background-image: url(../img/boc/section_solution-title-border.sp.png);
    padding-bottom: calc(clamp(0px, 19.2cqw, 19.2cqw) * 1);
  }
}
.page-boc .section-solution .section-header .lead {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
  background-color: #A435F0;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: -0.02em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .section-header .lead {
    width: calc(clamp(0px, 73.9619377163cqw, 855px) * 1);
    height: calc(clamp(0px, 6.0553633218cqw, 70px) * 1);
    border-radius: calc(clamp(0px, 3.0276816609cqw, 35px) * 1);
    font-size: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .section-header .lead {
    width: 100%;
    height: calc(clamp(0px, 16cqw, 16cqw) * 1);
    border-radius: calc(clamp(0px, 8cqw, 8cqw) * 1);
    font-size: calc(clamp(0px, 3.7333333333cqw, 3.7333333333cqw) * 1);
    line-height: 1.2857142857;
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .section-header .lead span {
    display: contents;
  }
}
.page-boc .section-solution .section-header .lead:before {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: inherit;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .section-header .lead:before {
    top: calc(clamp(0px, 0.2595155709cqw, 3px) * 1);
    bottom: calc(clamp(0px, 0.2595155709cqw, 3px) * 1);
    left: calc(clamp(0px, 0.2595155709cqw, 3px) * 1);
    right: calc(clamp(0px, 0.2595155709cqw, 3px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .section-header .lead:before {
    top: calc(clamp(0px, 0.8cqw, 0.8cqw) * 1);
    bottom: calc(clamp(0px, 0.8cqw, 0.8cqw) * 1);
    left: calc(clamp(0px, 0.8cqw, 0.8cqw) * 1);
    right: calc(clamp(0px, 0.8cqw, 0.8cqw) * 1);
  }
}
.page-boc .section-solution .section-header .title {
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .section-header .title {
    margin-top: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .section-header .title {
    margin-top: calc(clamp(0px, 9.3333333333cqw, 9.3333333333cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item:not(:first-child) {
    margin-top: calc(clamp(0px, 7.785467128cqw, 90px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item:not(:first-child) {
    margin-top: calc(clamp(0px, 12cqw, 12cqw) * 1);
  }
}
.page-boc .section-solution .item .worries {
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: #F8F8F8;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .worries {
    padding: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
    border-radius: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .worries {
    flex-direction: column;
    gap: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
    padding: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
    border-radius: calc(clamp(0px, 4cqw, 4cqw) * 1);
  }
}
.page-boc .section-solution .item .worries dl {
  display: flex;
  align-items: center;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .worries dl {
    gap: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    width: calc(clamp(0px, 43.0795847751cqw, 498px) * 1);
    height: calc(clamp(0px, 14.7058823529cqw, 170px) * 1);
    padding-top: calc(clamp(0px, 2.5951557093cqw, 30px) * 1);
    padding-bottom: calc(clamp(0px, 2.5951557093cqw, 30px) * 1);
    padding-left: calc(clamp(0px, 3.0276816609cqw, 35px) * 1);
    padding-right: calc(clamp(0px, 3.0276816609cqw, 35px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .worries dl {
    gap: calc(clamp(0px, 4cqw, 4cqw) * 1);
    padding-top: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
    padding-bottom: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
    padding-left: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
    padding-right: calc(clamp(0px, 1.3333333333cqw, 1.3333333333cqw) * 1);
  }
}
.page-boc .section-solution .item .worries dl:nth-child(1) {
  border-top-left-radius: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  border-bottom-left-radius: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
}
.page-boc .section-solution .item .worries dl:nth-child(2) {
  border-top-right-radius: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  border-bottom-right-radius: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
}
.page-boc .section-solution .item .worries dt {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-weight: 500;
}
.page-boc .section-solution .item .worries dt div:nth-child(1) {
  color: #B9B9B9;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .worries dt div:nth-child(1) {
    font-size: calc(clamp(0px, 1.124567474cqw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .worries dt div:nth-child(1) {
    font-size: calc(clamp(0px, 2.4cqw, 2.4cqw) * 1);
  }
}
.page-boc .section-solution .item .worries dt div:nth-child(2) {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .worries dt div:nth-child(2) {
    font-size: calc(clamp(0px, 4.6712802768cqw, 54px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .worries dt div:nth-child(2) {
    font-size: calc(clamp(0px, 10.1333333333cqw, 10.1333333333cqw) * 1);
  }
}
.page-boc .section-solution .item .worries dd div {
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .worries dd div:nth-child(1) {
    font-size: calc(clamp(0px, 1.8166089965cqw, 21px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .worries dd div:nth-child(1) {
    font-size: calc(clamp(0px, 3.7333333333cqw, 3.7333333333cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .worries dd div:nth-child(2) {
    font-size: calc(clamp(0px, 2.3356401384cqw, 27px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .worries dd div:nth-child(2) {
    font-size: calc(clamp(0px, 4.8cqw, 4.8cqw) * 1);
  }
}
.page-boc .section-solution .item .worries:before, .page-boc .section-solution .item .worries:after {
  content: "";
  position: absolute;
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .worries:before, .page-boc .section-solution .item .worries:after {
    left: 50%;
    transform: translateX(-50%);
  }
}
.page-boc .section-solution .item .worries:before {
  top: 100%;
  background-color: #F3E2FF;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .worries:before {
    width: calc(clamp(0px, 1.6435986159cqw, 19px) * 1);
    height: calc(clamp(0px, 7.1799307958cqw, 83px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .worries:before {
    width: calc(clamp(0px, 8cqw, 8cqw) * 1);
    height: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
  }
}
.page-boc .section-solution .item .worries:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .worries:after {
    top: calc(100% + clamp(0px, 7.1799307958cqw, 83px) * 1);
    border-right: calc(clamp(0px, 2.1626297578cqw, 25px) * 1) solid transparent;
    border-left: calc(clamp(0px, 2.1626297578cqw, 25px) * 1) solid transparent;
    border-top: calc(clamp(0px, 2.0761245675cqw, 24px) * 1) solid #F3E2FF;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .worries:after {
    top: calc(100% + clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    border-right: calc(clamp(0px, 8cqw, 8cqw) * 1) solid transparent;
    border-left: calc(clamp(0px, 8cqw, 8cqw) * 1) solid transparent;
    border-top: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1) solid #F3E2FF;
  }
}
.page-boc .section-solution .item .solution {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .solution {
    margin-top: calc(clamp(0px, 6.0553633218cqw, 70px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .solution {
    flex-direction: column-reverse;
    margin-top: calc(clamp(0px, 13.3333333333cqw, 13.3333333333cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .solution dl {
    width: calc(clamp(0px, 42.5605536332cqw, 492px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .solution dl {
    margin-top: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
  }
}
.page-boc .section-solution .item .solution dt div {
  white-space: nowrap;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .solution dt div:nth-child(1) {
    font-size: calc(clamp(0px, 2.5951557093cqw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .solution dt div:nth-child(1) {
    font-size: calc(clamp(0px, 4.8cqw, 4.8cqw) * 1);
    text-align: center;
  }
}
.page-boc .section-solution .item .solution dt div:nth-child(2) {
  line-height: 1.33;
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .solution dt div:nth-child(2) {
    font-size: calc(clamp(0px, 3.1141868512cqw, 36px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .solution dt div:nth-child(2) {
    font-size: calc(clamp(0px, 5.8666666667cqw, 5.8666666667cqw) * 1);
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .solution dd {
    margin-top: calc(clamp(0px, 3.2871972318cqw, 38px) * 1);
    font-size: calc(clamp(0px, 1.384083045cqw, 16px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .solution dd {
    margin-top: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    font-size: calc(clamp(0px, 3.4666666667cqw, 3.4666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item .solution img {
    width: calc(clamp(0px, 50.1730103806cqw, 580px) * 1);
  }
}
@media screen and (min-width: 1156px) {
  .page-boc .section-solution .item .solution img {
    width: calc(min(0.2380952381 * (100vw - 1156px) + 580px, 630px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-solution .item .solution img {
    border-radius: calc(clamp(0px, 4cqw, 4cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item:nth-child(odd) .worries:before, .page-boc .section-solution .item:nth-child(odd) .worries:after {
    right: calc(clamp(0px, 21.7560553633cqw, 251.5px) * 1);
    transform: translateX(50%);
  }
  .page-boc .section-solution .item:nth-child(odd) .solution {
    flex-direction: row-reverse;
  }
  .page-boc .section-solution .item:nth-child(odd) .solution img {
    margin-left: calc(clamp(0px, 2.8546712803cqw, 33px) * -1);
    border-top-right-radius: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
    border-bottom-right-radius: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1156px) {
  .page-boc .section-solution .item:nth-child(odd) .solution img {
    margin-left: calc(min(0.4857142857 * (100vw - 1156px) + 33px, 135px) * -1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .page-boc .section-solution .item:nth-child(odd) .solution img {
    border-top-left-radius: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
    border-bottom-left-radius: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-solution .item:nth-child(even) .worries:before, .page-boc .section-solution .item:nth-child(even) .worries:after {
    left: calc(clamp(0px, 21.7560553633cqw, 251.5px) * 1);
    transform: translateX(-50%);
  }
  .page-boc .section-solution .item:nth-child(even) .solution img {
    margin-right: calc(clamp(0px, 2.8546712803cqw, 33px) * -1);
    border-top-left-radius: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
    border-bottom-left-radius: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1156px) {
  .page-boc .section-solution .item:nth-child(even) .solution img {
    margin-right: calc(min(0.4857142857 * (100vw - 1156px) + 33px, 135px) * -1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .page-boc .section-solution .item:nth-child(even) .solution img {
    border-top-right-radius: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
    border-bottom-right-radius: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
  }
}
.page-boc .section-lineup .section-header {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .section-header .title {
    gap: calc(clamp(0px, 2.5951557093cqw, 30px) * 1);
  }
}
.page-boc .section-lineup .section-header .title .en {
  gap: 0.5em;
}
.page-boc .section-lineup .section-header .title .en:before {
  content: "";
  display: block;
  background: url(../img/boc/section_lineup-title-icon.png) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .section-header .title .en:before {
    width: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
    height: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .section-header .title .en:before {
    width: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
    height: calc(clamp(0px, 4cqw, 4cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .section-header .description {
    margin-top: calc(clamp(0px, 3.892733564cqw, 45px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .section-header .description {
    margin-top: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .section-body {
    margin-top: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .section-body {
    margin-top: calc(clamp(0px, 8cqw, 8cqw) * 1);
  }
}
.page-boc .section-lineup .navi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 1px, transparent 1px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 1px;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .navi {
    gap: calc(clamp(0px, 1.2110726644cqw, 14px) * 1);
    padding-bottom: calc(clamp(0px, 4.7577854671cqw, 55px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .navi {
    gap: calc(clamp(0px, 2.4cqw, 2.4cqw) * 1);
    padding-bottom: calc(clamp(0px, 8cqw, 8cqw) * 1);
  }
}
.page-boc .section-lineup .navi .category {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #EFF6F9;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .navi .category {
    width: calc(clamp(0px, 12.9757785467cqw, 150px) * 1);
    height: calc(clamp(0px, 5.1903114187cqw, 60px) * 1);
    font-size: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
    border-radius: calc(clamp(0px, 0.3460207612cqw, 4px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .navi .category {
    width: calc(clamp(0px, 26.4cqw, 26.4cqw) * 1);
    height: calc(clamp(0px, 13.3333333333cqw, 13.3333333333cqw) * 1);
    font-size: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
    border-radius: calc(clamp(0px, 1.0666666667cqw, 1.0666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .navi .category.category-management-system, .page-boc .section-lineup .navi .category.category-business-model {
    width: calc(clamp(0px, 21.6262975779cqw, 250px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .navi .category.category-management-system, .page-boc .section-lineup .navi .category.category-business-model {
    width: calc(clamp(0px, 40.8cqw, 40.8cqw) * 1);
  }
}
.page-boc .section-lineup .navi .category.is-active {
  background-color: #E9E462;
  color: inherit;
}
.page-boc .section-lineup .list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .list {
    margin-top: calc(clamp(0px, 5.1903114187cqw, 60px) * 1);
    gap: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .list {
    margin-top: calc(clamp(0px, 8cqw, 8cqw) * 1);
    gap: calc(clamp(0px, 2.4cqw, 2.4cqw) * 1);
  }
}
.page-boc .section-lineup .item {
  display: flex;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .item {
    width: calc(clamp(0px, 22.4048442907cqw, 259px) * 1);
    border-radius: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .item {
    width: calc(clamp(0px, 43.4666666667cqw, 43.4666666667cqw) * 1);
    border-radius: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
  }
}
.page-boc .section-lineup .item:not(.is-active) {
  display: none;
}
.page-boc .section-lineup .panel {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .panel {
    padding-top: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    padding-bottom: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
    padding-left: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
    padding-right: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel {
    padding-top: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
    padding-bottom: calc(clamp(0px, 1.6cqw, 1.6cqw) * 1);
    padding-left: calc(clamp(0px, 1.6cqw, 1.6cqw) * 1);
    padding-right: calc(clamp(0px, 1.6cqw, 1.6cqw) * 1);
  }
}
.page-boc .section-lineup .panel:hover:before {
  background-color: #A435F0;
  color: #ffffff;
}
.page-boc .section-lineup .panel .image {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .panel .image img {
    width: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel .image img {
    width: calc(clamp(0px, 8cqw, 8cqw) * 1);
  }
}
.page-boc .section-lineup .panel .data {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .panel .data {
    padding-left: calc(clamp(0px, 0.6920415225cqw, 8px) * 1);
    padding-right: calc(clamp(0px, 0.6920415225cqw, 8px) * 1);
    padding-bottom: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel .data {
    padding-left: calc(clamp(0px, 1.6cqw, 1.6cqw) * 1);
    padding-right: calc(clamp(0px, 1.6cqw, 1.6cqw) * 1);
    padding-bottom: calc(clamp(0px, 8cqw, 8cqw) * 1);
  }
}
.page-boc .section-lineup .panel .data .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: content-box;
  font-weight: bold;
  text-align: center;
  background-image: linear-gradient(to right, rgba(164, 53, 240, 0.5) 1px, transparent 1px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 5px 1px;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .panel .data .title {
    min-height: 3.8333333333em;
    padding-top: calc(clamp(0px, 0.4325259516cqw, 5px) * 1);
    padding-bottom: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
    font-size: calc(clamp(0px, 1.5570934256cqw, 18px) * 1);
    line-height: 1.2777777778;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel .data .title {
    min-height: 3.6em;
    font-size: calc(clamp(0px, 3.4666666667cqw, 3.4666666667cqw) * 1);
    padding-top: calc(clamp(0px, 1.3333333333cqw, 1.3333333333cqw) * 1);
    padding-bottom: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
    line-height: 1.2;
  }
}
.page-boc .section-lineup .panel .data dd {
  display: contents;
}
.page-boc .section-lineup .panel .data .teacher {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .panel .data .teacher {
    margin-top: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    font-size: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel .data .teacher {
    margin-top: calc(clamp(0px, 1.3333333333cqw, 1.3333333333cqw) * 1);
    font-size: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
  }
}
.page-boc .section-lineup .panel .data .term {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .panel .data .term {
    font-size: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel .data .term {
    font-size: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .panel .data .text {
    margin-top: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
    font-size: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel .data .text {
    margin-top: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
    font-size: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
  }
}
.page-boc .section-lineup .panel .category {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(clamp(0px, 0.5190311419cqw, 6px) * 1);
  font-weight: bold;
}
.page-boc .section-lineup .panel .category span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eeeeeee;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .panel .category span {
    min-width: calc(clamp(0px, 8.6505190311cqw, 100px) * 1);
    height: calc(clamp(0px, 2.5951557093cqw, 30px) * 1);
    border-radius: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
    font-size: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel .category span {
    min-width: calc(clamp(0px, 21.3333333333cqw, 21.3333333333cqw) * 1);
    height: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    border-radius: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
    font-size: calc(clamp(0px, 1.8666666667cqw, 1.8666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .panel .category span.category-management-system, .page-boc .section-lineup .panel .category span.category-business-model {
    min-width: calc(clamp(0px, 13.8408304498cqw, 160px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel .category span.category-management-system, .page-boc .section-lineup .panel .category span.category-business-model {
    min-width: calc(clamp(0px, 29.3333333333cqw, 29.3333333333cqw) * 1);
  }
}
.page-boc .section-lineup .panel .category span.category-management-system {
  background-color: #CDCBFB;
}
.page-boc .section-lineup .panel .category span.category-business-model {
  background-color: #FACBC7;
}
.page-boc .section-lineup .panel .category span.category-design {
  background-color: #EAFDA3;
}
.page-boc .section-lineup .panel .category span.category-data {
  background-color: #8DFFB5;
}
.page-boc .section-lineup .panel .category span.category-other {
  background-color: #FFCD9B;
}
.page-boc .section-lineup .panel .arrow {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .page-boc .section-lineup .panel .arrow {
    bottom: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
    right: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel .arrow {
    bottom: calc(clamp(0px, 1.0666666667cqw, 1.0666666667cqw) * 1);
    right: calc(clamp(0px, 1.0666666667cqw, 1.0666666667cqw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-lineup .panel .arrow .cmn-link-arrow {
    font-size: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
    right: calc(clamp(0px, 1.6cqw, 1.6cqw) * 1);
    bottom: calc(clamp(0px, 1.6cqw, 1.6cqw) * 1);
    width: calc(clamp(0px, 9.0666666667cqw, 9.0666666667cqw) * 1);
    height: calc(clamp(0px, 9.0666666667cqw, 9.0666666667cqw) * 1);
  }
}
.page-boc .section-useful {
  padding-bottom: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .section-header .title {
    gap: calc(clamp(0px, 2.5951557093cqw, 30px) * 1);
  }
}
.page-boc .section-useful .section-header .title .en {
  gap: 0.5em;
}
.page-boc .section-useful .section-header .title .en:before {
  content: "";
  display: block;
  background: url(../img/boc/section_useful-title-icon.png) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .section-header .title .en:before {
    width: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
    height: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .section-header .title .en:before {
    width: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
    height: calc(clamp(0px, 4cqw, 4cqw) * 1);
  }
}
.page-boc .section-useful .navi {
  margin-top: calc(clamp(0px, 6.0553633218cqw, 70px) * 1);
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi {
    flex-direction: column;
    align-items: center;
    gap: calc(clamp(0px, 8cqw, 8cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .navi li {
    width: calc(clamp(0px, 29.4117647059cqw, 340px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi li {
    width: 100%;
  }
}
.page-boc .section-useful .navi a {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .navi a {
    gap: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi a {
    gap: calc(clamp(0px, 1.3333333333cqw, 1.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .navi dt {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-boc .section-useful .navi dt div {
  position: relative;
}
.page-boc .section-useful .navi dt div:nth-child(1) {
  color: #B9B9B9;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .navi dt div:nth-child(1) {
    font-size: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi dt div:nth-child(1) {
    font-size: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
  }
}
.page-boc .section-useful .navi dt div:nth-child(2) {
  line-height: 1.1;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .navi dt div:nth-child(2) {
    font-size: calc(clamp(0px, 5.0173010381cqw, 58px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi dt div:nth-child(2) {
    font-size: calc(clamp(0px, 10.9333333333cqw, 10.9333333333cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .navi dt img {
    margin-top: calc(clamp(0px, 2.5951557093cqw, 30px) * -1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi dt img {
    margin-top: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * -1);
    width: calc(clamp(0px, 69.3333333333cqw, 69.3333333333cqw) * 1);
    margin-left: auto;
    margin-right: auto;
  }
}
.page-boc .section-useful .navi dd {
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .navi dd {
    margin-top: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi dd {
    margin-top: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
  }
}
.page-boc .section-useful .navi dd picture {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #CECECE;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .navi dd picture {
    width: calc(clamp(0px, 9.0830449827cqw, 105px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi dd picture {
    width: calc(clamp(0px, 18.6666666667cqw, 18.6666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .navi dd picture img {
    width: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi dd picture img {
    width: calc(clamp(0px, 13.3333333333cqw, 13.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .navi dd div {
  flex: 1;
  font-weight: bold;
  letter-spacing: 0.03em;
  text-box-trim: trim-both;
  text-box-edge: text;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .navi dd div {
    padding-left: calc(clamp(0px, 2.1626297578cqw, 25px) * 1);
    font-size: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi dd div {
    padding-left: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    font-size: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .navi .cmn-link-arrow {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .navi .cmn-link-arrow {
    position: absolute;
    bottom: 0;
    right: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * -1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item {
    display: flex;
    flex-direction: column;
  }
}
.page-boc .section-useful .item .keyvisual {
  overflow: hidden;
}
@media screen and (min-width: 1366px) {
  .page-boc .section-useful .item .keyvisual {
    border-bottom-left-radius: calc(clamp(0px, 5.1903114187cqw, 60px) * 1);
    border-bottom-right-radius: calc(clamp(0px, 5.1903114187cqw, 60px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .keyvisual {
    border-top-left-radius: calc(clamp(0px, 5.1903114187cqw, 60px) * 1);
    border-top-right-radius: calc(clamp(0px, 5.1903114187cqw, 60px) * 1);
    margin-inline: calc(max(clamp(0px, 2.5951557093cqw, 30px) * 1, (min(100cqw, 1366px) - clamp(0px, 94.8096885813cqw, 1096px) * 1) / 2) * -1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .keyvisual {
    border-top-left-radius: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    border-top-right-radius: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    margin-inline: calc(clamp(0px, 8cqw, 8cqw) * -1);
  }
}
.page-boc .section-useful .item .item-header {
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .item-header {
    padding-bottom: calc(clamp(0px, 4.7577854671cqw, 55px) * 1);
    background: radial-gradient(circle farthest-side, rgba(164, 53, 240, 0.5), rgba(164, 53, 240, 0.5) 1px, transparent 1px, transparent);
    background-repeat: repeat-x;
    background-position: left bottom -2px;
    background-size: 6px 6px;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .item-header {
    display: contents;
  }
}
.page-boc .section-useful .item .item-header .title {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .item-header .title {
    margin-top: calc(clamp(0px, 10.3806228374cqw, 120px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .item-header .title {
    margin-top: calc(clamp(0px, 10.6666666667cqw, 10.6666666667cqw) * 1);
    align-items: center;
  }
}
.page-boc .section-useful .item .item-header .title .en {
  display: flex;
  align-items: center;
  gap: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .item-header .title .en span:nth-child(1) {
    font-size: calc(clamp(0px, 2.2491349481cqw, 26px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .item-header .title .en span:nth-child(1) {
    font-size: calc(clamp(0px, 5.8666666667cqw, 5.8666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .item-header .title .en span:nth-child(2) {
    font-size: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .item-header .title .en span:nth-child(2) {
    font-size: calc(clamp(0px, 4.2666666667cqw, 4.2666666667cqw) * 1);
  }
}
.page-boc .section-useful .item .item-header .title .ja {
  display: flex;
  align-items: center;
  font-weight: bold;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .item-header .title .ja {
    gap: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
    margin-top: calc(clamp(0px, 2.1626297578cqw, 25px) * 1);
    font-size: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .item-header .title .ja {
    gap: calc(clamp(0px, 1.3333333333cqw, 1.3333333333cqw) * 1);
    margin-top: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    font-size: calc(clamp(0px, 5.8666666667cqw, 5.8666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .item-header .title .ja img {
    width: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .item-header .title .ja img {
    width: calc(clamp(0px, 8cqw, 8cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .item-header .decoration {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .item-header .decoration {
    margin-top: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .item .item-header .decoration img {
  width: auto;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .item-header .decoration img {
    height: calc(clamp(0px, 19.0311418685cqw, 220px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .item-header .decoration img {
    height: calc(clamp(0px, 36cqw, 36cqw) * 1);
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .link {
    position: absolute;
    bottom: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .link {
    margin-top: calc(clamp(0px, 10.6666666667cqw, 10.6666666667cqw) * 1);
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .link .cmn-button {
    width: calc(clamp(0px, 18.1660899654cqw, 210px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .link .cmn-button {
    width: calc(clamp(0px, 69.3333333333cqw, 69.3333333333cqw) * 1);
    margin-left: auto;
    margin-right: auto;
  }
}
.page-boc .section-useful .item .summary {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item .summary {
    margin-top: calc(clamp(0px, 5.6228373702cqw, 65px) * 1);
    margin-bottom: calc(clamp(0px, 6.0553633218cqw, 70px) * 1);
    font-size: calc(clamp(0px, 1.384083045cqw, 16px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item .summary {
    margin-top: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    margin-bottom: calc(clamp(0px, 10.6666666667cqw, 10.6666666667cqw) * 1);
    font-size: calc(clamp(0px, 3.4666666667cqw, 3.4666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 {
    margin-top: calc(clamp(0px, 11.2456747405cqw, 130px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 {
    margin-top: calc(clamp(0px, 21.3333333333cqw, 21.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol {
  position: relative;
  display: flex;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol {
    flex-direction: row;
    gap: calc(clamp(0px, 2.0761245675cqw, 24px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol {
    flex-direction: column;
    gap: calc(clamp(0px, 4.2666666667cqw, 4.2666666667cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol:before, .page-boc .section-useful .item.item-01 .figure ol:after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol:before, .page-boc .section-useful .item.item-01 .figure ol:after {
    top: calc(clamp(0px, 9.5155709343cqw, 110px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol:before, .page-boc .section-useful .item.item-01 .figure ol:after {
    left: 50%;
  }
}
.page-boc .section-useful .item.item-01 .figure ol:before {
  background-color: #F3E2FF;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol:before {
    margin-top: calc(clamp(0px, 0.4325259516cqw, 5px) * -1);
    left: 0;
    right: calc(clamp(0px, 1.7301038062cqw, 20px) * -1);
    height: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol:before {
    margin-left: calc(clamp(0px, 4cqw, 4cqw) * -1);
    top: 0;
    bottom: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * -1);
    width: calc(clamp(0px, 8cqw, 8cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol:after {
  width: 0;
  height: 0;
  border-style: solid;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol:after {
    margin-top: calc(clamp(0px, 1.2975778547cqw, 15px) * -1);
    right: calc(clamp(0px, 2.5951557093cqw, 30px) * -1);
    border-top: calc(clamp(0px, 1.2975778547cqw, 15px) * 1) solid transparent;
    border-bottom: calc(clamp(0px, 1.2975778547cqw, 15px) * 1) solid transparent;
    border-left: calc(clamp(0px, 1.2975778547cqw, 15px) * 1) solid #F3E2FF;
    border-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol:after {
    margin-left: calc(clamp(0px, 8cqw, 8cqw) * -1);
    bottom: calc(clamp(0px, 10.6666666667cqw, 10.6666666667cqw) * -1);
    border-top: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1) solid #F3E2FF;
    border-bottom: 0;
    border-left: calc(clamp(0px, 8cqw, 8cqw) * 1) solid transparent;
    border-right: calc(clamp(0px, 8cqw, 8cqw) * 1) solid transparent;
  }
}
.page-boc .section-useful .item.item-01 .figure ol li {
  position: relative;
  background-color: #F8F8F8;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li {
    width: calc(clamp(0px, 17.3010380623cqw, 200px) * 1);
    border-radius: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li {
    width: 100%;
    border-radius: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol li:nth-child(2):after, .page-boc .section-useful .item.item-01 .figure ol li:nth-child(3):after {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/boc/section_useful-item-01-circle.png) no-repeat center/contain;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li:nth-child(2):after, .page-boc .section-useful .item.item-01 .figure ol li:nth-child(3):after {
    top: calc(clamp(0px, 13.8408304498cqw, 160px) * 1);
    left: calc(clamp(0px, 15.5709342561cqw, 180px) * 1);
    width: calc(clamp(0px, 5.276816609cqw, 61px) * 1);
    height: calc(clamp(0px, 5.1903114187cqw, 60px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li:nth-child(2):after, .page-boc .section-useful .item.item-01 .figure ol li:nth-child(3):after {
    top: calc(clamp(0px, 22.6666666667cqw, 22.6666666667cqw) * 1);
    left: calc(clamp(0px, 70.9333333333cqw, 70.9333333333cqw) * 1);
    width: calc(clamp(0px, 13.0666666667cqw, 13.0666666667cqw) * 1);
    height: calc(clamp(0px, 12.8cqw, 12.8cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol li dl {
  display: flex;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl {
    flex-direction: column;
    padding-left: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
    padding-right: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl {
    flex-direction: row;
    padding-top: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    padding-bottom: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol li dl dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dt {
    height: calc(clamp(0px, 9.5155709343cqw, 110px) * 1);
    padding-top: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    padding-bottom: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    background-image: linear-gradient(to right, #A435F0 1px, transparent 1px);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 4px 1px;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dt {
    width: calc(clamp(0px, 33.3333333333cqw, 33.3333333333cqw) * 1);
    background-image: linear-gradient(to bottom, #A435F0 1px, transparent 1px);
    background-repeat: repeat-y;
    background-position: right top;
    background-size: 1px 4px;
  }
}
.page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(1) {
  font-weight: 500;
  line-height: 1;
  color: #A435F0;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(1) {
    font-size: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(1) {
    font-size: calc(clamp(0px, 1.6cqw, 1.6cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(2) {
  font-weight: 500;
  line-height: 1;
  color: #A435F0;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(2) {
    font-size: calc(clamp(0px, 2.1626297578cqw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(2) {
    font-size: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(3) {
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(3) {
    margin-top: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
    font-size: calc(clamp(0px, 1.384083045cqw, 16px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(3) {
    margin-top: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
    font-size: calc(clamp(0px, 4.2666666667cqw, 4.2666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(3).cmn-en-open {
    font-size: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dt span:nth-child(3).cmn-en-open {
    font-size: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol li dl dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.4;
  text-box-trim: trim-both;
  text-box-edge: text;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dd {
    height: calc(clamp(0px, 13.8408304498cqw, 160px) * 1);
    font-size: calc(clamp(0px, 1.2110726644cqw, 14px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dd {
    flex: 1;
    font-size: calc(clamp(0px, 3.7333333333cqw, 3.7333333333cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dd p:not(:last-child) {
    margin-bottom: calc(clamp(0px, 0.4325259516cqw, 5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dd p:not(:last-child) {
    margin-bottom: calc(clamp(0px, 1.3333333333cqw, 1.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol li dl dd em {
  color: #4A34B9;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dd span {
    font-size: calc(clamp(0px, 1.5570934256cqw, 18px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dd span {
    font-size: calc(clamp(0px, 3.7333333333cqw, 3.7333333333cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dd strong {
    font-size: calc(clamp(0px, 1.9896193772cqw, 23px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dd strong {
    font-size: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol li dl dd strong span {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dd strong span {
    font-size: calc(clamp(0px, 5.1038062284cqw, 59px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .figure ol li dl dd strong span {
    font-size: calc(clamp(0px, 11.7333333333cqw, 11.7333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-01 .figure ol li dl dd sup {
  vertical-align: super;
  font-size: 0.5em;
}
.page-boc .section-useful .item.item-01 .note {
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-01 .note {
    margin-top: calc(clamp(0px, 5.1903114187cqw, 60px) * 1);
    font-size: calc(clamp(0px, 1.2110726644cqw, 14px) * 1);
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-01 .note {
    margin-top: calc(clamp(0px, 13.3333333333cqw, 13.3333333333cqw) * 1);
    font-size: calc(clamp(0px, 3.4666666667cqw, 3.4666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-02 {
    margin-top: calc(clamp(0px, 12.1107266436cqw, 140px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-02 {
    margin-top: calc(clamp(0px, 21.3333333333cqw, 21.3333333333cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 {
    margin-top: calc(clamp(0px, 12.1107266436cqw, 140px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 {
    margin-top: calc(clamp(0px, 21.3333333333cqw, 21.3333333333cqw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure {
    margin-left: calc(clamp(0px, 8cqw, 8cqw) * -1);
    margin-right: calc(clamp(0px, 8cqw, 8cqw) * -1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .block-title {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
  font-weight: bold;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .block-title {
    margin-bottom: calc(clamp(0px, 2.5951557093cqw, 30px) * -1);
    width: calc(clamp(0px, 28.5467128028cqw, 330px) * 1);
    height: calc(clamp(0px, 5.1903114187cqw, 60px) * 1);
    border-radius: calc(clamp(0px, 2.5951557093cqw, 30px) * 1);
    font-size: calc(clamp(0px, 1.5570934256cqw, 18px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .block-title {
    margin-bottom: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * -1);
    width: calc(clamp(0px, 58.6666666667cqw, 58.6666666667cqw) * 1);
    height: calc(clamp(0px, 13.3333333333cqw, 13.3333333333cqw) * 1);
    border-radius: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
    font-size: calc(clamp(0px, 3.7333333333cqw, 3.7333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .block-title:after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: inherit;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .block-title:after {
    top: calc(clamp(0px, 0.2595155709cqw, 3px) * 1);
    bottom: calc(clamp(0px, 0.2595155709cqw, 3px) * 1);
    left: calc(clamp(0px, 0.2595155709cqw, 3px) * 1);
    right: calc(clamp(0px, 0.2595155709cqw, 3px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .block-title:after {
    top: calc(clamp(0px, 0.8cqw, 0.8cqw) * 1);
    bottom: calc(clamp(0px, 0.8cqw, 0.8cqw) * 1);
    left: calc(clamp(0px, 0.8cqw, 0.8cqw) * 1);
    right: calc(clamp(0px, 0.8cqw, 0.8cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .box {
  background-color: #F8F8F8;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .box {
    padding: calc(clamp(0px, 5.1903114187cqw, 60px) * 1) calc(clamp(0px, 3.4602076125cqw, 40px) * 1) calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
    border-radius: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .box {
    padding: calc(clamp(0px, 12cqw, 12cqw) * 1) calc(clamp(0px, 8cqw, 8cqw) * 1) calc(clamp(0px, 8cqw, 8cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-needs,
.page-boc .section-useful .item.item-03 .figure .block .list-point,
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum {
  display: flex;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs,
  .page-boc .section-useful .item.item-03 .figure .block .list-point,
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum {
    flex-direction: row;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs,
  .page-boc .section-useful .item.item-03 .figure .block .list-point,
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum {
    flex-direction: column;
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-needs li,
.page-boc .section-useful .item.item-03 .figure .block .list-point li,
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li,
  .page-boc .section-useful .item.item-03 .figure .block .list-point li,
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li {
    border-radius: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li,
  .page-boc .section-useful .item.item-03 .figure .block .list-point li,
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li {
    border-radius: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl,
.page-boc .section-useful .item.item-03 .figure .block .list-point li > dl,
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: inherit;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs {
    gap: calc(clamp(0px, 1.6435986159cqw, 19px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs {
    gap: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li {
    width: calc(clamp(0px, 28.2006920415cqw, 326px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li {
    width: 100%;
  }
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li:not(:first-child):before, .page-boc .section-useful .item.item-03 .figure .block .list-needs li:not(:first-child):after {
    display: none;
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-needs li:before {
  content: "";
  position: absolute;
  top: 100%;
  display: block;
  background: linear-gradient(to bottom, #F7EBFF, #FFE6E2 100%);
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li:before {
    height: calc(clamp(0px, 32.4394463668cqw, 375px) * 1);
    width: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    left: calc(50% - clamp(0px, 0.8650519031cqw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li:before {
    height: calc(clamp(0px, 240cqw, 240cqw) * 1);
    width: calc(clamp(0px, 8cqw, 8cqw) * 1);
    left: calc(50% - clamp(0px, 4cqw, 4cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-needs li:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li:after {
    top: calc(100% + clamp(0px, 32.4394463668cqw, 375px) * 1);
    left: calc(50% - clamp(0px, 2.1626297578cqw, 25px) * 1);
    border-right: calc(clamp(0px, 2.1626297578cqw, 25px) * 1) solid transparent;
    border-left: calc(clamp(0px, 2.1626297578cqw, 25px) * 1) solid transparent;
    border-top: calc(clamp(0px, 2.1626297578cqw, 25px) * 1) solid #FFE6E2;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li:after {
    top: calc(100% + clamp(0px, 240cqw, 240cqw) * 1);
    left: calc(50% - clamp(0px, 8cqw, 8cqw) * 1);
    border-right: calc(clamp(0px, 8cqw, 8cqw) * 1) solid transparent;
    border-left: calc(clamp(0px, 8cqw, 8cqw) * 1) solid transparent;
    border-top: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1) solid #FFE6E2;
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl {
  align-items: center;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl {
    gap: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    padding: calc(clamp(0px, 2.5951557093cqw, 30px) * 1) calc(clamp(0px, 2.5951557093cqw, 30px) * 1) calc(clamp(0px, 2.5951557093cqw, 30px) * 1) calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl {
    gap: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    padding: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dt {
    width: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dt {
    width: calc(clamp(0px, 13.3333333333cqw, 13.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dt span:nth-child(1) {
  color: #B9B9B9;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dt span:nth-child(1) {
    font-size: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dt span:nth-child(1) {
    font-size: calc(clamp(0px, 2.4cqw, 2.4cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dt span:nth-child(2) {
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dt span:nth-child(2) {
    font-size: calc(clamp(0px, 2.9411764706cqw, 34px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dt span:nth-child(2) {
    font-size: calc(clamp(0px, 10.1333333333cqw, 10.1333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dd {
  flex: 1;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dd {
    font-size: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-needs li > dl > dd {
    font-size: calc(clamp(0px, 4cqw, 4cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point {
    gap: calc(clamp(0px, 1.6435986159cqw, 19px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point {
    gap: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li {
    width: calc(clamp(0px, 28.2006920415cqw, 326px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li {
    width: 100%;
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-point li > dl {
  flex-direction: column;
}
.page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dt {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F06349;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  font-weight: bold;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dt {
    height: calc(clamp(0px, 3.6332179931cqw, 42px) * 1);
    font-size: calc(clamp(0px, 1.124567474cqw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dt {
    height: calc(clamp(0px, 10.6666666667cqw, 10.6666666667cqw) * 1);
    font-size: calc(clamp(0px, 3.4666666667cqw, 3.4666666667cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd {
  display: flex;
  align-items: center;
  flex: 1;
}
.page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dl {
  display: flex;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dl {
    gap: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    padding: calc(clamp(0px, 2.5951557093cqw, 30px) * 1) calc(clamp(0px, 2.5951557093cqw, 30px) * 1) calc(clamp(0px, 2.5951557093cqw, 30px) * 1) calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dl {
    gap: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    padding: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dt {
    width: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dt {
    width: calc(clamp(0px, 13.3333333333cqw, 13.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dt span:nth-child(1) {
  color: #B9B9B9;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dt span:nth-child(1) {
    font-size: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dt span:nth-child(1) {
    font-size: calc(clamp(0px, 2.4cqw, 2.4cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dt span:nth-child(2) {
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dt span:nth-child(2) {
    font-size: calc(clamp(0px, 2.9411764706cqw, 34px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dt span:nth-child(2) {
    font-size: calc(clamp(0px, 10.1333333333cqw, 10.1333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dd {
  flex: 1;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dd {
    font-size: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd dd {
    font-size: calc(clamp(0px, 4cqw, 4cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd small {
    font-size: calc(clamp(0px, 1.124567474cqw, 13px) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-point li > dl > dd em {
  color: #D34025;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum {
    margin-top: calc(clamp(0px, 4.8442906574cqw, 56px) * 1);
    gap: calc(clamp(0px, 0.6920415225cqw, 8px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum {
    margin-top: calc(clamp(0px, 13.3333333333cqw, 13.3333333333cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li {
    width: calc(clamp(0px, 21.4532871972cqw, 248px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li {
    width: 100%;
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl {
  flex-direction: column;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dt {
    flex-direction: column;
    height: calc(clamp(0px, 9.5155709343cqw, 110px) * 1);
    font-size: calc(clamp(0px, 2.2491349481cqw, 26px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dt {
    flex-direction: row;
    height: calc(clamp(0px, 18.6666666667cqw, 18.6666666667cqw) * 1);
    font-size: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dt small {
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dt small {
    font-size: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dt small {
    margin-left: 1em;
    margin-top: 0.5em;
    font-size: calc(clamp(0px, 4cqw, 4cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dt:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
    height: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
    border-top: calc(clamp(0px, 0.6920415225cqw, 8px) * 1) solid #f8f8f8;
    border-right: calc(clamp(0px, 0.6920415225cqw, 8px) * 1) solid #F8F8F8;
    border-bottom: calc(clamp(0px, 0.6920415225cqw, 8px) * 1) solid transparent;
    border-left: calc(clamp(0px, 0.6920415225cqw, 8px) * 1) solid transparent;
    transform: translate(50%, -50%) rotate(45deg);
    box-sizing: content-box;
    background-color: inherit;
    z-index: 2;
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd {
    padding: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    font-size: calc(clamp(0px, 1.4705882353cqw, 17px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd {
    padding: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    font-size: calc(clamp(0px, 4.2666666667cqw, 4.2666666667cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd dl {
  height: 100%;
  text-align: left;
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd dt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to right, #A435F0 1px, transparent 1px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 1px;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd dt {
    padding-bottom: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
    margin-bottom: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
    font-size: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd dt {
    padding-bottom: calc(clamp(0px, 4cqw, 4cqw) * 1);
    margin-bottom: calc(clamp(0px, 4cqw, 4cqw) * 1);
    font-size: calc(clamp(0px, 4cqw, 4cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd dd {
  display: flex;
  flex: 1;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd dd {
    font-size: calc(clamp(0px, 1.124567474cqw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd dd {
    font-size: calc(clamp(0px, 3.4666666667cqw, 3.4666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd small {
    font-size: calc(clamp(0px, 1.124567474cqw, 13px) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li > dl > dd em {
  color: #D34025;
  font-weight: 500;
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:nth-child(1) > dl > dt {
  background-color: #F87159;
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:nth-child(2) > dl > dt {
  background-color: #ED5B41;
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:nth-child(3) > dl > dt {
  background-color: #D34026;
}
.page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:nth-child(4) > dl > dt {
  background-color: #C42E14;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:nth-child(1) > dl {
    border-bottom-left-radius: inherit;
  }
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:nth-child(1) > dl > dt {
    border-top-left-radius: inherit;
  }
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:nth-child(4) > dl {
    border-bottom-right-radius: inherit;
  }
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:nth-child(4) > dl > dt {
    border-top-right-radius: inherit;
  }
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:nth-child(4) > dl > dt:after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:not(:last-child) > dl {
    padding-bottom: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
    margin-bottom: calc(clamp(0px, 3.2cqw, 3.2cqw) * -1);
  }
  .page-boc .section-useful .item.item-03 .figure .block .list-curriculum li:last-child > dl {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
}
.page-boc .section-useful .item.item-03 .figure .block-needs .block-title {
  background-color: #A435F0;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block-curriculum {
    margin-top: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block-curriculum {
    margin-top: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block-curriculum .block-title {
  background-color: #F06349;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block-example {
    margin-top: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block-example {
    margin-top: calc(clamp(0px, 10.6666666667cqw, 10.6666666667cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block-example .box {
  padding-top: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
}
.page-boc .section-useful .item.item-03 .figure .block-example .box dl {
  display: flex;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dl {
    border-radius: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dl {
    flex-direction: column;
    border-radius: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block-example .box dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dt {
    width: calc(clamp(0px, 19.8961937716cqw, 230px) * 1);
    font-size: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dt {
    width: 100%;
    height: calc(clamp(0px, 24cqw, 24cqw) * 1);
    font-size: calc(clamp(0px, 4.8cqw, 4.8cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dt span {
    font-size: calc(clamp(0px, 2.0761245675cqw, 24px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dt span {
    font-size: calc(clamp(0px, 5.8666666667cqw, 5.8666666667cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block-example .box dd {
  flex: 1;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dd {
    padding: calc(clamp(0px, 3.0276816609cqw, 35px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dd {
    padding: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block-example .box dd ul {
  display: grid;
  gap: 1em;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dd ul {
    grid-template-columns: repeat(3, auto);
  }
}
.page-boc .section-useful .item.item-03 .figure .block-example .box dd li {
  position: relative;
  padding-left: 1em;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dd li {
    font-size: calc(clamp(0px, 1.2110726644cqw, 14px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dd li {
    font-size: calc(clamp(0px, 3.7333333333cqw, 3.7333333333cqw) * 1);
  }
}
.page-boc .section-useful .item.item-03 .figure .block-example .box dd li:before {
  content: "";
  position: absolute;
  left: 0;
  background-color: #A435F0;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dd li:before {
    top: calc(0.8em - clamp(0px, 0.2595155709cqw, 3px) * 1);
    width: calc(clamp(0px, 0.5190311419cqw, 6px) * 1);
    height: calc(clamp(0px, 0.5190311419cqw, 6px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .item.item-03 .figure .block-example .box dd li:before {
    top: calc(0.8em - clamp(0px, 0.8cqw, 0.8cqw) * 1);
    width: calc(clamp(0px, 1.6cqw, 1.6cqw) * 1);
    height: calc(clamp(0px, 1.6cqw, 1.6cqw) * 1);
  }
}
.page-boc .section-useful .teacher-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .teacher-list {
    gap: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .teacher-list {
    gap: calc(clamp(0px, 4.2666666667cqw, 4.2666666667cqw) * 1);
  }
}
.page-boc .section-useful .teacher-list .item {
  display: flex;
  background-color: #F8F8F8;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .teacher-list .item {
    gap: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    width: calc(clamp(0px, 46.5397923875cqw, 538px) * 1);
    padding: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
    border-radius: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .teacher-list .item {
    border-radius: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .teacher-list .item dt {
    width: calc(clamp(0px, 15.5709342561cqw, 180px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .teacher-list .item dt img {
    border-radius: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .teacher-list .item dt img {
    border-radius: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
  }
}
.page-boc .section-useful .teacher-list .item dt p {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .teacher-list .item dt p {
    margin-top: calc(clamp(0px, 0.8650519031cqw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .teacher-list .item dt p {
    margin-top: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
  }
}
.page-boc .section-useful .teacher-list .item dt p span:nth-child(1) {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .teacher-list .item dt p span:nth-child(1) {
    font-size: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .teacher-list .item dt p span:nth-child(1) {
    font-size: calc(clamp(0px, 5.8666666667cqw, 5.8666666667cqw) * 1);
  }
}
.page-boc .section-useful .teacher-list .item dt p span:nth-child(2) {
  color: #249FA1;
  font-weight: bold;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .teacher-list .item dt p span:nth-child(2) {
    font-size: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .teacher-list .item dt p span:nth-child(2) {
    font-size: calc(clamp(0px, 3.7333333333cqw, 3.7333333333cqw) * 1);
  }
}
.page-boc .section-useful .teacher-list .item dt p span:nth-child(2):before {
  content: "/";
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.page-boc .section-useful .teacher-list .item dd {
  flex: 1;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .page-boc .section-useful .teacher-list .item dd {
    padding: calc(clamp(0px, 0.8650519031cqw, 10px) * 1) calc(clamp(0px, 0.4325259516cqw, 5px) * 1);
    font-size: calc(clamp(0px, 1.0380622837cqw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-useful .teacher-list .item dd {
    padding: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1) calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1) calc(clamp(0px, 8cqw, 8cqw) * 1);
    font-size: calc(clamp(0px, 3.4666666667cqw, 3.4666666667cqw) * 1);
  }
}
.page-boc .section-support {
  background-image: linear-gradient(rgba(74, 52, 185, 0.93), rgba(164, 53, 240, 0.93)), url(../img/boc/section_support-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .page-boc .section-support {
    margin-top: calc(clamp(0px, 11.2456747405cqw, 130px) * 1);
    margin-bottom: calc(clamp(0px, 13.8408304498cqw, 160px) * 1);
    margin-left: calc(clamp(0px, 2.5951557093cqw, 30px) * 1);
    margin-right: calc(clamp(0px, 2.5951557093cqw, 30px) * 1);
    padding-bottom: calc(clamp(0px, 10.3806228374cqw, 120px) * 1);
    border-radius: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-support {
    margin-top: calc(clamp(0px, 10.6666666667cqw, 10.6666666667cqw) * 1);
    margin-bottom: calc(clamp(0px, 26.6666666667cqw, 26.6666666667cqw) * 1);
    margin-left: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    margin-right: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    padding-bottom: calc(clamp(0px, 16cqw, 16cqw) * 1);
    border-radius: calc(clamp(0px, 4cqw, 4cqw) * 1);
  }
}
.page-boc .section-support .section-header {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .page-boc .section-support .section-header .title {
    gap: calc(clamp(0px, 2.5951557093cqw, 30px) * 1);
  }
}
.page-boc .section-support .section-header .title .en {
  gap: 0.5em;
}
.page-boc .section-support .section-header .title .en:before {
  content: "";
  display: block;
  background: url(../img/boc/section_support-title-icon.svg) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  .page-boc .section-support .section-header .title .en:before {
    width: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
    height: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-support .section-header .title .en:before {
    width: calc(clamp(0px, 3.2cqw, 3.2cqw) * 1);
    height: calc(clamp(0px, 4cqw, 4cqw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-support .section-header .title .ja {
    font-size: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
  }
  .page-boc .section-support .section-header .title .ja strong {
    font-size: calc(clamp(0px, 6.6666666667cqw, 6.6666666667cqw) * 1);
  }
}
.page-boc .section-support .section-header .description {
  margin-top: calc(clamp(0px, 3.4602076125cqw, 40px) * 1);
}
.page-boc .section-support .list {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .page-boc .section-support .list {
    margin-top: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
    gap: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-support .list {
    margin-top: calc(clamp(0px, 9.3333333333cqw, 9.3333333333cqw) * 1);
    flex-direction: column;
    align-items: center;
    gap: calc(clamp(0px, 8cqw, 8cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-support .item {
    width: calc(clamp(0px, 23.0103806228cqw, 266px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-support .item {
    width: calc(clamp(0px, 58.6666666667cqw, 58.6666666667cqw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-support .item .img {
    width: calc(clamp(0px, 53.3333333333cqw, 53.3333333333cqw) * 1);
    margin-left: auto;
    margin-right: auto;
  }
}
.page-boc .section-support .item .txt {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .page-boc .section-support .item .txt {
    margin-top: calc(clamp(0px, 2.1626297578cqw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-support .item .txt {
    margin-top: calc(clamp(0px, 2.6666666667cqw, 2.6666666667cqw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-boc .section-support .item .txt img {
    width: calc(clamp(0px, 4.3252595156cqw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-support .item .txt img {
    width: calc(clamp(0px, 13.3333333333cqw, 13.3333333333cqw) * 1);
  }
}
.page-boc .section-support .item .txt div {
  border-left: 1px solid #ffffff;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.4;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .page-boc .section-support .item .txt div {
    margin-left: calc(clamp(0px, 1.2975778547cqw, 15px) * 1);
    padding-left: calc(clamp(0px, 2.1626297578cqw, 25px) * 1);
    font-size: calc(clamp(0px, 1.7301038062cqw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-support .item .txt div {
    margin-left: calc(clamp(0px, 4cqw, 4cqw) * 1);
    padding-left: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
    font-size: calc(clamp(0px, 5.3333333333cqw, 5.3333333333cqw) * 1);
  }
}
.page-boc .section-support .note {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-boc .section-support .note {
    margin-top: calc(clamp(0px, 5.6228373702cqw, 65px) * 1);
    font-size: calc(clamp(0px, 1.6435986159cqw, 19px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-boc .section-support .note {
    margin-top: calc(clamp(0px, 10.6666666667cqw, 10.6666666667cqw) * 1);
    font-size: calc(clamp(0px, 3.7333333333cqw, 3.7333333333cqw) * 1);
    line-height: 1.8857142857;
  }
}
.page-boc .section-support .note u {
  text-decoration-thickness: 2px;
  text-decoration-color: #E9E462;
}